@charset "utf-8";
/* Autor: Carlos Salas Z */
body{
	/* background:url(../images/bg_body.jpg); */ background:#FFF;	
}
@font-face {
    font-family: 'MyriadProRegular';
    src: url('myproreg/myproreg.eot');
    src: url('myproreg/myproreg.eot') format('embedded-opentype'),
         url('myproreg/myproreg.woff') format('woff'),
         url('myproreg/myproreg.ttf') format('truetype'),
         url('myproreg/myproreg.svg#MyriadProRegular') format('svg');
}
@font-face {
    font-family: 'MyriadProSemibold';
    src: url('myprosem/myprosem.eot');
    src: url('myprosem/myprosem.eot') format('embedded-opentype'),
         url('myprosem/myprosem.woff') format('woff'),
         url('myprosem/myprosem.ttf') format('truetype'),
         url('myprosem/myprosem.svg#MyriadProSemibold') format('svg');
}
@font-face {
    font-family: 'MyriadProLight';
    src: url('myprolight/myriadpro-light.eot');
    src: url('myprolight/myriadpro-light.eot') format('embedded-opentype'),
         url('myprolight/myriadpro-light.woff') format('woff'),
         url('myprolight/myriadpro-light.ttf') format('truetype'),
         url('myprolight/myriadpro-light.svg#MyriadProLight') format('svg');
}
.myproreg{
	font-family: 'MyriadProRegular';
}
.myprosem{
	font-family: 'MyriadProSemibold';
}

