@charset "utf-8";
/* CSS Document */

  body  {
	background: #3f59a0;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
	/*color: #afaaac;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	font-size: 12px;*/
    }
	
	
	a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #666666;
}



    .thrColAbsHdr #container {
	position: relative; /* la adición de position: relative le permite colocar las dos barras laterales en relación con este contenedor */
	width:715px;
	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
	/*border: 1px solid #000000;*/
	text-align: left; /* esto anula text-align: center en el elemento body. */
	background-image: url(../img/bg.gif);
	background-repeat:  repeat-y;
    } 
    
    /* Sugerencias para barras laterales con posición absoluta con encabezado y pie:
    1. Los elementos con posición absoluta (AP) deben recibir un valor superior y lateral, ya sea derecho o izquierdo. (De manera predeterminada, si no se asigna ningún valor superior, el elemento AP comenzará directamente después del último elemento del orden de origen de la página. Esto significa que, si las barras laterales son el primer elemento del #container en el orden de origen del documento, aparecerán en la parte superior del #container aunque no se les asigne un valor superior. No obstante, si posteriormente se trasladan en el orden de origen por cualquier motivo, necesitarán un valor superior para que aparezcan donde usted desea.
    2. Los elementos con posición absoluta (AP) se extraen del flujo del documento. Esto significa que los elementos situados alrededor de ellos no saben que existen y no los tienen en cuenta al ocupar su espacio en la página. En consecuencia, sólo deberá utilizar un div AP como columna lateral si está seguro de que el div #mainContent del centro siempre será el que incluya la mayor parte del contenido. Si alguna de las barras laterales incluyera más contenido, la barra lateral superaría la parte inferior del div padre, en este caso también el pie, y no parecería que la barra lateral estuviera contenida.
    3. Si se cumplen los requisitos anteriores, las barras laterales con posición absoluta pueden ser una forma sencilla de controlar el orden de origen del documento.
    4. Si cambia el orden de origen, el valor superior deberá ser igual a la altura del encabezado, ya que esto hará que las columnas confluyan visualmente con el encabezado.
    */
    .thrColAbsHdr #header { 
    	height: 200px; /* si está cambiando el orden de origen de las columnas, puede que le interese utilizar una altura en el encabezado que le permita asignar a las columnas un valor superior predecible */
    	padding: 0 10px 0 20px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
    } 
	   .thrColAbsHdr #headerLog { 
    	height:100px; /* si está cambiando el orden de origen de las columnas, puede que le interese utilizar una altura en el encabezado que le permita asignar a las columnas un valor superior predecible */
    	padding: 0 10px 0 20px;   /*este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
    } 
    .thrColAbsHdr #header h1 {
    	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
    	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
    }
    .thrColAbsHdr #sidebar1 {
	position: absolute;
	top: 300px;
	left: 2px;
	width: 185px; /* el relleno mantiene el contenido del div alejado de los bordes */
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
    }
    .thrColAbsHdr #sidebar2 {
	position: absolute;
	top: 300px;
	right: 0px;
	width: 170px; /* el relleno mantiene el contenido del div alejado de los bordes */
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 5px;
    }
	
	 .thrColAbsHdr #sidebar3 {
	position: absolute;
	top: 305px;
	right: 200px;
	width: 305px; /* el relleno mantiene el contenido del div alejado de los bordes */
	background-color: #3f59a0;	/*padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	height: 500px;*/
	background-image:  url(../img/top_woolcaresses.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	/*padding-top: 80px;
	padding-right: 5px;*/
	padding-left: 10px;}
	
	.thrColAbsHdr #sidebar3 p {
	margin: 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	font-style: normal;
	line-height: 15px;
	word-spacing: normal;
	padding-top: 40px;
	padding-left: 0px;
	padding-right: 5px;
    }
	
	 .thrColAbsHdr #sidebar4 {
	position: absolute;
	top: 305px;
	right: 200px;
	width: 305px; /* el relleno mantiene el contenido del div alejado de los bordes 
	background-color: #4cd8ee;	*/
	padding-left: 0px;
}
	
	
	
	 .thrColAbsHdr #sidebar5 {
	position: absolute;
	top: 305px;
	right: 20px;
	width: 495px; /* el relleno mantiene el contenido del div alejado de los bordes 
	background-color: #4cd8ee;	*/
	border: 1px solid #cccccc;
}

	.thrColAbsHdr #sidebar6 {
	position: absolute;
	top: 305px;
	right: 20px;
	width: 495px;
	border: 1px solid #cccccc;
}

	.thrColAbsHdr #sidebar7 {
	position: absolute;
	top: 305px;
	right: 20px;
	width: 495px;
	border: 1px solid #cccccc;
}


	

