﻿@charset "utf-8";
/***************************************************************
Nombre: estilos.css
Implentacion: JBernalte
Revision: 17/11/2009
Descripcion: Estilos de la web
***************************************************************/
	
	/* ESTILOS DEL MAPA WEB*/
	@import url("sitemap.css");
	/* ESTILOS DEL FORMULARIO DE CONTACTO*/
	@import url("contactForm.css");
	/* ESTILOS DEL CARRITO DE LA COMPRA*/	
	@import url("shoppingcart.css");
	/* ESTILOS DEL CATALOGO*/
	@import url("product.css"); 
	/* ESTILOS DEL FORO*/
	@import url("foro.css");
	/* ESTILOS DE AGENDA*/ 
	@import url("calendar.css");
	/* ESTILOS DE TEMAS Y SUBTEMAS*/
	@import url("categories.css");
	/* ESTILOS DE FORMULARIO DE SUSCRIPCION A LAS NEWS*/
	@import url("newsletter.css");
	/* ESTILOS DE MENU FLOTANTE*/
	@import url("menu.css");
	/* ESTILOS FORMULARIO DE REGISTRO*/
	@import url("register.css");
	/* ESTILOS LOGIN Y ESTADO DEL LOGIN*/
	@import url("login.css");
	/* ESTILOS SECCIÓN INMUEBLES*/
	@import url("inmuebles.css");
	/* ESTILOS PARTE PUBLICA COMERCIAL*/
	@import url("commercial.css");
	/* ESTILOS TV IP*/
	@import url("TvIp.css");
	/* ESTILOS BANNERS*/
	@import url("banners.css");
	
/* ESTILOS DE ETIQUETAS */

BODY
{
	background-color:#ADB1B7;
	margin: 0px auto 0px auto;
	background-image:url(../images/body-background.jpg); background-repeat:repeat-y;
	font-family:"Arial", Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px;
	height:100%;
}
.clear{
	clear:both;
}
A
{
	color:#FFF
}
A:hover
{
	color:#CCC;
}
A IMG
{
	border:0px;
}
H1
{
	color:#FFF; margin:0px;
}
HR
{
	padding:0px; margin:0px; border:0px; height:0px; border-bottom:1px solid #CCCCCC;
}
H5{

	margin:0px;
}



/* ESTILOS DE ZONAS */



#base
{	
	width:975px; height:100%;
	margin: 0px auto 0px auto; display:table; 
	background-repeat:no-repeat;  position:relative; 
}
#base .pestanya
{
	position:absolute; height:200px; width:19px; top:163px; 
	background-repeat:no-repeat;
}


#cabecera
{
	height:103px;
	font-family:"Verdana", Arial, Helvetica, sans-serif; position:relative;
	background-image:url(../images/top-background.png); background-repeat:no-repeat;
}
 

#cabecera DIV.audilogo
{
	background-image:url(../images/audi-logo.png); background-repeat:no-repeat; width:38px; height:14px; position:absolute; text-indent:-999999px; 
	overflow:hidden; top:53px; left:0px;
}

#cabecera A
{
	text-decoration:none; font-size:11px; color:#FFFFFF;
}
#cabecera UL
{
	list-style-type:none; margin:0px; padding:0px;
}

#cabecera UL LI
{
	list-style-type:none; float:left; color:#FFFFFF; margin:0px; padding:0px;
}

#cabecera .models
{
	margin-left:10px;

}

#cabecera UL.models LI
{
	margin-top:24px; margin-right:24px;
}


#cabecera .logo
{
	float:right; margin-top:5px;
}

#cabecera UL.navigation
{
clear:both; float:left; margin-top:8px;
}

#cabecera UL.navigation LI
{ 
}

#cabecera UL.navigation LI A
{
	padding:10px; padding-left:14px; padding-right:15px; background-image:url(../images/doblelinea.jpg); background-repeat:no-repeat; background-position:right top; display:block;
}

