.form-control::-webkit-input-placeholder { color: #ccc; }
.form-control:-moz-placeholder { color: #ccc; }
.form-control::-moz-placeholder { color: #ccc; }
.form-control:-ms-input-placeholder { color: #ccc; }


html,body {
    height:100%;
    /*font-family: 'Droid Serif', serif;*/
    font-family: Tahoma, Geneva, sans-serif;
}

.ytplayer-container{
 position: absolute;
 top: 0;
 z-index: -1;
}

.dropdown-menu{
        background-color: #231F20!important;
        text-align: center;
}

.dropdown-menu li, .dropdown-menu li > a{
        width:auto;
}

.dropdown-menu li a:hover{
        background:none;
        color: #fff;
}

.indexSanto{
        background-image: url('../../images/santo.jpg');
        background-size: cover;
        background-position: center;
        height: 100%;
        border-right: 9px solid #009900;
        -webkit-filter: brightness(60%);
        padding:0!important;
}

.indexAlvados{
        display:block;
        background-image: url('../../images/alvados.jpg');
        background-size: cover;
        background-position: center;
        height: 100%;
        border-left: 9px solid #43AAE0;
        -webkit-filter: brightness(60%);
        padding:0!important;
}

.linhaBranca{
    width:6px;
    height:100%;
    position: absolute;
    z-index: 100;
    left:50%;
    margin-left: -3px;
    background-color: #fff;
}

.indexAlvados:hover, .indexSanto:hover{
    cursor: pointer;
    -webkit-filter: brightness(100%);
}

.indexAlvados span{
    z-index:10;
    /*background-color: rgba(67,170,224,0.6);*/
    background: rgba(67,170,224,0.6); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(right, rgba(31,82,104,0.6), rgba(67,170,224,0.8), rgba(67,170,224,0.8)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, rgba(31,82,104,0.6), rgba(67,170,224,0.8), rgba(67,170,224,0.8)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, rgba(31,82,104,0.6), rgba(67,170,224,0.8), rgba(67,170,224,0.8)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(right, rgba(31,82,104,0.6), rgba(67,170,224,0.8), rgba(67,170,224,0.8)); /* Standard syntax */
}

.indexSanto span{
    z-index:10;
    background: rgba(0,153,0,0.6);
    background: -webkit-linear-gradient(left, rgba(0,100,0,0.6), rgba(0,153,0,0.8), rgba(0,153,0,0.8)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, rgba(0,100,0,0.6), rgba(0,153,0,0.8), rgba(0,153,0,0.8)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, rgba(0,100,0,0.6), rgba(0,153,0,0.8), rgba(0,153,0,0.8)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left, rgba(0,100,0,0.6), rgba(0,153,0,0.8), rgba(0,153,0,0.8)); /* Standard syntax */
}

.indexMain {
    height:100%;
    display:block;
}

.indexMain > div{
    height:100%;
    display:block;
}

.indexMain span{
    color:#fff;
    font-size:30px;
    position: relative;
    top:50%;
    margin-top:-75px;
    display: block;
    text-align: center;
    width: 100%;
}
.indexLogo{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -75px;
    margin-top: -75px;
    z-index: 102;
    width: 150px;
    height: 150px;
}

.navbar-inverse{
        background-color: #231F20!important;
}

.navbar-inverse ul {
        padding-top:10px;
        font-size: 10px!important;
}

.navbar-inverse ul > li > a{
        color:#43AAE0!important;
}

.navbar-inverse ul > li > a:hover{
        color:#fff!important;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
}

.navbar .navbar-collapse {
  text-align: center;
}

.navbar-brand{
        height:60px;
        margin-top: 0!important;
        margin-left:0!important;
        padding:0!important;
}

.backgroundImage{
        /*background-image: url('../../images/banner1.jpg');
        background-size: cover;
        background-position: center;*/
        position: relative;
        display: block;
        height:100%;
        z-index: 3;
        padding:0!important;
}

.backgroundVideo{
    background-image: url('../../images/banner1.jpg');
        background-size: cover;
        background-position: center;
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 0!important;
    pointer-events:none;
}


.contAbove{
        background-color:rgba(0,0,0,0.4);
        height:85%;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 3;
        padding:0!important;
}

.contDown{
        /*padding:0!important;*/
}

.contAboveLine{
        background-color:#43AAE0;
        opacity: 0.6;
        top:85%;
        height:30px;
        width:100%;
        position: fixed;
}

.historia{
        margin-top:200px;
        color:#fff;
        line-height: 1.8;
        text-align: justify;
        text-justify: inter-word;
        margin-bottom:500px;
        font-size:17px;
}

.historia header{
        color:#fff;
        font-size:25px;
        font-weight: bold;
}

#horarios{
        display: block;
        margin-top:700px;
}
.horario{
        color:#fff;
        line-height: 2;
        text-align: left;
}

.horario header{
        font-size:23px!important;
        font-weight: bold;
}
.horario p{
        line-height: 1;
}
.horario span{
        padding-bottom:25px!important;
}

.horLinha{
        width:100%;
        height:2px;
       /* margin-bottom: 10px;
        margin-top: 10px;*/
        background-color:#fff;
        opacity: 0.6;
}

.contactsLinha{
        width:100%;
        height:2px;
        margin: 0 auto;
        margin-bottom: 15px;
        margin-top: 15px;
        background-color:#fff;
        opacity: 0.6;
}

.histCaixa{
        margin-top:180px;
        color:#fff;
        line-height: 1.4;
        padding:40px;
        font-size:12px;
        background-color:rgba(43, 150, 200, 0.6);

}
.histCaixa span{
        display: block;
        padding-top: 10px;
}

#progCaixa2 ul{
        -webkit-padding-start: 20px;
}

.histCaixa header{
        font-size:23px;
        font-weight: bold;
        line-height: 2;
        padding-bottom: 5px;

}
#programas{
    display: block;
    margin-top:630px;
}

#progPrev, #progNext{
    top:450px;
}

.progCaixa{
        color:#fff;
        line-height: 1.4;
        padding:40px;
        margin-top:150px;
        font-size:12px;
        background-color:rgba(43, 150, 200, 0.6);
        margin-bottom:400px;
}
.tabelaHor h5{
        margin: 0!important;
}

.progCaixa header{
        font-weight: bold;
        padding-bottom: 5px;
}

.progCaixa table td{
        padding:6px!important;
}

.botaoLeft, .botaoRight{
    color:rgba(43, 150, 200, 0.6);
    font-size: 27pt;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    position:relative;
    display: block;
    margin: 0 auto;
}
.radioSpace{
    margin-bottom: 40px;
    margin-top: 40px;
}
.botaoLeft:hover, .botaoRight:hover{
    color:#fff;
    cursor: pointer;
}

.botaoLeft{
    transform:rotate(90deg);
    top:430px;
}
.botaoRight{
    transform:rotate(-90deg);
     top:390px;
}

.botaoLeft2{
    top:490px!important;
}
.botaoRight2{
     top:450px!important;
}

.botaoEscolas{
    top:380px!important;
}

#precos{
    margin-top:600px;
    display: block;
}

