/*'estilos.css :: Desarrollado por www.Hooping.net

***************************************************************
Nombre: estilos.css
Implentacion: JBernalte
Revision: 301106
Descripcion: Estilos de la web
***************************************************************/

BODY{margin:0px; background-color:#FFFFFF; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif}

/*****************************************************************              ZONAS             **************************************************************************/
/*TABLA PRINCIPAL*/
#base{width:990px; height:100%;}
.itemMenu{ background-image:url(../img/060418button.gif); text-align:center; width:120px; height:0px;}

/*
body {
	background-image: url();
	background-color: #FEFFF5;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.Estilo4 {color: #CCCCCC}
*/

A{ color:#0D2E92; text-decoration: none}
A:hover{ color:#0099CC; text-decoration: none}
A:visited{ text-decoration: none}
A:active{ text-decoration: none}

H1, H2, H3, H4, H5, H6{ padding:0px; margin:0px;}
H1{ font-size:11px;}

HR{ height:0px; border:0px; border-bottom:1px solid #CCCCCC;}


/*    CABECERA    ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#cabecera{
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	height:125px;
	}
	/*ENLACES EN LA CABECERA*/
	#cabecera A{ color:#000000; background-color:#333333; color:#FFFFFF;}
	#cabecera A:hover{ color:#000000;}
	

/*    CENTRAL :: CONTENIDOS       --------------------------------------------------------------------------------------------------------------------------------------------*/
 /*CUIDADO CON ESTOS ESTILOS, PUEDEN PERJUDICAR A LOS ESTILOS DE ACTUALIZER*/
#central{ background-image:url(../images/fondo-body.jpg); background-repeat:repeat-x; background-position:top;}


/*FORMULARIO DE CONTACTO*/
#central #formularioContacto, #central #formularioContacto TABLE{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
#central #formularioContacto H3{ font-size:14px;}
#central #formularioContacto INPUT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #CCCCCC;}
#central #formularioContacto TEXTAREA{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #CCCCCC;}
#central #formularioContacto SELECT{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;border:1px solid #CCCCCC;}


/*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:10px;background-color:#f2f2f2;border:1px solid #cccccc;height:100%;}

/* POR NORMA GENERAL*/
#mapaweb A{ text-decoration:none;font-weight:normal; color:#A0AFD3; font-size:11px;}

/* PRIMER NIVEL*/
#mapaweb UL LI{color:white; font-size:13px; list-style-type:none;  padding-top:5px; font-weight:bold;}}

/* SEGUNDO NIVEL*/
#mapaweb UL LI UL LI{ color:#032799; padding-top:2px; font-size:11px;}
#mapaweb UL LI UL LI A{ color:#032799;}
#mapaweb UL LI UL LI A:hover{color:#0099FF;}
/* TERCER NIVEL*/
#mapaweb UL LI UL LI UL LI{list-style-type:disc; color:#A0AFD3; padding-top:0px;}
#mapaweb UL LI UL LI UL LI A{ color:#032799;}
#mapaweb UL LI UL LI UL LI A:hover{color:#0099FF;}

#mapaweb #derecha{ width:40%; float:right;}

#mapaweb #izquierda{ width:44%; float:left;margin-left:30px; border-right:1px solid #cccccc;}

/*PRINCIPAL DE LA PAGINA ACTUALIZABLE*/
#central #actualizable{ background-image:url(../images/actualizable-background.jpg);; background-repeat:repeat-x; background-position:bottom;}


/*LA ZONA DEL LISTADO DE TEMAS *********************************************************************************************************/

#central #actualizable #zonaEnlaces{ font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; width:164px;}
#central #actualizable #zonaEnlaces A{ text-decoration:none; display:block; padding:5px; margin-right:5px; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC;}

/* TEMAS*/
.marcado{color:#FFFFFF; background-color:#666666;}
.marcado:hover{ background-color:#EEEEEE;}
.desmarcado{color:#666666; border-bottom:1px solid #CCCCCC;  background-color:#F2F2F2}
.desmarcado:hover{ background-color:#EEEEEE;}

/* SUBTEMAS */
.marcadoNoticia{color:#0D2F93; font-size:9px; font-weight:bold; background-color:#B3E4FF;}
.marcadoNoticia:hover{ color:#000000;background-color:#F0F5FB;}

.desmarcadoNoticia{color:black; font-size:9px; background-color:#FFFFFF; background-color:#F3F3F3; border-bottom:1px solid #CCCCCC}
.desmarcadoNoticia:hover{background-color:#F0F5FB;}



#zonaEnlaces UL{ margin:0px; padding:0px; width:164px; list-style:none;}
#zonaEnlaces LI{ width:164px;}
#zonaEnlaces LI A{ color:#666666; border-bottom:1px solid #CCCCCC; background-color:#F2F2F2;  background-repeat:no-repeat; background-position:4px 7px; text-align:left; text-indent:14px; _height:5px;}
#zonaEnlaces LI A:hover{ background-color:#EEEEEE}

#zonaEnlaces #compraCoches LI A{background-image:url(../images/flecha-roja.gif);}
#zonaEnlaces #compraMotos LI A{background-image:url(../images/flecha-verde.gif);}
#zonaEnlaces #deportes LI A{background-image:url(../images/flecha-marino.gif);}
#zonaEnlaces #servicios LI A{background-image:url(../images/flecha-amarilla.gif);}
#zonaEnlaces #otros LI A{background-image:url(../images/flecha-azul.gif);;}


/*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 : x-small;	color: black;}


#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;}

/* PAGINACION*/
.pagina-actual{color:#0D2F93; text-decoration:none; font-size:10px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; border:1px solid #dddddd; }
.pagina-actual:hover{  color:#D95200;}
.pagina{ color:#5B5B5B; text-decoration:none;  font-size:10px; font-family:"Tahoma", Verdana, Arial, Helvetica, sans-serif; }
.pagina:hover{color:#000000; }
.nombre_galeria{ text-align:right; color: #0D2F93; font-family:Tahoma; font-size:12px; font-weight:bold; border-bottom:1px solid #dddddd; padding-bottom:3px;}
.linea_baja_paginacion{ text-align:right; color: #0D2F93; font-family:Tahoma; font-size:12px; font-weight:bold; border-top:1px solid #dddddd; padding-top:3px;}
.linea_sobre_numeros{ border-bottom:1px solid #dddddd; padding-bottom:3px;}
.linea_bajo_numeros{border-top:1px solid #dddddd; padding-top:3px;}

/*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:2; width:550px;}
.boton_cerrar{font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; }



/* clase para las imagenes de coches nuevos */
.sombra
{
/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=7);*/
border:1px solid black;
}



#ficha{	width:595px; clear:both}
#ficha TABLE{ font-size:12px;}
#ficha FIELDSET{ font-size:12px; border:1px solid #CCCCCC; padding:0px; padding-top:0px;}
#ficha LEGEND{color:#0099CC; font-weight:bold; font-size:12px; margin-bottom:10px;}

#buscador { background-color:#E8E8E8; border:1px solid #999999; margin-bottom:15px;}
#buscador TABLE{ font-size:10px;}
#buscador SELECT{ font-size:10px;}

#tabla_resultados{ background-color:#CCCCCC; font-size:11px; clear:both}
#tabla_resultados A{ color:#0066CC;} 
#tabla_resultados A:hover{ color:#FF6600; text-decoration:none;}
#tabla_resultados THEAD{ color:#FFFFFF; background-color:#006699; text-align:center}

OL{ color:#0066CC; font-size:11px;}



#login{ font-size:12px;}
#login TABLE{ font-size:12px;}
#login INPUT{ border:1px solid #CCCCCC;}
#login .textorojo{ color:#FF0000;}


.brevePortada{

	float:left; background-color:#FFFFFF; 
	text-align:left;
	font-size:10px;
	font-family:Arial;
	
	
}

.brevePortadaGrande{

	float:left; background-color:#FFFFFF; 
	text-align:left;
	font-size:10px;
	font-family:Arial;
	
	
}

.brevePortada H3{ margin:0px; padding:0px; font-size:12px;}

.brevePortada H3 A{ color:#000000; text-decoration:none;}

.brevesCortas{}

.brevesCortas H3{ font-size:12px;}

.brevesCortas H3 A{ color:#000000; text-decoration:none;}

.brevePortadaGrande H3{ margin:0px; padding:0px; font-size:16px;}

.brevePortadaGrande H3 A{ color:#000000; text-decoration:none;}


#resultados{ font-size:10px;}

/********** AGENDA *******/
.dianormal {
font:9px tahoma;
color:#999;
padding:3px;
vertical-align:top;
text-align:left;
border:1px dotted gainsboro;
}

.diafestivo {
font:9px tahoma;
color:#0066CC;
padding:3px;
vertical-align:top;
text-align:left;
border:1px dotted gainsboro;
}

.festivoconfoto {
font:bold 9px tahoma;
color:#999;
padding:3px;
vertical-align:top;
text-align:left;
border:1px dotted gainsboro;
background-color:#DED9DE;
}

.diaconfoto {
font:bold 9px tahoma;
color:#0066CC;
padding:3px;
vertical-align:top;
text-align:left;
border:1px dotted gainsboro;
background-color:#0066CC;


}


/*    PIE                      -----------------------------------------------------------------------------------------------------------------------------------------------*/
.pie{
	font-family:Arial, Helvetica, sans-serif;
	color:#009966;
	font-size:9px;
	padding:2px;
	height:32px;
	padding-left:15px;
	background-image:url(../images/pie-background.jpg);
	}
/*ENLACESPIE*/
.pie A{ color:#009966; text-decoration:none;}
.pie A:hover{ color:#99BDE6;}

