/*
    Name: ScrollNavi.js css file
    Author: senthilkumar
    Website: http://senthildesigner.co.nr/
    mail: senthil2rajan@gmail.com
*/


            html{
                height: 100%;
            }

            *{ margin: 0; padding: 0;}

            body{
                overflow: auto !important;
                height: 100%;
                font-family: 'Roboto', sans-serif !important;
            }

            #nav{ width: 100%; line-height:  60px; height:60px; background: white; font-size: 14px; color: #fff; position: absolute; left: 0px; z-index:9;}
            a{ text-decoration:none !important; color: black !important; opacity:1;}
            a:hover{ text-decoration:none !important; color: black !important; opacity:0.5;}
            ul{ list-style: none;}
            li{ float: left; margin: 0 40px; text-align: left;}
            li:hover{ float: left; margin: 0 40px; text-align: left;}
            li.menu{opacity:1;}
            li.menu:hover{opacity:0.5;}
            li.titulo{opacity:1;}
            li.titulo:hover{opacity:0.5;}
            .container{ margin: 0 auto; width: 980px;}
            #section1{ background: #F2F2F2; width: 100%; min-height: 100%; float: left;  overflow: auto;}
            #section2{ background: #F2F2F2; width: 100%; float: left;  overflow: auto;}
            #section3{ background: #38383a; width: 100%; min-height: 100%; float: left;  overflow: auto;}
            #section4{ background: #555; width: 100%; min-height: 100%; float: left;  overflow: auto;}

            .section2margin{
                margin-top: 60px;
            }

            ul.titulo {
                font-size: 30px;
                margin-left:-10px;
            }

            ul.menu{
                float: right;
                font-size: 16px;
            }

            ul.menu1{
                float: right;
                font-size: 16px;
                margin-bottom: 0;
            }

            h4.menu_h4{
                margin-top:3px;
                margin-bottom:3px;
                color: black;
                opacity: 1;
            }

            h4.menu_h4_2{
                font-size: 12px !important;
                margin-top:3px;
                margin-bottom:3px;
                color: black;
                opacity: 1;
            }

            h6.menu_h6{
                margin-top:0;
                color: grey;
                font-weight: 400;
                opacity: 1;
            }

            h6.menu_h6 a{
                margin-top:0;
                color: grey !important;
                font-weight: 400;
                opacity: 1;
            }

            h6.menu_h6 a:hover{
                opacity: 0.5;
            }

            .form{
                padding-left:12% !important;
                padding-top: 100px;
                padding-right: 50px !important;
                text-align: left;
                color: white;
            }

            .nopadding{
                padding: 0 !important;
            }

            .padding5{
                padding:5px !important;
            }

            .form-control{
                background-color:rgba(255, 255, 255, 0) !important;
                border: 3px solid #fff !important;
                border-radius:0 !important;
                color: white !important;
                padding-top: 20px !important;
                padding-bottom: 20px !important;
                padding-left: 20px !important;
            }

            .btn{
                border-radius:0 !important;
            }

            .btn-default{
                border: none;
            }

            .rodape{
                text-align: left;
                margin-top: 25%;
                color:white;
                font-size: 10px;
            }

            #map {
                width: 100%;
                height: 390px;
            }

            .morada{
                background-color: #999;
                padding-top: 120px !important;
            }

            .dados{
                padding-bottom: 10% !important;
                color: white;
                text-align: left;
                padding-left: 50px;
            }

            .sobre_pt{
                font-size: 20px !important;
                text-align: left;
                margin-top: 100px;
                color: #2E2E2E;
                line-height:180%;
            }

            .sobre_en{
                font-size: 16px !important;
                text-align: left;
                margin-top: 50px;
                color: #979797;
                line-height:180%;
                font-weight: 400;
            }

            .categoria{
                width:100%;
                position: relative;
                padding: 0 !important;
            }

            .categoria .legenda{
                opacity: 0;
                position: absolute;
                height: 100%;
            }

            .categoria:hover .legenda{
                opacity: 1;
                background-color:rgba(255,255,255,0.86);
                padding-top: 27% !important;
                padding: 18px;
                width:100%;
                height: 100%;
                text-align: center;
                color:#0B0B61;
                font-size: 20px;
                position: absolute;
                padding: 15px;
            }


            .categoria .legenda2{
                opacity: 0;
                position: absolute;
                height: 50%;
            }

            .categoria:hover .legenda2{
                opacity: 1;
                background-color:rgba(255,255,255,0.86);
                padding-top: 14% !important;
                padding: 18px;
                width:100%;
                height: 100%;
                text-align: center;
                color:#0B0B61;
                font-size: 20px;
                position: absolute;
                padding: 15px;

            }

            h1{
                margin-top: 10px !important;
            }

            .titulo_categoria{
                text-align: center;
            }

            .marginnav{
                margin-top:2px;
            }

            .navbar-default{
                background-color: white !important;
                border:none;
            }

            .projecto{
                position: relative;
            }

            .projecto .legenda{
                opacity: 0;
                position: absolute;
                height: 100%;
            }

            .projecto:hover .legenda{
                opacity: 1;
                background-color:rgba(255,255,255,0.86);
                padding-top: 27% !important;
                padding: 18px;
                width:100%;
                height: 100%;
                text-align: center;
                color:#0B0B61;
                font-size: 20px;
                position: absolute;
                padding: 15px;
            }

            .modal-title{
                text-align: center !important;
            }

            .modal-body{
                text-align: center !important; 
            }

            .marginvideo{
                margin-top: 100px;
                margin-bottom: 100px;
            }
            
            .mouse {
              width: 22px;
              position: absolute;
              height: 42px;
              border-radius: 15px;
              border: 2px solid #888;
              bottom: 40px;
              left: 50%;
              margin-left: -12px;
            }

            .scroll {
              display: block;
              margin: 6px auto;
              width: 3px;
              height: 3px;
              border-radius: 4px;
              background: #888;
              -webkit-animation-duration: 1s;
              animation-duration: 1s;
              -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
              -webkit-animation-name: scroll;
              animation-name: scroll;
            }

            @keyframes scroll {
              0% {
                opacity: 1;
              }

              100% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                -ms-transform: translateY(20px);
                transform: translateY(20px);
              }
            } 


            @-webkit-keyframes scroll {
              0% {
                opacity: 1;
              }

              100% {
                opacity: 0;
                -webkit-transform: translateY(20px);
                transform: translateY(20px);
              }
            }


@media only screen
and (max-width : 979px) {
.container{ margin: 0 auto; width: 100%; float:left;}
}