/* CSS Document */

/*Comienso de estilos de pie  de eforcers*/
a.creditos { 
  display:block; 
  width:115px; 
  height:21px; 
  background:url(../img/eforcers_off.gif) no-repeat; 
 }
 
a.creditos:hover { 
  background:url(../img/eforcers_on.gif) no-repeat; 
  }
/*Fin de estilos de pie de eforcers*/  

body {
  background-color:#EEEEEE;
  margin:20px 2px 0px 2px;
  /*text-align:center;*/
  font:normal 12px Arial, Helvetica, sans-serif;
}

h1 {
  font:bold 20px Arial, Helvetica, sans-serif;
  color:#003366;
  text-align:left;
  border-bottom:1px solid #003366;
}
h2 {
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#003366;
  text-align:left;
  text-transform:uppercase;
}
h3 {
  font:bold 12px Arial, Helvetica, sans-serif;
  color:#000000;
  text-align:left;
}
h4 {
  font:bold 12px Arial, Helvetica, sans-serif;
  color:#000000;
  text-align:left;
}
p {
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#000000;
}
ul li {
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#000000;
  list-style-image:url(../img/bull_listas.gif);
}
a:link {
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#1A75CF;
  text-decoration:underline;
}
a:hover {
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#1A75CF;
  text-decoration:underline;
}
a:visited {
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#003366;
  text-decoration:underline;
}        

/* <<< HEADER Y NAVEGACION >>> */
#contentHeaderNav {
  position:relative;
  margin:auto;
  width:775px;
  height:66px;
  background-image:url(../img/bkg_headernav.jpg); background-repeat:no-repeat;
  text-align:left;
}
#contentHeaderNav .logoSuperior {
  position:absolute;
  left:25px;
  top:7px;
}
#contentHeaderNav .contentNav {
	position:absolute;
	float:right;
	bottom:2px;
	right:12px;
	width:512px;
	height:23px;
}
#contentHeaderNav .idioma {
  position:absolute;
  float:right;
  top:15px;
  right:12px;
  width:80px;
  font:normal 10px Arial, Helvetica, sans-serif;
}
#contentHeaderNav a:link {
  font:normal 10px Arial, Helvetica, sans-serif;
  color:#1A75CF;
  text-decoration:none;
}
#contentHeaderNav a:hover {
  font:normal 10px Arial, Helvetica, sans-serif;
  color:#1A75CF;
  text-decoration:underline;
}
#contentHeaderNav a:visited {
  font:normal 10px Arial, Helvetica, sans-serif;
  color:#003366;
  text-decoration:underline;
}
#navOption {
  position:relative;
  float:right;
  margin-left:1px;
}       


/* <<< CUERPO Y CONTENIDO DEL HOME >>> */
#contentHome1 {
  margin:auto;
  width:775px;
  background-image:url(../img/pxl_bkg_body.jpg); background-repeat:repeat-y;
}
.menuProductos {
  position: absolute;
  left:28px;
  top:0px;
  width:184px;
  height:367px;
  background-color:#FFFFFF;
  text-align:left;
}

#contentFlash {
  width:558px;
  vertical-align:top;
  border-bottom:1px solid #DDDDDD;
  background-color:#003366;
}

/* <<< Contenido de la derecha en el home >>>*/
#contentDerecha {
  vertical-align:top;
  text-align:right;
  border-bottom:1px solid #DDDDDD;
}


/* <<< MENU DE PRODUCTOS >>> */
.titProductos {
  vertical-align:middle;
  width:170px;
  height: 7px;
  padding: 10px 0px 11px 5px;
  border-bottom:1px dotted #006699;
  
  
}
a.Productos:LINK {
  font:normal 20px Arial, Helvetica, sans-serif; 
  color:#036; 
  text-align:center;
  text-decoration:none; 
}
a.Productos:HOVER{
  font:normal 20px Arial, Helvetica, sans-serif; 
  color:#036; 
  text-align:center;
  text-decoration:none; 
}
a.Productos:VISITED {
  font:normal 20px Arial, Helvetica, sans-serif; 
  color:#036; 
  text-align:center;
  text-decoration:none; 
}
#menuProducto1 {
	margin: 1px 0px 1px 5px;
	padding: 7px 0px 7px 6px;
	width: 164px;
	border-bottom: 1px dotted #006699;
	background-image: url(../img/forward-arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}
a.menu:LINK {
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#003366;
  text-transform:capitalize;
  text-decoration:none; 
}
a.menu:HOVER{
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#0099FF;
  text-transform:capitalize;
  text-decoration:none; 
}
a.menu:VISITED {
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#003366;
  text-transform:capitalize;
  text-decoration:none; 
}

