/*-----------------------------------------------------------
	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;
/*	background-color: #00496c;*/
	color: #fff;   
}

h2{
	text-decoration: none;
	font-size:14pt;
	color: #fff;	
}

h2 a{
	text-decoration:none;
}

h2 a:hover{
	text-decoration:underline;	
}

h2 strong{
}

h3{
	font-size:11pt;
	font-weight:normal
}

h4{
	font-size:11pt;
	text-decoration:underline;
	text-align:left;
}

p{
	font-size: 12pt;
	text-align:justify;
	text-indent: 1.5em;
	margin-top: 1em;
	color: #80b3cc;
}

p a{
	text-decoration:none;
}

p a:hover{
	text-decoration:underline;
}

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

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

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

#Cabecera{
	width: 100%;
}

#BarraIzquierda{
	float:left;
   background-color: #006699;	
	width:150px;
	text-align: center;
}

#BarraDerecha{
	float:right;
   background-color: #006699;	
	width: 150px;
}

#Cuerpo{
	float:left;
	width: 456px;
	margin: 0 5px;
}

#PieEmpresa{
	background-color: #00496c;
	clear: both;
	width: 770px;
	border-top: 2px solid #80b3cc;
	padding: 3em 0;
	margin: 0 auto;
	margin-top: 2em;
}


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

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

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

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

#PieCI{
	background-color: #00496c;
   font-size: 10pt;
   text-align:center;
   clear:both;
   width: 770px;
   margin: 0 auto;
 }

#PieCI p{
	border-top: 1px dotted #fff;
   font-size: 10pt;	
	color: #80b3cc;
	text-align:center;
	margin: 0 auto;
	padding: 0.25em;
	width: 60%;	
}

#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: #00496c;
}

#Menu ul {
   list-style-type: none;
   width: 765px;
	border-bottom: 1px dotted #fff;
	padding: 2px 5px 2px 0;
}

#Menu ul li {
	display:inline;
	color: #80b3cc;
}

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

#Menu ul li a:hover{
	background-color: #80b3cc;
	color:#fff;
   padding: 2px 3px;	
}

/*
Cabecera-path
*/
#Path {
 	width: 770px;
 	height: 1.5em;
 	text-align:left;
	border-bottom: 2px solid #80b3cc;
   background-color: #00496c;
	font-size:8pt;   
   float:left;
	color: #80b3cc; 
	margin-bottom: 2em;  
}

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

#Path a:hover{
	background-color: #80b3cc;
	color:#fff;
}

/*
Cabecera-Idioma
*/
#Idioma {
	margin-bottom: 2em;
	visibility: hidden;
}

/*
 Menú Contenido
-----------------------------------------------------------
*/

#Contenido #ContenidoCabecera img{
	width: 110px;
	margin: 5px 20px;

}

#Contenido {
 	width: 100%;
 	text-align:left;
   float:left;
}
.Contenido {
	background: #006699 url(imagenes/fondo-degradado.png) top left repeat-x;
	padding-top: 5px;
}

#Contenido h2{
	width: 140px;
	background: #00496c;
	text-align: center;
	margin: 5px auto;
	color: #fff;	
}

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

#Contenido ul li {
	display:block; 
	height: 46px;
	font-size:10pt;
	font-weight: bold;
	margin: 5px 0;
}

#Contenido ul li a {
	color: #00496c;
   text-decoration: none;
	height: 46px;
	display:block;
	background-color: #fff;
}

#Contenido ul li a:hover{
	background-color: #00496c;
	color:#fff;
	height: 46px;
}

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

#Contenido img{
	margin:2px;
	border:1px solid #00496c;
	vertical-align: middle;
	width: 40px;	
}

#Remolques {
	background: #488fab url(imagenes/fondo-degradado.png) bottom left repeat-x;
}
/*
 Busqueda
 ------------------------------------
*/
#Busqueda{
 	width: 100%;
 	float:left;
	background: #006699 url(imagenes/fondo-degradado.png) top left repeat-x;
}

#Busqueda h2{
	width: 140px;
	background: #00496c;
	text-align: center;
	margin: 5px;
	color: #fff;	
}

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

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

#ConsultaBtn{
	cursor:pointer;
}	

/*
 Comercial
 -----------------------
*/
#Comercial {
 	width: 100%;
 	text-align:Center;
 	padding-top:5px;
	background: #488fab url(imagenes/fondo-degradado.png) bottom left repeat-x;
}

#Comercial h2{
	width: 140px;
	background: #00496c;
	text-align: center;
	margin: 5px auto;
	color: #fff;
}

