@import url('/css/fonts/fonts.css');

html,
body {
        margin: 0;
        padding: 0;
        height: 100%;
        margin: 0;
        font-family: 'Helixa', "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #232D42;
        font-size: 16px;
        font-weight: 500;
}

img {
        width: auto\9;
        height: auto;
        max-width: 100%;
        vertical-align: middle;
        border: 0;
        -ms-interpolation-mode: bicubic;
}

#co {
        position: relative;
        overflow: hidden;
        margin: 0 auto;
        min-height: 100%;
}

.foot {
        position: absolute;
        height: 118px;
        bottom: 0;
        width: 100%;
}

#footer {
        clear: both;
        color: #666;
        background-color: #CDCDCD;
        border-top: 1px solid #cccccc;
        height: 38px;
        width: 100%;
        left: 0;
        bottom: 0;
        font-size: 13px;
}

#footer a {
        color: #666;
        text-decoration: none;
}

#footer a:hover {
        text-decoration: underline;
}

.titFo {
        float: left;
        margin-left: 10%;
        margin-top: 8px;
}

.legalFo {
        float: right;
        margin-right: 10%;
        margin-top: 8px;
}

.legalFo>span {
        margin-left: 20px;
}


#col {
        height: 80px;
        background-color: #F2F2F2;
        display: block;
        border-top: 1px solid #cccccc;
}

.navlist {
        width: 100%;
        text-align: center;
        margin-top: 10px;
}

.navlist li {
        display: inline;
        padding-right: 20px;
}

#logo_abc {
        background: url(../images/colaboradores/abc2.png);
        display: inline-block;
        width: 116px;
        height: 60px;
        content: "";
        background-position: 30% 100%;
}

#logo_abc:hover {
        background: url(../images/colaboradores/abc2.png);
        display: inline-block;
        width: 116px;
        height: 60px;
        content: "";
        background-position: 30% 8%;
}

#logo_saborea {
        background: url(../images/colaboradores/saborea2.png);
        display: inline-block;
        width: 124px;
        height: 60px;
        content: "";
        background-position: 30% 100%;
}

#logo_saborea:hover {
        background: url(../images/colaboradores/saborea2.png);
        display: inline-block;
        width: 124px;
        height: 60px;
        content: "";
        background-position: 30% 3%;
}

#logo_fehr {
        background: url(../images/colaboradores/fehr2.png)no-repeat;
        display: inline-block;
        width: 170px;
        height: 60px;
        content: "";
        background-position: 30% 100%;
}

#logo_fehr:hover {
        background: url(../images/colaboradores/fehr2.png)no-repeat;
        display: inline-block;
        width: 170px;
        height: 60px;
        content: "";
        background-position: 30% -1%;
}

#logo_they_say {
        background: url(../images/colaboradores/they_sayme2.png);
        display: inline-block;
        width: 56px;
        height: 60px;
        content: "";
        background-position: 30% 100%;
}

#logo_they_say:hover {
        background: url(../images/colaboradores/they_sayme2.png);
        display: inline-block;
        width: 56px;
        height: 60px;
        content: "";
        background-position: 30% 2%;
}

#logo_espana_fascinante {
        background: url(../images/colaboradores/espana_fascinante2.png);
        display: inline-block;
        width: 273px;
        height: 60px;
        content: "";
        background-position: 30% 100%;
}

#logo_espana_fascinante:hover {
        background: url(../images/colaboradores/espana_fascinante2.png);
        display: inline-block;
        width: 273px;
        height: 60px;
        content: "";
        background-position: 30% -3%;
}

#logo_camaras {
        background: url(../images/colaboradores/camaras2.png);
        display: inline-block;
        width: 196px;
        height: 60px;
        content: "";
        background-position: 30% 100%;
}

#logo_camaras:hover {
        background: url(../images/colaboradores/camaras2.png);
        display: inline-block;
        width: 196px;
        height: 60px;
        content: "";
        background-position: 30% 5%;
}

#logo_turespana {
        background: url(../images/colaboradores/turespana2.png);
        display: inline-block;
        width: 58px;
        height: 60px;
        content: "";
        background-position: 30% 100%;
}

#logo_turespana:hover {
        background: url(../images/colaboradores/turespana2.png);
        display: inline-block;
        width: 58px;
        height: 60px;
        content: "";
        background-position: 30% 0%;
}

.errorInput {
        display: none;
        color: #c64b2a;
}

.punt img {
        width: 20px;
        height: 20px;
}

/*******boton superior derecha*******/
/*#mod_perfil {overflow: visible;position: absolute;right: 25px;top: 17px;z-index: 55;font-size: 12px; height: 24px; }*/
#mod_perfil {
        overflow: visible;
        position: absolute;
        right: 25px;
        z-index: 55;
        font-size: 12px;
        height: 24px;
}

#mod_perfil a {
        color: #999;
}

#mod_perfil.subnav_top .dropdown:hover {
        background-color: #fff;
}

#mod_perfil.subnav_top .dropdown-toggle {
        padding-left: 30px;
        padding-right: 6px;
        padding-top: 5px;
        padding-bottom: 3px;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        white-space: nowrap;
}