#bannerCertificaciones {
  width:174px;
  margin: 0px 5px 20px 5px;
  background-color:#FFFFFF;
  border-bottom:1px solid #BBBBBB;
  border-top:1px solid #BBBBBB;
  text-align:center;
}
#bannerCertificaciones p {
  font:normal 10px Arial, Helvetica, sans-serif;
  color:#000000;
  opacity:1.0;
  filter:alpha(opacity=100);
}


/* <<< NOVEDADES >>> */
#contentNovedades {
  float:right;
  width:183px;
  text-align:left;
}


/* <<< PIE >>> */
#pie {
  width:775px;
  height:30px;
  margin:auto;
  background-image:url(../img/bkg_footer.jpg); background-repeat:no-repeat;
  font:normal 9px Arial, Helvetica, sans-serif;
  text-align:center;
  padding-top:22px;
}


/* <<< INTERNAS >>> */
#contentInterna1 {
  margin:auto;
  width:775px;
  background-image:url(../img/pxl_bkg_body.jpg); background-repeat:repeat-y;
  padding-top:15px;
}
.internaColumnIzquierda {
  vertical-align:top;
  text-align:left;
  width:180px;
  background-color:#FFFFFF;
  border-left:1px solid #DDDDDD;
}
#internaColumnDerecha {
  vertical-align:top;
  text-align:left;
  background-color:#FFFFFF;
  border-right:1px solid #DDDDDD;
}


/* <<< RUTA >>> */
#ruta {
  margin-left:10px;
  font:normal 10px Arial, Helvetica, sans-serif;
}
#ruta a:link {
  font:normal 10px Arial, Helvetica, sans-serif;
  color:#003366;
  text-decoration:none;
}
#ruta a:hover {
  font:normal 10px Arial, Helvetica, sans-serif;
  color:#003366;
  text-decoration:underline;
}
#ruta a:visited {
  font:normal 10px Arial, Helvetica, sans-serif;
  color:#003366;
  text-decoration:none;
}

/* <<< LA PARTE EDITABLE CON EL HEADER DE LA LINEA Y CON EL CONTENIDO DEL PRODUCTO >>> */
.internaEditable {
  width:98%;
}
#internaContenido {
  position:relative;
  top:15px;
  left:19px;
  width:547px;
}  
.holdHeaderLinea {
}
.bordertable {
  border-left:1px solid #DDDDDD;
  padding-left: 20px;
  /* border-right:1px solid #FFCCCC; */
}
#contentProducto {
  padding:10px 5px 2px 20px;
}
#contentProducto table {
  border:1px solid #CCC;  
  width:95%; 
}
#contentProducto td {
  border-bottom:1px solid #CCC;
  padding:3px 5px 3px 5px;
}
/* << para el slide de fotos del producto >> */
#holdSlide {
  float:left;
  position:relative;
  width:192px;
  margin-top:24px;
}
#holdSlide .fotoBig {
  position:relative;
  width:192px;
  border:1px solid #999999;
}
.zoomImage {
  position:relative;
  width:192px;
  margin-top:2px;
  font:normal 9px Arial, Helvetica, sans-serif;
  color:#1A75CF;
  text-align:right;
}
#holdSlide a:link {
  font:normal 9px Arial, Helvetica, sans-serif;
  color:#1A75CF;
  text-decoration:underline;
}
#holdSlide a:hover {
  font:normal 9px Arial, Helvetica, sans-serif;
  color:#1A75CF;
  text-decoration:underline;
}
#holdSlide a:visited {
  font:normal 9px Arial, Helvetica, sans-serif;
  color:#1A75CF;
  text-decoration:underline;
}
.thSlide {
  position:relative;
  float:right;
  width:38px;
  height:38px;
  margin:5px 0px 2px 2px;
  border:1px solid #999999;
}

/* <<< para la sección de las pestañas >>> */ 

.holdPestanas {
  width:100%;
  padding:0px 0px 0px 0px;
}
.pestana {
  width:110px;
  height:23px;
  float:left;
  margin-right:1px;
  cursor:pointer;
}
.contentPestanas {
  float:left;
  width:92%;
  border:1px solid #999999;
  margin-top:1px;
  padding:10px;
}
/* <<< los div's que despliegan la información >>> */
#caracteristicas {
  width:100%;
  /* text-align:center; */
  /* width:310px; */
}
#caracteristicas table {
  border:7px solid #CCCCCC;
  width:100%; 
}
#caracteristicas td {
  border-bottom:1px solid #CCCCCC;
  padding:3px 5px 3px 5px;
}