#cabecera UL.navigation LI A:hover
{
background-color:#B0B2B7;}

#cabecera UL.navigation LI A.selected
{
background-color:#B0B2B7;
}



#cabecera A:hover
{
	color:#FFFFFF;
}
#cabecera #buscador
{
top:61px; margin-top:10px; position:absolute; width:183px; z-index:100; right:4px;
}

#cabecera #buscador A
{
	 text-indent:-999999px; display:block; background-image:url(../images/lupa.jpg); width:22px; height:18px; overflow:hidden; position:absolute; right:2px; top:3px;
	
}

#cabecera INPUT
{
	font-size:10px; color:#333; height:16px; background-color:#DCDFE2; border:0px; margin-top:3px; width:156px; text-indent:3px;
}
img.valign
{
   height: 100%;
   vertical-align: middle;
   width: 0px;
}

/*    CENTRAL :: CONTENIDOS       --------------------------------------------------------------------------------------------------------------------------------------------*/
 /*CUIDADO CON ESTOS ESTILOS, PUEDEN PERJUDICAR A LOS ESTILOS DE ACTUALIZER*/


/*LAS SOMBRAS DE LA WEB*/
#izquierda
{
	width:24px; height:100%;
}
#derecha
{
	width:20px; height:100%;
}
/*CAPA CAMPOS DEL FORM NO RELLENOS*/
#capaError #mensajeError
{
	font-size:9px;
}
#capaError A
{ 
	font-size:11px; color:#FFFFFF; text-decoration:none;
}

/* ZONAS  *********************************************************************************************************/

#central
{
	clear:both; width:100%; display:block;height:100%; display:table;
	background-image:url(../images/central-background.jpg); background-repeat:repeat-y;
}
.actualizableTitle
{
	margin:0px; padding:0px; margin-bottom:7px; margin-left:5px;
	text-indent:-999999px; width:970px; background-image:url(../images/actualizable-title.jpg); height:66px; background-repeat:no-repeat; background-position:left top;

}

	#central #actualizable
	{
		background-image:url(../images/actualizable-background.jpg); background-repeat:no-repeat; display:table; min-height:500px; width:975px;
	}
	#central #actualizable.home
	{
		background-image:none;
	}
	
	
	#central #actualizable.vehiculos{
	
	
	}
	
	
	#central #actualizable.contacto
	{
		background-image:url(../images/contacto-background.jpg); height:560px; margin-top:7px;
	}
	
	#central #actualizable.citaprevia
	{
		background-image:url(../images/cita-previa-background.jpg); height:556px; margin-top:7px;
	}
	
	
	
	#central #actualizable.newshome #featured{ float:left; width:285px; margin-left:10px; margin-top:-35px; overflow:hidden;}
	#central #actualizable.newshome #featured H2{ color:#FFFFFF; font-size:18px; margin-top:10px;}
	#central #actualizable.newshome #featured .breve A{ color:#000000; font-size:18px; background-image:none}
	#central #actualizable.newshome DIV.breveszone{ float:left; margin-top:-35px; overflow:hidden; width:430px; margin-left:10px;}
	#central #actualizable.newshome DIV.breveszone H2{ color:#FFFFFF; font-size:18px; margin-top:10px;}
	
	#central #actualizable #zonaEnlaces
	{
		font-size:10px; width:209px; padding-right:10px; padding-top:0px; float:left;
	}
	
	#central #actualizable.citaprevia #zonaEnlaces
	{
		font-size:12px; color:#FFFFFF; width:296px; float:left; margin-left:30px; margin-top:25px;
	}
	
	#central #actualizable.contacto #zonaEnlaces
	{
		font-size:12px; color:#FFFFFF; width:350px; float:left; margin-left:17px;
	}
	
	#central #actualizable #zonaEnlaces H3{ color:#FFF; margin-left:15px; font-size:18px; margin-bottom:8px; margin-top:8px;}
	#central #actualizable #zonaEnlaces H2{font-size:18px;}
	
	#central #actualizable #contenidos
	{
		font-style: normal; font-size : 11px;
		color: black; width:743px; float:left;margin-top:35px; margin-left:8px;
		min-height:500px; background-repeat:no-repeat; position:relative; 
	}
	
	#central #actualizable.vehiculos #contenidos{ margin-left:25px; width:718px; position:relative;
	
	
	}
	#central #actualizable.vehiculos #contenidos H2{ color:#FFFFFF; top:-40px; left:-10px;  font-size:18px; position:absolute; 
	
	
	}
	
	
	
	#central #actualizable.home #contenidos
	{
		margin-left:0px; margin-top:0px;		
		color: black; float:none; width:975px;
		min-height:200px; margin-right:15px;
	}
	#central #actualizable #contenidos #content
	{
		margin-left:15px;
		margin-right:30px; margin-bottom:10px;
	}
	
	#central #actualizable.contacto #contenidos{ float:left; width:580px; margin-top:0px; margin-left:13px;}
	#central #actualizable.contacto #contenidos H2{ color:#FFFFFF; font-size:18px; margin-bottom:12px; padding-bottom:0px;}
	#central #actualizable.contacto #contenidos H3{ color:#FF0024; margin:0px; padding:0px; font-size:12px;}
	#central #actualizable.contacto #contenidos H3.sagunt{ margin-top:47px;}
	#central #actualizable.contacto #contenidos DIV.map{ width:555px; height:189px; display:block;}
	#central #actualizable.contacto #contenidos SPAN{ display:block; margin-top:5px;}
	
	
	#central #actualizable.citaprevia #contenidos{ float:left; width:570px; margin-top:0px; margin-left:52px;}
	#central #actualizable.citaprevia #contenidos H2{ color:#FFFFFF; font-size:18px;}
	#central #actualizable.citaprevia #contenidos H4{ color:#FF0024; margin:0px; padding:0px; font-weight:normal; font-size:12px;}
	#central #actualizable.citaprevia #contenidos H4 B{ font-weight:bold;}
	
	.centralbottom{ background-image:url(../images/central-bottom-background.jpg); height:10px; display:block;background-position:bottom; background-repeat:no-repeat}
	.centralbottombig{ background-image:url(../images/central-big-bottom-background.jpg); height:10px; display:block; 
	 background-position:bottom; background-repeat:no-repeat;}
	.centralbottomnone{ display:none;}
	
	#vehiculosOcasion{
	 	float:left; width:369px; height:216px; background-image:url(../images/home-ocacion.jpg); background-position:left top;
	}
	#vehiculosOcasion H4{ text-indent:-999999px; display:block; overflow:hidden; width:0px; margin:0px; padding:0px;}
	#vehiculosOcasion UL{ list-style:none; margin:0px; padding:0px; margin-top:13px;}
	#vehiculosOcasion UL LI{ list-style:none; margin:0px; padding:0px; width:133px; margin-left:25px; margin-right:25px; float:left; text-align:center;}
	#vehiculosOcasion UL LI DIV.productData{ width:140px; min-height:59px; padding-top:7px;
		background-image:url(../images/productdata-background.png); background-repeat:no-repeat;
	}
	#vehiculosOcasion UL LI DIV.productData A{ color:#000000; text-decoration:none; font-size:12px; margin-left:5px; margin-right:5px;}
	#vehiculosOcasion UL LI DIV.productData B{color:#FF0024; font-size:18px;}
	
	#citaPrevia{ float:left;height:216px; width:163px; margin-left:8px; margin-right:8px;}
	#citaPrevia H4{ text-indent:-999999px; width:0px; overflow:hidden; margin:0px; padding:0px; display:none;}
	
	#noticiasBreve{ float:left; height:216px; width:420px; overflow:hidden; background-image:url(../images/news-home-background.png); overflow:hidden;}
	#noticiasBreve H4{ overflow:hidden; text-indent:-999999px; width:0px; margin:0px; padding:0px;}
	
	#central #actualizable.home{ margin-top:7px;}
	
	
	
	
	
	
	#central .avisoLegal
	{
		padding:0px; 
	}
