body {

background-color: #DCDCDC;

}



/* -----------------------------------------> fondo -----------------------------------------> */

div.fondo {
width: 102%;
height: 442px;
background-image: url(imagenes/fondo/fondo2.gif);
background-position: repeat-x;
background-position: right top;
position: relative;
top: -8px;
left: -8px;
}


/* -----------------------------------------> logo coche -----------------------------------------> */

div.logo {
width: 1024px
height: 442px;
min-width: 1024px;
background-image: url(imagenes/fondo/fondo.gif);
background-repeat: no-repeat;
background-position: top;

}


/* -----------------------------------------> Cabecera Superior -----------------------------------------> */

div.cabecera {
top: 0px;
width: 100%;
height: 30px;
min-width: 700px;
}

div.cabeceraizq {
width: 30%;
height: 30px;
background-image: url(imagenes/cabecera/izq.png);
background-position: repeat-x;
background-position: left top;
*position: relative;
*top: -7px;
}

img.cabecera {
border: none;
}

div.cabecerader {
width: 70%;
height: 30px;
background-image: url(imagenes/cabecera/der.png);
background-position: repeat-x;
background-position: right top;
position: relative;
top: -35px;
*top: -42px;
left: 30%;
right: 0px;
}

div.logocabecera {
width: 331px;
height: 72px;
position: relative;
top: -60px;
*top: -67px;
left: 15%;
}

a.contacto {
height: 40px;
width: 100px;
text-decoration: none;
color: #ffffff;
font-family: "cooper black",verdana,arial,sans-serif;
background-image: url(imagenes/cabecera/contacto.png);
background-position: top;
background-repeat: no-repeat;
position: relative;
top: -132px;
*top: -138px;
left: 75%;
padding: 18px 30px;
}

a.contacto:hover {
height: 40px;
width: 100px;
text-decoration: none;
color: #000000;
font-family: "cooper black",verdana,arial,sans-serif;
background-image: url(imagenes/cabecera/contactoho.png);
background-position: top;
background-repeat: no-repeat;
position: relative;
top: -132px;
*top: -138px;
left: 75%;
padding: 18px 30px;
}

div.mensup {
height: 17px;
width: 180px;
position: relative;
top: -112px;
left: 74%;
}

a.mensup {
display: block;
height: 17px;
width: 180px;
text-decoration: none;
font-weight: bold;
color: #000000;
font-family: "cooper black",verdana,arial,sans-serif;
font-size: 0.9em;
}

a.mensup2 {
display: block;
height: 17px;
width: 180px;
text-decoration: none;
font-weight: bold;
text-align:center;
color: #000000;
font-family: "cooper black",verdana,arial,sans-serif;
font-size: 0.9em;
}

a.mensup:hover {
display: block;
height: 17px;
width: 180px;
text-decoration: none;
font-weight: bold;
text-align: center;
color: #1F5B9C;
font-family: "cooper black",verdana,arial,sans-serif;
background-image: url(imagenes/minimenu/fondo.png);
background-position: top;
}

div.menufondo {
position: relative;
top: 130px;
left: 15%;
width: 70%;
height: 25px;
background-image: url(imagenes/menu/izq.png);
background-position: repeat-x;
background-position: left top;
min-width: 694px;
border-bottom: #DCDCDC 2px solid;
}

div.menufon_arrizq {
height: 27px;  
background-image: url(imagenes/menu/arrizq.png); 
background-position: left top;  
background-repeat: no-repeat; 
position: relative;
left: -20px; 
}

div.menufon_arrder {
height: 27px;  
background-image: url(imagenes/menu/arrder.png); 
background-position: right top;  
background-repeat: no-repeat; 
position: relative;
top: -27px;
right: -20px;
}


/* -----------------------------------------> Menu principal -----------------------------------------> */

div.menu {
position: relative;
top: 102px;
*top: 103px;
width: 82%;
min-width: 768px;
left: 10px;
height: 25px;
margin: 0px auto;
text-align: center;
}

a.inicio {
height: 32px;
width: 128px;
text-decoration: none;
color: #ffffff;
font-family: "cooper black",verdana,arial,sans-serif;
font-size: 0.9em;
font-weight: bold;
background-image: url(imagenes/menu/inicio/boton.png);
background-position: top;
background-repeat: no-repeat;
position: relative;
top: 1px;
left: 45px;
padding: 10px 40px;
}

