body{
    color: #333;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 992px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {

}
#logo{
    top: 40px;
    position: absolute;
}
.logotype{
    float: left;
    clear: both;
}
[dir='rtl'] .logotype{
    float: right;
}
/* MENU */
#mainNav {
    /* container */
    text-align:center;
    position: absolute;
    top: 109px;
}
#mainNav > a {
    display: none;
}
#mainNav li {
    position: relative;
    list-style: none;
}
/* first level */
#mainNav > ul {
    height: 2em;
}
#mainNav > ul > li {
    height: 2.3em;
    line-height: 2.3em;
    float: left;
    border-right: 1px solid #c67930;
}

#mainNav > ul > li a{
    color: #FFF;
    font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 1px 0 1px #777;
    margin: 0;
    padding: 0.2em 1.1em;
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 992px) {
    #mainNav > ul > li a{
        font-size: 0.7em;
    }
}


#mainNav li:hover ul {
    display: block;
}

#mainNav > ul > li:hover {
    background:#FFF;
}
#mainNav > ul > li:hover > a{
    color:#e86b1b;
    text-shadow: none;
}
/* second level */
#mainNav li ul {
    display: none;
    position: absolute;
    top: 100%;
    z-index:99;
    padding-top:5px;
    background: #FFF;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-box-shadow: 0 4px 4px #555;
    -webkit-box-shadow: 0 4px 4px #555;
    box-shadow: 0 4px 4px #555;
}
#mainNav > ul > li > ul > li{
    text-align: left;
    padding: 0 10px 5px 10px;
    white-space: nowrap;
}
#mainNav > ul > li > ul > li > a{
    color:#444;
    text-transform: none;
    text-shadow: none;
    padding: 0;
}

#mainNav > ul > li > ul > li:hover > a{
    color:#e86b1b;
}
#mainNav img{
    padding:0;
    margin:0 5px;
    width:30px;
    height: 30px;
}

#mainNav img.submenu_icon{
    background-image: url('/headers/destinia/img/theme_2013/sprite_submenu_icon.png');
    background-repeat:no-repeat;
    background-position:20px 20px;
}
#mainNav img.submenu_icon_playa{background-position:0 0;}
#mainNav img.submenu_icon_apartamentos{background-position:-30px 0;}
#mainNav img.submenu_icon_paradores{background-position:-60px 0;}
#mainNav img.submenu_icon_rural{background-position:-90px 0;}
#mainNav img.submenu_icon_escapadas{background-position:-120px 0;}
#mainNav img.submenu_icon_esqui{background-position:-150px 0;}

#mainNav img.submenu_icon_vuelos{background-position:-30px -30px;}
#mainNav img.submenu_icon_multidestino{background-position:-60px -30px;}

#mainNav img.submenu_icon_puente{background-position:0 -60px;}

#mainNav img.submenu_icon_vuelo_hotel{background-position:0 -90px;}
#mainNav img.submenu_icon_europa{background-position:-30px -90px;}
#mainNav img.submenu_icon_ultimo_minuto{background-position:-60px -90px;}
#mainNav img.submenu_icon_spain{background-position:-90px -90px;}
#mainNav img.submenu_icon_caribe{background-position:-120px -90px;}
#mainNav img.submenu_icon_isla{background-position:-150px -90px;}
#mainNav img.submenu_icon_mediterraneo{background-position:-180px -90px;}
#mainNav img.submenu_icon_grandes_viajes{background-position:-210px -90px;}
#mainNav img.submenu_icon_novios{background-position:-244px -90px;}
#mainNav img.submenu_icon_mercados_navidad{background-position:-277px -90px;}

#mainNav img.submenu_icon_crucero{background-position:0 -120px;}

#mainNav img.submenu_icon_tren_hotel{background-position:0 -150px;}
/* fin MENU */


/* footer */
footer{
    clear:both;
    text-align:center;
    margin-top:100px;
}

