@charset "UTF-8";

/* CSS Document */

/*  BOTON GALERIA  */

.boton-cuerpo-top{
    background:url(../imagenes/fondo-boton-cuerpo-top.gif) no-repeat;    
    height:5px;
    width:210px;
    _padding-bottom:0px;
    _font-size:5px;
}

.boton-cuerpo-bottom{
    background:url(../imagenes/fondo-boton-cuerpo-bottom.gif) no-repeat;    
    height:6px;
    width:210px;
}

.boton-cuerpo{
    background:url(../imagenes/fondo-boton-cuerpo.gif) repeat-x top left scroll;    
    height:68px;
    width:210px;
    _padding-top:0px;
    _margin-top:0px;
}

.texto-boton-titulo{
    color:white;
    font-size:15px;
    padding-left:7px;
    padding-top:2px;
    width:200px;
}

.texto-boton-cuerpo{
    color:white;
    padding-left:7px;
    padding-top:5px;
    font-size: 13px;
    _padding-top:0px;
    _margin-top:0px;
    text-align:left;
    width:200px;
}


/*  LATERAL IZQ  */
#lateral-izq{
    margin-bottom:25px;
}

#lateral-izq-top{
    overflow:hidden;
}

#lateral-izq-bottom{
    padding-top:10px;
}

#imagen-portada{
    background:transparent url(../imagenes/imagen-portada.gif) no-repeat scroll 0 0;
    height:190px;
    width:310px;
} 

#texto-bienvenida{
    text-align:justify;
    color:black;
}

#imagen-lateral-izq1{
    background: url(../imagenes/imagen-lateral-izq1.gif) no-repeat top left;
    float:right;
    width:89px;
    height:82px;
}

#imagen-lateral-izq2{
    background: url(../imagenes/imagen-lateral-izq2.gif) no-repeat top left;
    float:right;
    width:89px;
    height:82px;
}

.boton-lateral{
    float:left;
    width:210px;
}

.conjunto{
    padding-bottom:18px;
    overflow:hidden;
}


/*  FORMULARIO  */

#lateral-der {
    float:right;
    width:390px;
    margin-bottom:25px;
}

#boton-reserva{
    margin-bottom:10px;
}

#boton-reserva-top{
}

#boton-reserva-cuerpo{
    background:url(../imagenes/boton-reserva-cuerpo.gif) repeat-x scroll left top;
    width:116px;
    height:34px;
}

#boton-reserva-bottom{
}

#texto-reserva{
    color:white;
    font-size:19px;
    text-align:center;
    line-height:30px;
}

#formulario{
    margin-top:0px;
    padding-top:0px;
}


#formulario-cuerpo{
    background:#012F6A url(../imagenes/formulario-top.gif) no-repeat scroll 0 0;
    height:450px;
    padding:20px 25px 0 25px;
    width:310px;
}

#formulario-bottom{
    background: url(../imagenes/formulario-bottom.gif) 0 0 no-repeat;
    height:120px;
    width:360px;
}

.formulario-texto{
    color:white;
    font-size:13px;
    text-align:left;
}

input , select{
    background-color:#5583be;
    border:1px solid white;
    height:24px;
    font-size:13px; 
    width:335px;
}

input.corto-izq{
    width:130px;
}

input.corto-der{
    width:150px;
    margin-left:12px;
}

input.largo, select.largo{
    width:300px;
}

textarea{
    background-color:#5583be;
    border:1px solid white;
    height:48px;
    font-size:13px; 
    width:300px;
}

#calendario{
    text-decoration:none;
}

#telefono{
    float:left;
}

#email{
    float:right;
    margin-right:115px;
}

#fecha-recogida{
    float:left;
}

#hora-aproximada{
    float:right;
    margin-right:33px;
}

#select_hora{
    float:right;
    width:150px;
    background-color:#5583be;
    border:1px solid white;
    height:24px;
    font-size:13px; 
    margin-right:8px;
}

#formas-pago{
    overflow:hidden;
}

#metalico{
    background-color:#5583be;
    width:250px;
    color:black;
    font-weight:bold;
    height:22px;
    float: left;
    padding-left:10px;
    font-size:14px;
}

#tarjeta{
    /*margin-right:10px;
    _margin-right:4px;*/
    background-color:#5583BE;
    /*clear:both;*/
    color:#BB0000;
    font-weight:bold;
    float:left;
    height:42px;
    margin-bottom:10px;
    padding-left:10px;
    width:250px;
    font-size:14px;
}

.tip{
    vertical-align:middle;
    width:15px;
    height:15px;
    border:none;
}

#img_calc{
    cursor:pointer;
    float:left;
    width:20px;
    height:18px;
}

#calc{
    float:left;
    height:20px;
}

#imagen-pagos{
    background: url(../imagenes/tarjetas-admitidas.gif) no-repeat scroll center top;
    height:57px; 
    width:143px;
    float:right;
    clear:both;
    margin-right:35px;
    _margin-right:18px;
    margin-top:4px;
}

#input-enviar-form{
     background:url(../imagenes/boton-fondo.gif) no-repeat scroll center top;
     height:22px; 
     width:70px;
     float:right;
     clear:both;
     cursor:pointer;
     border:0 none;
     color:white;
     margin-right:35px;
     margin-top:10px;
}

p#datos-confirmacion{
     margin-left:112px;   
}

p#datos-confirmacion span.titulo{
    font-weight:bold;    
}

p#datos-confirmacion span.tachado{
    text-decoration:line-through;
}

p#instrucciones{
     text-align:center;
     color:red;   
}

input#aceptar_pago{
    background:transparent url(../imagenes/boton-fondo.gif) no-repeat scroll center top;
    border:1px solid black;
    width:72px;
    height:24px;       
    color:white;
    font-weight:normal;
    display:block;
    margin:0 auto;
}