/*-----------------------------------------------------------
	Estilos para webs ASP basadas en ciasp-modular-v0
	Configuraciones integrales
	www.configuracionesintegrales.com
-----------------------------------------------------------*/

/*
General
-----------------------------------------------------------
*/
* {
	margin: 0;
	padding: 0;
	border: 0;
   font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
   font-weight:normal;
   
}

/*
Textos Generales
-----------------------------------------------------------
*/
h1{
   font-size: 18pt;
   text-align: center;
   color: #c63434;
   background-color: #c5c49e;
}

h2{
/*	padding: 0.25em 1.5em;*/
/*	color: #ffcc00;*/
	text-decoration: none;
	font-size:14pt;
	color: #444;	
}

h2 a{
/*	font-size:14pt;*/
/*	color: #ffcc00;*/
	text-decoration:none;
}

h2 a:hover{
/*	color: #ffe680;*/
	text-decoration:underline;	
}

h2 strong{
/*	color: #ffe680;*/
}

h3{
/*	padding:0.25em 0.5em;*/
/*   color: #2ca089;*/
	font-size:11pt;
	font-weight:normal
}

h4{
/*	padding:0.25em 0.75em;*/
/*	color: #aa0000;*/
	font-size:11pt;
	text-decoration:underline;
	text-align:left;
}

p{
	font-size: 10pt;
	text-align:justify;
	text-indent: 1.5em;
	margin-top: 0.5em;
}

p a{
/*	color:#aa0000;*/
	text-decoration:none;
}
p a:hover{
/*	color:#ff0000;*/
	text-decoration:underline;
	vertical-align: middle;
}

p strong{
	font-weight: bold;
}
p em{
	font-style:italic;
}

/*
Fondo
-----------------------------------------------------------
*/
body{
	background: url(imagenes/fondo.png) top left;	
	text-align:center;
}

#Contenedor {
   width: 770px;
   margin: 1em auto;
   background-color: #e5e4c6;
	border: 2px solid #444;   
}

#Cabecera{
	width: 100%;
/*	height: 250px;*/
}

#BarraIzquierda{
	float:left;
   background-color: #c5c49e;	
	width:150px;
/*	margin: 0 auto;*/
	text-align: center;
   border-right: 2px solid #444;
   border-bottom: 2px solid #444; 
   margin-bottom: 1em;   
}

#BarraDerecha{
	float:right;
   background-color: #c5c49e;	
	width: 150px;
   border-left: 2px solid #444;
   border-bottom: 2px solid #444; 	
	margin-bottom: 1em;   
}

#Cuerpo{
	float:left;
	width: 456px;
	margin: 5px;
/*	padding: 5px;*/
}

#PieEmpresa{
   background-color: #c5c49e;
	clear: both;
	width: 100%;
	border-top: 2px solid #444;
	margin: 0 auto;
}


#PieEmpresa p{
   font-size: 10pt;	
	color: #444;
	text-align:center;
	padding:0.25em;
	margin: 0;
}

#PieEmpresa a{
   font-size: 10pt;	
	color: #fff;
   text-decoration: none;
}

#PieEmpresa a:hover{
   text-decoration: underline;
}

#PieEmpresa strong{
   font-size: 10pt;	
}

#PieCI{
	margin-top: 3.5em;
   background-color: #c5c49e;
   font-size: 10pt;
   text-align:center;
   clear:both;
	border-top: 2px solid #444;
 }

#PieCI p{
   font-size: 10pt;	
	color: #444;
	text-align:center;
	padding:0.25em;
	margin: 0;	
}

#PieCI a{
   font-size: 10pt;	
	color: #fff;
   text-decoration: none;
}

#PieCI a:hover{
   text-decoration: underline;
}

#PieCI img{
	vertical-align: middle;
}

/*
Cabecera-Logotipo
*/

#Logotipo {
	height: 150px;
	width: 770px;
	float: left;
	background-color: #c5c49e;
}

/*
Cabecera-menu
*/
#Menu {
 	width: 770px;
 	text-align:right;
   background-color: #c5c49e;
   clear:both;	
}

#Menu ul {
   list-style-type: none;
   width: 765px;
	border-top: 2px solid #444;
	border-bottom: 2px solid #444;
	padding: 2px 5px 2px 0;
}

#Menu ul li {
	display:inline;
}

#Menu ul li a {
	color: #444;
	font-size:10pt;
   text-decoration: none;
	font-weight: bold;   
   padding: 2px 3px;
	vertical-align: 5%;	   
}

#Menu ul li a:hover{
	background-color: #e5e4c6;
	color:#444;
   padding: 2px 3px;	
}

/*
Cabecera-path
*/
#Path {
 	width: 700px;
 	height: 1.5em;
 	text-align:left;
	border-bottom: 2px solid #444;
   background-color: #c5c49e;
	font-size:8pt;   
   float:left;
	color: #444;   
}