.precosHover{
    position: relative;
    text-align: center;
    display: none;
    margin-left: 20px;
    color:#43AAE0;
}

.precos{
        margin-bottom:500px;
        padding-top:140px;
        color:#fff;
        line-height: 2;
        font-size: 20px;
}
.precos span{
        float:right;
}

.precos > div {
        padding:0!important;
}

.precos > div > div > div{
        border-bottom: 1px solid #fff;
        padding:10px;
}
.precos > div > div > div:hover{
        cursor: pointer;
}

.precos  > div > div.collapse > div.well, .precos  > div > div.collapsing > div.well{
    background: none;
    border:0;
    border-radius: 0;
    text-align: center;
    min-height: 0;
}

.precos  > div > div.collapse, .precos  > div > div.collapsing {
    background-color:rgba(43, 150, 200, 0.6);
    background-image: none;
    border:0;
    border-radius: 0;
    border-bottom:1px solid #fff;
    color:#fff;
}

.progCaixa header{
        margin-bottom:20px;
        font-size:27px;
}

.horario header{
    border-bottom: none;
}

header{
    border-bottom: 1px solid #fff;
    margin-bottom: 5px;
}

.progButton{
        color:#43AAE0;
        border:1px solid #43AAE0;
        text-align: center;
        display: inline-block;
        margin-top:50px;
        padding:10px;
        width:130px;
        margin-bottom:500px;
}