a.inicio:hover {
height: 32px;
width: 128px;
text-decoration: none;
color: #000000;
font-family: "cooper black",verdana,arial,sans-serif;
font-size: 0.9em;
font-weight: bold;
background-image: url(imagenes/menu/inicio/hover.png);
background-position: top;
background-repeat: no-repeat;
position: relative;
top: 1px;
left: 45px;
padding: 10px 40px;
}

a.tarifas {
height: 32px;
width: 128px;
text-decoration: none;
color: #ffffff;
font-family: "cooper black",verdana,arial,sans-serif;
font-size: 0.9em;
font-weight: bold;
background-image: url(imagenes/menu/tarifas/boton.png);
background-position: top;
background-repeat: no-repeat;
position: relative;
top: 1px;
left: 26px;
padding: 10px 40px;
}

a.tarifas:hover {
height: 32px;
width: 128px;
text-decoration: none;
color: #000000;
font-family: "cooper black",verdana,arial,sans-serif;
font-size: 0.9em;
font-weight: bold;
background-image: url(imagenes/menu/tarifas/hover.png);
background-position: top;
background-repeat: no-repeat;
position: relative;
top: 1px;
left: 26px;
padding: 10px 40px;
}

a.vehiculos {
height: 32px;
width: 128px;
text-decoration: none;
color: #ffffff;
font-family: "cooper black",verdana,arial,sans-serif;
font-size: 0.9em;
font-weight: bold;
background-image: url(imagenes/menu/tarifas/boton.png);
background-position: top;
background-repeat: no-repeat;
position: relative;
top: 1px;
left: -10px;
padding: 10px 40px;
}

a.vehiculos:hover {
height: 32px;
width: 128px;
text-decoration: none;
color: #000000;
font-family: "cooper black",verdana,arial,sans-serif;
font-size: 0.9em;
font-weight: bold;
background-image: url(imagenes/menu/tarifas/hover.png);
background-position: top;
background-repeat: no-repeat;
position: relative;
top: 1px;
left: -10px;
padding: 10px 40px;
}

a.preguntas {
height: 32px;
width: 256px;
text-decoration: none;
color: #1f5b9c;
font-family: "cooper black",verdana,arial,sans-serif;
font-size: 0.9em;
font-weight: bold;
background-image: url(imagenes/menu/preguntas/boton.png);
background-position: top;
background-repeat: no-repeat;
position: relative;
top: 1px;
right: 42px;
padding: 10px 40px;
}

a.preguntas:hover {
height: 32px;
width: 256px;
text-decoration: none;
color: #ffffff;
font-family: "cooper black",verdana,arial,sans-serif;
font-size: 0.9em;
font-weight: bold;
background-image: url(imagenes/menu/preguntas/hover.png);
background-position: top;
background-repeat: no-repeat;
position: relative;
top: 1px;
right: 42px;
padding: 10px 40px;
}


a.metodo {
height: 32px;
width: 256px;
text-decoration: none;
color: #ffffff;
font-family: "cooper black",verdana,arial,sans-serif;
font-size: 0.9em;
font-weight: bold;
background-image: url(imagenes/menu/final/boton.png);
background-position: top;
background-repeat: no-repeat;
position: relative;
top: 1px;
right: 63px;
padding: 10px 40px;
}

a.metodo:hover {
height: 32px;
width: 256px;
text-decoration: none;
color: #000000;
font-family: "cooper black",verdana,arial,sans-serif;
font-size: 0.9em;
font-weight: bold;
background-image: url(imagenes/menu/final/hover.png);
background-position: top;
background-repeat: no-repeat;
position: relative;
top: 1px;
right: 63px;
padding: 10px 40px;
}

/* -----------------------------------------> Continente general -----------------------------------------> */

div.redcue {
position: relative;
margin: 0px 10% 10px 10%;
top: 115px;
width: 80%;
min-width: 700px;
background-color: #FFFFFF;

}

div.redcue_arriba {
height: 7.75px;
background-image: url(imagenes/esquinas/fondo/arrizq.png);
background-position: left top;
background-repeat: no-repeat;
}

div.redcue_arriba div {
height: 7.75px;
background-image: url(imagenes/esquinas/fondo/arrder.png);
background-position: right top;
background-repeat: no-repeat;
}

/* -----------------------------------------> Menu izq- Sin uso en la actualidad -----------------------------------------> */

div.redmenizq {
position: absolute;
width: 100px;

left: 10px;
top: 10px;
height: 60%;
border: #f79646 2px solid;
background-color: #F3F3F3;

}