header .flags{
    float: right;
    margin-left: 20px;
}
[dir='rtl'] header .flags{
    float:left;
    margin-left: 0;
    margin-right: 20px;
}
header a,
header a:hover{
    text-decoration:none;
}
header .login{
    float: right;
    color: #fff;
    margin-left: 20px;
}
[dir='rtl'] header .login{
    float:left;
    margin-left:0;
    margin-right:20px;
}
/* login desplegable*/
#customer_info{
    display:inline-block;
}
#customer_info ul.dropdown-menu {
    padding: 0;
}
@media (max-width: 767px) {
    #customer_info ul.dropdown-menu {
        left: auto;
        right: 0;
    }
    [dir='rtl'] #customer_info ul.dropdown-menu {
        right: auto;
        left: 0;
    }
}
#customer_info ul.dropdown-menu li{
    padding:0;
    display: block;
    height: auto;
    line-height: normal;
}
#customer_info ul.dropdown-menu li.userline {
    border-bottom:1px solid #eee;
    color: #777;
    padding:9px 20px;
    font-size: 12px;
    height: auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 158px;
}
#customer_info ul.dropdown-menu li.userline span {
    margin-right: 3px;
}
[dir='rtl'] #customer_info ul.dropdown-menu li.userline span {
    margin-right: 0;
    margin-left: 3px;
}
#customer_info ul.dropdown-menu li a{
    font-size:12px;
    color:#777;
    cursor:pointer;
    text-align: left;
    text-decoration:none;
    position: relative;
    padding: 6px 20px;
}
[dir="rtl"] #customer_info ul.dropdown-menu li a{
    text-align: right;
}
#customer_info ul.dropdown-menu li a span {
    right: 10px;
    position: absolute;
    top:9px;
    color: #ababab;
    font-size: 10px;
}
[dir="rtl"] #customer_info ul.dropdown-menu li a span {
    right: auto;
    left:10px;
}
#customer_info .open ul.dropdown-menu{
    margin-top:-1px!important;
    z-index:99999;
}
/* fin login */


header #currency_selector{
    float: right;
    color: #fff;
    margin-left: 20px;
    padding: 0 5px;
    background: @colorMain;
}
[dir='rtl'] header #currency_selector{
    float:left;
    margin-left:0;
    margin-right:20px;
}

/* selector de moneda e idioma */
#currency_selector{
    display:inline-block;
    position: relative;
}
#currency_selector .dropdown-menu, #language_selector .dropdown-menu   {padding:55px 0 5px 0; width: 870px!important}
#currency_selector ul.dropdown-menu li{
    display: inline-block;
    line-height: 20px;
    height: auto;
    width:200px;
}
@media (max-width: 890px) {
    #currency_selector ul.dropdown-menu li{
        width:140px;
    }
}
#currency_selector ul.dropdown-menu li a{
    white-space: normal;
}
#currency_selector ul.dropdown-menu li.selected_currency > span{
    background: #eee;
    padding: 5px 0 0 5px;
    display: block;
}
#currency_selector ul.dropdown-menu li span{
    font-size:12px;
    color:#777;
    cursor:pointer;
}
@media (max-width: 992px) {
    #currency_selector ul.dropdown-menu li span{
        font-size:0.8em;
    }
}
#currency_selector ul.dropdown-menu li span.currency_symbol{
    font-weight: bold;
    font-size: 11px;
    width: 32px;
    display: inline-block;
}
#currency_selector ul.dropdown-menu{
    left: 50%;
    width: 800px;
    text-align: left;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-rule: 1px outset #eee;
    -moz-column-rule: 1px outset #eee;
    column-rule: 1px outset #eee;
    margin-left: -400px;
    position: absolute;
    top: 24px;
}
[dir='rtl'] #currency_selector ul.dropdown-menu{
    text-align:right;
    right: 50%;
    left:0;
    margin-right: -400px;
    margin-left: 0;
}
@media (max-width: 890px) {
    #currency_selector ul.dropdown-menu{
        width: 600px;
        margin-left:-300%;
    }
}
@media (max-width: 890px) {
    [dir='rtl'] #currency_selector ul.dropdown-menu{
        margin-left:0;
        margin-right:-300px;
    }
}
#language_selector ul.dropdown-menu{
    -webkit-column-count:3; /* Chrome, Safari, Opera */
    -moz-column-count:3; /* Firefox */
    column-count:3;
}
/* fin selector de idioma */