.progButton:hover{
        border:1px solid #fff;
        color:#fff;
        cursor: pointer;
}

.progButton span{
    line-height: 2;
    font-size: 17px;
}

.progButton i{
    font-size:29px;
}

.acessos{
    color:#fff;
    line-height: 1;
    padding:40px;
    margin-top:150px;
    font-size:15px;
    margin-bottom: 400px;
    background-color:rgba(43, 150, 200, 0.6);
}

.acessos span{
    display: block;
    margin-bottom: 20px;
}

.acessos h3{
    font-size:17px;
    font-weight: bold;
}

.contacts{
    color:#fff;
    line-height: 1;
    padding:40px;
    margin-top:150px;
    font-size:15px;
    margin-bottom: 400px;
    background-color:rgba(43, 150, 200, 0.6);
}

.contacts span{
    display: block;
    margin-bottom: 5px;
}

.contacts h4{
    font-size:19px;
    font-weight: bold;
}
.contacts h3{
    font-weight: bold;
}

.galeria{
    margin-top:600px;
    margin-bottom:500px;
}

.galeria i{
        display: block;
        position: relative;
        height: 100%;
        margin-top:320px;
        text-align: center;
        font-size:50px;
        color: #43AAE0;
}

.galeria i:hover{
        color:#fff;
        cursor: pointer;
}

.galeriaBox div > a > div{
        margin-top:50px;
        padding:20px;
        z-index: 999;
        -webkit-transition:all 0.5s ease;
}

.galeriaBox  div > a > div:hover{
        -webkit-filter: brightness(1.6);
}

.galeriaBox div > a > div > span{
        display: block;
        position: absolute;
        height:100%;
        width:100%;
        opacity: 0;
        -webkit-transition:all 0.5s ease;
}

.galeriaBox div > a > div > span > p{
        display: block;
        position: relative;
        background-color: #231F20;
        width:88%;
        height:45px;
        color:#43AAE0;
        line-height: 2;
        text-align: center;
        margin-top:30%;
        font-size:18px;
}
.galeriaBox  div > a >div > span:hover{
        opacity:1;
        cursor: pointer;
}
/*
.acessos iframe{
    opacity:0.7;
}*/

.contactos{
    margin-top:700px;
        margin-bottom:500px;
    color:#fff;
}

.triangle{
    position: fixed;
    left:50%;
    margin-left: -30px;
    width: 0;
    height: 0;
    top:85%;
    margin-top: 30px;
    border-style: solid;
    border-width: 30px 30px 0 30px;
    border-color: rgba(43, 150, 200, 0.6) transparent transparent transparent;
    line-height: 0px;
    _border-color: rgba(43, 150, 200, 0.6) #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.links_left{
    position:fixed;
    top:30%;
    list-style-type: none;
}

.links_left li{
    margin-top:20px;
}

.links_left li > a > span{
    color:#fff;
    display: none;
    font-size:14pt;
}

.links_left li > a > i{
    margin-right:10px;
    color:#43AAE0;
    font-size:15pt;
}

.links_left2{
    position:absolute;
    top:0;
    list-style-type: none;
    overflow: visible;
    display: none;
}

.links_left2 li{
    margin-top:3px;
}

.links_left2 li > a > span{
    color:#fff;
    font-size:7pt;
}

