/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent}
body{line-height: 1}
ol, ul{list-style: none}
blockquote, q{quotes: none}
blockquote:before, blockquote:after,
q:before, q:after{
content: '';
content: none}
:focus{outline: 0}
ins{text-decoration: none}
del{text-decoration: line-through}
table{
border-collapse: collapse;
border-spacing: 0}
/* end css reset */
body{
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #333;
}
a{
color: #333;
font-weight: bold;
}
a:hover{
color: #0000ff;
}
#contenedor{
width: 953px;
margin: 0 auto;
padding: 30px 0 0 0;
}
#cabecera{
width: 952px;
float: left;
height: 130px;
position: relative;
}
h1{
margin-top: 68px;
}
#cabecera img{
float: left;
}
#info-contacto{
position: absolute;
top: 0;
right: 0;
}
#info-contacto p{
margin: 0 0 11px 0;
float: right;
clear: right;
}
#info-contacto p span{
float: left;
margin: 5px 10px 0 0;
}
#info-contacto p a{
float: left;
margin: 3px 0px 0 0;
}
ul#idiomas{
position: absolute;
float: left;
top: 3px;
left: 0}
ul#idiomas li{
float: left;
margin: 0 7px 0 0;
padding: 0 7px 0 0;
color: #aaa;
border-right: 1px solid #aaa;
font-size: 10px}
ul#idiomas li.ultima{
border-right: none}
ul#idiomas li a{
text-decoration: none;
font-weight: normal;
color: #aaa}
#contenido{
width: 952px;
clear: left;
float: left;
margin: 35px 0 0 0;
}
#izquierda{
float: left;
background: #fff;
width: 525px;
margin: 23px 0 50px 0;
}
img.promocion{
margin-bottom: 12px;
}
/* caja */
div.caja{
clear: left;
background: url(../img/box-top.png) no-repeat top left;
padding: 8px 0 0 0;
}
div.caja-contenido{
background: url(../img/box-middle.png) repeat-y top left;
padding: 0 10px 0 2px;
overflow: hidden}
div.caja-contenido-inner{
padding: 10px 20px 0px 20px;
}
div.caja-contenido-inner-financiacion{
padding: 10px 20px 0 20px;
}
div.caja-contenido-inner-deco{
padding-bottom: 22px !important;
background: url(../img/keys.jpg) no-repeat 325px 100px;
}
body.ca div.caja-contenido-inner-deco{
background: url(../img/keys.jpg) no-repeat 325px 120px;
}
body.ca div.caja-contenido-inner-deco{
padding-bottom: 15px !important;
}
div.caja-pie{
background: url(../img/box-bottom.png) no-repeat top left;
padding: 35px 0 0 0}
/* fin caja*/
img.descuento{
margin-top: 5px;
}
img.packs{
margin: 15px 0 5px 0;
}
p.mail{
margin: 14px 0 0 0;
}
#soluciones {
margin: 21px 0 44px 0;
float: left;
}
.slideshow {
width: 250px;
float: left;
}
.slideshow img {
padding: 1px;
border: 5px solid #ccc;
margin-left: 1px; }
#soluciones img.decorativa {
padding: 1px;
border: 5px solid #ccc;
margin-left: 1px;
}
#soluciones img.titular {
float: left;
margin: 0 0 10px 20px;
}
#soluciones ul{
float: left;
margin: 0 0 0 20px;
}
#soluciones ul li{
float: left;
clear: left;
background: url(../img/guion.gif) no-repeat left center;
padding: 0 0 0 10px;
margin: 0 0 10px 0;
width: 203px;
}
#titular-financiacion{
background: url(../img/long-line.png) no-repeat bottom left;
padding-bottom: 6px;
}
ul#financiacion{
margin: 12px 0 0 0;
}
ul#financiacion li{
background: url(../img/guion.gif) no-repeat 0 7px;
padding: 0 0 0 10px;
margin: 0 0 10px 0;
line-height: 16px;
}
ul#financiacion li.ultima{
margin-bottom: 0;
}
#direcciones{
margin: 0 0 0 15px;
}
img.experiencia{
margin: 14px 0 26px 0;
}
p.direccion{
margin: 12px 0 0 0;
}
img.logo{
margin: 28px 0 0 0;
}
#derecha{
float: right;
background: url(../img/icons-transport.jpg) no-repeat right top;
width: 360px;
padding: 53px 0 0 0;
}
img.titular-servicios{
margin: 0 0 18px 0;
}
#servicios{
padding: 0 10px;
margin: 0 0 50px 0;
}
img.coche-moto-permisos{
margin: 12px 0 10px 0;
}
p.linea{line-height: 3px;}
div.h2-container{
background: url(../img/linea-der.gif) no-repeat left bottom;
padding: 0 0 4px 0;
}
#servicios ul{
margin: 12px 0 20px 0;
}
#servicios ul li{
background: url(../img/bullet-list.png) no-repeat 0 0;
padding: 0 0 3px 17px;
margin: 0 0 7px 0;
}
img.titular-form{
margin: 0 0 15px 0;
}
img.texto-ofertas{
margin: 0 0 18px 11px;
}
#formulario{
position: relative;
/* height: 390px;*/
height: 435px;
}
#formulario.con-mensaje{
/* height: 435px;*/
height: 480px;
}
p.mensaje-ok,
p.mensaje-error{
padding: 6px 10px;
margin-bottom: 15px;
width: 258px;
font-size: 10px;
font-weight: bold;
}
p.mensaje-ok{
background: #cce0cc;
color: #006200;
}
p.mensaje-error{
background: #f4cccc;
color: #b30000;
}
#formulario span{
position: absolute;
top: -1px;
left: 25px;
font-weight: bold;
font-size: 11px;
background: #fff;
padding: 0 5px;
z-index: 10;
}
#form-box{
position: absolute;
top: 4px;
left: 0;
border: 1px solid #ccc;
width: 356px;
}
#form-box-inner{
padding: 30px 25px 10px 25px;
background: url(../img/icon-small.png) no-repeat 318px 11px;
}
label{
font-weight: bold;
font-size: 11px;
display: block;
margin-bottom: 5px;
}
input#nombre,
input#telefono,
input#correo-electronico{
width: 270px;
border: 1px solid #999;
padding: 2px 2px;
color: #333;
margin: 0 0 15px 0;
background: url(../img/bg-input.jpg) repeat-x;
}
textarea{
background: url(../img/bg-input.jpg) repeat-x;
width: 298px;
height: 121px;
border: 1px solid #999;
padding: 4px 3px;
margin: 0 0 20px 0;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 12px;
color: #333}
p.submit{
text-align: right;
margin-bottom: 8px}
#pie {
width: 952px;
margin: 35px 0 0 0;
padding-bottom: 60px;
clear: both;
float: left;
position: relative}
#pie p{
margin-bottom: 8px;
padding-left: 2px}
p.principal{
border-top: 1px solid #ccc;
padding: 20px 2px 0 2px}
#pie p a{ font-weight: normal}
p.firma{
position: absolute;
top: 17px;
right: 0;
margin: 0;
padding: 0}
p.firma a{
text-decoration: none;
font-weight: normal;
font-size: 11px;
color: #aaa}
p.firma a:hover{
color: #666}