/********************************************
   AUTHOR:  	  	
   WEBSITE:   		 
   TEMPLATE NAME: 	 	
   VERSION:          1.0          	
 *******************************************/
 
/********************************************
   RESET
********************************************/ 

@charset "utf-8";

/* reset html*/
html {height: 100%;  margin-bottom: 1px;}
html, body {margin:0;padding: 0;}

/* encabezados */
h1, h2, h3, h4, h5 {margin:0;padding:0;}p, ul, ol, dd {padding:0;margin: 0;}

/* imagenes */
img {border:0; margin:0;}

/* forms */
form, input, label, textarea {margin:0;padding:0;}

/*otros*/
td {vertical-align:top;}
div{text-align:left; display:block;}
ul, ol, dd, dt, dl {padding:0;margin: 0;list-style:none;}


/**************************************
   LAYOUT 
***************************************/	

.contenedor		{width: 999px;}
.encabezado		{height:100px; vertical-align:bottom;}
.menu			{height:25px; float:right; position:relative; right:-1px}
.sub-contenedor	{}
.columna		{width:222px; overflow:hidden}
.principal 		{width:776px;}


.columna_home{width:486px; padding-right:4px;}
.columna2_home{width:280px; padding-right:6px;}
	
.pie{
	clear:left;
	} 


/**************************************
   GENERAL 
***************************************/

.principal, .columna{
	background:url(../img/fondo_body.gif) repeat-x;
	}
	
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555;
	background:#fff;

	}

.sub-contenedor{	
	background:url(../img/fondo_contenido.gif) repeat-y;
	width:100%;
}	



