@charset "utf-8";
/* Autor: Carlos Salas Z */
*:focus {
    outline: 0;
}
/*** Filtros [Ini] ***/
#int_franja{
	/* height:160px; */
	height:80px;
	background:url(../images/barra_sup.jpg) no-repeat;
	background-size:cover;	
	background-position:center top;
}
#franja_ensayos{
	/* height:160px; */
	height:80px;
	background:url(../images/detalles/ensayos_banner.jpg) no-repeat;
	background-size:cover;	
}
#int_franja h1, #franja_ensayos h1{
	display:block;
	color:#27478C;
	font-size:60px;
	text-align:right;
	/* padding-top:50px; */
	padding-top:12px;
	margin: 0 auto;
	max-width:1170px;
	width: 90%;
}
.cont_00_a{
	width:96px;/*156*/
}
.cont_01_a{
	width:300px;/*290*/
}
.cont_02_a{
	width:410px;/*340*/
}
.cont_03_a{
	width:380px;
}
.cont_04_a{
	width:430px;/*370*/
}
.cont_05_a{
	width:170px;/*150*/
}

/******/

.cont_00_a, .cont_01_a, .cont_02_a, .cont_03_a, .cont_04_a, .cont_05_a,
.cont_00_b, .cont_01_b, .cont_02_b, .cont_03_b, .cont_04_b, .cont_05_b{
	float:left;	
	overflow:hidden;
	-webkit-transition:All 0.25s ease; -moz-transition:All 0.25s ease; -o-transition:All 0.25s ease;
}

.cont_00_a #ctrl_00, 
.cont_01_a #ctrl_01, 
.cont_02_a #ctrl_02, 
.cont_03_a #ctrl_03, 
.cont_04_a #ctrl_04, 
.cont_05_a #ctrl_05{
	position:relative;
	left:-60px;
	-webkit-transition:All 0.25s ease; -moz-transition:All 0.25s ease; -o-transition:All 0.25s ease;
}
.cont_00_b #ctrl_00, 
.cont_01_b #ctrl_01, 
.cont_02_b #ctrl_02, 
.cont_03_b #ctrl_03, 
.cont_04_b #ctrl_04, 
.cont_05_b #ctrl_05{
	position:relative;
	left:0px;
	-webkit-transition:All 0.25s ease; -moz-transition:All 0.25s ease; -o-transition:All 0.25s ease;
}
.cont_00_b, .cont_01_b, .cont_02_b, .cont_03_b, .cont_04_b, .cont_05_b{
	width:74px;
	/*float:left;*/	
	overflow:hidden;
}
/*************/
#ctrl_00, #ctrl_01, #ctrl_02, #ctrl_03, #ctrl_04, #ctrl_05{
	/* padding:61px 20px 56px 75px; */
	padding:20px 20px 17px 75px;
	font-family: 'MyriadProLight';
	color:#FFF;
	font-size:43px;	
	cursor:pointer;
}
#ctrl_00{
	background:#3757bf url(../images/servicios/ico_todos.png) no-repeat left center;
	width:64px;/*124*/
}
#ctrl_01{
	background:#92e0fd url(../images/servicios/ico_fibrasehilos.png) no-repeat left center;	
	width:274px;/*265*/
}
#ctrl_02{
	background:#f4e14b url(../images/servicios/ico_telasyprendas.png) no-repeat left center;
	width:380px;/*310*/	
}
#ctrl_03{
	background:#7FEA42 url(../images/servicios/ico_analisis.png) no-repeat left center; /*#cdfb65*/
	width:380px;
}
#ctrl_04{
	background:#f3c844 url(../images/servicios/ico_cueroycalzado.png) no-repeat left center;
	width:405px;/*340*/
}
#ctrl_05{
	background:#eb9137 url(../images/servicios/ico_otros.png) no-repeat left center;
	width:130px;/*120*/
}