.subnav_top .dropdown-toggle:hover,
.subnav_top .dropdown-toggle:focus {
        background-color: #fff;
        color: #333;
}

.subnav_top .dropdown-menu a:hover {
        background: #f6f6f6 !important;
        color: #333;
}

.dropdown-menu {
        min-width: 138px;
        left: -1px;
        margin-top: 2px;
}

#mod_perfil .dropdown-menu>.active>a,
#mod_perfil .dropdown-menu>.active>a:hover,
#mod_perfil .dropdown-menu>.active>a:focus {
        background: #fff;
}

#mod_perfil.subnav_top .dropdown-toggle .icon-per {
        content: " ";
        width: 13px;
        z-index: 22;
        position: absolute;
        top: 6px;
        left: 9px;
        height: 12px;
        background: url(../images/icon_perfil.png) no-repeat;
}

.arrowsSession {
        right: 3px;
        top: 5px;
        position: absolute;
        background: url(../images/arrow-bottom-s.png) 6px 3px no-repeat #fff;
        margin-top: 2px;
        width: 19px;
        height: 10px;
        float: right;
        padding-left: 4px;
        border-left: 1px solid #ccc
}

.nav-tabs li.dropdown,
.nav-pills li.dropdown,
.nav-pills li.button {
        float: left;
        font-weight: bold;
        line-height: 20px;
        background-color: #fff;
        border: 1px solid #ccc;
        width: 138px;
        height: 24px;
}

#ordPor li.dropdown {
        width: 150px;
}

a.iniSe {
        float: left;
        font-weight: bold;
        line-height: 20px;
        background-color: #fff;
        border: 1px solid #ccc;
        height: 16px;
        padding-top: 2px !important;
        padding-bottom: 6px !important;
}

a.iniSe:hover {
        text-decoration: none;
}

/**************************/

.bloqIzqLo h3 {
        line-height: 1.2em !important;
}

.dsccre {
        overflow: hidden;
        margin-bottom: 70px;
        text-align: center;
}

.dsccre img {
        margin: 0 10px !important;
}

.btn-primary {
        color: #fff !important;
}

/*******combo idiomas*******/
#langContainer {
        position: absolute;
        right: 180px;
        height: 24px;
        width: 138px;
        top: 17px;
        border: 1px solid #ccc;
        border-radius: 0px;
        background-color: #fff;
}

#langLabel {
        color: #999;
        padding-top: 2px;
}

#langLabel .langFlecha {
        position: absolute;
        background: url(../images/arrow-bottom-s.png) no-repeat #fff;
        background-position: 4px 4px;
        right: 0px;
        top: 6px;
        border-left: 1px solid #ccc;
        height: 10px;
        width: 20px;
}

#langText {
        font-size: 12px;
        font-weight: bold;
        position: absolute;
        width: 100px;
        padding-left: 30px;
}

#langSelect {
        z-index: 1100;
}

#langSelect li {
        padding-left: 25px;
        height: 24px;
        border-top: 1px dotted;
        color: #999;
        font-size: 12px;
}

#langSelect li:first-child {
        border: none;
}

#langSelect li a:hover {
        background: #769D28;
        color: #fff;
        width: 73px;
}

#langSelect li a:focus {
        background: #769D28;
        color: #fff;
        width: 73px;
}

#langSelect li a {
        position: absolute;
        text-decoration: none;
        color: #999;
        width: 93px;
}

.Opt_ca {
        background: url(../images/ca.jpg) no-repeat transparent;
        background-position: 5px 5px;
}

.Opt_de {
        background: url(../images/de.jpg) no-repeat transparent;
        background-position: 5px 5px;
}

.Opt_en {
        background: url(../images/en.jpg) no-repeat transparent;
        background-position: 5px 5px;
}

.Opt_es {
        background: url(../images/es.jpg) no-repeat transparent;
        background-position: 5px 5px;
}

.Opt_eu {
        background: url(../images/eu.jpg) no-repeat transparent;
        background-position: 5px 5px;
}

.Opt_fr {
        background: url(../images/fr.jpg) no-repeat transparent;
        background-position: 5px 5px;
}

.Opt_gl {
        background: url(../images/gl.jpg) no-repeat transparent;
        background-position: 5px 5px;
}

.Opt_it {
        background: url(../images/it.jpg) no-repeat transparent;
        background-position: 5px 5px;
}

/**************************/

/*********************ESTILOS COOKIES*********************/

.msgcookie {
        display: block;
        position: fixed;
        bottom: 0;
        height: 50px;
        width: 100%;
        background: #000;
        background: rgba(0, 0, 0, 0.8);
        color: #fff;
        font-size: 11px;
        font-family: sans-serif;
        z-index: 1001;
}

.msgcookie p {
        width: 85%;
        margin: 0 auto;
        background: url(../images/cookie.png) 0 0 no-repeat;
        padding: 10px 0 0 30px
}

.msgcookie p a:link,
.msgcookie p a:active,
.msgcookie p a:visited,
.msgcookie p a:hover {
        color: #fff
}

