/*
    ==================================================
        ESTILOS LAY-OUT GRALES
    ==================================================  */
    #sub_header{
        padding-top: 15px;
        position:relative;
        color:#ffffff;
        z-index: 5;
    }

    #sub_header input{padding-left:5px;}

    #sub_header #logo{
        float:left;
        height:70px;
        line-height: 70px;
        margin-left:10px;
        margin-top: 15px;
    }

    #sub_header #upper_menu {margin-bottom: 10px;margin-right: 5px;}

    #sub_header #upper_menu, #sub_header #sub_upper_menu, #sub_header #members {
        float:right;
        clear: right; 
        white-space:nowrap;    
    }
    #sub_header #sub_upper_menu {margin-right:10px;font-size:32px;line-height: 25px;color:#C1CD35;}

    #sub_header #members {margin-right:10px;margin-top: 10px;}

    #sub_header .banner_center {
        float: left;
        line-height: 85px;
        margin-left: 20px;
        margin-right: 20px;
        height: 85px;
        width: 275px;
        overflow: hidden;
    }
    #sub_header .banner_center.small { width: 335px; }
    #sub_header .banner_center .box { width: 335px; margin: 0 auto; overflow: hidden; }
    #sub_header .banner_center img {vertical-align: middle;}

    /*Para evitar superposiciones raras debido a bug z-index en IE7*/
    .ie7 #sub_header #agencies_access
    {
        position: relative;
        z-index: 1;
    }

    .ie7 #sub_header, .ie7 #sub_header #upper_menu
    {
        position: relative;
        z-index: 2;
    }

    #sub_header #upper_menu .item{
        margin-top:6px;
        height: 20px;
        margin-left:10px;
        float: left;
        /*IE7*/
        zoom: 1;
        *display: inline;
    }

    #sub_header #upper_menu .item, #sub_header #upper_menu .item a{
        color:white;
        font-size:14px;
        line-height:14px;
    }

    #sub_header #upper_menu .item, #sub_header #upper_menu .item a.active { 
        color: #c1cd35;
    }

#sub_header #sub_upper_menu .item .phone { 
    padding-left: 40px;
    background:url('/img/sprite/medium.png') no-repeat -25px -646px;
}

     #sub_header #upper_menu .item a.my_bookings{
        padding-left: 20px;
        background:url('/img/sprite/small.png') no-repeat -25px -950px;
    }
    #sub_header #upper_menu .item a.link_help{
        padding-left: 20px;
        background:url('/img/sprite/small.png') no-repeat -25px -1214px;
    }

    #sub_header #upper_menu .langSelection
    {
        position: relative;
        cursor: pointer;
    }

    #sub_header #upper_menu .langSelectionBox
    {
        width: 160%;
        /*Para que cuadre la flecha, posicionamos en la derecha y desplazamos la cantidad necesaria en negativo mediante el margen*/
        right: 0;
        margin-right: -29px;
        margin-top: 15px;         
    }

    #sub_header #upper_menu .langSelectionBox .languageItem
    {
        padding: 5px 8px;
        margin: 2px 5px;
        overflow: hidden;
    }

    #sub_header #upper_menu .langSelectionBox .languageItem:not(:last-child)
    {
        border-bottom: 1px solid #D3C9D2;
    }

    #sub_header #upper_menu .langSelectionBox .languageItem a
    {
        color: #525252; 
        font-size: 12px;
    }

    #sub_header #upper_menu .langSelection ul li {float:left;margin: 0 5px;}

    #sub_header #upper_menu .icoEmail {
        background-position: 0 -3203px;
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 10px;
    }

    #sub_header #upper_menu .icoPhone {
        background-position: 0 -3248px;
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
    }

    #sub_header #upper_menu .icoFollow {
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 16px;
    }

    #sub_header #upper_menu .icoFollow.facebook
    {
        background-position: 0 -3296px;
    }

    #sub_header #upper_menu .icoFollow.twitter
    {
        background-position: 0 -3344px;
    }

    #sub_header #upper_menu .icoLangSelection
    {
        background: url("/img/small-arrow-down.png") no-repeat 0 0 transparent;
        display: inline-block;    
        vertical-align: middle;
        width: 8px;
        height: 4px;
    }

    #sub_header .ico_document, #sub_header .ico_help {    
        display: inline-block;
    }

    #sub_header .checkBooking_item {position:relative; overflow:visible; }
    #sub_header .checkBooking {padding:20px; margin-top: 15px; right: 0; margin-right: -50px; z-index: 10; white-space: nowrap; min-width: 452px;}


