/* Reseteo de margenes */
	*{
		margin:0px;
		padding:0px;
	}


/* Inicio de etiquetas generales */
	body {
		background-color:#edeef1;
		color:#003F85;
        font-family:verdana; font-size:12px;
	}
	img {
		border:0px;
	}
	div {
		margin:0px;
		padding:0px;
		font-family:verdana; font-size:12px;
	}
	a:link, a:visited{
		color:inherit;
        text-decoration:inherit;
	}
	a:hover{
        text-decoration:underline;
	}

/* Etiquetas de divisiones*/
	#contenedor{
        width:100%;
        height: auto;
	}
	#enlacessuperiores{
        width:100%;
        display: block;
    }
    #myaccount {
        width:100%;
        height:30px;
    }
    #micuenta{
        float:right;  
        margin-right:38px;
    }
    nav{
        height:30px;
        width:auto;
        padding:5px 5px 5px 5px;
    }
    nav ul{
        list-style:none;
        margin:10px 20px 0px 20px;
        padding:0;
    }
    nav ul li{
        float:right;
        margin-right:5px;
        text-align:center;
    }
    nav ul li:hover{

    }
    nav ul li a{
        padding:5px;
        text-decoration:none;
    }
    nav ul li a:hover {

    }
/* Etiquetas de enlacessuperiores*/
    #barra {
        background-image:url(../images/barra.png);
        background-repeat:repeat-x;
        height:60px;
        position:absolute;
        width:100%;
        top:90px;
        z-index:1;
        display:block;
    }
    #barranavegacion{
        position:relative;
        height:60px;
        top:20px;
        margin-right:auto;
        margin-left:auto;
        min-width:1000px;
        width:80%;
        z-index:1;
        display:block;
	}

    #enlaces{
        position:absolute;
        top:-45px;
    }
    #logo {
        position:absolute;
        left:0px;
        top:0px;
        width:114px;
        height:120px;
    }

    #hotel_marina, #vina, #santiago, #hotel_santiago, #hotel_vina {
        position:absolute;
    }
    #hotel_marina {
        top:45px;
        left:110px;
        width:263px;
        height:40px;
    }
    #vina{
        top:85px;
        left:110px;
        width:132px;
        height:25px;
    }
    #santiago {
        top:85px;
        left:241px;
        width:132px;
        height:25px;
    }
    #hotel_santiago {
        top:45px;
        left:373px;
        width:325px;
        height:60px;
    }
    #hotel_vina {
        top:45px;
        left:697px;
        width:298px;
        height:60px;
    }

/* Etiquetas de Banner principal*/

	#bannerprincipal {
        width:100%;
        height:450px;
        z-index:-200;
        position:relative;
	}

    .rev-slider-full {
        height:450px;
        width:100%;
        position:absolute;
        z-index:-300;

    }

/*+++++++++++++++++++++++++++++*/
/* Formato texto de contenido  */
/*+++++++++++++++++++++++++++++*/
    .texto_banner_derecha {
        background-image:url(../images/fondo_texto.png);
        background-repeat:no-repeat;
        text-align:justify;
        width:400px;
        height:367px;
        padding: 15px 15px 15px 15px;
        right:20px;
        color:#FFF;
        display:none;
        position:absolute;
        z-index:100;
        text-shadow:0.1em 0.1em #333;
        font-size:14px;

    }
    h4{
        font-size:16px;
    }

/* Etiquetas de barradereservas*/

	#barradereserva{
        width: 980px;
        margin: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index:300;       
        position:relative;       
	}
    
    #reserva{
        width:100%;
        top:0px;
        background-color:#B7B7B7;
        text-align:center;
        position:absolute;
    }
    #formularioreserva{
        background-color:#B7B7B7;
        width:250px;
        right:250px;
        
    }
    #articulos{
        position:relative;
        top:-410px;
        z-index: 100000;
    }

/*+++++++++++++++++++++++++++++*/
/*    Estilos del Formulario   */
/*+++++++++++++++++++++++++++++*/