.thrColAbsHdr #sidebar4 p, .thrColAbsHdr #sidebar5 p,  .thrColAbsHdr #sidebar7 p  {
	margin: 0;  /*el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes*/ 
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	font-style: normal;
	line-height: 15px;
	word-spacing: normal;
	/*padding-top: 30px;*/
	padding-left: 10px;
	padding-right: 5px;
    }
	
	.thrColAbsHdr #sidebar6 p {
	/*margin: 0; */
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	font-style: normal;
	line-height: 15px;
	word-spacing: normal;
	padding-left: 10px;
	padding-right: 10px;
    }
	
	.thrColAbsHdr #sidebar4 h1 {
	margin-top: 40px;
	margin-left: 10px;
	margin-bottom: 0;

    }
	
	.thrColAbsHdr #sidebar5 h1{
	margin-top: 40px;
	margin-left: 10px;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #e37ca8;
	text-decoration: none;
    }
	
	.thrColAbsHdr #sidebar6 h1, .thrColAbsHdr #sidebar7 h1 {
	margin-top: 40px;
	margin-left: 10px;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3f59a0;
	text-decoration: none;
    }
	
	
	
	
	.thrColAbsHdr #sidebar4 h2, .thrColAbsHdr #sidebar5 h2  {
	padding-top: 5px;
	margin-left: 10px;
    }
	
	.thrColAbsHdr #sidebar4 h3 {
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
    }
		 .thrColAbsHdr #sidebarNews {
	position: absolute;
	top: 305px;
	right: 20px;
	width: 600px; /* el relleno mantiene el contenido del div alejado de los bordes 
	background-color: #4cd8ee;	*/
	
}
	
    .thrColAbsHdr #mainContent {
	
	top: 300px;
	height: 500px;
	/*margin-top: 10px;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 210px;
	padding-top: ;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;*/

    }
	
	 .thrColAbsHdr #mainContentNews {
	
	top: 300px;
	height: 700px;
	
    }
		 .thrColAbsHdr #mainContentExt {
	
	top: 300px;
	height: 900px;
	
    }
	
	
		 .thrColAbsHdr #mainContentSol {
	
	top: 300px;
	height: 800px;
	
    }
		 .thrColAbsHdr #mainContentCaja {
	
	top: 300px;
	height: 1500px;
	
    }
	
	
	.thrColAbsHdr #mainContentPedido {
	
	top: 300px;
	height: 700px;
	
    }
    .thrColAbsHdr #footer {
	padding: 0 10px 0 20px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #666666;
    } 
    .thrColAbsHdr #footer p {
    	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }
    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
    	float: left;
    	margin-right: 8px;
    }
	
	  /* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional 
    .thrColAbsHdr #sidebar1 { width: 180px; }
    .thrColAbsHdr #sidebar2 { width: 190px; }*/

.thrColAbsHdr #fot1 {
	background-color: #FFFFFF;
	width: 295px;
	height: 165px;
	border: 2px solid #ccccff;
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-image:  url(../img/col_julieta.jpg);
	background-repeat: no-repeat;
	background-position: center center;
    } 
	.thrColAbsHdr #fot2 {
	background-color: #FFFFFF;
	height: 130px;
	width: 130px;
	border: 5px solid #CCCCCC;
	float: right;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
    } 
	
	
	.thrColAbsHdr #fot3 {
	border: 2px solid #CCCCCC;
	width: 140px;
	height: 90px;
	margin-top: 3px;
    } 
	
	.thrColAbsHdr #fotSaq {
	border: 2px solid #CCCCCC;
	width: 140px;
	height: 160px;
	margin-top: 3px;
    } 
	
	.thrColAbsHdr #ic1 {
	height: 25px;
	width: 25px;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 210px;
	margin-left: 5px;
    } 
	
		.thrColAbsHdr #ic2 {
	height: 25px;
	width: 25px;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 2px;
} 
	
/*menu*/	

#naviprod {
	margin:0;
	width:140px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;

	}

#naviprod li {
	margin:0px;
	padding:0px;
	height: 20px;
	list-style-image:  url(../img/flecha_gris.jpg);
	list-style-type: none;
	list-style-position: outside;
	background-image:  url(../img/sep.jpg);
	background-repeat:  repeat-x;
	background-position: left bottom;
}

#naviprod li a {
	display:block;
	width:140px;
	text-decoration:none;
	text-align:left;
	font-size:12px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	color:#666666;
	line-height: normal;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 5px;
}
#naviprod li a:hover {
	color:#3f59a0;
	list-style-image:  url(../img/flecha_mag.jpg);
	list-style-type: none;
	list-style-position: outside;
	font-weight: bold;
}



/*#naviprod2 {
	margin:0;
	width:140px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;

	}

#naviprod2 li {
	margin:0px;
	height: 35px;
	list-style-image:  url(../img/flecha_gris.jpg);
	list-style-type: none;
	list-style-position: outside;
	background-image:  url(../img/sep.jpg);
	background-repeat:  repeat-x;
	background-position: left bottom;
	display:block;
	text-align:left;
	font-size:12px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	color:#666666;
	padding-left: 5px;
	vertical-align: middle;
}*/



#tips {
	width:140px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

	}

.thrColAbsHdr #tips p {
	margin:0;
	background-image:  url(../img/sep.jpg);
	background-repeat:  repeat-x;
	background-position: left bottom;
	text-align:left;
	font-size:12px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	color:#666666;
	/*padding-left: 5px;*/
	vertical-align: middle;
}