.links_left2 li > a > i{
    margin-right:10px;
    color:#43AAE0;
    font-size:7pt;
}

.form-group input{
    background: none!important;
    border:1px solid #fff;
    color:#fff;
}

.acessosGps{
   padding-top: 30px;
   text-align: center;
}

.acessosGps h2{
   font-size:50px;
}

.acessosGps p{
      font-size:30px;
}

.acessosGps span{
    margin-bottom: 50px;
}

.radio input[type=radio]{
    border: none!important;
    width:22px!important;
    height:22px;
    display: inline-block;
    margin-left: 17px!important;
}

.radio label{
    padding-top:5px!important;
    font-size: 17px;
    font-weight: bold;
    padding-left: 1px!important;
}

.form-group textarea{
    background: none!important;
    border:1px solid #fff;
    color:#fff;
}

.btn{
    background: none!important;
    border:1px solid #fff;
    color:#fff;
}

.reserveJa{
    position: absolute;
    top:92%;
    left:25%;
    background-color:rgba(43, 150, 200, 0.6);
    color:#fff;
    border-radius: 05px 05px;
    padding:5px;
    padding-left:20px;
    padding-right:20px;
    text-align: center;
    transition:all 0.3s ease;
    transform:scale(1,1);
}
.reserveJa:hover{
    transform:scale(1.3, 1.3);
    color:#fff;
    cursor: pointer;
}

.reserveJa span{
    display: block;
    font-size: 25px;
    text-align: center;
}

.reserveEscolas{
    position: absolute;
    top:92%;
    right:25%;
    background-color:rgba(43, 150, 200, 0.6);
    color:#fff;
    border-radius: 05px 05px;
    padding:5px;
    padding-left:20px;
    padding-right:20px;
    text-align: center;
    transition:all 0.3s ease;
    transform:scale(1,1);
}
.reserveEscolas:hover{
    transform:scale(1.3, 1.3);
    color:#fff;
    cursor: pointer;
}

.reserveEscolas span{
    display: block;
    font-size: 25px;
    text-align: center;
}

.scrollDown{
    position: absolute;
    top:91%;
    left:50%;
    margin-left: -30px;
    color:rgb(67,170,224);
    text-align: center;
    transition:all 0.3s ease;
    transform:scale(1,1);
}
.scrollDown:hover{
    transform:scale(1.3, 1.3);
    color:#fff;
    cursor: pointer;
}

.scrollDown span{
    display: block;
    font-size: 25px;
    text-align: center;
}

.scrollDown i{
    display: block;
    font-size:40px;
    text-align: center;
}

*::-webkit-scrollbar {
    display: none;
}

@media (max-width: 1418px) {
        .navbar-nav > li > a{
                font-size:9px;
                padding:10px 5px;
        }
        .galeria i{
                margin-top: 230px;
        }
        .container{
            width:950px;
        }
        .histCaixa{
                font-size: 11px;
        }
        .horario header{
                font-size:20px;
                line-height: 1;
        }
        .horario h3{
            font-size: 16px;
            margin-top: 10px;
            margin-bottom: 5px;
        }
        .horario h4{
            font-size: 14px;
            margin-top: 5px;
            margin-bottom: 5px;
        }
        .horario h5{
            font-size: 10px;
        }
        .horario span{
            padding-bottom: 5px!important;
        }
        .horLinha{
            margin-top: 4px;
            margin-bottom: 4px;
        }
        .precos_collapse{
            font-size:17px;
        }
        .progCaixa{
            font-size: 12px;
        }

        .progCaixa header{
            font-size: 20px;
            margin-bottom: 10px;
        }
        .progCaixa table td {
            padding: 3px!important;
        }
        .radio label{
            font-size: 12px;
        }
        .contacts{
            font-size: 12px;
        }
        .radio{
            margin-top:0px;
            margin-bottom:0px;
        }
        .reserveJa span{
                font-size: 17px;
        }
        .reserveEscolas span{
                font-size: 17px;
        }
        .scrollDown span{
            font-size: 20px;
        }
        .links_left{
            margin-bottom:7px;
        }
        .links_left li > a > span{
            font-size:12pt;
        }
        .links_left li > a > i{
            font-size:13pt;
        }
        .links_left li{
            margin-top: 15px;
        }
        .botaoLeft, .botaoRight{
            top:370px;
        }
}