/* Moteur reservation interne */
    .clr{
        clear:left;
    }

    #form-moteur-resa{
        width:auto;
    }
    #form-moteur-resa div{
        display:inline-block;
        padding-left:3px;
    }

    #form-moteur-resa label.titreChamp{
        float:left;
        color:#000; 
        font-size:12px;
        color:#0D4892;
    }
    #form-moteur-resa:after, 
    #chambre1:after, 
    #chambre2:after, 
    #chambre3:after, 
    .text_foo:after, 
    .header_select:after{
        clear:left; 
        content:".";  
        float:right;
        display:inline-block;
        height:20; 
        line-height:0; 
        visibility:hidden; 
        overflow:hidden;
    }
    #form-moteur-resa input{
        border:1px solid #7F9DB9; 
        height:20px; 
        margin-top:3px; 
        padding-left:3px;
        color:#333;
        width:80px;
        font-size:12px;
        text-align:center;
    }
    #form-moteur-resa p.date_resa_home input{
        float:left;
        height:15px;
        margin-right:4px;
    }
    #form-moteur-resa p.room_choices{
        background:url("../images/fleche-down.jpg") no-repeat 0 5px;
        color:#000000;
        display:block;
        font-size:12px;
        margin-right:0;
        margin-top:0px;
        padding-left:8px;
        text-decoration:none;
    }
    #form-moteur-resa label {
        color:#333333; 
        font-size:11px;
    }
    a#more_search_options, .swContentLeft .blc_resa a.more{
        display:none;
    }
    p.title_moteur_resa{
        color:#024D96;
        display:block;
        float:left;
        font-family:Verdana;
        font-size:18px;
        height:58px;
        margin-top:8px;
        padding:9px 20px 0 21px;
        position:static;
        text-decoration:none;
        text-transform:uppercase;
        width:90px;
    }
    .title_mod_int{
        background:#DBE1ED;
        color:#013E88;
        font-size:18px;
        height:37px;
        line-height:37px;
        padding:0 0 0 10px;
        width:229px;
        text-transform:uppercase;
    }
    .mod_resa_int{
        border:1px solid #DBE1ED; 
        padding:0; 
        position:relative; 
        width:239px;
    }

    .blocAvailability{
        margin-top:15px;
    }
    .blocAvailability a{
        text-decoration:none;
    }
    .blocAvailability a:hover{
        color:#000;
    }
    #form-moteur-resa{
        padding:20px 0 0 0; 
        width:100%;
    }
    #form-moteur-resa input.big_submit{
        background-color:#0D4892; 
        border:none;
        color:#fff;
        cursor:pointer;
        font-size:11px;
        text-align:center;
        width:50px;
        height:39px;
        margin: 0px 40px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
    #form-moteur-resa p{
        display:inline-block;
        margin-right:4px;
        width:auto;

    }
    #form-moteur-resa #chambre1 p, #form-moteur-resa #chambre2 p, #form-moteur-resa #chambre3 p{
        margin-right:10px;
    }

    #form-moteur-resa #chambre1 p, #form-moteur-resa #chambre2 p, #form-moteur-resa #chambre3 p{
        margin-right:7px;
    }

    #form-moteur-resa .zoneDistination{
        padding-bottom:17px;
    }
    #form-moteur-resa > p{
        width:100%;
    }
    #form-moteur-resa > p.date_resa_home{
        width:905px;
    }
    #form-moteur-resa > p.date_resa_home.date_resa_home_in{
        margin-right:20px;
    }
    #form-moteur-resa p.date_resa_home:first-child{
        margin-right:20px;
    }
    #form-moteur-resa p.date_resa_home input,#form-moteur-resa input{
        color:#000; 
        border:1px solid #7F9DB9;
    }
    #p_age1 {

    }
    #p_age2 {

    }
    #p_age3 {

    }
    #check_reservation p{
        color:#8C8D8E; 
        font-size:12px; 
        font-weight:bold; 
        padding:10px 0 10px 10px; 
        cursor:pointer;}
    #mes_reservation p.corp_num{
        padding-bottom:7px;
    }
    #mes_reservation p.corp_num input{
        border:1px solid #7F9DB9;
        margin-right:4px;
        width:207px;
        padding-left:3px;
    }
    #mes_reservation p .submit{
        background: url("../images/btn/bg-button-gradient.gif") repeat-x 0 0;
        border:none; 
        color:#FFFFFF; 
        cursor:pointer;
        font-size:11px;
        height:auto;
        margin:6px 0 0 0;
        padding:5px 8px;
        text-align:center;
    }
    #more_search_options_div_int{
        width:auto;
    }
    #more_search_options_div_int p.chambres {
        float:left; 
        padding:0 0 11px !important;}
    #more_search_options_div_int select{
        border:1px solid #7F9DB9; 
        height:19px; 
        width:44px;  
        margin-top:3px;
    }
    #more_search_options_div_int select option{
        padding-left:3px;
    }
    #more_search_options_div_int #chambre1,
    #more_search_options_div_int #chambre2,
    #more_search_options_div_int #chambre3{
        padding:0 0 5px;
        width:auto;
        float:right;
        display:inline-block;
    }
    hr.sep_interne{
        height:1px;
        overflow:hidden;
        background:#DBE1ED;
        border:0;
        width:218px;
        margin:0 0 0 10px;
    }
    #mesreservations_int{
        padding:0 0 0 14px
    }

    .picto_calen{
        vertical-align:top;
        margin-top:4px;
        cursor:pointer;
    }

    #calendarDiv .topBar, #calendarDiv .selectBoxOver, #calendarDiv .monthYearActive {
        background:#15498B !important;
    }


    /* Liste auto complete */
    ul.ui-widget-content{
        background:#fff;
        float:left;
        z-index:10000 !important;
        border:1px solid #24488C;
        max-height:250px;
        overflow:auto;
    }

    ul.ui-menu .ui-autocomplete-category {
        display:none;
        background:#245CA4;
        padding:4px 0;
        font-size:14px;
        font-weight:bold;
        text-align:center;
        color:#fff;
    }
    .ui-menu .ui-menu-item{
        font-size:11px;
    }
    .ui-menu .ui-menu-item a{
        cursor:pointer;
        display:block;
        line-height:1.5;
        padding:0.2em 0.4em;
        text-decoration:none;
        color:#1F6ECF;
        border-bottom:1px solid #E5E5E5;
    }
    .ui-menu .ui-menu-item a:hover{
        background:#E5E5E5;
    }