#sub_header .checkBooking .field { float: left; width: 172px; margin-right: 10px;}

#sub_header .checkBooking h3, #sub_header .logMaster h3 { float:left; font-weight: normal; color: #ffffff; font-size: 16px; }
#sub_header .checkBooking a.button { color: #5B610D !important; }

    #agencies_access { position: relative;}
    #agencies_access a.userRegister { font-size: 14px; line-height: 20px; color:#ffffff; background: url('/img/sprite/small.png') no-repeat -27px -2076px; padding-left: 22px;}

    #shopping_basket {}
    #shopping_basket .show_shoppingbasket {color:#ffffff; font-size:14px; font-weight:normal; padding-left:20px; line-height:20px; background:url('/img/sprite/small.png') no-repeat -26px -1150px; cursor:pointer;}
    #upper_menu #shopping_basket .shoppingBasket_title {display: none;}
    #shopping_basket .shoppingBasketMini {display: none; z-index:9999; margin-top:15px; right: 192px; margin-right: -50px;}
    .home #shopping_basket .shoppingBasketMini { display: block; }

    #customer_menu { float: right;  color: #ffffff; font-size: 12px;}
    #customer_menu .customer_name {line-height: 20px;margin: 0;}
    #customer_menu .customer_name a {color: #ffffff; display:block; text-align: right;}
    #customer_menu .customer_logout { background: url(/img/sprite/small.png) no-repeat scroll -27px -2129px; width: 20px; height: 20px;}
    /*--------------------------------------------------------------
    ------------------------ LOGIN AGENCIAS -----------------------*/ 

    .logMaster{
        margin-top: 15px;
        padding: 20px;
        right: 0;
        margin-right: -55px;
        z-index: 10;
        white-space: nowrap;
        min-width: 452px;
    }
    .ie7 .logMaster
    {
        margin-top: 27px;
    }
    /*--------------------------------------------------------------
    ------------------------ MENU (ul#nav) -----------------------*/ 

    #sub_header #nav{
    background: rgba(122,185,216,0.5);
    background: -moz-linear-gradient(left,  rgba(122,185,216,0.5) 0%, rgba(26,46,60,0.5) 70%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(122,185,216,0.5)), color-stop(70%,rgba(26,46,60,0.5)));
    background: -webkit-linear-gradient(left,  rgba(122,185,216,0.5) 0%,rgba(26,46,60,0.5) 70%);
    background: -o-linear-gradient(left,  rgba(122,185,216,0.5) 0%,rgba(26,46,60,0.5) 70%);
    background: -ms-linear-gradient(left,  rgba(122,185,216,0.5) 0%,rgba(26,46,60,0.5) 70%);
    background: linear-gradient(to right,  rgba(122,185,216,0.5) 0%,rgba(26,46,60,0.5) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ab9d8', endColorstr='#1a2e3c',GradientType=1 );
    margin-top:15px;
    height:50px;
    border:none;
    }

    #sub_header #nav .nav_elem{
    float:left;
    height:50px;
    position:relative;
    display:inline-block;
    text-align:center;
    width: auto;
    }

    #sub_header #nav .nav_elem.navmenu { 
        background: url('/img/small-arrow-down.png') no-repeat scroll 95% center;
    }

    #sub_header #nav .last_item
    {
        width:10%;
        }

    /* Modificados los width del menu para que encajen perfectamente */

    #sub_header #nav .nav_elem a {
    font-size:16px;
    color:#ffffff;
    text-decoration:none;
    line-height:50px;
    display:block;
    font-weight:normal;
    background-color:transparent;
    background-image:none;
    padding: 0 20px;
    transition: all 0.1s ease-in-out 0s;
    -webkit-transition: all 0.1s ease-in-out 0s;
    }

    #sub_header #nav .nav_elem.featured a { color: #CFDD45; }

    #home #sub_header #nav #mlink_home,
    #accomodation #sub_header #nav #mlink_accom,
    #flight #sub_header #nav #mlink_flight,
    #services #sub_header #nav #mlink_srv,
    #transfers #sub_header #nav #mlink_tsf,
    #cars #sub_header #nav #mlink_cars,
    #cruises #sub_header #nav #mlink_cruises,
    #packages.packages #sub_header #nav #mlink_packs,
    #packages.tours #sub_header #nav #mlink_tours,
    #packages.flightHotel.home #sub_header #nav #mlink_vh,
	#esqui #sub_header #nav #mlink_ski,
	#costas #sub_header #nav #mlink_costas,
	#adventure #sub_header #nav #mlink_adventure,
	#parks #sub_header #nav #mlink_parks,
    #sub_header #nav .nav_elem:hover a,
    #sub_header #nav .nav_elem.active a{
    color:#5A600C;
    background-color:#C1CD35;
    }

    
    #sub_header #nav .nav_elem a .arrow{
            display:none;                 
            margin:0 auto;
            padding-bottom: 4px;
        }
        #sub_header #nav .nav_elem:hover a .arrow{
            display:block;  
            position:relative;
            z-index:10000;  
        }


    /*submenu*/
    #sub_header #nav li.nav_elem ul{
        top:50px;
        display: block;
        visibility:hidden;
        position:absolute;
        z-index:9999;
        background-image:none;
        background-color:#C1CD35;
        min-width: 100%;
        width:auto;
    }

    #sub_header #nav li.nav_elem ul.flighthotel_nav {
        width:274px;
    }
    #sub_header #nav li.nav_elem ul.flighthotel_nav li a {
        text-align:left;
        padding-left:10px;
    }

    #sub_header #nav li.nav_elem:hover ul{transition-delay:0.3s;visibility:visible;-ms-transition: 3s;}

    #sub_header #nav li.nav_elem ul a{
      font-size:15px;
      color:#666666;
      padding:0 20px;
      text-align:left;
      white-space: nowrap;
    }


    #sub_header #nav li.nav_elem ul li:hover a {
      font-size:15px;
      color:#5B610D;
      background:#CFDD45;
    }


    /*--------------------------------------------------------------
    ------------------------ Bread Crumbs (ul#nav) -----------------------*/ 
    #bread_crumbs{
        margin: 20px 10px;
    }
    #bread_crumbs .steps .step {
        float: left;
        background: rgba(255, 255, 255, 0.07);
		height: 54px;
		padding: 0; /*0 8px 0 14px;*/
		color: rgba(255, 255, 255, 0.23);
		line-height: 54px;
        font-size: 16px;
        max-width: 940px;
        text-align: center;
    }
    #bread_crumbs .steps .step.selected {
        background: #79B9D7;
        color: #294F63;
    }
    #bread_crumbs .steps .triangle {
        float: left;
        background: url(/img/off_off.png) no-repeat scroll center right transparent;
        width: 30px;
        height: 54px;
    }
    #bread_crumbs .steps .triangle.selected {
        background: url(/img/on_off.png) no-repeat scroll center right transparent;
    }
    #bread_crumbs .steps .triangle.before_selected {
        background: url(/img/off_on.png) no-repeat scroll center right transparent;
    }
    #bread_crumbs .steps .triangle.after_selected {
        background: url(/img/onv_onv.png) no-repeat scroll center right transparent;
    }
    #bread_crumbs .steps #step1 { width: 130px; }
    #bread_crumbs .steps #step2 { width: 175px; }
    #bread_crumbs .steps #step3 { width: 162px; }
    #bread_crumbs .steps #step4 { width: 168px; }
    #bread_crumbs .steps #step5 { padding-left: 20px; width: 165px; background: url(/img/hand_off.png) no-repeat scroll 25px center rgba(255, 255, 255, 0.07); }
    #bread_crumbs .steps #step5.step.selected { background: url(/img/hand_on.png) no-repeat scroll 25px center #BFCD35; }
    
    /*mensajes warning*/
    #topMessage {padding-top:4px; margin-bottom:-6px; line-height:16px;}
    #topMessage .msgOK, #topMessage .warning {padding-bottom:4px;}

    /*--------------------------------------------------------------
    --------------------------- Contenido ------------------------*/ 
    #home #content{clear:both; padding:45px 0;}
    #content{clear:both; padding:30px 0;}
    #sight {padding: 45px 0;z-index: 1;}

    /*--------------------------------------------------------------
    ----------------------------- Footer -------------------------*/ 
    #footer{width:100%;}
    #footer_content{
    overflow:hidden;
    margin:0 auto;
    padding:0 0 45px 0;
    color:#333333;
    }
    #footer_poweredby {margin-top:40px;}


    /*-------------------------- RESULTADOS ---------------------------*/
    .results #contentDescription {margin-bottom:22px; color:#525252; font-size:12px; line-height:16px;}
    .results #contentDescription .contentTitle {margin-bottom:8px;}
    .results #contentDescription p {margin:8px 0;}

    .results #content #mainResults #resultsContent {min-height:620px;}

    /*--------------------------- Divisores --------------------------*/
    hr{
    border: 0;
    height: 8px;
    /*margin:0 0 30px 0;
    background:#EDEDED;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.41, rgb(234,233,242)),color-stop(0.71, rgb(241,242,250)));
    background-image: -moz-linear-gradient(center bottom,rgb(234,233,242) 41%,rgb(241,242,250) 71%);*/
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    }

    .ie7 hr{height:auto;}

    /*END LAY-OUT*/



    /*-------------------------- Loading ---------------------------*/

    .loadingMsgCont {
        background: url("/img/preloader/bg_overlay.png") repeat scroll 0 0 transparent;
        display: none;
        height: 100%;
        left: 0;
        padding: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999999;
    }

    .results .loadingMsgCont {
        display: block;
    }

    .loadingMsg {
        background: #ffffff;
        margin: 8% auto 0;
        padding-top: 40px;
        position: relative;
        text-align: center;
        width: 555px;
    }

    .loadingMsgCont .loadingMsg .img_logo{
        display:block;
    }

    .loadingMsgCont .loadingMsg .img_loadingMsg {
        display: block;
        margin: 40px 0;
    }



    .loadingMsgCont .loadingMsg .best {
        display: block;
        margin: 10px 0;
        padding: 0 20px;
        font-size:16px;
        font-weight: bold;
        color:#333333;
        text-align:center;
     }
 
     .loadingMsgCont .loadingMsg .loadingInfo {
        display: block;
        margin: 10px 0;
        padding: 0 20px;
        font-size:14px;
        color:#666666;
        text-align:center;
     }

     .loadingMsgCont .loadingMsg .box {margin-top: 30px;}

    .loadingMsgCont .loadingMsg .wait {
        display: block;
        padding: 15px 20px;
        color: #294F63;
        font-size: 12px;
        font-weight: bold;
        background-color: #84B6E0;
     }

     /*master dialog*/
    .masterOverlay
    {
        background: url("/img/preloader/bg_overlay.png") repeat scroll 0 0 transparent;
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1001;
    }    

    .masterDialog .ui-dialog{width:555px;}

    .masterDialog .ui-dialog .ui-corner-all
    {
        border: 2px solid #D3C9D2;
        box-shadow: 0 0 6px #D3C9D2;
        border-radius:6px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;         
        }

    .masterDialog { padding: 20px 30px !important; }
    .masterDialog h4{margin:0; padding:0;color: #333333; font: normal 18px Roboto-Regular;}
    .masterDialog .msgOK {color:#525252; padding:0px;}
    .masterDialog .masterDialog_message{ padding:0 0 0 0; margin:20px 0 10px; text-align:center;}
    .masterDialog .masterDialog_message .warning { background: url("/img/sprite/big.png") no-repeat scroll -20px -462px rgba(0, 0, 0, 0);
color: #666666;
font-size: 12px;
height: 48px;
padding: 0 0 0 70px;
text-align: left; }
    .masterDialog .masterDialog_message #countdown{font-size: 22px; font-weight: bold; padding: 4px;}

    .masterDialog  .button {
        float: right;
        margin: 12px 0 0;
        width: 110px;
    }    
    .masterDialog a.button{
        background-color: rgba(0, 0, 0, 0);
border: 1px solid #999999;
color: #999999;
transition: all 0.3s ease-in-out 0s;
margin-right:3px;
-webkit-transition: all 0.3s ease-in-out 0s;
    }
.masterDialog a.button:hover {border-color: #333333;
color: #333333;}

    .masterDialogContainer .ui-dialog-titlebar {display:none;}
 
 
     /**********Content pages**********/
     #contenido .contentDescription {min-height:460px;}

     /* DISABLE ADDTHIS ON IE7*/
    .ie6 .addthis_toolbox, .ie7 .addthis_toolbox{display:none !important;}



.masterDialogContainer .ui-dialog-buttonpane { border: none; padding: 0 30px 20px !important; margin: 0;}
.masterDialogContainer .ui-dialog-buttonpane button { 
    cursor: pointer;
    display: block;
    font: 14px/34px Roboto-Regular !important;
    height: 32px;
    padding: 0;
    text-align: center;
    float: right;
    margin: 5px 0 0 5px;
    width: 110px;
    background: none rgba(0, 0, 0, 0);
    border: 1px solid #999999;
    color: #999999;
    transition: all 0.3s ease-in-out 0s;
}
.masterDialogContainer .ui-dialog-buttonpane button:hover {
  border-color: #333333;
  color: #333333;
}