#instalacion {
  width:100%;
  /* width:310px; */
  font:normal 10px Arial, Helvetica, sans-serif;
  text-align:center;
}

#beneficios {
  width:100%;
  /* text-align:center; */ 
  /* width:310px; */ 
}


/* <<<  PARA LA PLANTILLA DE LINEAS DE PRODUCTO >>> */
#lineaBoxProducto {
  float:left;
  width:540px;
  margin-bottom:20px;
}
#lineaBoxProducto .fotoProducto {
  position:relative;
  float:left;
  width:120px;
  border:1px solid #003366;
  margin-right:20px;
}
#lineaBoxProducto h1 {
  margin-bottom:1px;
}
/*Estilos de index*/

.holdMenu {
  width:180px;
  padding: 0 0 5px 29px;
  background-image:url(../img/foto_flash1.jpg);
}

.flashHome {
  width:359px;
} 


#contentDerecha {
  vertical-align:top;
  width:204px;
  text-align:left;
  border-bottom:1px solid #DDDDDD;
}

#correo td {
	border: 0 solid #CCC;
}
.titulos {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #06C;
}
.textos {
	font: normal 11px Arial, Helvetica, sans-serif;
}
.botones {
	border: 1px solid #036;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0 5px;
	height: 20px;
	cursor: pointer;
	background: #06F;
}





/* <<< NUEVOS ES TILOS PARA HACER LAS PLANTILLAS LIQUIDAS [28-09-06]>>> */
#tableHeader {
  width:100%;
  height:66px;
}
.esqIzqHeader {
  width:8px;
  background-image:url(../img/liquid/esq_izq_header.gif);
  background-repeat:no-repeat;
}
.esqDerHeader {
  width:8px;
  background-image:url(../img/liquid/esq_der_header.gif);
  background-repeat:no-repeat;
}
.holdLogoSuperior {
  padding:5px 0px 5px 15px;
  background-color:#FFFFFF;
  border-bottom:1px solid #DDD;
  border-top:1px solid #DDD;
  width:235px;
}
.holdIdioma {
  height:40px;
  text-align:right;
  vertical-align:middle;
  background-color:#FFFFFF;
  border-top:1px solid #DDD;
  font:bold 9px Arial, Helvetica, sans-serif;
  color:#000000;
}
a.linkIdioma:link {
  font:bold 9px Arial, Helvetica, sans-serif;
  color:#000000;
  text-decoration:none;
}
a.linkIdioma:hover {
  font:bold 9px Arial, Helvetica, sans-serif;
  color:#1A75CF;
  text-decoration:underline;
}
a.linkIdioma:visited {
  font:bold 9px Arial, Helvetica, sans-serif;
  color:#666666;
  text-decoration:none;
}
.holdNavegacion {
  background-color:#FFFFFF;
  border-bottom:1px solid #DDD;
  text-align:right;
}
.navOpcion {
  text-align:center;
}


#tablePie {
  height:47px;
  width:100%;
  font:bold 9px Arial, Helvetica, sans-serif;
  color:#000000;
  text-align:center;
}      
.esqIzqPie {
  width:8px;
  background-image:url(../img/liquid/esq_pie_izq.jpg);
  background-repeat:repeat;
}
.esqDerPie {
  width:8px;
  background-image:url(../img/liquid/esq_pie_der.jpg);
  background-repeat:repeat;
}
.txtPie {
  background-image:url(../img/liquid/bkg_pie.jpg);
  background-repeat:repeat-x;
  vertical-align:bottom;
  padding-bottom:13px;
}

#indexIzqCol {
  border-left:1px solid #DDD;
  background-color:#FFFFFF;
  background-image:url(../img/liquid/bkg_columnaIzq.jpg);
  background-position:right; background-repeat:no-repeat;
  width:207px;
  height:400px;
  border-bottom:1px solid #DDD;
  vertical-align:top;
}
#contentDerecha {
  vertical-align:top;
  width:199px;
  text-align:left;
  border-bottom:1px solid #DDD;
  border-right:1px solid #DDD;
  background-color:#FFFFFF;
}


/* <<< para los headers >>> */
.bkgHeadersecciones {
  background-image:url(../img/pxl_headersLineas.jpg);
  background-repeat:repeat-x;
  height:61px;
}


.padingIzq {
  padding-left:25px;
}

#holdNovedades {
  padding-left:10px;
}
.newsIndex {
  padding-left:10px;
}