/*** Cabecera con base 1024 [Ini] ***/
.multicolor{
	height:6px;
	font-size:1px;
	background:url(../images/1400/linea_color.jpg);	
}
.multicolor2{
	height:3px;
	font-size:1px;
	background:url(../images/1400/linea_color.jpg);	
}
#header{
	height:138px;
	/*background:url(../images/tex_001.jpg);*/
	background:#F1F1F1;
}
#header .box1002{
	position:relative;	
}
.box1002{
	width:90%;/*1170*/
	max-width:1170px;
	margin:0 auto;
}
.logoql{
	background:url(../images/logo2.png) no-repeat;
	background-position:12px center;	
	width:351px;/*40%*/
	height:138px;
	float:left;
	position:relative;
}
.logoq2{
	/* background:#b9b9b9 url(../images/logo1.png) no-repeat;
	background-position:12px center;	*/
	width:0px;/*331*/
	height:138px;
	float:left;
	position:absolute;
	/* -webkit-transition:All 0.50s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;*/
}
.logoql:hover{
	background-position:12px center;
	cursor:pointer;	
}
.logoql:hover .logoq2{
	width:351px;	
}
.menuql{
	/* width:60%;
	min-width:570px;*/ 
	width:660px; /*560*/
	height:138px;
	float:right;
	text-align:right;
	position:absolute;
	right:0;
	top:2;
}
.menuql a{
	/* display:inline-block; */
	display:block;
	float:left;
	font-family:Arial;
	font-size:19px; /*12*//*14*//*16*/
	/* padding:62px 20px 60px;*/
	color:#0072F1;	
	/* margin-left:-4px; */
	border:0;
	text-decoration:none;
	-webkit-transition:All 0.50s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;
}
.menuql a.span{
	opacity: 1.0;	
}
.menuql a:hover{	
background:url(../images/hover_w.png);
background-color: rgba(255, 255, 255, 0.3);
color:#707070;
}
.menuql a.select{	
background:url(../images/hover_w_select.png);
background-color: rgba(255, 255, 255, 0.1);
color:#003494;
}
.menuql a.idioma{
	color:#242c32;	
	/*background:url(../images/bg_indioma.png) no-repeat;
	background-size:cover;
	background-position:center center;*/
	background:none;
	
	padding:0;
	/* height:135px; */
	
}
.menuql a.idioma span{
	display:block;
	height:15px;
	background:#606971;
	padding:10px 20px 10px;	
	background:url(../images/idioma.png);
	background-color: rgba(96, 105, 113, 1.0);
	color:#FFF;
}
.menuql a.idioma:hover span{/*
	background:url(../images/hover_w.png);
	background-color: rgba(255, 255, 255, 0.3);*/
	background:#BABABA;
	background:url(../images/idioma2.png);
	background-color: rgba(186, 186, 186, 1.0);
	color:#333;
}
.menuql a{
	padding:60px 11px 60px; /*62px 16px 60px*/
}
/*** Cabecera con base 1024 [Fin] ***/
/*** Slider CS [Ini] ***/
#slider_cs{
	height:564px;	
}
/*** Slider CS [Fin] ***/
/*** Txt subslider [Ini] ***/
.txt_homebase{
	font-size:24px;
	color:000;	
}
/*** Txt subslider [Fin] ***/
.microtit-ensayos{
	background:url(../images/1440-lineacontexto.png) no-repeat;
	background-position:center center;
	height:24px;
	text-align:center;
	color:#0072f1;/*#6c6b6b*/
	font-size:24px;/*15px*/	
	padding:22px 0 20px 0; /*30px 0 20px 0*/
}
.microtit-ensayos2{
	/* background:url(../images/1440-lineacontexto.png) no-repeat;
	background-position:center center; */
	height:24px;
	text-align:center;
	color:#6c6b6b;
	font-size:15px;	
	padding:30px 0 20px 0;
}
/*** Iconos Home [Ini] ***/
.home_box{
	width:20%;
	display:block;
	margin:0;
	float:left;	
}
.cont_hbox{
	display:block;
	margin:0 20px;
	text-decoration:none;
}
.cont_hbox img{
	display:block;
	width:100%;
	height:auto;
	border:none;
	margin:0;
	padding:0;
}
.imagelab{
	display:block;
	width:100%;
	height:auto;	
}
.span_tit{
	display:block;
	color:#FFF;
	font-size:18px;
	text-align:center;
	padding:14px 0;
}
.span_des{
	display:block;
	color:#FFF;
	font-size:12px;
	text-align:justify;
	padding:0 10px;
}
.ico_feb, .ico_typ, .ico_aqu, .ico_cyc, .ico_otr{
	position:relative;
	top: 0;
	-webkit-transition:All 0.50s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;
}
#b_feb:hover .ico_feb, 
#b_typ:hover .ico_typ, 
#b_aqu:hover .ico_aqu, 
#b_cyc:hover .ico_cyc, 
#b_otr:hover .ico_otr{
	top: -250px;
}
#b_feb{
	background:url(../images/provisionales/38627b9b54ea09fa33324c62fa0c0994_0.jpg) no-repeat;	
} 
#b_typ{
	background:url(../images/home/1440-telasyprendas_ima.jpg) no-repeat;
} 
#b_aqu{
	background:url(../images/home/1440-analisisquimico_ima.jpg) no-repeat;
} 
#b_cyc{
	background:url(../images/hfondo_001.jpg) no-repeat;
} 
#b_otr{
	background:url(../images/provisionales/Catalisis-Paladium.jpg) no-repeat;
}
#b_feb, #b_typ, #b_aqu, #b_cyc, #b_otr{
	background-size:cover;
	background-position:center top;
	overflow:hidden;
}
.item_title{
	display:block;
	/*background:	#959ba3;*/ background:#0072F1;
	height:45px;/*95*/
	color:#FFF;
}
/*** Iconos Home [Fin] ***/
/*** Redes Sociales [Ini] ***/
.baseline{
	height:72px;
	position:relative;
	overflow:hidden;
	padding-top:20px;	
}
.socialmedia{
	width:100%;
	height:72px;
	position:absolute;
	top:20px;/*72*/
	text-align:center;
	background:url(../images/franjaredes.jpg) repeat-x;
	-webkit-transition:All 0.50s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;	
}
.socialmedia:hover{
	top:20px;	
}
.socialmedia img{
	display:none;	
}
.redes{
	display:inline-block;
	width:34px;
	height:34px;
	text-indent:-8000px;
}
.ico_fb{
	background:url(../images/1440-iconofacebook.jpg) no-repeat;
}
.ico_pt{
	background:url(../images/1440-iconopinterest.jpg) no-repeat;
}
.ico_tw{
	background:url(../images/1440-iconotwitter.jpg) no-repeat;
}
.ico_gp{
	background:url(../images/1440-iconogoogleplus.jpg) no-repeat;
}
.ico_bs{
	background:url(../images/1440-iconoblog.jpg) no-repeat;
}
.ico_fb, .ico_pt, .ico_tw, .ico_gp, .ico_bs{
	background-position:bottom;
}
.ico_fb:hover, .ico_pt:hover, .ico_tw:hover, .ico_gp:hover, .ico_bs:hover{
	background-position:top;
}
/*** Redes Sociales [Fin] ***/


/*** Universales ***/