#Path a {
	color: #444;
	font-size:8pt;
   text-decoration: none;
}

#Path a:hover{
	background-color: #e5e4c6;
	color:#444;
}

/*
Cabecera-Idioma
*/
#Idioma {
 	width: 70px;
 	height: 1.5em;
	text-align:left;
	border-bottom: 2px solid #444;
   background-color: #c5c49e;
   float:left;	
	font-size:8pt;
}

#Idioma img {
	width: 20px;
	margin: 1px 5px 0 0;
	vertical-align: middle;
}

#Idioma a{
   text-decoration: none;
}


/*
 Menú Contenido
-----------------------------------------------------------
*/
#Contenido {
 	width: 100%;
 	text-align:left;
   border-bottom: 2px solid #444;
   float:left;
   padding-bottom: 1em;
}
#Contenido h2{
	width: 140px;
	background: #e5e4c6;
	text-align: center;
	margin: 5px;
	color: #0189a9;	
}

#Contenido ul {
   list-style-type: none;
	display:block;
	padding: 5px;   
}

#Contenido ul li {
	display:block; 
	height: 46px;
	font-size:12pt;
	font-size:10pt;
	font-weight: bold;

}

#Contenido ul li a {
	color: #0189a9;
   text-decoration: none;
	height: 46px;
	display:block;
	margin: 5px 0;
	border:1px solid #444;
	background-color: #b5b491;
}

#Contenido ul li a:hover{
	background-color: #e5e4c6;
	border:1px solid #444;	
	color:#0189a9;
	height: 46px;
}

#Contenido span{
	padding: 2px;
	font-size:10pt;
	font-weight: bold;
	vertical-align: middle; 	
}

#Contenido img{
	margin:2px;
	border:1px solid #444;
	vertical-align: middle;	
}

/*
 Busqueda
 ------------------------------------
*/
#Busqueda{
 	width: 100%;
 	float:left;
}

#Busqueda h2{
	width: 140px;
	background: #e5e4c6;
	text-align: center;
	margin: 5px;
	color: #0189a9;	
}

#Busqueda input{
	margin-bottom: 5px;
	width: 100px;
	margin: 0.2em 22px; 
}

#Consulta {
	border: 1px solid #444;
}

#ConsultaBtn{
	cursor:pointer;
}	

/*
 Destacados
 -----------------------
*/
#Destacados {
 	width: 100%;
 	text-align:Center;
}

#Destacados h2{
/*	width: 165px;*/
	background: #e5e4c6;
	text-align: center;
	margin: 5px;
	color: #d5ab00;
}

.Destacado {
/*	width: 165px;*/
	background-color: #a09f80;
	text-align: center;
	margin: 4px;	
	border: 1px solid #444;
}
.Destacado img{
	width: 110px;
	margin: 5px;
	border: 2px solid #444;
}
#Destacados .Destacado h2, #Destacados .Destacado h3{
	margin:0;
	width:auto;
	font-size:11pt;
	font-weight: bold;
	color: #7f7e65;
} 

#Destacados .Destacado h3{
	font-size:10pt;
	font-weight: normal;
	color: #ffcc00;
}

/*
 Coche del dia
 -----------------------
*/
#ContenedorCocheDia {
 	width: 100% -4px;
 	text-align:Center;
   border: 2px solid #444;
  	background-color: #c5c49e;
  	margin-top: 1em;	
}

#ContenedorCocheDia h2{
	background: #e5e4c6;
	text-align: center;
	margin: 5px;
	/*color: #c63434;*/
	color: #444;	
}

#CocheDia {

	background-color: #a09f80;
	text-align: center;
	margin: 4px;	
	border: 1px solid #444;
}
#CocheDia img{
	margin: 5px;
	border: 2px solid #444;
}
#CocheDia h2{
	margin:0;
	width:auto;
	font-size:11pt;
	font-weight: bold;
	color: #7f7e65;
} 


#TablaCocheDia{
	margin: 0.5em auto;
	margin-bottom:0.5em;
	color: #444;	
}
#CeldaCabecera {
	text-align: center;
	background-color: #c5c49e;
	color: #444;
}
#TablaCocheDia tr{
	text-align: left;
}

#TablaCocheDia th, #TablaCocheDia td{
	border: 1px solid #444;
	padding: 0 0.25em;
}

#TablaCocheDia th{
	font-weight: bold;
	background-color: #c5c49e;
	color: #444;
}
#TablaCocheDia td{
	color: #fff;
}

/*
 Contacto
 -----------------------
*/
#Contacto h2{
	text-align: left;
	padding-left: 0.75em;
}
#Contacto p{
	margin: 0.25em 0 1.5em;
	text-indent: 0;
  	padding-left: 2em;
}

/*
Mapa web
-----------------------------------------------------------
*/
#MapaWeb h2{
	margin-top: 0.5em;
}

