/* Globales a la pagina */
body
{
	font-family :  Verdana, Arial, Helvetica, sans-serif;
	background-color : #6380A3;
	margin : 0px;
	text-align: center; 
}

a img
{
	border: 0px;
}


/* CONTENEDOR */ 

#contenedor 
{
	width : 900px;
	
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;

	background-image : url('../imagenes/fondoVespasolWeb.png');
	background-repeat : repeat;
}

#cuerpo
{
    width:900px;
    height:500px;
}


/* CABECERA */

#cabecera 
{
	width: 800px;
	height:105px;
	margin-left:50px;
	text-align: center;
}


/* MENU */

#menu
{   
	width: 215px;
	float:left;
	margin-top:0px;
	margin-left:25px;
	
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	
}

.menuPrincipal
{
    list-style:none;
    margin:1px;
	padding:1px;
	color:#333333;
    background-image: url('../imagenes/degradadoMenuVespasol.png');
	background-repeat :repeat;
}

.menuSecundario
{
	font-size:12px;
    
    list-style:none;
    margin:1px;
    margin-left:8px;
	padding:1px;
	background-repeat :repeat;
}

#Menu a 
{	
	text-decoration:none;
	color:#333333;
}

.MenuItem 
{
	background-color:Transparent;
	color:#333333;
	font-family:Tahoma;  
	font-size:small;
	text-decoration:none;
	float:left;
	text-align : center;
	margin-left: 10px;
	margin-top: 7px;
}

.MenuDesplegable 
{
	background-color :white ;
	border:1pt solid #999999; 
	visibility: hidden;
	text-align : left;
	width:150px; 
	position:absolute;  
}

.MenuDesplegable li
{
	list-style-type:none; 
}

.MenuOpcion
{
	margin-left:-25px; 
}


/* CONTENIDO */

#contenido
{
	height:500px;
	width:650px;
	float:left;
}

#contenidoImagen 
{
	height: 300px;
	width:606px;
}

#contenidoTexto 
{
	width:430px;
	font-family: Tahoma;
	font-size: 11px;

	color:Black; 
	margin-top: 30px;   
	padding-left: 40px;
	text-align: left;
	float:left;
}

#contenidoOfertasInicio
{
    margin-top:10px;
    margin-left:10px;
}

#contenidoMarcas 
{
	margin-top:-5px;
	margin-left:25px;
	
	text-align:center;
}

#contenidoMarcasIzq
{
	width:160px;
	float:left;
	text-align:center;
}

#contenidoMarcasDer
{
	width:100px;
	float:left;
	padding-top:10px;
}


/* ERROR */

#error
{
	text-align:center;
	color:#333333;
	font-family:Tahoma;
	font-size:small;
	padding-top:150px;   
}


/* PIE */

#pie
{
	height:35px; 
	width:900px;
	background-image: url('../imagenes/fondoPieVespasol.png'); 
	margin-left: 6px;
	font-family:Tahoma;
	font-size: 10px;
	font-weight:bold;
	text-align:center;   
	color:Gray;
	 
}


/* LISTADOS */

.tablaListado table
{
	width:100%;
	font-size:smaller;  
}

.cabeceraListado td
{
	background-color:#bbbbbb;
	height:10px;
}	

#cabeceraMarca 
{
	width:14%;
}   
  
#cabeceraModelo 
{
	width:54%;
}           

#cabeceraEstado
{
	width:12%;
} 

#cabeceraPVP
{
	width:16%;
} 

#cabeceraCarrito 
{
	width:4%;
} 

#filaMarca 
{
	width:14%;
}   
  
#filaModelo 
{
	width:54%;
}           

#filaEstado
{
	width:12%;
} 

#filaPVP
{
	width:16%;
} 

#filaCarrito 
{
	width:4%;
}

.FilaParContenidoListado
{
	background-color: #dddddd;
}

.FilaImparContenidoListado
{
	background-color: #ffffff;
}