div.redmenizq_arriba {
height: 25px;  
background-image: url(imagenes/esquinas/menu/arrizq.png);  
background-repeat: no-repeat; 
position: relative;
left:-2px; top:-2px;
}

div.redmenizq_arriba div {
height: 25px;  
background-image: url(imagenes/esquinas/menu/arrder.png); 
background-position: right top;  
background-repeat: no-repeat; 
position: relative;
right: -4px; 
}

div.menuizq {
 

}


div.redmenizq_abajo {
}

div.redmenizq_abajo div {
}


/* -----------------------------------------> Titulo -----------------------------------------> */

div.cuerpo {
padding: 0px 0px 0px 0px;
}

div.titulo {
position: relative;
top: -10px;
*top: 0px;
height: 30px;
border-bottom: #1F5B9C 2px solid;
text-align: left;
}

div.redtitizq {
height: 2px;
background-image: url(imagenes/titulo/izq.png);
background-position: left bottom;   
background-repeat: no-repeat; 
position: relative;
left: 0px; 
bottom: 3px;
*bottom: 10px;
}

div.redtitder {
height: 2px;
background-image: url(imagenes/titulo/der.png);
background-position: right bottom;   
background-repeat: no-repeat; 
position: relative;
right: 0px; 
bottom: 5px;
*bottom: 12px;
}

div.redtitizq2 {
height: 2px;
background-image: url(imagenes/titulo/izq.png);
background-position: left bottom;   
background-repeat: no-repeat; 
position: relative;
left: 0px; bottom: 4px;
}

div.redtitder2 {
height: 2px;
background-image: url(imagenes/titulo/der.png);
background-position: right bottom;   
background-repeat: no-repeat; 
position: relative;
right: 0px; bottom: 6px;
}

div.redcue_abajo {
height: 7.75px;
background-image: url(imagenes/esquinas/fondo/abaizq.png);
background-position: left top;
background-repeat: no-repeat;
}

div.redcue_abajo div {
height: 7.75px;
background-image: url(imagenes/esquinas/fondo/abader.png);
background-position: right top;
background-repeat: no-repeat;
}

/* -----------------------------------------> Contenido -----------------------------------------> */

div.redcon {
position: relative;
margin: 2px 282px 10px 10px;
border: #f79646 2px solid;
min-width: 410px;
min-height: 400px;
background-color: #F3F3F3;
}

div.redcon2 {
position: relative;
margin: 2px 282px 10px 10px;
border: #f79646 2px solid;
min-width: 410px;
min-height: 190px;
background-color: #F3F3F3;
}

div.redcon_arriba {
height: 25px;  
background-image: url(imagenes/esquinas/menu/arrizq.png); 
background-position: left top;   
background-repeat: no-repeat; 
position: relative;
left:-2px; top:-2px;
}

div.redcon_arriba div {
height: 25px;  
background-image: url(imagenes/esquinas/menu/arrder.png); 
background-position: right top;   
background-repeat: no-repeat; 
position: relative;
right: -4px;
}

div.redcon_arriba2 div {
height: 25px;  
background-image: url(imagenes/esquinas/menu/arrder.png); 
background-position: right top;   
background-repeat: no-repeat; 
position: relative;
right: -4px;
}

div.contenido {
text-align:center;
margin: -20px 5px 30px 5px;
}


div.redcon_abajo {
}

div.redcon_abajo div {
}

a.contenido img {
float: right;
text-decoration: none;
border: 0;
padding: 0px 20px 0px 20px;
}

a.contenido2 img {
float: both;
text-decoration: none;
border: 0;
padding: 0px 20px 0px 20px;
}

a.contenido3 img {
float: left;
text-decoration: none;
border: 0;
padding: 0px 20px 0px 20px;
}

img.contenido3 {
float: left;
display: block;
text-decoration: none;
border: 0;
padding: 0px 20px 0px 25px;
*padding: 12px 20px 0px 25px;
}

img.contenido4 {
float: left;
text-decoration: none;
border: 0;
padding: 10px 20px 0px 0px;
}

img.contenido {
float: right;
text-decoration: none;
border: 0;
padding: 10px 20px 10px 20px;
}

a.mencon {
display: block;
height: 20px;
width: 425px;
text-decoration: none;
font-family: verdana,arial,sans-serif;
font-size: 0.8em;
font-weight: bold;
padding: 2px 150px 2px 145px;
color: #1F5B9C;
}

