﻿/*Capas*/
* { padding: 0; margin: 0 auto; }
.clear { clear:both; }
.hidden {display:none;}
h1{font-size:19px; color:#1A54AF;}

body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background:#0076C3;}

#motoluis { margin: auto; width: 800px; background-color:#FFF;}
#motoluis_iframe{ margin: auto; width: 855px; background-color:#FFF;}
#cabecera { height:88px; padding-right:35px; }
#logo{ width:559px; height:75px; background-image:url(../img/logo.png); float:left;}
#telefono{ width:200px; float:right; font-size:17px; text-align:right; margin-top:10px; font-weight:bold;}

#menu{background:url(../img/fondo-menu.gif) repeat-x; height:32px; padding-left:35px; line-height:32px;}
#menu #list a{color:#FFF; font-size:16px; font-weight:bold; text-decoration:none; margin-right:18px; float:left;}
#menu #list a:hover{ text-decoration:underline;}
#menu #flags{ background-color:#A1A1A1; width:97px; height:32px; text-align:center; float:right;}
#menu #flags img{ border:1px solid #FFF}

#banner{ height:218px; border-bottom:3px solid #F48423; background-color:#1A54AF;}
#banner #categorias{ width:250px; float:left;}
#banner #categorias ul{ list-style:none;}
#banner #categorias ul li{ height:24px; line-height:24px; font-weight:bold;}
#banner #categorias ul li.claro{background-color:#2167BD;}
#banner #categorias ul li a{margin-left:35px; color:#FFF; text-transform:uppercase; font-size:14px; text-decoration:none}
#banner #imagen{ width:550px; float:right;}

#contenido{ background-color:#FFF; padding-top:20px;}
#contenido #informacion{ width:510px; float:left; margin-left:20px; text-align:justify}
#contenido #informacion #bloque{ width:161px; height:163px; padding-top:5px; float:left; margin:20px 9px 0 0; background:url(../img/fondo-coche.png) no-repeat; font-weight:bold; font-size:13px; color:#1A54AF; line-height:25px; text-align:center;}
#contenido #informacion #bloque .auto{margin:5px 0 ;}
#contenido #informacion #bloque .precio{ font-weight:bold; font-size:20px; color:#EA1802;}

#contenido #offerts{ width:237px; float:right; margin-right:20px;}
#contenido #offerts #online{ background:url(../img/online.png) no-repeat; height:400px;}
#contenido #offerts #online ul{ list-style-image:url(../img/arrow.png); padding:0 30px 0 40px; font-weight:bold; list-style-position:inherit;}
#contenido #offerts #online ul li{ font-size:14px; line-height:17px; padding-top:15px; font-weight:normal;}
#contenido #offerts #oferta { width:236px;}
#contenido #offerts #oferta #special{ height:37px; background:url(../img/top_azul.png) no-repeat; line-height:37px; font-size:16px; font-weight:bold; text-transform:uppercase; color:#FFF; padding-left:15px;}
#contenido #offerts #oferta #list{ border-right:1px solid #D1D1D1; border-left:1px solid #D1D1D1; padding:15px; font-size:12px;}
#contenido #offerts #oferta #list .titulo{ font-size:14px;}
#contenido #offerts #oferta #list a{ color:#1A54AF; text-decoration:none; font-weight:bold;}
#contenido #offerts #oferta #bottom{ background:url(../img/ofertabottom.png) bottom no-repeat; height:6px; margin-bottom:15px}

#footer{ border-top:4px solid #0076C3; background-color:#B8D9FF; height:36px; line-height:36px; color:#00428C; font-size:13px;}
#footer #info{float:left; margin-left:20px}
#footer #design{float:right; margin-right:20px;}
#footer a{text-decoration:none; color:#00428C;}


/*Fuentes*/
.tit_faq{ font-size:14px; color:#1A54AF; font-weight:bold;}
.tit_faq a{ text-decoration:none}
.tit_faq a:hover{text-decoration:underline}
.faq_txt{ font-size:12px; text-align:justify;}
.faq_txt a{text-decoration:none; color:#1A54AF;}
.faq_txt a:hover{text-decoration:underline;}

.label{font-size:12px; width:120px; font-weight:bold; float:left;}

.galeria{ border:1px solid #1A54AF;}

#reserva { list-style:none; float:left;}
#reserva li a{ display:block; list-style-image:none; height:42px; width:192px; background-image:url(../img/reserva.png); border:none;}
#reserva li a:hover{ background-image:url(../img/areserva.png);}

select, input, textarea{ width:300px; margin-bottom:5px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#00428C;}
input.button{width:100px; background:#1A54AF; color:#FFF; font-weight:bold; margin-left:120px; margin-top:5px; cursor:pointer;}

/*Tabla*/
.tabla_list{ font-size:12px;}
.tabla_list thead td{background:#0076C3; color:#FFF; font-weight:bold; font-size:14px; padding:3px;}
.tabla_list thead a{color:#FFF; font-weight:bold; font-size:14px;}
.tabla_list tbody tr td{ border:1px solid #B8D9FF}
.tabla_list tbody tr.tit_tabla{background:#B8D9FF;}