.botoneraListado
{
	background-color:#1a97e6;
	float:left;
	text-align:center;
	width:585px;
}


/* LISTADO VEHICULOS */

#contenedorVehiculos
{
    float:left;
    display:block;
}

.vehiculoTitulo
{
	background-image: url('../imagenes/degradadoMenuVespasol.png');
	background-repeat :repeat;
	color:#333333;
	font-family:Verdana;  
	font-size: 13px;
	font-weight:bold;
	text-align:center;
}

.vehiculoContenido
{
	border: solid 1px #999999;
	margin-left:2px;
	margin-top:2px;
	height:135px;
	width:190px;
	float:left;
}

.imagenVehiculo
{
    height:60px;
    width:80px;
}

.vehiculoPrecio
{
    margin-right:2px;
    font-family:Verdana;
    font-size:11px;
    color: #993333;
    font-weight: bold;
    text-align:right;
}

.vehiculoPrecioOferta
{
    margin-right:2px;
    font-family:Verdana;
    font-size:14px;
    color: #EF1818;
    font-weight: bold;
    text-align:center;
}

.vehiculoDetalles
{
    text-align:center;
    margin-top:5px;
}

.vehiculoDetalles a
{
    font-family: Verdana;
    font-size: 10px;
}

.etiquetaAclaratoria
{
    width:400px;
    float:left;
}


/* BUSCADOR */

#buscador 
{
	font-family:Tahoma;
	font-size:medium;  
	border:solid 1px #333333;
	text-align:center;
	margin:80px;  
	margin-left:20px;
	margin-top:20px;
}

.buscadorcampo
{
	padding-left:10px;
	padding-top:5px;
} 

.tituloBuscadorCampo
{
	width:30%;
	float:left;
	text-align:left; 
}

.controlBuscadorCampo 
{
	width:70%;
	float:left;
	text-align:left;  
}

#botoneraBuscador img
{
	margin-top:15px;
}
 

/* DETALLE VEHICULO */

#detalle
{
    margin-bottom:20px;
	margin-left:20px;
	margin-right:80px;
	margin-top:20px;
	text-align:center;
}

#detalleTitulo
{
	background-image: url('../imagenes/degradadoMenuVespasol.png');
	background-repeat :repeat;
	color:#333333;
	font-family:Tahoma;  
	font-size:small;
}

#detalleContenido
{
	border: solid 1px #999999;
	height: 163px;
}

#detalleContenidoImagen
{
	width:35%;
	float:left;
	text-align:center;
}

#detalleContenidoTexto
{
	width:60%;
	float:left;
	text-align:center; 
}

.detalleContenidoTextoLinea
{
	text-align:left;
	font-family:Tahoma;
	font-size:smaller;
	padding-top:3px;
} 


/* PEDIDO */

#contenidoPedido
{
	margin:5px;
	margin-right:70px;
	text-align:center;
}

#contenidoPedidoTitulo
{
	background-image: url('../imagenes/degradadoMenuVespasol.png');
	background-repeat :repeat;
	color:#333333;
	font-family:Tahoma;  
	font-size:small;
}	

#contenidoPedidoFormulario
{
	border: solid 1px #999999;
	height: 100px;
}

.pedidoDato
{
	text-align:left;
	font-family:Tahoma;
	font-size:smaller;
	padding-top:10px;
}

.pedidoDato
{
	padding-left:10px;
	padding-top:5px;
} 

.pedidoDatoEtiqueta
{
	width:15%;
	float:left;
	text-align:left;
}

.pedidoDatoCampo
{
	width:85%;
	float:left;
	text-align:left; 
}


/* PEDIDO Listado */