.Comercial {
	width: 90%;
	background-color: #fff;
	text-align: center;
	color: #00496c;
	margin: 5px auto;
}
.Comercial h3{
	font-size:10pt;
	font-weight: bold;
}

.Comercial img{
	width: 110px;
	margin: 0 auto;
}

/*
 Inicio
 -------------
*/
.Cuerpo{
	background: #00496c url(imagenes/fondo-degradado-b.png) bottom left repeat-x;
	padding: 5px;
}

#Inicio img{
	float: left;
	width: 140px;
	margin-left: 5px;
}

/*
 Contacto
 -----------------------
*/

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

#Contacto .GoogleMaps{
	width: 95%;
	height: 300px;
 	text-align:Center;
	padding: 5px;
  	margin: 1em auto;  
  	border: 1px solid #fff;
  	color: #00496c;	
}
#Contacto a{
	color: inherit;
	text-decoration: underline;
}
#Contacto a:hover{
	color:#fff;
	text-decoration: underline;
}
/*
Mapa web
-----------------------------------------------------------
*/

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

#MapaWeb li{
	padding-left: 1.5em;
	font-size: 11pt;
	text-align:justify;
	color: #fff;
}

#MapaWeb li a{
   text-decoration: none;
   color:#488fab;
}

#MapaWeb li a:hover{
	text-decoration:underline;
	color: #488fab;
}

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

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

.MiniFicha {
	/*clear:both;*/
 	width: 95%;
 	height: auto;
 	text-align:Center;
   border: 1px solid #fff;
  	background: #488fab url(imagenes/fondo-degradado.png) bottom left repeat-x;
 	margin: 1em auto; 
 	padding: 5px;
}

.MiniFicha h2{
	background: #00496c;
	text-align: center;
	margin: 5px auto;
	color: #fff;
}
 
.MiniFichaFoto{
	width: 60%;
  	background: #00496c url(imagenes/fondo-degradado-b.png) bottom left repeat-x;
	text-align: center;
	margin: 5px;	
/*	border: 1px solid #fff;*/
	float: left;
	 	text-align:Center;
	padding: 5px;
	background: #488fab url(imagenes/fondo-degradado.png) bottom left repeat-x;
  	margin: 1em auto;  
  	border: 1px solid #fff;
  	color: #00496c;	
}
.MiniFichaFoto img{
	margin: 5px;
	border: 2px solid #fff;	
}
.MiniFicha dl{
	float:left;
}

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

/*
	Ficha coche
-----------------------------------------------------------
*/
#FichaCaracteristicas, #FichaFotos, #FichaDescripcion, #FichaOpciones {
 	width: 95%;
 	text-align:Center;
	padding: 5px;
	background: #488fab url(imagenes/fondo-degradado.png) bottom left repeat-x;
  	margin: 1em auto;  
  	border: 1px solid #fff;
  	color: #00496c;	
}

#Ficha h2{
	background: #00496c;
	text-align: center;
	margin: 5px auto;
	color: #fff;
} 
#Ficha p{
  	color: #fff;	
}

#FichaCaracteristicas dl{
	text-align: left;
	margin:5px 10px;
	padding: 5px;	
}
#FichaCaracteristicas dt{
	padding: 2px;
	border-bottom: solid 2px #00496c;	
	margin-top: 5px;
	color: #fff;
}
#FichaCaracteristicas dd{
	text-align: center;
	/*color: #00496c;*/
	color: #eee;
	font-style: italic;
	font-weight: normal;
	text-align:left;
	font-size: 11pt;
	/*text-indent:2em;*/
	padding-left: 1.5em;
}

#DLIzquierda, #DLDerecha{
	float:left;
	width: 42%;
}

#Ficha img{
	margin: 5px;
	border: 1px solid #fff;	
}
#FotoGrande img{
/*	width: 435px;*/
}

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

.FotoMini img{
	width: 100px;
}

#FichaEquipamiento, #FichaInformacion, #FichaOpciones{
	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: 95%;
 	text-align:Center;
 	padding-top:5px;
	background: #488fab url(imagenes/fondo-degradado.png) bottom left repeat-x;
  	margin: 1em auto;
}
#FichaContacto h2, #FichaInformacion h2{
	background: #00496c;
	text-align: center;
	margin: 5px auto;
	color: #fff;	
} 

#FichaContacto, #FichaInformacion{
	padding: 5px;
}
#FichaContacto p, #FichaInformacion p{
  	/*color: #00496c;*/
  	color: #fff;
}

#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;
	color: #00496c;	
}

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