@media (max-width: 1118px) {
       .navbar-nav > li > a{
                font-size:9px;
                padding:10px 5px;
        }
        .galeria i{
                margin-top: 230px;
        }
        .container{
            width:870px;
        }
        .histCaixa{
                font-size: 10px;
        }
        .horario header{
                font-size:20px;
                line-height: 1;
        }
        .horario h3{
            font-size: 18px;
            margin-top: 10px;
            margin-bottom: 5px;
        }
        .horario h4{
            font-size: 16px;
            margin-top: 5px;
            margin-bottom: 5px;
        }
        .horario h6{
            font-size: 10px;
        }
        .horLinha{
            margin-top: 7px;
            margin-bottom: 7px;
        }
        .precos_collapse{
            font-size:17px;
        }
        .progCaixa{
            font-size: 12px;
        }

        .progCaixa header{
            font-size: 20px;
            margin-bottom: 10px;
        }
        .progCaixa table td {
            padding: 3px!important;
        }
        .radio label{
            font-size: 12px;
        }
        .contacts{
            font-size: 12px;
        }
        .radio{
            margin-top:0px;
            margin-bottom:0px;
        }
        .reserveJa span{
                font-size: 17px;
        }
        .reserveEscolas span{
                font-size: 17px;
        }
        .scrollDown span{
            font-size: 20px;
        }
        .links_left{
            margin-bottom:7px;
        }
        .links_left li > a > span{
            font-size:12pt;
        }
        .links_left li > a > i{
            font-size:13pt;
        }
        .links_left li{
            margin-top: 15px;
        }
        .botaoLeft, .botaoRight{
            top:370px;
        }
        .acessos p{
            font-size: 12px!important;
            margin-bottom:4px;
        }

}

@media (max-width: 997px) {
        .navbar-nav > li > a{
                font-size:9px;
                padding:10px 5px;
        }
        .historia{
                font-size: 9px;
        }

        .galeria i{
                margin-top: 230px;
        }
        .navbar-brand{
                margin-left: 20px!important;
        }
        .progCaixa header{
                font-size:20px;
        }
        .progCaixa span{
                font-size:12px;
        }
        .container{
            width:90%;
        }

        .acessos iframe{
            height:350px;
        }
        .reserveJa span{
                font-size: 13px;
        }
        .reserveEscolas span{
                font-size: 13px;
        }
        .scrollDown{
            top:91%;
            left:51%;
        }
        .scrollDown span{
            font-size: 18px;
        }
        .scrollDown i{
            font-size: 26px;
        }
         .indexSanto img{
            width:310px;
            padding:30px;
        }
        .indexAlvados img{
            width:310px;
            padding:30px;
        }
}