a.mencon:hover {
color: #FF6600;
}

/* -----------------------------------------> Linea de cierre de contenido -----------------------------------------> */

div.inicio {
position: absolute;
width: 100%;
bottom: 0px;
right: 0px;
height: 20px;
border-top: #1F5B9C 2px solid;
}

div.iniizq {
height: 2px;
background-image: url(imagenes/titulo/izq.png);
background-position: left bottom;   
background-repeat: no-repeat; 
position: relative;
left: 0px; bottom: 2px;
}

div.inider {
height: 2px;
background-image: url(imagenes/titulo/der.png);
background-position: right bottom;   
background-repeat: no-repeat; 
position: relative;
right: 0px; 
*right: -137px;
bottom: 4px;
}

/* -----------------------------------------> Menu derecha -----------------------------------------> */

div.redmender {
position: absolute;
right: 10px;
width: 258px;
height: 400px;
text-align: center;
top: 10px;
border: #f79646 2px solid;
background-color: #F3F3F3;
}

div.redmender_arriba {
height: 25px;  
background-image: url(imagenes/esquinas/menu/arrizq.png); 
background-position: left top;   
background-repeat: no-repeat; 
position: relative;
left:-2px; top:-2px;
}

div.redmender_arriba div {
height: 25px;  
background-image: url(imagenes/esquinas/menu/arrder.png); 
background-position: right top;   
background-repeat: no-repeat; 
position: relative;
right: -4px;
}

div.menuder {
position: relative;
top: -15px;
left: -3px;
}

ul.men {
list-style-type:none;
display: inline;
margin: 0px;
padding: 0px;
}

li.men {
list-style-type:none;
display: inline;
}

a.men {
text-decoration: none;
}

a.men:hover {
position: relative;
}

a.men img {
border: none;
width: 50px;
height: 50px;
position:relative;
margin: -5px -5px 0px 0px;
}

a.men span {
position: absolute;
left: -10px;
top: -38px!important;
top: -38px;
*top: -5px!important;
*top: -5px;
z-index: 10;
display: none;
width: 65px;
height: 65px;
}

a.men:hover span {
display: block;
}

a.men span img{
width: 65px;
height: 65px;
background-image: url(imagenes/marcas/fondo.png);
}


div.redmender_abajo {
height: 25px;  
background-image: url(imagenes/esquinas/menu/abaizq.png); 
background-position: left bottom;   
background-repeat: no-repeat; 
position: relative;
bottom: 44px;
*bottom: 40px;
left: -2px;
}

div.redmender_abajo div {
height: 25px;  
background-image: url(imagenes/esquinas/menu/abader.png); 
background-position: right bottom;   
background-repeat: no-repeat; 
position: relative;
right: -4px;
}

/* -----------------------------------------> Tratamiento del Pie -----------------------------------------> */

div.redpie {
position: relative;
margin: 0px 100px 0px 100px;
height: 5px;
background-color: #1F5B9C;
}

div.redpieizq {
height: 10px;
background-image: url(imagenes/pie/izq.png);
background-position: left top;   
background-repeat: no-repeat; 
position: relative;
left: -75px; top: 0px;
}

div.redpieder {
height: 10px;
background-image: url(imagenes/pie/der.png);
background-position: right top;   
background-repeat: no-repeat; 
position: relative;
right: -75px; top: -10px;
}

div.pie {
position: relative;
margin: 5px 100px 0px 100px;
heigth: 10px;
font-family: verdana,arial,sans-serif;

font-weigth: bold;
font-style: oblique;
font-size: 0.7em;
  
text-align: justify;

text-align: center;
}

/* -----------------------------------------> Definicion de textos -----------------------------------------> */

h1 {
font-family: monospace,verdana,arial,sans-serif;
font-size: 1.15em;
font-weight: bold;
font-variant: small-caps;
text-align: left;
color: #1F5B9C;
padding: 0px 10px 0px 20px;
}

h2 {
float: left;
font-family: verdana,arial,sans-serif;
font-size: 0.8em;
font-weight: bold;
text-align: left;
color: #1F5B9C;
position: relative;
top: -7px;
right: 20px;
}

h2:hover {
color: #FF6600;
}

h3 {
float: right;
font-family: verdana,arial,sans-serif;
font-size: 0.8em;
font-weight: bold;
text-align: left;
color: #1F5B9C;
position: relative;
top: -10px;
left: -20px;
}