/*** footer[Ini] ***/
#footer{
	height:85px;
	/* background:#152540;	*/ background:url(../images/fouter_0001.jpg);
	color:#FFF;
}
.pfoot_left, .pfoot_right{
	width:50%;
	font-size:14px;
	float:left;
	padding:34px 0 0;	
}
.pfoot_left .byq{
	/* color:#999; */ color:#c8c8c8;
	text-decoration:none;
}
.pfoot_left .byq:hover{
	color:#FFF;	
}
.pfoot_right{
	text-align:right;	
}
.pfoot_right a{
	color:#FFF;
	text-decoration:none;	
}
.pfoot_right a:hover{
	text-decoration:underline;	
}
/*** footer [Fin] ***/
.cs_center{
	text-align:center;	
}
.clearer{
	clear:both;	
}

@media (max-width: 1024px) {
	/*** Cabecera con base 1024 [Ini] ***/
	.multicolor{
		/*height:2px;
		font-size:1px;
		background:url(../images/1024/linea_color.jpg) repeat-x;*/	
	}
	#header{
		/*height:70px;	
		background:url(../images/tex_001.jpg) repeat-x;*/
	}
	.box1002{
		/* width:975px;	*/
		width:100%;
		margin:0 auto;
	}
	.logoql{
		/*background:url(../images/1024/logo.png) no-repeat;
		background-position:left center;	
		width:40%;
		height:70px;
		float:left;*/
	}
	.menuql{
		/*width:60%;
		height:70px;
		float:left;
		text-align:right;*/
	}
	.menuql a{
		/*display:inline-block;
		font-family:Arial;
		font-size:11px;
		padding:29px 20px;
		color:#FFF;	
		margin-left:-4px;
		border:0;
		text-decoration:none;
		-webkit-transition:All 0.50s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;*/
	}
	.menuql a.span{
		opacity: 1.0;	
	}
	.menuql a:hover{	
	background:url(../images/hover_w.png);
	background-color: rgba(255, 255, 255, 0.3);
	}
	.menuql a.idioma{
		color:#242c32;	
		background:url(../images/bg_indioma.png) no-repeat;
		background-size:cover;
		background-position:center center;
	}
	.menuql a.idioma:hover{
		background:url(../images/hover_w.png);
		background-color: rgba(255, 255, 255, 0.3);
	}
	/*** Cabecera con base 1024 [Fin] ***/
	
	/*** Iconos Home [Ini] ***/
	.span_tit{
		font-size:16px;
	}
	/*** Iconos Home [Fin] ***/
}
@media (max-width: 900px) {
	#header{
		height:auto;	
	}
	.logoql{
		float:none;	
	}
	.menuql{
		width:auto;
		height:auto;
		float:none;
		text-align:center;
		
		position:relative;
		background:#F00;
	}
	.menuql a{
		display:block;
		font-family:Arial;
		font-size:13px;
		padding:12px 20px 10px;
		margin-left:0;
		border:0;
		text-decoration:none;
		-webkit-transition:All 0.50s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;
	}
	.menuql a.span{
		opacity: 1.0;	
	}
	.menuql a:hover{	
	background:url(../images/hover_w.png);
	background-color: rgba(255, 255, 255, 0.3);
	}
	.menuql a.select{	
	background:url(../images/hover_w_select.png);
	background-color: rgba(255, 255, 255, 0.1);
	}
	.menuql a.idioma{
		color:#242c32;	
		background:url(../images/bg_indioma.png) no-repeat;
		background-size:cover;
		background-position:center center;
	}
	.menuql a.idioma:hover{
		background:url(../images/hover_w.png);
		background-color: rgba(255, 255, 255, 0.3);
	}	
	.box1002{
		width:100%;	
	}
	
	.home_box{
		width: 33%;
		margin-bottom:20px;
	}
}
@media (max-width: 600px) {
	.logoql{
		width:100%;
		/* background-size:cover; */
		background-position:left center;
	}
	.logoql:hover{
		width:100%;
		background-position:left center;
	}
	.home_box{
		width: 100%;
		margin-bottom:10px;
	}
	.pfoot_left, .pfoot_right{
		float:none;
		width:100%;
		text-align:center;
	}
	#footer{
		height:auto;	
	}
	#ctrl_00, #ctrl_01, #ctrl_02, #ctrl_03, #ctrl_04, #ctrl_05{
		font-size:23px;	
		padding:15px 20px 15px 75px;
	}
	
	
}