@media (max-width: 767px) {
    .indexSanto, .indexAlvados{
        height:50%;
        width: 100%;
        border:none;
    }
    .container{
            width:90%!important;
     }
     .linhaBranca{
        width:100%;
        height:6px;
        position: absolute;
        z-index: 100;
        top:50%;
        left: 0;
        margin-top: -3px;
        background-color: #fff;
     }
    .indexMain{
        padding: 0px;
    }
    .indexSanto{
        border-bottom:9px solid #009900;
        z-index: 10;
    }
    .indexLogo{
        top:50%;
    }
    .indexLogo img{
        width:120;
    }
    .indexAlvados{
        border-top: 9px solid #43AAE0;
        z-index: 10;
    }
    .indexSanto span{
        top:45%;
    }
    .indexAlvados span{
        top:65%;
    }
    .indexSanto img{
        width:300px;
        padding: 0px;
    }
    .indexAlvados img{
        width:300px;
        padding: 0px;
    }
    .horario > div:last-child > header{
        margin-top:50px!important;
    }
    .precos > div{
        padding:40px!important;
        overflow-x: hidden;
    }
    .navbar-nav{
        padding-top: 0!important;
    }
    .navbar-nav li{
       padding:7px!important;
    }
    .navbar-nav a{
       font-size: 13px!important;
    }
    .navbar-right{
        display: block!important;
    }
    .galeria i{
        font-size:40px;
        margin-left: 0!important;
    }
    .galeriaBox div > a > div > span > p{
        width:98%;
        line-height: 2;
        margin-top:40%;
        font-size:18px;
    }
    .scrollDown{
            top:91%;
            left:55%;
        }
        .scrollDown span{
            font-size: 16px;
        }
        .scrollDown i{
            font-size: 24px;
        }
        .triangle{
                border-width: 20px 20px 0 20px;
                left:55%;
        }
         .reserveJa span{
                font-size: 11px;
        }
        .reserveEscolas span{
                font-size: 11px;
        }
        .histCaixa{
            padding:10px;
        }
        .progCaixa{
            padding: 10px;
        }


}

@media (max-width: 1068px) {
        .navbar-nav > li > a{
                font-size:9px;
                padding:10px 5px;
        }
        .galeria i{
                margin-top: 230px;
        }
        .container{
            width:760px;
        }
        .histCaixa{
                font-size: 8px;
                padding:15px;
        }
        .histCaixa header{
                font-size: 17px!important;
                padding-bottom: 0px!important;
        }
        .histCaixa span{
                padding-top: 0px!important;
        }
        .horario header{
                font-size:20px;
                line-height: 1;
        }
        .horario h3{
            font-size: 14px;
            margin-top: 10px;
            margin-bottom: 5px;
        }
        .horario h4{
            font-size: 12px;
            margin-top: 5px;
            margin-bottom: 5px;
        }
        .horario h5{
            font-size: 10px;
        }
        .horLinha{
            margin-top: 7px;
            margin-bottom: 7px;
        }
        .precos_collapse{
            font-size:14px;
        }
        .precos_collapse > div{
                padding:3px;
        }
        .progCaixa{
            font-size: 12px;
        }

        .progCaixa header{
            font-size: 20px;
            margin-bottom: 10px;
        }
        .progCaixa table td {
            padding: 3px!important;
            font-size: 9px!important;
        }
        .progCaixa li {
            font-size: 9px!important;
        }
        .progCaixa p{
            font-size: 8px!important;
        }
        .acessos p{
            font-size: 9px!important;
            margin-bottom:4px;
        }
        .acessos iframe{
                height:300px;
        }
        .contacts p{
            font-size: 10px;
        }
        .contacts span{
            font-size: 14px!important;
        }
        .contacts h4{
            font-size: 12px;
        }
        .radio input[type=radio] {
            width: 15px!important;
            height: 15px!important;
            margin-left: 5px!important;
        }
        .radio label{
            font-size: 9px;
        }
        .form-control{
            height:20px;
            font-size: 10px;
        }
        .form label{
            font-size: 8px;
        }
        .form>div{
            margin-bottom: 5px!important;
            margin-top: 5px!important;
        }
        .contacts{
            font-size: 12px;
        }
        .radio{
            margin-top:0px;
            margin-bottom:0px;
        }
        .reserveJa span{
                font-size: 17px;
        }
        .reserveEscolas span{
                font-size: 17px;
        }
        .scrollDown span{
            font-size: 20px;
        }
        .links_left{
            margin-bottom:7px;
        }
        .links_left li > a > span{
            font-size:12pt;
        }
        .links_left li > a > i{
            font-size:13pt;
        }
        .links_left li{
            margin-top: 15px;
        }
        .botaoLeft, .botaoRight{
            top:300px;
        }
}