#MapaWeb ul {
   list-style-type: none;
}

#MapaWeb li .MapaCabecera{
	padding-left:0;
}
#MapaWeb .MapaSubCabecera{
	padding: 0.15em 0.75em;
	text-align: left;
	text-decoration: none;
	font-size:14pt;
}
#MapaWeb li{
	padding-left: 1.5em;
	font-size: 11pt;
	text-align:justify;
}

#MapaWeb a{
   text-decoration: none;
	padding-left: 1.5em;
	color: #7f7e65;
}

#MapaWeb a:hover{
	padding-left: 1.5em;
	text-decoration:underline;
	color: #7f7e65;
	
}

/*
Nota legal
-----------------------------------------------------------
*/
#NotaLegal h2{
	text-align: left;
	padding-top: 1em;
}
#DatosEmpresa{
	text-indent: 0;
}

/*
	Minifichas
-----------------------------------------------------------
*/

.MiniFicha {
	clear:both;
 	width: 100% -4px;
 		height: auto;
 	text-align:Center;
   border: 2px solid #444;
  	background-color: #c5c49e;
  	margin-top: 1em;
}
.MiniFicha h2{
	background: #e5e4c6;
	text-align: center;
	margin: 5px;
	/*color: #c63434;*/
	color: #444;
} 
.MiniFichaFoto{
	width: 60%;
	background-color: #a09f80;
	text-align: center;
	margin: 5px;	
	border: 1px solid #444;
	float: left;
	
}
.MiniFichaFoto img{
	margin: 5px;
	border: 2px solid #444;	
}
.MiniFicha dl{
	float:left;
}

.MiniFicha dl{
	text-align: left;
	margin:5px 10px;
	padding: 5px;	
}
.MiniFicha dt{
	padding: 2px;
	background-color: #a09f80;	
	margin-top: 5px;
}
.MiniFicha dd{
	text-align: center;
	color: #fff;	
}
.Dummie {
	height: 0;
	clear: both;
}

/*
	Ficha coche
-----------------------------------------------------------
*/
#FichaCaracteristicas, #FichaFotos, #FichaEquipamiento, #FichaInformacion {
 	width: 100% -4px;
 	text-align:Center;
   border: 2px solid #444;
  	background-color: #c5c49e;
  	margin-top: 1em;
}
#FichaCoche h2, #FichaInformacion h2{
	background: #e5e4c6;
	text-align: center;
	margin: 5px;
	/*color: #c63434;*/
	color: #444;
} 

#FichaCaracteristicas dl{
	text-align: left;
	margin:5px 10px;
	padding: 5px;	
}
#FichaCaracteristicas dt{
	padding: 2px;
	border-bottom: solid 2px #a09f80;	
	margin-top: 5px;
}
#FichaCaracteristicas dd{
	text-align: center;
	color: #fff;
	text-align:left;
	text-indent:2em;
}
#FichaCoche img{
	margin: 5px;
	border: 2px solid #444;	
}
#FotoGrande img{
/*	width: 435px;*/
}

.FotoMini {
	float:left;
	margin-right: -4px;
}

.FotoMini img{
	width: 102px;
}

#FichaEquipamiento, #FichaInformacion{
	padding: 5px;
}

#FichaInformacion form{
	text-align: left;
	margin: 0 35px;
}
#FichaInformacion form p{
	text-indent: 0;
	}
#nombre, #email, #telefono, label {
	margin-bottom: 5px;
	width: 350px;
	margin: 0.2em; 
	text-align: left;
	text-indent: 0;	
}
#nombre, #email, #telefono{
	border: 1px solid #444;
}

#enviar{
	width: 100px;
	cursor:pointer;
	margin: 0.2em;
}	

/*
	Fichas contacto e informacion
-----------------------------------------------------------
*/
#FichaContacto, #FichaInformacion {
 	width: 100% -4px;
 	text-align:Center;
   border: 2px solid #444;
  	background-color: #c5c49e;
  	margin-top: 1em;
}
#FichaContacto h2, #FichaInformacion h2{
	background: #e5e4c6;
	text-align: center;
	margin: 5px;
	/*color: #c63434;*/
	color: #444;
} 


#FichaContacto, #FichaInformacion{
	padding: 5px;
}

#FichaContacto form, #FichaInformacion form{
	text-align: left;
	margin: 0 35px;
}
#FichaContacto form p, #FichaInformacion form p{
	text-indent: 0;
	}
#nombre, #email, #telefono, #asunto, #texto, label{
	margin-bottom: 5px;
	width: 350px;
	margin: 0.2em; 
	text-align: left;
	text-indent: 0;
	font-size: 10pt;
}
#nombre, #email, #telefono, #asunto, #texto{
	border: 1px solid #444;
}

#enviar{
	width: 100px;
	cursor:pointer;
	margin: 0.2em;
}