@import url('normalize.css');
@import url("style-intranet.css");

* { margin: 0; padding: 0; outline: 0; }
body, html { height: 100%; }

body {
	font-size: 12px;
	line-height: 18px;
	font-family: 'Nunito', sans-serif !important;
	color: #818181;
	min-width: 100%;
	margin:0;
	padding:0;
	background:#FFF;
	  overflow-x: hidden;

}

body a {color: #0252aa; text-decoration: none; cursor: pointer; }
body a:hover{ color:#cc1515;}

::selection 	 	{background: #6d6d6d; color: #fff; }
::-moz-selection 	{background: #6d6d6d; color: #fff; }

a img { border: 0; }
a.more:hover { text-decoration: none;  }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#main p{ 
    line-height: 23px;}
article, aside, details, footer, header, menu, nav, section { display: block; }
ul{ list-style:none;}

	

	h1{ margin:0;}
	h2{ font-weight:400; margin:20px 0; font-size:18px; color:#333;}
	h3{ color: #187cbe; margin:8px 0; font-size:20px; font-weight:400; }
	h4{ font-size:18px; font-weight:500; }
		h4:after{ content:''; background:url(../images/line-foot.png) no-repeat center top; width:100%; display:block; height:30px; margin-top:20px;}
	

.contenedor { width:1020px; margin:0 auto;}

.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.relative{ position:relative;}

.padd5{ padding:5px 0;}
.padd10{ padding:10px;}
.padd15{ padding:15px 0;}
.padd20{ padding:20px;}

.col1{ width:560px;}
.col2{ width:400px; height:100%; background:url(../images/col_bg1.png) #F4F3F3 repeat-y; }
.col3{ width:400px;}

.line{ border-bottom:1px dotted #a9a9a9;}

.resalt{ font-size:16px; color:#333;}

#header{}
	
	#logo{ float:left; margin:5px 0;}
	#logo a{ display:block;}
	.redes{ float:left; margin:10px 40px 0 0;}
	.telefono{text-align:center; line-height:13px; margin-top:5px; float:right; margin-bottom:8px; margin-right:100px;}
	.telefono span{ display: block;
    color: #3ad5f8;
    font-size: 18px;
    margin-top: 8px;
}
	
	#navigation{ 
    position: absolute;
	border-radius:10px;
    top: 60px;
    right: -165px;
    z-index: 9988888899;
	background:url(../images/nav.png);
	}
	#navigation li{ float:left;}
	#navigation li a{   
	     font-weight: bold;
    display: block;
    padding: 10px 10px;
    margin: 5px 19px;
    color: #ffffff;
    font-size: 12px;
	}
	#navigation li a:hover{     text-decoration: none;
    background-color: rgba(238,238,238,0.2);
    border-radius: 2px;
    box-shadow: 0 1px 5px rgba(121,121,121,0.6);
    cursor: pointer;}
	
	#celular{ position:absolute; top:30px; right:0; z-index:9997777788888999999 !important;}
	#celular img{    display: block!important;
    -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
    transition: transform 1s ease-out;}
	#celular img:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
	
	
	.marg{ margin-left:79px;}
	.marg1{ margin-right:239px;}
	.flexslider .contenedor{ height:100%;}
	#banner{ text-align: center;
    padding: 60px 0;}
		.bg1{ background:url(../images/banner1.jpg) no-repeat top center}
		.bg2{ background:url(../images/banner2.jpg) no-repeat top center}
		.bg3{ background:url(../images/banner3.jpg) no-repeat top center}
		.bg4{ background:url(../images/banner4.jpg) no-repeat top center}
		#banner h3{     color: #FFF;
    font-size: 47px;
    line-height: normal;
    font-weight: bold;} 
	#banner1 h3{
		text-align:center;   
	color: #FFF;
    font-size: 47px;
    line-height: normal;
    font-weight: bold;} 
		#banner h4{ color:#e7e7e7; font-size:20px;}
		
		.titulo h2{ position: absolute;
    top: -436px;
    left: 0;
    z-index: 8999;
    padding: 20px;
    color: #fff;
    font-size: 24px;
    line-height: 30px;}
		
		.barra-white{     position: absolute;
    top: -315px;
    left: 0px;
    z-index: 9999;
    text-align: center;
    padding: 10px 15px;}
		.ico{ position:relative; float:left; margin-right:18px;}
		.ico a{ color: #000;}
		.ico a:hover{ color:#cb0000;}
		.ico p{ line-height:12px !important; margin-top:4px; font-size:12px; margin-top:0;}
			.asesoria{     background: url(../images/monitor.png) no-repeat;
    width: 90px;
    height: 90px;
    display: block;
    position: absolute;
    top: 7px;
    left: 7px;}
			.procesos{ background: url(../images/seguridad.png) no-repeat; width:100px; height:90px; display:block; position:absolute; top:7px; left:7px;}
			.proyecto{ background: url(../images/ambiental.png) no-repeat; width:100px; height:90px; display:block; position:absolute; top:7px; left:6px;}
			.security{ background: url(../images/desarrollo.png) no-repeat; width:100px; height:90px; display:block; position:absolute; top:7px; left:12px;}
			.plan{    background: url(../images/sistema.png) no-repeat;
    width: 100px;
    height: 90px;
    display: block;
    position: absolute;
    top: 7px;
    left: 6px;}
			.evaluacion{    background: url(../images/evaluacion.png) no-repeat;
    width: 100px;
    height: 90px;
    display: block;
    position: absolute;
    top: 7px;
    left: 6px;}
			
		.ico img{    moz-transition: all 0.8s linear;
    -webkit-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
    -ms-transition: all 0.8s linear;
    transition: all 0.8s linear;}
		.ico:hover img{-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);}
/* main */
.call{ position:absolute; top:85px; right:0;}
.box-1{ width:260px;}

.more1{    background-color: #187cbe;
    border: none;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    padding: 10px 20px;
	text-align:center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    transition: 0.5s;}
.more1:hover{ background:#292929; color:#FFF;}

.more2{ background:url(../images/icons/arrow1.png) 0 2px no-repeat; padding-left:20px; color:#be2622; transition:all .4s;}
.more2:hover{background:url(../images/icons/arrow1.png) 5px 2px no-repeat;}

.noticias li{ box-shadow:0 0 10px #c7c7c7; padding:20px; min-height:180px; margin-bottom:25px;}
.noticias li .imagen{ width:210px; border:#202020 2px solid; margin-right:20px; height:auto; background:#202020;}
.noticias li .imagen img{ width:100%; margin:0; padding:0;}
.noticias li .info{ width:280px;}
	.info .tit{ border-bottom:#D6D6D6 1px dotted; padding-bottom:10px; font-family: 'Poppins', sans-serif; font-size:16px; color:#000;}

	.noticias-int .number{ float:left; margin-right:30px;   font-family: 'Poppins', sans-serif; background:url(../images/icons/calendario.png) 8px top  no-repeat; padding-top:20px; border-right: #ebebeb 1px solid; padding-right:20px; min-height:160px;	}
	.noticias-int .number .digito{ font-size:26px; color:#d63030;}
	.noticias-int .number span{ display:block; font-size:18px; margin:15px 0; text-align:center;}
	.noticias-int li{ box-shadow:0 0 10px #c7c7c7; padding:20px; min-height:180px; margin-bottom:25px;}
.noticias-int li .imagen{ width:240px; border:#202020 2px solid; margin-right:20px; height:auto; background:#202020;}
.noticias-int li .imagen img{ width:100%; margin:0; padding:0;}
.noticias-int li .info{ width:610px;}
.noticias-int li .info-int{ width:880px;}
	.info .tit, .info-int .tit{ border-bottom:#D6D6D6 1px dotted; padding-bottom:10px; font-family: 'Poppins', sans-serif; font-size:16px; color:#000;}
	.info .tit:hover, .info-int .tit:hover{ color:#D70005;}


	.servicios{ text-align:center;}
	.servicios  h3{ text-align:center; font-size:16px; margin-bottom:0; min-height:40px; line-height:20px;}
	.servicios  h3:hover{ color:#333;}
	.servicios li{ width:320px; display:inline-block; margin:0 5px 60px 5px;}

	.servicios .box1{ background:#eeeeee; padding:25px; border-radius:4px; position:relative;}
	.servicios .box1 .ico1{ position:absolute; top:-15px; right:140px;}

	.clientes { text-align:center;}
	.clientes li{ border:#767676 2px solid; display: inline-block; position:relative; overflow: hidden; margin:30px;}
	.clientes li .hov{ background: url(../images/hov.png) no-repeat; position:absolute; bottom:0 ; right:-10px; width:40px; height:55px; transition:all .5s;}
	.clientes li:hover .hov{width:60px;}
	
	.ic{ position:absolute; top:50px; right:450px;}
	
	.puestos li{ margin-bottom:15px;}
	.puestos li span{ display:block; font-size:11px; border-top:#d8d8d8 1px dotted; padding-top:4px;}
	.puestos li  a, .puestos li .ti{ color:#B00004; display:block; border:0; border-bottom:#d8d8d8 1px dotted; padding-top:4px;}
	.puestos li p{ padding:10px 15px;}
	
	.bolsa{ padding:20px; margin-top:10px;}
		.mujer{ position:absolute; top:20px; right:100px;}
	
	.diagrama .lin{ border-right:#E9E9E9 1px solid; width:500px; height:550px;}
		.caja1 h3, .caja2 h3, .caja3 h3, .caja4 h3{ color:#FFF; font-size: 14px; border-bottom:dashed 1px #CCC; padding-bottom:5px;}
		.caja1 p, .caja2 p, .caja3 p, .caja4 p{ line-height:14px !important; color:#ededed;}
		.caja1{  border-radius:10px; padding:15px 25px; width:350px; position:absolute; top:50px; left:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c74b4b+0,990f0f+100 */
background: #c74b4b; /* Old browsers */
background: -moz-linear-gradient(top, #c74b4b 0%, #990f0f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c74b4b), color-stop(100%,#990f0f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c74b4b 0%,#990f0f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c74b4b 0%,#990f0f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c74b4b 0%,#990f0f 100%); /* IE10+ */
background: linear-gradient(to bottom, #c74b4b 0%,#990f0f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c74b4b', endColorstr='#990f0f',GradientType=0 ); /* IE6-9 */}
		.caja1-1{ position:absolute; top:80px; left:400px;}
		
		.caja2{  border-radius:10px; padding:15px 25px; width:350px; position:absolute; top:150px; right:18px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c74b4b+0,990f0f+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a4a4a+0,2f2f2f+100 */
background: #4a4a4a; /* Old browsers */
background: -moz-linear-gradient(top, #4a4a4a 0%, #2f2f2f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4a4a4a 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4a4a4a 0%,#2f2f2f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4a4a4a 0%,#2f2f2f 100%); /* IE10+ */
background: linear-gradient(to bottom, #4a4a4a 0%,#2f2f2f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */}
	.caja2-1{ position:absolute; top:180px; right:418px;}
	
	.caja3{  border-radius:10px; padding:15px 25px; width:350px; position:absolute; top:250px; left:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c74b4b+0,990f0f+100 */
background: #c74b4b; /* Old browsers */
background: -moz-linear-gradient(top, #c74b4b 0%, #990f0f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c74b4b), color-stop(100%,#990f0f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c74b4b 0%,#990f0f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c74b4b 0%,#990f0f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c74b4b 0%,#990f0f 100%); /* IE10+ */
background: linear-gradient(to bottom, #c74b4b 0%,#990f0f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c74b4b', endColorstr='#990f0f',GradientType=0 ); /* IE6-9 */}
		.caja3-1{ position:absolute; top:280px; left:400px;}
		
	.caja4{  border-radius:10px; padding:15px 25px; width:350px; position:absolute; top:350px; right:18px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c74b4b+0,990f0f+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a4a4a+0,2f2f2f+100 */
background: #4a4a4a; /* Old browsers */
background: -moz-linear-gradient(top, #4a4a4a 0%, #2f2f2f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4a4a4a 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4a4a4a 0%,#2f2f2f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4a4a4a 0%,#2f2f2f 100%); /* IE10+ */
background: linear-gradient(to bottom, #4a4a4a 0%,#2f2f2f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */}
	.caja4-1{ position:absolute; top:380px; right:418px;}

	.sumilla{ margin:50px 0 20px 0;}
	.sumilla .ico-serv{ float: left; margin:5px 25px 5px 0;}
	.sumilla .texto{ width:870px; float: right; padding:20px 0;}
	
	.borde{ box-shadow:#c2c2c2 0 0 7px; padding:14px;}
	
	.lista1{ float:right; width:520px; margin:20px 0;}
	.lista1 li{ background:url(../images/icons/arrow2.png) 0 2px no-repeat; padding:0 0 5px 19px; margin-bottom:15px;}

.mision{    width: 287px;
    float: left;
    margin: 10px 26px;
    der: #EAEAEA 1px solid;
    padding: 15px;}
.mision h3{ border-bottom:#dfdfdf 3px solid; padding-bottom:6px;}

/* Formulario */
.formulario{ width: 782px; margin:0 auto;}
.formulario p{     width: 359px;
    float: left;
    margin: 0 23px 25px 0;}
.formulario .campo{     width: 91%;
    border: 1px solid #dddddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    height: 45px;
    padding: 0 15px;
    font: 500 14px 'Poppins', sans-serif;
    color: #b6b6b6;
}

.formulario textarea{border: 1px solid #dddddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    height: 105px;
	width:91%;
    padding: 10px 15px;

     font: 500 14px 'Poppins', sans-serif;
    color: #b6b6b6;}

.formulario .enviar{ background:#187cbe; color:#FFF; font: 400 14px 'Poppins', sans-serif; padding: 10px 15px; border:0; width:95%;}
.formulario .enviar:hover{background:#545454;}


.formulario2{ }
.formulario2 p{     width: 359px;
    float: left;
    margin: 0 23px 25px 0;}
.formulario2 .campo{     width: 60%;
    border: 1px solid #dddddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    height: 45px;
    padding: 0 15px;
    font: 500 14px 'Poppins', sans-serif;
    color: #b6b6b6;
	margin:10px 0;
}


.formulario2 .enviar{ background:#b11818; color:#FFF; font: 400 14px 'Poppins', sans-serif; padding: 10px 15px; border:0; width:100%;}
.formulario2 .enviar:hover{background:#545454;}


/* SOCIOS */
.socios{ text-align:center;}
.socios li{ width:200px; margin:20px 5px; border:#CCC 1px solid; display:inline-block; padding:20px; min-height:520px; vertical-align: top;}

.socios li h4:after{ display:none;}

#footer{    background: rgb(0, 59, 118);
    color: #FFF;
    padding: 40px 0 0 0;}
#footer h4{ text-transform:uppercase; font-weight:300; color:#FFF; text-align:center; padding:30px 0; }
	.datos { text-align:center;}
	.datos li{    border-right: #3ad5f8 1px solid; display:inline-block; text-align:left; padding-right:45px;  padding-left:60px; vertical-align:top; margin-right:30px; min-height:50px;}
	.datos li a{color:#FFF !important; text-decoration:none !important;}
	.dir{ background:url(../images/icons/dir.png) no-repeat;}
	.mail{ background:url(../images/icons/mail.png) no-repeat; border-right:0 !important; padding-right:0 !important; margin-right:0 !important;}
	.phone{ background:url(../images/icons/phone.png) no-repeat;}
	
	.copy{ background:#252525; height:40px; padding:10px 0 ; font-size:11px; color:#818181;}
#footer  a{ color:#999; text-decoration:underline;}	

.franja_menu input, .franja_menu  label{ display:none;}

@media (max-width:1020px){
	.contenedor{ width:100%;}	
	.pad{ padding:15px;}
	.noticias-int .number{ display:none;}
}
@media (max-width:975px){
	#navigation li a{ display:block; padding:15px 25px; border-right:#323232 1px solid; color: #fff; font-family: 'Poppins', sans-serif; }
/*	.left,.right{ float:none;}*/
	.col1{ width:55%;}
	.col2{ width:40%; height:100%; background:url(../images/col_bg1.png) #F4F3F3 repeat-y; }
	
	.noticias li .imagen{ width:40%;}
.noticias li .info{ width:50%;}
	h4:after{ display:none;}
	
	.mision{ width:auto; float: none; margin:10px 0 10px 0;}
	.noticias-int li .imagen{ width:40%; border:0; margin-right:0;}
	
	.lista1{ width:40%; margin:20px 0;}
	
	}
@media (max-width:850px){
	#navigation{ background:#252525; position: inherit; top:0; right:0; z-index:9999; border-radius:3px; display: block; width:100%; height:50px;}
	#navigation li a{ padding:15px 10px;}
	.call{ display:none;}
	.box-1{ width:100%}
	
	.datos { text-align: left; margin:0 20px;}
	.datos li{ border-right:#cf514e 1px solid; display:block; margin-right:0; margin-bottom:15px;}
	
	.left,.right{ float:none;}
	.noticias li .imagen { border:0;}
	.noticias li .imagen img{ width:40%; margin:0 auto;}
	
	

	.formulario{ width: auto; margin:0 auto;}

	

}

@media (max-width:600px){
	
	.franja_menu  label
	{
		text-align:center;
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 30px;
		background-color:#d33a36;
		color:#fff;
		cursor: pointer;
		position: absolute;
		z-index: 2;
		top: 0;
		right: 0;
		z-index:999999999;
	}
	.franja_menu  input:checked + nav
	{
		opacity: 1;
		display:inherit;
		transform:translateY(0px);
	}
	.franja_menu  nav{
		position: absolute;
		opacity: 0;
		width: 100%;
		display: none;
		transition:transform 0s 0s, opacity 1s .1s;
		z-index:9998888889;
		background:#045597;
		
	}
	.franja_menu nav li
	{
		display: block;
		margin:0;
		padding:0;
	}
	#navigation{ position:absolute; height:auto;}
	#navigation li{ float:none;}
	#navigation li a{ padding:15px 10px; display:block !important;}
	.barra-white{ position: inherit; top:0;  left:0; background:#f5f1f1; border-bottom:#ede9e9 1px solid;}
	.barra-white:after{ content:''; display:block; width:100%; clear:both;}
	.barra-white a{ color:#333;}
	
	#celular{ display:none;}
	
	.copy{ height:auto; padding:20px;}
	
	.datos .phone, .datos .dir	{ border-right:0 !important;  padding-right:0 !important; display:block !important;}
	
	.lista1{ width:100%; display:block;}
	.telefono{ margin-right:8px;}
	}
@media (max-width:500px){
	.borde1{ width:100%; padding:0;}
	.formulario p{     width: 100%;
    float: left;
    margin: 0 23px 25px 0;}
	
	
	.barra-white{ padding:0;}
	.barra-white .ico img{ display:none;}
	.barra-white .ico br{ display: none}
	.barra-white .ico {display:block; width:100%; float:none; text-align:left; background:#d33a36; border-bottom: #e1413d 1px solid;}
	.barra-white .ico a{ background-image:none; color:#FFF; padding:5px; display:block; }
	.barra-white p{ margin:0 !important;}
}
@media (max-width:340px){
	.servicios li{ width:100%; display:block;}
	.servicios li img{ width:100%;}

}

/*Cambios nav*/
.contenedor1{
	width: 910px;
    height: 48px;
    margin: 0 auto;}
.contenedor100{
	width: 100%;
    background: #187cbe;}
	
#noticias1 h3{
	font-size: 2.2em;
    color: #187cbe;
    text-transform: uppercase;
    text-align: left;
	font-weight: bold;}
	
#noticias1 .col-md-7{
	background-color: rgba(238,238,238,0.2);
    border-radius: 2px;
    box-shadow: 0 1px 5px rgba(121,121,121,0.6);
    margin: 24px 0;}
	
#noticias1 .col-md-5{
	margin: 24px 0;}	
	
#noticias1 ul li{
	display: inline-block;
	width: 403px;
    background: #FFF;
    background-color: rgba(238,238,238,0.2);
    box-shadow: 0 1px 5px rgba(121,121,121,0.6);
    margin: 0 3px 8px;}	
	
#noticias1 .sumilla{
	font-size: 1.2em;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    padding: 12px 0px;}
	
#noticias1 .cara-info h5{
	text-align: left;
    padding: 6px 0;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: none;
    color: #187cbe;
    margin: 2px 0 0;}	
	
#noticias1 .cara-info .pie{
	display: inline-block;
    color: #373550;
    padding: 6px 0;
    margin-bottom: 2px;
    text-transform: uppercase;}
	
#noticias .glyphicon{
	padding: 0 10px;
    color: #187cbe;}
	
#noticias1 .line-celeste{
	background-color: #003f7f;
    width: 20%;
    height: 2px;
    margin: 8px 0 024px;}
#noticias1 .img-thumbnail{
	    padding: 0;
    border-radius: 0;
    max-height: 110px;
    max-width: none;}
#noticias1 .img-noticias{
	     display: inline-block;
    width: 29%;
    overflow: hidden;
    position: relative;
    margin-left: 6px;
    margin-top: 8px;
    background-size: cover;
    background-position: 50%;}
	
#noticias1 .img-noticias:hover .black{
	background: rgba(0,198,237,0.7);
    left: 0px;
	}
	
.black{
	 padding: 55px 16px;
    z-index: 10;
    background: rgba(0,198,237,0.7);
    display: inline-block;
    bottom: 0px;
    transition: all linear 0.3s;
    left: -148px;
    width: 100%;
    position: absolute;
    color: white;
    box-sizing: border-box;
	}
	
.cruz{
	position: absolute;
    top: 22px;
    left: 40px;}

#noticias1 .cara-info{
	padding: 0 16px;
    display: inline-block;
    vertical-align: top;
    max-width: 68%;}
.noticias-index{
	width: 1020px;
    margin: 0 auto;
    margin-bottom: 10px;}
.noticias-index #noticias .contenedor .row .col-md-6 ul li{
	display: inline-block;
    max-width: 100%;
    background: #FFF;
    background-color: rgba(238,238,238,0.2);
    box-shadow: 0 1px 5px rgba(121,121,121,0.6);
    margin: 16px 0px;}
.noticias-index h3{
	    color: #003f7f;
    margin: 35px 0;
    font-size: 39px;
    font-weight: bold;
    text-align: center;}
.noticias-index .line-celeste{
	background-color: #007dc2;
    width: 47%;
    height: 2px;
    margin: 10px 270px;}
.sumilla h2{
	    text-align: center;
    margin-top: 0;
    font-size: 1.3em;
    padding: 8px 0;
    font-weight: bold;
    color: #fff;}
.bg-amarillo{
	    background-color: #187cbe;}	
.resaltar{
	font-size: 22px;
    font-weight: bold;
    color: #007ec2;}
	
/*Fisico*/
#fisicos .tipo h2{
	text-align: center;
    display: inline-block;
    vertical-align: top;
    padding: 20px 6px;
    width: 100%;
    font-size: 1.6em;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #000;
    color: #FFF;
    margin: 24px 0;}
#fisicos h2{
	background-color: rgba(0,144,149,0.8);}

#fisicos .item1 h3{
	margin: 0;
    padding-top: 20px;
    font-size: 1.2em;
    color: #009095;
    text-align: center;}
#fisicos .item1 p{
	    font-size: 1em;
    font-weight: 400;
    color: #616161;
    padding: 0;
    text-align: justify;
    margin-top: 15px;
    margin-bottom: 15px;
    min-height: 165px;}
#fisicos .item1 .tx{
	background-color: rgba(0,144,149,0.2);
    padding: 15px 0;
    margin-bottom: 12px;}
	
.fila{
	width: 1050px;
    margin: 0 auto;
    position: relative;
	}
.fila2{
	    width: 347px;
    margin: 0 auto;
    position: relative;
	}
.fila3{
	 width: 694px;
    margin: 0 auto;
    position: relative;
	}
	
/*QUIMICO*/
#quimicos .tipo h2{
	text-align: center;
    display: inline-block;
    vertical-align: top;
    padding: 20px 6px;
    width: 100%;
    font-size: 1.6em;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #000;
    color: #FFF;
    margin: 24px 0;}
#quimicos h2{
	background-color: rgba(0,144,149,0.8);}

#quimicos .item1 h3{
	    margin: 0;
    padding-top: 20px;
    font-size: 1.2em;
    color: #009095;
    text-align: center;}
#quimicos .item1 p{
	font-size: 1em;
    font-weight: 400;
    color: #616161;
    padding: 0;
    text-align: justify;
    margin-top: 15px;
    margin-bottom: 15px;
    min-height: 163px;}
#quimicos .item1 .tx{
	background-color: rgba(0,144,149,0.2);
    padding: 15px 0;
    margin-bottom: 12px;}

	
/*TRES*/
#tres .tipo h2{
	text-align: center;
    display: inline-block;
    vertical-align: top;
    padding: 20px 6px;
    width: 100%;
    font-size: 1.6em;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 1px 2px #000;
    color: #FFF;
    margin: 24px 0;}
#tres h2{
	background-color: rgba(0,144,149,0.8);}

#tres .item1 h3{
	margin: 0;
    padding-top: 20px;
    font-size: 1.2em;
    color: #009095;
    text-align: center;}
#tres .item1 p{
	font-size: 1em;
    font-weight: 400;
    color: #616161;
    padding: 0;
    text-align: justify;
    margin-top: 15px;
    margin-bottom: 15px;}
#tres .item1 .tx{
	background-color: rgba(0,144,149,0.2);
    padding: 15px 0;
    margin-bottom: 12px;}

.detalletop{
	    background: rgba(0,144,149,0.8);
    color: #fff;
    height: 46px;
    font-size: 32px;
    padding-top: 19px;
    padding-left: 27px;}
	
.ficha-tecnica{
	    padding: 20px 20px 20px 0;
    float: right;
    width: 525px;
    text-align: left;
    font-size: 15px;}

.imgppal-product{
	    overflow: hidden;
    float: left;
    width: 303px;
    height: 268px;
    text-align: center;
    padding-top: 25px;
    position: relative;
    top: 0;}
	
.solicitar{
	    display: block;
    padding: 15px 20px;
    background: #164888;
    color: #fff;
    border-radius: 5px;
    text-align: center;}
.clean{
	    clear: both;}
.pp_inline{
	position:absolute;}
.button{
	width:100%;
	text-align:center;}
.contenedor-nosotros{
	    width: 100%;
    height: 542px;
    margin: 0 auto;
    background: url(../images/fondo.jpg);	}
.index-nosotros{
	width: 1020px;
    margin: 0 auto;
    margin-bottom: 10px;}
.contenedor-nosotros .nosotros h5{
	font-size: 20px;
    margin: 50px 0 10px;
    font-weight: 700;
    color: rgb(0, 59, 118);}
.contenedor-nosotros .nosotros h2{
	    font-size: 4.7em;
    margin: 0 0 20px;
    color: #FFFFFF;}
	
.contenedor-nosotros .nosotros p{    font-size: 1.3em;
    line-height: 1.5em;
    text-align: justify;
    width: 115%;
    color: #fff;}
	
.contenedor-nosotros .nosotros a{display: inline-block;
    vertical-align: top;
    padding: 8px 12px 8px 24px;
    color: #FFF;
    font-weight: 700;
    font-size: 2.4em;
    margin: 12px;}
	
.contenedor-nosotros .nosotros a:hover{text-decoration: none;
    border-radius: 4px;
	color:rgb(0, 59, 118);
    background-color: rgba(0,0,0,0.3);
    box-shadow: 0 2px 5px rgba(0,0,0,0.6);}

.imagenes{
	    border-radius: 15px;
    overflow: hidden;
    width: 206px;
    height: 172px;
    margin: 10px;
	overflow: hidden;
    position: relative;
    float: left;
    margin-left: 50px;
    margin-top: 27px;
    background-size: cover;
    background-position: 50%;}
	
.imagenes:hover .white{
	background: rgba(0,0,0,0.7);
    bottom: 0px;}	

.white{
	    padding: 20px 16px;
    z-index: 10;
    background: rgba(0,0,0,0.8);
    display: inline-block;
    bottom: -228px;
    transition: all linear 0.3s;
    left: 0px;
    width: 100%;
    position: absolute;
    color: white;
    box-sizing: border-box;}
	
.contenedor-nosotros .catalogo h2{
	    font-size: 4em;
    margin: 41px 0px 0px 179px;
    color: #FFFFFF;}
	
header .intranet{
	margin-top: 13px;
    display: inline-block;
    background: url(../images/aula.png) 12px 6px no-repeat #31b9ff;
    color: #FFF;
    padding: 8px 10px 11px 50px;
    text-transform: uppercase;}
	
header .intranet:hover{
	    background: url(../images/aula.png) 12px 6px no-repeat #0182c5;
    text-decoration: none;}
	



@media (min-width: 768px){
.col-sm-3 {
	    width: 24%;}
}

.more3{
	padding: 4px 10px;
    width: 104px;
    font-size: 13px;
    color: #00c7f0;
    border: #00c7f0 1px solid;
    font-family: 'Comfortaa', cursive;
    display: inline-block;
    border-radius: 4px;}
	
.more3:hover{
	    padding: 4px 10px;
    width: 104px;
    font-size: 13px;
    color: #0181c8;
    border: #0181c8 1px solid;
    font-family: 'Comfortaa', cursive;
    display: inline-block;
    border-radius: 4px;}
	
.resaltar-azul{
	font-weight:bold;
	text-align:center;
	color:#00c7f0;}

.text-hov{
	    text-align: justify;
    min-height: 54px;}
	
.fila ul{
	    padding: 0;
    margin: 0;
    list-style: none;
	}
	
.fila li{
	     display: inline-block;
    margin: 0 25px 40px 25px;
    width: 297px;
    position: relative;}
	
.fila2 ul{
	    padding: 0;
    margin: 0;
    list-style: none;
	}
	
.fila2 li{
	     display: inline-block;
    margin: 0 25px 40px 25px;
    width: 297px;
    position: relative;}
	
.fila3 ul{
	    padding: 0;
    margin: 0;
    list-style: none;
	}
	
.fila3 li{
	     display: inline-block;
    margin: 0 24px 40px 24px;
    width: 297px;
    position: relative;}
	
.ver1{
	    position: absolute;
    top: 12px;
    right: -11px;
    background: url(../images/ver-mas.png) no-repeat;
    width: 102px;
    height: 49px;
    color: #fff;
    padding: 10px 0 0 22px;
    text-align: left;
    font-weight: 700;
    text-decoration: none;}
	
.ver2{
	position: absolute;
    top: 147px;
    right: -11px;
    background: url(../images/ver-mas.png) no-repeat;
    width: 102px;
    height: 49px;
    color: #fff;
    padding: 10px 0 0 22px;
    text-align: left;
    font-weight: 700;
    text-decoration: none;}
	
.paq_txt1{
	    width: 267px;
    display: block;
    margin: 10px 15px;
    bottom: 0;
    background: url(../images/soporte-tx.png) repeat;
    position: absolute;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}

.paq_txt1:hover{
	
    background: rgb(0, 128, 191);}
	
.paq_txt1 h1 {    padding: 9px 10px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    font-weight: 500;
    display: block;
    float: left;
    width: 267px;}