#menuG{
	margin-top: 0px;
	
}
#menuB{
	margin-top: 20px;	
}
#menuAj{
	margin-top: 0px;
}

#menuC{
	margin-top: 40px;	
}

#menuAjuar {
	margin:0;
	width:140px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	}

#menuAjuar li {
	/*display:block;*/
	height: 150px;
	/*list-style-image:  url(../img/flecha_gris.jpg);
	list-style-position: inside;
	background-image:  url(../img/sep.jpg);
	background-repeat:  repeat-x;
	background-position: left bottom;*/
	width:140px;
	text-decoration:none;
	text-align:left;
	font-size:12px;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	color:#666666;
	line-height: 12px;
	font-weight: normal;
	padding-left: 0px;
	list-style-type: none;
	
}
.thrColAbsHdr #contmenu {
	height: 200px;
	width: 675px;
	float: left;
	/*background-image: url(images/bg_menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
    } 

#auxiliarNav {
	float: right;
	width: 100px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 20px;
	text-align: right;
	margin-right: 10px;
	vertical-align: middle;
	/*margin-top: 10px;*/
}
#auxiliarNav a {
	color: #6F716C;
	font-weight: lighter;
	text-decoration: none;
}
#auxiliarNav a:hover, #nav_bottom a:hover {
	text-decoration: underline;
}

.borde{
	border: 1px solid #666666;
	color: #666666;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	font-size: 12px;
	height: 20px;
}

.borde2{
	border: 1px solid #666666;
	color: #666666;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	font-size: 12px;
}

.bordeAjuar{
	border: 3px solid #CCCCCC;
}
.thrColAbsHdr #fotAjuarGr {
	height: 280px;
	width: 205px;
	float: left;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
    } 
	
.thrColAbsHdr #fotAjuarGr p{
	color: #afaaac;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	font-size: 12px;
    } 
	
	
	
	.thrColAbsHdr #news {
	height: 220px;
	width: 450px;
	float: left;
	margin-right: 5px;
	margin-left: 20px;

    } 
	
	
	.thrColAbsHdr #news h2{
	margin-left: 10px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #e37ca8;
	text-decoration: none;
	margin-right: 0;	
	   } 
	
	.thrColAbsHdr #fnews {
	height: 150px;
	width: 200px;
	float: left;
	border: 3px solid #CCCCCC; 
	
	   } 
		
	.thrColAbsHdr #tnews {
	height: 210px;
	width: 220px;
	float: left;
	margin-left: 5px;
	    } 
		
	.thrColAbsHdr #tnews p {
	color: #666666;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	font-size: 12px;
	margin-top: 5px;
	    } 

	
	.txtForm  {
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	color: #666666;
	font-size: 12px;
	} 
	
	a.txtForm:link, a.txtForm:hover, a.txtForm:visited  {
	color: #afaaac;
	} 
	
#cajacol1{
	float:left;
	width:155px;
	text-align:left;
	height: 145px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
}
#cajacol2{
	float:left;
	width:155px;
	text-align:left;
	height: 145px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
}

#cajacol3{
	float:left;
	width:155px;
	text-align:left;
	height: 225px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
}
#cajacol4{
	float:left;
	width:155px;
	text-align:left;
	height: 225px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
}
#cajacoldet {
	height: 40px;
	background-color: #ffffff;
	/*background-image:  url(../img/cursos_capacitacion.gif);
	background-repeat: no-repeat;
	background-position: center top;*/
}	

#cajacoldet2{
	height: 70px;
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;	/*background-image:  url(../img/cursos_capacitacion.gif);
	background-repeat: no-repeat;
	background-position: center top;*/
}	

#cajazoom{
	height: 50px;

}	

.thrColAbsHdr #cajacol1 p, .thrColAbsHdr #cajacol2 p, .thrColAbsHdr #cajacol3 p, .thrColAbsHdr #cajacol4 p{
	color: #666666;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	font-size: 10px;

	    } 
		
	.thrColAbsHdr #cajacol3 h1, .thrColAbsHdr #cajacol4 h1{
	margin:0;
	color: #333333;
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	font-size: 12px;
	padding-left: 5px;
	    } 



#cajacolsep{
	float:left;
	width:450px;
	text-align:left;
	height: 5px;
	margin-right: 5px;
	margin-left: 10px;
	background-image:  url(../img/bg_line.gif);
	background-repeat:    repeat-x;
	background-position: center bottom;
	margin-top: 5px;
	margin-bottom: 5px;

}

#ingreCod{
	float:left;
	width:372px;
	height:32px;
	background-image:  url(../img/bg_tab.gif);
	background-repeat:    no-repeat;
	background-position: center bottom;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	padding-left: 40px;
	padding-right: 20px;
}

.texBco {
	/*margin: 0; */
	font-family: "Trebuchet MS", "Myriad Pro", Arial, Verdana;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
	font-style: normal;

    }