.listaPedidoCabecera
{
	height:10px;
	color:#333333;
}
.listaPedidoCabeceraCol
{
	font-family:Tahoma;  
	font-size:small;
	background-color:#999999;  
}
#listaPedidoCabeceraMarca
{
	width:15%;
	float:left;
}
#listaPedidoCabeceraDenominacion
{
	width:65%;
	float:left;
}
#listaPedidoCabeceraCant
{
	width:10%;
	float:left;
}
#listaPedidoCabeceraCarrito
{
	width:10%;
	float:left;
}
.listaPedidoCabecera
{
	height:10px;
	color:#333333;
}

.listaPedidoCelda
{
	font-family:Tahoma;  
	font-size:small; 
}
#listaPedidoCeldaMarca
{
	width:15%;
	float:left;
	padding-top:5px;
	padding-bottom:2px;
}
#listaPedidoCeldaDenominacion
{
	width:65%;
	float:left;
	padding-top:5px;
	padding-bottom:2px;
}
#listaPedidoCeldaCantidad
{
	width:10%;
	float:left;
	padding-top:1px;
}
#listaPedidoCeldaCantidad input
{
	width:30px;
	text-align:center;
} 
#listaPedidoCeldaCarrito
{
	width:10%;
	float:left;
	padding-top:5px;
	padding-bottom:2px;
}


/* PEDIDO Botones */

#pedidoBotonAnyadir
{
	width:50%;
	float:left;
	padding-top:25px;
}
#pedidoBotonEliminar
{
	width:50%;
	float:left;
	padding-top:25px;
}

#pedidoBotonConfirmar
{
	width:7%;
	float:right;
	padding-top:20px;
}
#pedidoBotonCancelar
{
	width:7%;
	float:right;
	padding-top:20px;
}


/* CONTACTAR */

.localizacion
{
	background-color:#FFFFEE;
	border-style:solid;
	border-width:1px;
	position:relative;
	left:10%;
	padding:5px;
	margin:3px;
	width:440px;
}

.localizacion h1
{
	font-size:14px;
	text-align:center;
}

.localizacion h2
{
    font-size:12px;
}

.localizacion p
{
	font-size:10px;
}

.localizacion a
{
	font-size:10px;
    text-align:center;
}

.mapaContacto 
{
	text-align:left;
}


/* CITA PREVIA */

#cita
{
	margin-left: 175px;
}

.cita h1
{
	margin-bottom: 5px;
	font-size: 14px;
}

.cita ul
{
	margin: 0;
	padding: 0;
}

.cita li
{
	list-style:none;
}

.cita .btn
{
	margin: 8px 0 0 125px;
}

.cita textarea
{
	display: block;
	margin-left: 5px;
	width: 300px;
}

.datosPersonales input, .datosVehiculo input{
	border: 1 gray solid;
	width: 205px;
}

.datosPersonales span, .datosVehiculo span, .datosCita span{
	padding-left: 8px;
	float: left;
	width: 135px;
}

.datosCita{
	margin-bottom: 30px;
}
.fechaCita ul{
	display: inline;
}
.fechaCita li{
	display: inline;
}
.fechaCita input{
	border: 1 gray solid;
	width: 30px;
}

.horaCita{
	margin: 10px 0;
	width: 430px;
}
.horaCita li{
	display: inline;
	margin-right: 22px;
}
.horaCita ul{
	display: inline;
	margin-bottom: 10px;
}


/* OFERTAS */

#contenedorOfertas
{
    display:block;
}

.ofertaVehiculos
{
    width:100%;
    padding-top:15px;
}

.ofertaVehiculos h4
{
    text-align:center;
}

.ofertaContenido
{
	border: solid 1px #999999;
	margin-left:2px;
	margin-top:2px;
    height:180px;
    width:285px;
    float:left;
}

.imagenOferta
{
    height:180px;
    width:285px;
}


/* L.O.P.D. */

#LOPD ol
{
    width: 480px;
	margin: 10px;
	font-family: Tahoma;
	font-size: 12px;
}

#LOPD li
{
	margin: 10px;
    font-family: Tahoma;
	font-size: 12px;
}