/* 
    Document   : laytou
    Created on : 20/Mai/2013, 17:13:08
    Author     : Filipe Murteira
    Description:
        Purpose of the stylesheet follows.
*/

@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(//fonts.googleapis.com/css?family=Lustria);

/*
Light 300
Normal 400
Bold 700
*/

html,
body {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background-color: #FFFFFF;
    color: #4a4a4a;
    height: 100%;
}

.ui-widget{
    font-family: 'Lato', sans-serif;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: inherit;
    font-weight:500;
}
/*
TOPO
*/

#topo .container{
    position: relative;
}
#topo .navbar {
    margin-bottom: 0px;
    border: 0px;
    z-index: 3;
}
#topo .navbar-default {
    background-color: transparent;
    border-color: transparent;
    background-image: none;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#topo .navbar-header{
    padding-top: 15px;
    padding-bottom: 15px;
}
#topo .navbar-nav{
    font-size: 17px;    
}

#topo .navbar-default .navbar-nav>li{
    border-bottom: 1px solid #bebebe;
}
#topo .navbar-default .navbar-nav>li>a {
    color: #303538;
    background-color: transparent;
    background-image: none;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#topo .navbar-default .navbar-nav>li.last>a{
    color: #e21f2d;
}
#topo .navbar-default .navbar-nav>.active>a {
    background-image: none;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #e21f2d;
}
#topo .navbar-default .navbar-nav>li>a:hover, 
#topo .navbar-default .navbar-nav>li>a:focus {
    color: #e21f2d;
    background-color: transparent;
}

#topo .navbar-default .navbar-nav>.active>a, 
#topo .navbar-default .navbar-nav>.active>a:hover, 
#topo .navbar-default .navbar-nav>.active>a:focus {
    color: #e21f2d;
    filter:none;
    background-color: transparent;
}
@media (min-width: 992px){
    #topo .navbar-nav{
        float: right;
    }
    #topo .navbar-default .navbar-nav>li{
        border-left: 1px solid #bebebe;
        border-bottom: 0px;
    }
    #topo .navbar-default .navbar-nav>li.first{
        border-left: 0px;
    }
    #topo .nav>li{
        margin-top: 30px;
    }
    #topo .nav>li>a {
    }
    #topo .navbar-nav>li>a {
    }
    #topo .navbar-nav>li.last{
        margin-top: 0px;
        padding-top: 30px;
        padding-bottom: 30px;
        border-right: 1px solid #bebebe;
    }
    #topo .navbar-nav>li.last>a {
        color: #e21f2d;
    }
    
}
#bannerSmall{
    position: relative;
    height: 262px;
    background-image: url("../img/small_banner.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    width: 100%;
}
#banner{
    position: relative;
    width: 100%;
/*    max-height: 580px;*/
    margin-bottom: 35px;
    overflow: hidden;
}
#slideHome{
    height: 100%;
    
}
#slideHome .item{
}
#slideHome .item > img{
    width: 100%;
}

#bannerSmall .linksTravel,
#banner .linksTravel{
    position: absolute;
    width: 100%;
    bottom: 0px;
    left: 0px;
    background-image: url("../img/travel_bg.png");
    background-repeat:repeat;
    padding-top: 15px;
    padding-bottom: 15px;
}

#bannerSmall .linksTravel .col-xs-1,
#banner .linksTravel .col-xs-1{
    padding-left: 7px;
    padding-right: 7px;
}

.linksTravel a .on{
    display: none;
}
.linksTravel a:hover .on{
    display: block;
}
.linksTravel a:hover .off{
    display: none;
}
.linksTravel a .off{
    display: block;
}

.linksTravel a .icon{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding-left: 7px;
    padding-right: 7px;
}


/*
#slideHome .item .texto{
    position: absolute;
    left: 0%;
    top: 0px;
    height: 100%;
    width: 100%;
    color: #FFFFFF;
}
#slideHome .item .texto .container{
    height: 100%;
}
#slideHome .item .texto .area{
    position: relative;
    margin-left: auto;
    height: 100%;
    width: 350px;
    padding: 10px;
    color: #FFFFFF;
    font-size: 24px;
}
#slideHome .item .texto .text{
    position: relative;
    z-index: 1;
    padding-top: 40px;
}
#slideHome .item .texto .fundo{
    z-index: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .5;
}
*/
#banner .control.left{
    position: absolute;
    top: 0px;
    left: 10px;
    width: 31px;
    height: 100%;
    display: block;
    background-image: url("../img/icon_left_b.png");
    background-repeat: no-repeat;
    background-position: center left;
}
#banner .control.left:hover{
    background-image: url("../img/icon_left_hover_b.png");
}
#banner .control.right{
    position: absolute;
    top: 0px;
    right: 10px;
    width: 31px;
    height: 100%;
    display: block;
    background-image: url("../img/icon_right_b.png");
    background-repeat: no-repeat;
    background-position: center right;
}
#banner .control.right:hover{
    background-image: url("../img/icon_right_hover_b.png");
}