#pie
{
	text-align:left; padding:5px; color:#FFFFFF; clear:both; width:945px; display:block;
	
}

	#pie SPAN{ color:#333333;}
	
	
	#pie A
	{
		color:#FFF;text-decoration:none;
	}
	
	#pie A:hover
	{
		color:#CCC;text-decoration:none;
	}













.windowBottom
{
	background-image:url(../images/bottom-window-background.png); 
	background-position:center top; position:absolute; 
	top:0px; left:-1px; width:100%; height:12px; z-index:1;
	background-repeat:no-repeat;
}
.breves{ margin-left:10px; margin-right:10px; width:400px; overflow:hidden;}

DIV.breveszone .breves{ margin-left:0px; margin-right:0px; width:440px;}


.breveBig
{
	padding:5px; margin-right:23px; _margin-right:10px; width:200px; float:left; min-height:291px; text-align:center; margin-bottom:15px;
}
.breveBig A
{
	font-size:16px; color:#000000; text-decoration:none;
}
.breveBig A:hover
{
	text-decoration:underline;
}
.breve
{
	clear:both; padding-bottom:10px; padding-top:10px; background-image:url(../images/separador.png); background-position:bottom center; background-repeat:no-repeat;
}
.breve A
{
	font-size:12px; color:#FFF; text-decoration:none; font-weight:normal;
}
.breve A:hover
{
	text-decoration:underline;
}	


#seccionTitle
{
	font-size:15px; font-weight:bold; color:#CCC; position:absolute; top:-25px; left:0px;
}

#seccionTitle A{ color:#FFF;}

.sendproducttofriend
{
	position:relative;
}
.sendproducttofriend INPUT
{
	border:1px solid #CCCCCC; margin-left:25px; float:right; width:115px;
}
#sendproductTofriendLayer
{
	border:1px solid red;
}



					   


	




