@charset "utf-8";
/*'estilos.css :: Desarrollado por www.Hooping.net

***************************************************************
Nombre: estilos.css
Implentacion: JBernalte
Revision: 301106
Descripcion: Estilos de la web
***************************************************************/

BODY{margin: 0px auto 0px auto;
	 background-color:#F3F3F3;
	 font-family:Arial;
	 font-size:11px;
	 height:100%;
	 background-image:url(../images/body-background.jpg);
	 background-repeat:repeat-x;
}
	 
.clear{
clear:both;
}
/*****************************************************************              ZONAS             **************************************************************************/
/*TABLA PRINCIPAL*/
#base{
	width:943px;
	margin:0px auto 0px auto;
	background-image:url(../images/linea-base.png);
	background-repeat:repeat-y;	
	display:table;
}

A{ color:#ff8040}
A:hover{ color:#333333;}

h1{color:#E36C18;}
/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{
	font-family:Arial;
	}
	
	/*ENLACES EN LA CABECERA*/
	#cabecera A{text-decoration:none; font-size:11px;}
	#cabecera A:hover{ background-color:#3398D1; color:#FFFFFF}
	
/*    CENTRAL :: CONTENIDOS       --------------------------------------------------------------------------------------------------------------------------------------------*/
 /*CUIDADO CON ESTOS ESTILOS, PUEDEN PERJUDICAR A LOS ESTILOS DE ACTUALIZER*/
#central{ 
	width:943px;
	background-image:url(../images/fondo-base.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:100%;
	display:table;
}

/*LAS SOMBRAS DE LA WEB*/
#izquierda{ width:24px; height:100%}
#derecha{ width:20px; height:100%}



/*FORMULARIO DE CONTACTO*/
#central #formularioContacto, #central #formularioContacto TABLE{ font-size:11px; font-family:Arial; color:#333333;}
#central #formularioContacto INPUT{ font-size:11px; font-family:Arial; border:1px solid #999999; height:20px; padding-top:6px;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:Arial;border:1px solid #999999; height:40px; width:345px;}
#central #formularioContacto SELECT{ font-size:11px; font-family:Arial;border:1px solid #999999; height:20px;}
P.notalegal{ font-size:9px; color:#666666; text-align:justify; width:530px;}


/*CAPA CAMPOS DEL FORM NO RELLENOS*/
#capaError #mensajeError{ font-size:9px;}
#capaError A{ font-size:11px; color:#FFFFFF; text-decoration:none;}



/* TEXTO AVISO LEGAL*/
#central #avisoLegal{ font-family:"Arial", Helvetica, sans-serif; font-size:12px; padding:20px;}


/* MAPA WEB*/
#mapaweb{ margin-left:35px; padding:20px; }

/* POR NORMA GENERAL*/
#mapaweb A{ text-decoration:none;font-weight:normal; padding-left:20px; color:#ff8040; list-style-type:none; font-size:15px; background-image:url(../images/flecha-mapa-web.png); background-position:left top; padding-top:0px; background-repeat:no-repeat;}

/* PRIMER NIVEL*/
#mapaweb UL LI{color:#333333; font-size:11px; background-image:none; list-style-type:none;  font-weight:bold;}

/* SEGUNDO NIVEL*/
#mapaweb UL LI UL LI{ color:#333333; padding-top:2px;list-style-type:disc; }
#mapaweb UL LI UL LI A{ color:#333333;font-size:11px; background-image:none;}
#mapaweb UL LI UL LI A:hover{color:#333333;}
/* TERCER NIVEL*/
#mapaweb UL LI UL LI UL LI{list-style-type:disc; color:#333333; padding-top:0px;}
#mapaweb UL LI UL LI UL LI A{ color:#333333; font-size:11px;}
#mapaweb UL LI UL LI UL LI A:hover{color:#333333;}



/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{
	display:table;
	height:100%;
}



/*LA ZONA DEL LISTADO DE TEMAS *********************************************************************************************************/

#central #actualizable #zonaEnlaces{ 
	font-size:11px;
	float:left;
	width:256px;
	height:100%;
}

#central #actualizable #capaMarcas{ display:block; padding:0px; float:left;margin:0px;margin-top:-49px;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block;}

/* TEMAS*/
.marcado{
	color:#ff8040;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding-left:30px;
	padding-bottom:8px;
	border-bottom:1px solid #999999;
	margin-left:20px;
	width:185px;
	margin-top:10px; 
	background-image:url(../images/flecha_breve.png);
	background-repeat:no-repeat;
	background-position:left top;
}
.marcado:hover{
	color:#ff8040;
}
.desmarcado{
	color:#333333;
	font-family:Arial;
	font-size:11px;
	padding-left:30px;
	padding-bottom:8px;
	border-bottom:1px solid #999999;
	margin-left:20px;
	width:185px;
	margin-top:10px; 
	background-image:url(../images/flecha_breve.png); 
	background-repeat:no-repeat; 
	background-position:left top;
}
.desmarcado:hover{
	color:#ff8040;
	font-weight:bold;
}


/* SUBTEMAS */
.marcadoNoticia{
	color:#ff8040;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding-bottom:8px;
	border-bottom:1px solid #999999;
	margin-left:43px;
	width:188px;
	margin-top:10px; 
}
.marcadoNoticia:hover{
	color:#ff8040;
}

.desmarcadoNoticia{
	color:#333333;
	font-family:Arial;
	font-size:11px;
	padding-bottom:8px;
	border-bottom:1px solid #999999;
	margin-left:43px;
	width:188px;
	margin-top:10px;
}
.desmarcadoNoticia:hover{
	color:#ff8040;
	font-weight:bold;
}

/*FIN  ZONA DEL LISTADO DE TEMAS *********************************************************************************************************/



/*LA ZONA DEL LISTADO DE CONTENIDOS, ESTE PUEDE PERJUDICAR A ACTUALIZER*/
#central #actualizable #contenidos{	
	font-family:Arial; 
	font-style:normal;
	font-size:11px;
	color: #333333;
	float:right;
	width:586px;
	height:100%;
	display:table;
}


#seccionTitle{ background-image:url(../images/title-seccion.jpg); height:33px; width:954px; color:#FFFFFF; 
font-family:Arial, Helvetica, sans-serif; margin-left:2px; padding-left:15px; font-size:13px; padding-top:8px; font-weight:bold;}

#loginusuario{ height:100%; background-image:url(images/zona-privada-background.jpg); background-repeat:no-repeat}
#loginusuario TABLE{margin-top:70px; color:#0F2B8F; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif}



/*CATALOGO*/

.producto{  border:1px solid #CCCCCC; width:170px; text-align:center; float:left; margin-left:10px; padding:10px;}
.productoFicha{  border:1px solid #CCCCCC;  float:left; margin-left0px; padding:10px; width:620px;}


	/*CAPA EMERGENTE DE APMLIACION DEL PRODUCTO*/
	#cerrarImagenAmpliada{display:none; position:absolute; background-color:#0D2F93; border:1px solid #333333; z-index:4;  padding:3; text-align:center; height:20px; width:70px;}
	#capaImagenAmpliada{display:none; position:absolute; top:50px; left:50px; z-index:4; width:550px; border:1px solid #333333;}
	#capaImagenAmpliada A{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}



/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
#pie{
	background-image:url(../images/fondo-pie.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:99px;
	width:943px;
	color:#FFFFFF;
	text-align:center;
	padding-top:9px;
	font-family:Arial;
	font-size:11px;
}
	/*ENLACESPIE*/
	#pie A{ color:#ffffff;text-decoration:none;}
	#pie A:hover{ color:#ff8040;text-decoration:none;}

.suscripcion{
	color:#000000;
	font-family:DaxCondensed;
	font-size:13.53px;
	font-weight:bold;
	margin-top:70px;
	margin-left:30px;
}

.suscripcion input{
	border:1px solid #999999;
	width:216px;
	color:#000000;
	font-family:Arial;
	font-size:11px;
}

.tituloContenidos{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:#333333;
}

.subtituloContenidos{
	font-family:Arial;
	font-size:16px;
	color:#333333;
}