/* Etiquetas de Enlaces inferiores*/
    #enlacesinferiores{
        top:140px;
        width:90%;
        align-content:center;
        height:auto;
        margin-right:auto;
        margin-left:auto;
        text-align:center;
        padding:2px 2px 2px 2px;
        position:relative;
    }
    #piedepagina{
        top:140px;
        width:90%;
        height:40px;
        padding-top:2px;
        margin-right:auto;
        margin-left:auto;
        text-align:center;
        position:relative;
    }

/*+++++++++++++++++++++++++++++*/
/* Condiciones de media queries*/
/*+++++++++++++++++++++++++++++*/

@media screen and (max-width: 980px) {
    #contenedor{
        width:auto;
    }

    #barra {
        max-width:980px;
    }
    #barranavegacion{
        min-width:0px;
        width:auto; 
    }
    #logo {
        position:absolute;
        height:90px;
        width:auto;
        top:20px;
        left:5px;
    }
    #hotel_marina {
        left:88px;
        top:45px;
        width:230px;
        height:41px;
        margin-bottom:0px;
        z-index:200;
    }
    #vina{
        display:none;
    }
    #santiago{
        display:none;
    }
    #hotel_santiago {
        display:none;
    }
    #hotel_vina {
        display:none;
    }

    #barradereserva{
        width:auto;      
	}
    
    #enlacesinferiores{
        width:auto;
    }
    #piedepagina{
          width:auto;
    }
    
    .texto_banner_derecha {
        background-image:url(../images/fondo_texto_respon.png);
        background-repeat:repeat;
        text-align:justify;
        width:auto;
        height:367px;
        padding: 15px 15px 15px 15px;
        right:0px;
        color:#FFF;
        display:none;
        position:absolute;
        z-index:100;
        text-shadow:0.1em 0.1em #333;
        font-size:14px;
    }

    
	}
	@media screen and (max-width: 767px) {
        #barra {
            max-width:767px;
        }
        #barranavegacion{
            min-width:0px;
            width:auto; 
        }
	    #barradereserva{
        width:auto;      
	   }
	}
	@media screen and (max-width: 480px) {
        #barra {
            max-width:480px;
        }
        #barranavegacion{
            min-width:0px;
            width:auto; 
        }
        #barradereserva{
        width:auto;      
	   }
    }