.msgcookie a.clo {
        float: right;
        display: block;
        width: 16px;
        height: 50px;
        background: url(../images/cookie.png) 0 -45px no-repeat;
        overflow: hidden;
        text-indent: -80px;
        opacity: 0.5;
        margin: 0 0 0 40px
}

a.clo:hover {
        opacity: 1
}

/* min 860 */
@media screen and (max-width: 860px) {
        #langContainer {
                top: 56px;
                right: 30px;
        }
}

/*_________________________________________________________________________________________________________________________________*/




@media (max-width: 1450px) {

        .foot {
                position: absolute;
                height: 98px;
                bottom: 0;
                width: 100%;
        }

        #footer {
                clear: both;
                color: #666;
                background-color: #CDCDCD;
                border-top: 1px solid #cccccc;
                height: 38px;
                width: 100%;
                left: 0;
                bottom: 0;
                font-size: 13px;
        }

        #footer a {
                color: #666;
                text-decoration: none;
        }

        #footer a:hover {
                text-decoration: underline;
        }

        .titFo {
                float: left;
                margin-left: 10%;
                margin-top: 8px;
        }

        .legalFo {
                float: right;
                margin-right: 5%;
                margin-top: 8px;
        }

        .legalFo>span {
                margin-left: 5px;
        }


        #col {
                height: 60px;
                background-color: #F2F2F2;
                display: block;
                border-top: 1px solid #cccccc;
        }

        .navlist {
                width: 100%;
                text-align: center;
                margin-top: 10px;
        }

        .navlist li {
                display: inline;
                padding-right: 20px;
        }

        #logo_turespana {
                background: url(../images/colaboradores/turespana2_s.png);
                display: inline-block;
                width: 39px;
                height: 40px;
                content: "";
                background-position: 30% 100%;
        }

        #logo_turespana:hover {
                background: url(../images/colaboradores/turespana2_s.png);
                display: inline-block;
                width: 39px;
                height: 40px;
                content: "";
                background-position: 30% 3%;
        }

        #logo_fehr {
                background: url(../images/colaboradores/fehr2_s.png)no-repeat;
                display: inline-block;
                width: 113px;
                height: 40px;
                content: "";
                background-position: 30% 100%;
        }

        #logo_fehr:hover {
                background: url(../images/colaboradores/fehr2_s.png)no-repeat;
                display: inline-block;
                width: 113px;
                height: 40px;
                content: "";
                background-position: 30% 8%;
        }

        #logo_camaras {
                background: url(../images/colaboradores/camaras2_s.png);
                display: inline-block;
                width: 131px;
                height: 40px;
                content: "";
                background-position: 30% 100%;
        }

        #logo_camaras:hover {
                background: url(../images/colaboradores/camaras2_s.png);
                display: inline-block;
                width: 131px;
                height: 40px;
                content: "";
                background-position: 30% 8%;
        }

        #logo_espana_fascinante {
                background: url(../images/colaboradores/espana_fascinante2_s.png);
                display: inline-block;
                width: 182px;
                height: 40px;
                content: "";
                background-position: 30% 100%;
        }

        #logo_espana_fascinante:hover {
                background: url(../images/colaboradores/espana_fascinante2_s.png);
                display: inline-block;
                width: 182px;
                height: 40px;
                content: "";
                background-position: 30% -2%;
        }

        #logo_they_say {
                background: url(../images/colaboradores/they_sayme2_s.png);
                display: inline-block;
                width: 37px;
                height: 40px;
                content: "";
                background-position: 30% 100%;
        }

        #logo_they_say:hover {
                background: url(../images/colaboradores/they_sayme2_s.png);
                display: inline-block;
                width: 37px;
                height: 40px;
                content: "";
                background-position: 30% 0%;
        }

        #logo_saborea {
                background: url(../images/colaboradores/saborea2_s.png);
                display: inline-block;
                width: 83px;
                height: 40px;
                content: "";
                background-position: 30% 100%;
        }

        #logo_saborea:hover {
                background: url(../images/colaboradores/saborea2_s.png);
                display: inline-block;
                width: 83px;
                height: 40px;
                content: "";
                background-position: 30% 0%;
        }

        #logo_fehr {
                background: url(../images/colaboradores/fehr2_s.png)no-repeat;
                display: inline-block;
                width: 113px;
                height: 40px;
                content: "";
                background-position: 30% 100%;
        }

        #logo_fehr:hover {
                background: url(../images/colaboradores/fehr2_s.png)no-repeat;
                display: inline-block;
                width: 113px;
                height: 40px;
                content: "";
                background-position: 30% -2%;
        }

        #logo_abc {
                background: url(../images/colaboradores/abc2_s.png)no-repeat;
                display: inline-block;
                width: 77px;
                height: 40px;
                content: "";
                background-position: 30% 100%;
        }

        #logo_abc:hover {
                background: url(../images/colaboradores/abc2_s.png)no-repeat;
                display: inline-block;
                width: 77px;
                height: 40px;
                content: "";
                background-position: 30% 8%;
        }
}