.dos_columnas{
	width: 100%;
	margin: 0 auto;
	padding-top:20px;
	/* Para ordenar en columnas */
	column-count: 2;
	-moz-column-count: 2; 
	-webkit-column-count: 2;
	-o-column-count: 2;
	/* Para dar espacio entre columnas */
	column-gap: 2em;
	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	-o-column-gap: 2em;
	font-family: 'MyriadProRegular';	
	font-size:14px;
	line-height:1.5;
}



/*** Filtros [Fin] ***/
/*** Caudros [Ini] ***/
/**/
#filter_box{
	min-height:412px;	
}

.box_item{
	/*width:230px;*/
	width:24%;
	min-width:230px;
	height:180px;
	float:left;
	position:relative;
	/*margin:0 30px 10px;*/
	margin:0 0 10px 0;
}
.box_item a{
	display:block;
	width:230px;
	height:155px; /*220*/
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.box_item a img{
	display:block;
	border:0;	
}
.box_item a:hover img{
	display:block;
	position:absolute;
	top:-155px;
}
.flechagris{
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	height:6px;
	font-size:1px;
	background:url(../images/flechagris.jpg) no-repeat center top;
	border:none;
	border-bottom:#787f89 solid 6px;	
}/*
.flechagris img{
	display:block;
	position:absolute;	
}*/
.cubix{
	display:block;
	height:155px;	
}

.clr_feh, .clr_typ, .clr_ayq, .clr_cyc, .clr_otr{
	-webkit-transition:All 0.50s ease; -moz-transition:All 1s ease; -o-transition:All 1s ease;	
}
/*** Caudros [Fin] ***/
/*** Conocenos [Ini] ***/
.imabox{
	height:auto;
	float:left;
	position:relative;	
}
.imabox img{
	display:block;
	width:100%;
	height:auto;
	float:left;	
}/*
.textbox{
	width:50%;	
	height:auto;
	float:left;
	text-align:justify;
}
*/
/*** Grillas [Ini] ***/
.textbox, .textbox_10, .textbox_20, .textbox_30, .textbox_40, .textbox_50, .textbox_60, .textbox_70, .textbox_80, .textbox_90, .textbox_100{
	height:auto;
	float:left;
	text-align:justify;	
}
.textbox_10{
	width:10%;
}
.textbox_20{
	width:20%;
}
.textbox_30{
	width:30%;
}
.textbox_40{
	width:40%;
}
.textbox_50{
	width:50%;
}
.textbox_60{
	width:60%;
}
.textbox_70{
	width:70%;
}
.textbox_80{
	width:80%;
}
.textbox_90{
	width:90%;
}
.textbox_100{
	width:100%;
}
/*** Grillas [Fin] ***/
/*** Formulario [Ini] ***/
	.form_sangria{
		padding:0 30px 0 10px;	
	}
	.hauto{
		height:auto;
		position:relative;
		min-height:234px;
		overflow:hidden;	
	}
	.recurso{
		width:2px;
		height:234px;
		position:absolute;
		background:url(../images/recurso.png) no-repeat;
		top:0;
		right:0;
	}
	.formbox_99{
		height:auto;
		float:left;
		text-align:justify;	
		width:99%;
		margin-bottom:5px;
	}
	.formbox_60{
		height:auto;
		float:left;
		text-align:justify;	
		width:60%;
	}
	.formbox_33{
		height:auto;
		float:left;
		text-align:justify;	
		width:33%;
		margin-bottom:5px;
	}
	.formbox_50{
		height:auto;
		float:left;
		text-align:justify;	
		width:50%;
		margin-bottom:5px;
	}
	
	
	.finput, .finput2, .finput3, .finput3, .finput4{
		font-family: 'MyriadProRegular';
		font-size:14px;
		color:#000;
		max-height:17px;
	}
	.finput{
		display:block;
		border:#CCC solid 1px;
		background:#FFF;
		color:#333;
		margin:0;
		padding:10px 5px;
		width:100%;
		float:left;
	}
	.finput2{
		display:block;
		border:#CCC solid 1px;
		background:#FFF;
		color:#333;
		margin:0;
		padding:10px 5px;
		width:100%;
	}
	.finput3{
		display:block;
		border:#CCC solid 1px;
		background:#FFF;
		color:#333;
		margin:0;
		padding:10px 5px;
		width:100%;
		min-height:80px;
	}
	.finput4{
		display:block;
		border:#CCC solid 1px;
		background:#3758aa;
		color:#FFF;
		margin:0;
		padding:10px 5px;
		width:101%;
		text-align:center;
		cursor:pointer;
		max-height:39px;
	}
	.finput4:hover{
		background:#039;	
	}
	.form_base{
		
	}
	.sangria_form{
		padding:0 5px;	
	}
	.sangria_form img{
		display:block;
		width:100%;
		height:auto;
	}
	
/*** Formulario [Fin] ***/
.sangria{
	padding:0 10px;	
}
.sangria img{
	display:block;
	width:100%;
	height:auto;
	float:left;	
}
.textbox h1{
	font-size:30px;
	padding:15px 0;
	color:#012e71;	
}
.textbox h1 span{
	font-size:30px;
	padding:15px 0;
	padding-right:12px;
	color:#012e71;
	/*background:url(../images/bg_body.jpg);*/ background:#FFF;	
	margin-right:12px;
}
.textbox span{
	font-size:14px;
	color:#000;
	text-align:justify;
	line-height:1.5;	
}
.rainbow{
	background:url(../images/conocenos/conoc_linea_calidad.png) repeat-x;
	background-position:right 18px;	
}
.rainbow2{
	background:url(../images/conocenos/conoc_linea_calidad.png) repeat-x;
	background-position:right 32px;	
}
span.azul{ color:#304487;}
ul.puntos{
	list-style:inside;	
	color: #000;
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
	font-family:'MyriadProRegular';
}
.pos_001, .pos_002, .pos_003, .pos_004, .pos_005, .pos_006, .pos_007{
	padding-left:20px;
	padding:8px 0 8px 20px;	
	color: #000;
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
	font-family:'MyriadProRegular';	
}
.pos_001{background:url(../images/conocenos/pos_001.jpg) no-repeat;}
.pos_002{background:url(../images/conocenos/pos_002.jpg) no-repeat;}
.pos_003{background:url(../images/conocenos/pos_003.jpg) no-repeat;}
.pos_004{background:url(../images/conocenos/pos_004.jpg) no-repeat;}
.pos_005{background:url(../images/conocenos/pos_005.jpg) no-repeat;}
.pos_006{background:url(../images/conocenos/pos_006.jpg) no-repeat;}
.pos_007{background:url(../images/conocenos/pos_007.jpg) no-repeat;}
/*** Conocenos [Fin] ***/
/*** Detalle [Ini] ***/
.marcadeagua{
	/*background:url(../images/test/transparencia.png) no-repeat;
	background-position:center bottom;*/
	min-height:400px;	
}
.testlist{
	background:url(../images/test/rayita.png) repeat-x;
	background-position:bottom;
	padding:8px 0;	
}
a.redlink, a.greylink{
	display:block;
	text-decoration:none;
	float:right;
	margin-left:4px;
	width:auto;
	height:auto;
	min-height:22px;
	max-height:44px;
}
.spc40{
	width:30%;
	float:left;	
	min-height:22px;
	max-height:44px;
}
a.redlink{
	background:#F00 url(../images/downarrow22.png) no-repeat;
	background-position:right 0;	
	color:#FFF;
	padding-right:16px;
}
a.redlink:hover{
	background:#900 url(../images/downarrow22.png) no-repeat;
	background-position:right 0;
}
a.greylink{
	background: #dedede;
	color:#000;	
	text-transform:uppercase;
}
a.greylink:hover{
	background:#333;	
}
a.greylink:hover span{
	color:#FFF;	
}
a.redlink span{
	display:block;	
	padding:5px 0;
	padding-left:5px;
	font-size:13px;
}
a.greylink span{
	width:auto;
	display:block;
	padding:5px 5px;
	font-size:13px;
	text-align:center;
	float:left;
}
.download{
	font-size:12px; 
	text-align:right;
	color:#000;	
	text-decoration:none;
}
.download:hover{
	color:#152540;	
}
.txt_general{
	color: #000000;
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
	padding-right:10px;	
}
.first_tit{
	padding-top:0 !important;	
}
/*** Detalle [Fin] ***/
/*** Scrollpane [Ini] ***/
.scroll-pane
{
	width: 100%;
	height: 200px;
	overflow: auto;
}
.horizontal-only
{
	height: auto;
	max-height: 200px;
}
#container
{
	width: 400px;
	background: #eeeef4;
	padding: 20px;
	margin: 20px auto;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/*** Scrollpane [Fin] ***/
/*** Colores de Fuente [Ini] ***/
.txt_orange{color:#d55f26;}
.txt_noir{color:#000;}

h2.txt_gris{color:#444; font-size:20px; padding-bottom:15px;}

/*** Colores de Fuente [Fin] ***/
@media (max-width: 1366px) {
	/*
	.finput{
		width:100%;
	}
	.finput2{
		width:100%;
	}
	.finput3{
		width:100%;
	}
	.finput4{
		width:100%;
	}
	*/
}
@media (max-width: 1002px) {
	/****** ensayos *******/
	
	.box_item{
		width:33%;	
	}
}
@media (max-width: 900px) {
	/****** ensayos *******/
	
	.box_item{
		width:33%;	
	}
}
@media (max-width: 800px) {
	/****** ensayos *******/
	
	.box_item{
		width:50%;	
	}
}

@media (max-width: 600px) {
	#ctrl_00, #ctrl_01, #ctrl_02, #ctrl_03, #ctrl_04, #ctrl_05{
		font-size:23px;	
		padding:15px 20px 15px 75px;
	}
	.cont_00_a, .cont_01_a, .cont_02_a, .cont_03_a, .cont_04_a, .cont_05_a{
		width:100%;	
	}
	.box_item{
		width:50%;	
	}
	.textbox_10, .textbox_20, .textbox_30, .textbox_40, .textbox_50, .textbox_60, .textbox_70, .textbox_80, .textbox_90{
		width:100%;
	}
	.form_sangria{
		padding:0 10px;	
	}
	.finput{
		float:none;	
	}
	.finput, .finput2, .finput3, .finput4{
		width:80%;
		margin:10px auto;
	}
	.formbox_33, .formbox_60, .formbox_99{
		width:100%;	
	}
	.recurso{
		display:none;	
	}
	/*
	.cont_01_a{
		width:100px;	
	}
	.cont_02_a{
		width:170px;	
	}
	.cont_03_a{
		width:196px;	
	}
	.cont_04_a{
		width:216px;	
	}
	.cont_05_a{
		width:92px;	
	}
	*/
	
	/****** ensayos *******/
	
	.box_item{
		width:50%;	
	}
}
@media (max-width: 480px) {
	/****** ensayos *******/
	.box_item{
		width:100%;	
	}
}
.ico_hora, .ico_telf, .ico_mail, .ico_lieu{
	display:block;
	height:26px; 
	padding:4px 0 0 40px;	
	font-weight:bold;
	color:#0041a2;
}
.ico_hora{
	background:url(../images/contacto/reloj.png) no-repeat;
}
.ico_telf{
	background:url(../images/contacto/contac_fono.png) no-repeat;
}
.ico_mail{
	background:url(../images/contacto/contac_mail.png) no-repeat;	
}
.ico_lieu{
	background:url(../images/contacto/contac_direccion.png) no-repeat;	
}