#conteudo{
    font-size: 14px;
    color: #4a4a4a;
    min-height: 300px;
    padding-bottom: 10px;
}

#conteudo h1{
    font-size: 24px;
    font-weight: 700;
}
#conteudo h2{
    font-size: 20px;
    font-weight: 700;
    color: #616161;
    margin-top: 0px;
}
#conteudo a{
    color: #e21f2d;
    text-decoration: none;
}


/*
Programas
*/
#conteudo .itemPrograma{
    font-family: 'Lustria', serif;
}
#conteudo .itemPrograma .img{
}
#conteudo .itemPrograma .img img{
    width: 100%;
}
#conteudo .itemPrograma a{
    display: block;
    border: 3px solid #ecebe9;
}
#conteudo .itemPrograma a:hover{
    text-decoration: none;
    border: 3px solid #f50b0b;
}
#conteudo .itemPrograma .texto{
    min-height: 120px;
}

#conteudo .itemPrograma a .texto{
    padding: 30px;
    font-size: 23px;
    color: #000000;
}
#conteudo .itemPrograma a:hover .texto{
    background-color: #f50b0b;
    color: #FFFFFF;
    text-decoration: none;    
}

.slideProgramas{
    position: relative;
}

.slideProgramas .control.left{
    position: absolute;
    top: 0px;
    left: -20px;
    width: 10px;
    height: 100%;
    display: block;
    background-image: url("../img/icon_left_b.png");
    background-repeat: no-repeat;
    background-position: center left;
}
.slideProgramas .control.left:hover{
    background-image: url("../img/icon_left_hover_b.png");
}
.slideProgramas .control.right{
    position: absolute;
    top: 0px;
    right: -20px;
    width: 10px;
    height: 100%;
    display: block;
    background-image: url("../img/icon_right_b.png");
    background-repeat: no-repeat;
    background-position: center right;
}
.slideProgramas .control.right:hover{
    background-image: url("../img/icon_right_hover_b.png");
}

#slideProgramas-1 .control.left{left: 10px;}
#slideProgramas-1 .control.right{right: 10px;}


/*
Agencias
*/
#agenciaLogin{
    display: none;
    position: absolute;
    top: 0px;
    right: 30px;
    background-image: url("../img/login_bg.png");
    z-index: 10;
    padding: 15px;
}
#agenciaLogin .txtForm{
    position: relative;
    display: block;
    width: 170px;
    height: 37px;
    margin-bottom: 20px;
    border: 1px solid #adabab;
    background-color: transparent;
    font-size: 14px;
    color: #adabab;
    padding-left: 10px;
    padding-right: 40px;
    
    background-image: url("../img/icon_login.png");
    background-repeat: no-repeat;
    background-position: 135px 3px;
}
#agenciaLogin .txtForm.password{
    background-image: url("../img/icon_password.png");
}

#agenciaLogin .btForm{
    background-color: #e21b1a;
    color: #FFFFFF;
    font-size: 14px;
    border: 0px;
    float: right;
    font-weight: normal;
    padding: 8px;
    margin-top: 10px;
}
#agenciaLogin .btForm:hover{
    background-color: #adabab;
}


#agenciaLogin .loading{
    display: none;
    background-image: url("../img/loader.gif");
    background-repeat: no-repeat;    
    width: 32px;
    height: 32px;
}

#agenciaLogin.loading .loading{
    display: inline-block;
}
#agenciaLogin.loading .btForm{
    display: none;
}
#agenciaLogin .erro{
    width: 170px;
    clear: both;
    color: #e21b1a;
    display: none;
}
#agenciaLogin a{
    color: #e21b1a;
}
#agenciaLogin #passwordR{
    margin-bottom: 5px;
}

/*
Rodapé
*/

#rodapeBG{
    text-align: center;
}

#rodape{
    background-color: #e1e1ec;
    color: #4a4a4a;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: left;
}
#rodape a{
    color: #4a4a4a;
}
#rodape a:hover{
    color: #f50b0b;
}
#rodape .container > .row > div{
    border-right: 1px solid #c8c8cd;
    min-height: 140px;
}
#rodape .container > .row > div.last{
    border-right: 0px;
}
#rodape iframe{
    display: block;
    width: 65px;
    overflow: hidden;
}

#rodape #mc_embed_signup{
    position: relative;
    padding-bottom: 10px;
}
#rodape .registoNews{
    width: 100%;
    background-color: #FFFFFF;
    border: 0px;
    padding: 5px 10px;
}
#rodape #mc_embed_signup .button{
    position: absolute;
    top: 2px;
    right: 5px;
    background-image: url("../img/icon_right_hover_b.png");
    background-repeat: no-repeat;
    background-position: center right;
    border: 0px;
    background-color: transparent;
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    #rodape{
        padding-top: 10px;
    }
    #rodape .container > .row > div{
        text-align: center;
        border-bottom: 1px solid #c8c8cd;
        margin-bottom: 10px;
        min-height: 0px;
    }
    #rodape iframe{
        display: block;
        margin: auto;
        text-align: center;
        width: 65px;
        overflow: hidden;
    }
}



.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: default;
}