h3:hover {
color: #FF6600;
}

a {
text-decoration: none;
font-weight: bold;
text-align: left;
color: #1F5B9C;
}

a:hover {
text-decoration: none;
fond-weight: bold;
color: #FF6600;
}

a.palabra {
text-decoration: none;
font-weight: bold;
text-align: left;
color: #1F5B9C;
}

a.principio {
float: right;
font-family: verdana,arial,sans-serif;
font-size: 0.8em;
font-weight: bold;
text-decoration: none;
text-align: left;
color: #1F5B9C;
position: relative;
top: 3px;
left: -20px;
}

a.principio:hover {
color: #FF6600;
}

p.general {
font-family: verdana,arial,sans-serif; 
font-size: 0.8em;  
text-align: justify;
padding: 0px 25px 0px 25px;
}

p.sangrado {
font-family: verdana,arial,sans-serif; 
font-size: 0.8em; 
text-align: justify;
padding: 0px 25px 0px 75px;
}

p.sangrado2 {
font-family: verdana,arial,sans-serif;  
font-size: 0.8em; 
text-align: justify;
padding: 0px 25px 0px 145px;
}

p.nota {
font-family: verdana,arial,sans-serif;
font-style: oblique;
font-size: 0.75em;
text-align: justify;
padding: 0px 25px 0px 25px;
}

/* -----------------------------------------> Base Superbox Styles -----------------------------------------> */

#superbox-overlay{
position:fixed;
top:0;left:0;
z-index:9998;
width:100%;
height:100%;
}


#superbox-wrapper{
position:fixed;
z-index:9999;
top:0;
display:table;
width:100%;
height:100%;
}


#superbox-container{
position:relative;
display:table-cell;
width:100%;
height:100%;
margin:0;
padding:0;
vertical-align:middle;
}


#superbox{
margin:0 
auto;padding:0;
}


#superbox-container .loading{
margin:0;
text-align:center;
}



/* -----------------------------------------> IE7 -----------------------------------------> */

*:first-child+html #superbox-container{
position:absolute;
top:50%;
display:block;
height:auto;
}


*:first-child+html #superbox{
position:relative;
top:-50%;
display:block;
}


/* -----------------------------------------> IE6 - Thanks to Thickbox for IE expressions -----------------------------------------> */


* html #superbox-container{
position:absolute;
top:50%;
display:block;
height:auto;
}


* html #superbox{
position:relative;
top:-50%;
display:block;
}


* html #superbox-overlay{
position:absolute;
height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');
}

* html #superbox-wrapper{
position:absolute;
margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}



/* -----------------------------------------> Default Theme -----------------------------------------> */


#superbox-overlay{
background:#000;
}


#superbox-container .loading{
text-align:center;
font-size:40px;color:#fff;
}


#superbox{
padding:10px;
background:#fff;
}


#superbox-innerbox{
padding:10px 0;
}


#superbox.image{
text-align:center;
}


#superbox .close,
#superbox .nextprev{
overflow:hidden;margin:0;
}

/* -----------------------------------------> Pagina Vehiculos -----------------------------------------> */

div.contenido2 {
text-align:center;
margin: -20px 5px 30px 5px;
*margin: -20px 5px 40px 5px;
}

ul.con {
list-style-type:none;
display: inline;
margin: 0px;
padding: 0px;
}

li.con {
list-style-type:none;
display: inline;
}

a.con {
text-decoration: none;
}

a.con:hover {
position: relative;
}

a.con img {
border: none;
width: 150px;
height: 65px;
position:relative;
*top: 10px;
}

a.con span {
position: absolute;
left: 0px;
z-index: 10;
top: -50px!important;
top: -50px;
*top: 0px!important;
*top: 0px;
display: none;
width: 150px;
height: 65px;
}

a.con:hover span {
display: block;
}

a.con span img{
width: 150px;
height: 65px;
background-image: url(imagenes/marcas/vehiculos/fondo2.png);
}


table.coches {
font-family: verdana,arial,sans-serif;
font-size: 0.7em;
margin: auto;
padding: auto;
} 

td {
padding: 4px; 
margin: 3px; 
border: 1px solid #ccc;
}

td.caja {
border: 1px solid #ccc;
}

td.sb {
padding: 4px; 
margin: 3px; 
border: 1px solid #f3f3f3;
}

.coches th {
background-color: #1F5B9C; 
color: #FFF; 
font-weight: bold;
}