header #currency_selector ul li{
    color:#333;
    padding:2px ;
}
.login span a{color:#fff!important;}
header .upper_bar{
    height:30px;
    line-height: 30px;
    padding:0 10px;
    margin-bottom: 10px;
    background: @colorMain;
}

/* Selector de moneda e idioma*/
#currency_selector .dropdown-menu li,
#language_selector .dropdown-menu li{
    display: inline-block;
    line-height: 20px;
    height: auto;
    width:200px;
}

#language_selector .dropdown-menu li{
    width:200px;
}

#currency_selector .dropdown-menu li a,
#language_selector .dropdown-menu li a{
    white-space: normal; display: block;
}
#language_selector .dropdown-menu li a{
    padding:2px 5px;
}
#currency_selector .dropdown-menu li.selected_currency > span,
#language_selector .dropdown-menu li.selected_language a{
    background: #eee;
    display: block;
}
#currency_selector .dropdown-menu li span,
#language_selector .dropdown-menu li span{
    font-size:12px;
    color:#777;
    cursor:pointer;
    display: block;
}

#currency_selector .dropdown-menu li span.currency_symbol{
    font-weight: bold;
    color: @colorMain;
    font-size: 11px;
    width: 32px;
    display: inline-block;
}
#currency_selector .dropdown-menu,
#language_selector .dropdown-menu{
    left: 50%;
    width: 800px;
    text-align: left;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-rule: 1px outset #eee;
    -moz-column-rule: 1px outset #eee;
    column-rule: 1px outset #eee;
    margin-left: -400px;
    position: absolute;
    top: 27px;
    z-index:99999;
}
[dir='rtl'] #currency_selector .dropdown-menu,
[dir='rtl'] #language_selector .dropdown-menu{
    text-align:right;
    right: 50%;
    left:auto;
    margin-right: -400px;
    margin-left: auto;
}

/* fin selector de moneda e idioma */
/* selector de moneda e idioma */
#banda_superior .glyphicons.glyphicons-circle-question-mark {line-height:14px; font-size:12px; margin-right:5px }
[dir='rtl'] #banda_superior .glyphicons.glyphicons-circle-question-mark {margin:0 0 0 5px}
#banda_superior .glyphicons.glyphicons-currency-conversion {line-height:14px; font-size:12px; margin-right:5px; color:#1c323f}
[dir='rtl'] #banda_superior .glyphicons.glyphicons-currency-conversion {margin:0 0 0 5px}
#banda_superior ul li #currency_selector .dropdown-menu, #banda_superior ul li #language_selector .dropdown-menu{padding:55px 0 5px 0!important}
#currency_selector,#language_selector{ display:inline-block;position: inherit;  /*max-width: 150px;*/}
#language_selector p.title_selector, #currency_selector p.title_selector{font-size:25px;clear:both;position: absolute;top:10px; height:25px; padding:0 10px}
[dir='rtl'] #language_selector p.title_selector .glyphicons, [dir='rtl'] #currency_selector p.title_selector .glyphicons{float: right;padding: 0 0 0 5px}
#language_selector span.link_language {  display: inline-block;}
#language_selector span.link_language:before {
    content: '';
    display: inline-block;
    background: url('/headers/scv/my_account/img/icono-idiomas.gif') no-repeat;
    width: 16px;
    height: 20px;
    position: relative;
    top: 7px;
    margin-right: 4px;
}
#currency_selector #currencyList{padding:0 10px}