.contenedor	{
	background:#FFFFFF;}

.nota_cont{
	line-height:150%;}
	
a{
	text-decoration:none;
	}	
	

/*titulos*/
.t1, .t2, .t3{
	margin-bottom:14px;
	padding-left:30px;
	overflow:hidden;}
	
.t1, .t2, .t3, .t1 a, .t2 a, .t3 a{
	font-weight:bold;
	text-decoration:none;
	}
	
.t1, .t2{
	height:24px;
	line-height:22px;
	font-size:13px;
	}
	
.t1, .t2, .t3, .t1 a, .t2 a, .t3 a{
	color:#fff;}	

.t1{
	background:url(../img/tit_01_fondo.gif) no-repeat;
	}
	
.t2{
	background: url(../img/tit_02_fondo.gif) no-repeat;
	}

.t3{
	height:20px;
	line-height:20px;
	font-size:11px;	
	background: url(../img/tit_03_fondo.gif) no-repeat;
	}
	
	
	
.img{
	float: left;
	margin:3px 10px 4px 0;}	
	
h3, h3 a{
	color:#065F9D;
	font-size:16px;
	border-bottom:#dcdcdc 1px solid;
	padding-bottom:5px;
	margin-bottom:26px;
	}	
h4, h4 a{
	color:#065F9D;
	font-size:110%;
	border-bottom:#DDDDDD 1px solid;
	margin-bottom:6px;
	}
/**************************************
   ENCABEZADO
***************************************/

.encabezado	{
	background:url(../img/encabezado_fondo.jpg) no-repeat;
	}
	

/**************************************
   MENU
***************************************/
.menu{
	background:url(../img/menu_fondo.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	}

.menu dl dd{	
	height:25px;}

.menu dl dd{
	margin:0;
	padding:0;
	display:inline;
	float:left;
	
	}
	
.menu dl dd a{
	display:inline-block;
	overflow:hidden;
	border-right:#fff 1px solid;
	margin:7px 0;
	color:#FFF;
	padding:0 10px;
	background: url(../img/menu_sep.gif) top right no-repeat;
	
	}	
	
.menu dl dd a:hover{
	background: url(../img/menu_fondo_h.gif) top right no-repeat;
	}		

/**************************************
   HOME
***************************************/

.home{
	background: url(../img/fondo_home.gif) repeat-y;}
.portada{
	padding-bottom:2px;
	}
.portada img{
	display:block;
	border:0;}


.columna_home .nota{
	margin-left:2px;
	padding:0 10px}


.columna2_home h1, .columna2_home h1 a, .columna2_home .nota, .columna2_home .nota-tools a.mas {
	color:#53758c;
	}
	
.columna2_home .nota{
	padding:0 10px;
	font-size:11px;}



.columna2_home h1{
	display:block;
	background:#f1faff;
	padding:2px;
	}
	
.columna2_home h1, .columna2_home h1 a{
	font-size:13px}	


	

/**************************************
   NOTA
***************************************/
h1, h1 a{
   color:#333;
   }
   
h1 a:hover{
   text-decoration:underline;}   
	

.nota{
	border-bottom:#dcdcdc 1px solid;
	margin-bottom:16px;}

.nota a{
	color:#065F9D;
	}

.nota h1{
	font-size:17px;
	margin-bottom:6px;
	}
	
	
.columna .nota .nota-tools{
	clear:left;}

.nota-tools{
	margin-bottom:4px;
	margin-top:6px;
	padding-right:10px;}
	
.nota-tools td{
	vertical-align:bottom}	

.nota-tools .mas{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	font-weight:bold;
	padding-bottom:4px
	}


/* nota ampliada*/
.principal{
border-top:#dcdcdc 1px solid;
}

.home{
	border-top:none;}

.mrg{
	margin:20px 30px;
	border:none;
	margin-bottom:40px;
	}
	


.nota_fecha{
	text-transform:uppercase;
	color:#777;
	font-weight:bold;
	}

.ampliada h1{
	color:#065F9D;
	font-size:23px;
	border-bottom:#ddd 1px solid;
	margin-bottom:20px;
	}
	
.ampliada .nota{
	border-bottom:none;}
	
.ampliada .copete{
	font-size:13px;
	font-weight:bold;
	margin-bottom:12px;}	
	
.ampliada .nota_cont, .ampliada .copete {
	line-height:160%;
	}
	
.ampliada .nota_cont p{
	margin-bottom:16px;}	
	
.nota-descarga{
	clear:both;
	border-top:#ddd 1px solid;
	height:22px;
	overflow:hidden;
	margin-top:30px;
	}
	
		
.nota-descarga .central{
	vertical-align:middle;
	padding:0 10px;
	}	
	
.nota-descarga .central a{
	color:#425870;
	font-size:10px;
	margin-right:14px;}
	
.nota-descarga .central a:hover{	
	color:#065F9D;
	}

/*nota lista*/

.ampliada .nota ul{
	margin-bottom:12px;}

.ampliada .nota li{
	background: url(../img/bullet.gif) no-repeat  0  7px ;
	padding-left: 9px;}
	
/* listado*/


.listado.notas .nota{
	height:auto;}
	
.listado.notas .nota h1, .listado.notas .nota h1 a{
	font-size:14px;
	color:#333333;}
	

.listado.notas .nota_cont{
	overflow:hidden;
	height:auto;
	}

.listado.notas .nota_cont{
	color:#737373;
	font-size:11px;
	}	
/* nota listado de productos*/



.listado.producto .nota{
	width:48%;
	float:left;
	background:url(../img/listado_productos_fondo.gif) repeat-y  right;
	margin-right:10px;
	height:130px;
	overflow: hidden;}
	
.listado.producto .nota h1, .listado.producto .nota h1 a{
	font-size:14px;
	color:#333333;}
	

.listado.producto .nota_cont{
	height:80px;
	overflow:hidden;
	}

.listado.producto .nota_cont{
	color:#737373;
	font-size:11px;
	}


/* producto ampliado */

.producto .detalle{
	background:#eaeaea;
	font-size:12px;
	color:#444;
	line-height:140%;}

.mrg2{
	margin:10px;}	

.producto .detalle h1, .producto .detalle h1 a{
	color:#444;
	font-size:13px;
	border-bottom:#ccc 1px solid;
	margin-bottom:8px;}
	
.producto .detalle p{
 	margin-bottom:12px;}	
	
.producto .detalle a{
	color:#666;
	font-weight:bold;}	

/**************************************
   CLIENTES
***************************************/	
.caja_cliente{
width:108px; height:100px; float:left; border:#DDDDDD 1px solid; margin-right:15px; margin-bottom:20px; overflow:hidden}

.caja_cliente td{
	vertical-align:middle;
	width:100px; height:80px;
	overflow:hidden;}

.caja_cliente img{
	width:80px;}

.caja_cliente .epigrafe{
height:20px; vertical-align:middle; text-align:center; font-size:10px; color:#797979;}


/**************************************
   COLUMNA
***************************************/
.columna{
	font-size:10px;
	}

.columna, .columna .nota h1, .columna .nota h1 a{
	color:#53758c;}	

.columna_mrg{
	margin:8px 7px}
		
.columna h1, .columna h1 a{
	font-size:11px;
	color:#333333;}	
	
.columna h1{
	margin:3px 0;
	}	
	
.columna .nota{
	padding-bottom:4px;
	margin-bottom:6px;
	}

	
.columna .caja{
	margin-bottom:16px;
	}	
	
/*.columna .caja_mrg{
	margin:0 3px;}*/
	
.columna .caja br{
	font-size:8px}
	
	

.columna .buscar{
	width:160px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:2px;
	color: #000000;
	margin-right:5px;
	border:#919191 1px solid;
	background:url(../img/buscar_fondo.gif) repeat-x;
	height:17px;
	}	
	
 .columna .caja.suscripcion td{
 	padding:0 0 7px 3px;
	vertical-align:middle;
	}
	
 .columna .caja.suscripcion td input{
 	width:154px;
	height:15px;
	font-size:11px;
	border:#999999 1px solid;
	padding-left:2px
 }
	
/**/



/**************************************
EsPECIALES
***************************************/	

/*cajas mostrar ocular*/

.oc{
	position:relative;
	top:-22px;}
	
.och{display:block;
	text-align:right;
	margin-bottom:22px}	

/**************************************
   BANNERS
***************************************/
	

/**************************************
   PIE
***************************************/	
	
.pie .central{
	padding-left:8px;
	vertical-align:middle;
	height:36px;
	font-size:11px;
	color:#666666;
	border:#bababa 1px solid;
	}
	
.pie .central a{	
	color:#666666	;
	}

/**************************************
   ELEMENTOS GENERALES
***************************************/

.soluciones h3{
	margin-bottom:0}

/*paginador*/



/* fijar alto */

.clearfix:after {
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* HTML .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End clearfix */
/* Hack para IE7 */
.clearfix {zoom: 1;}