﻿  
body {
    font-size: .85em;
    font-family:"OpenSans-Regular", "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #8d8d8d;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

#servicosHeader{
    
    margin-top:5%;
    width:100%;
    text-align:center;
    padding-left:5%;
    padding-right:5%;
    height:30%;
    max-height:120px;
    min-height:40px;
}


#servicosHeaderMobile{
    
    margin-top:5%;
    width:100%;
    text-align:center;
    padding-left:5%;
    padding-right:5%;
    height:30%;
}



.servicosButton{
    
    /*margin-bottom:5px;*/ 
    width:100%;
    cursor:pointer;
  
}

.servicosTabs {
    display:inline-block;
    vertical-align:top;
    text-align:center;
    width:9%;
    height:100%;
    padding-left:1%;
    padding-right:1%;
   
           
}
.servicosTabsMobile {
    display:inline-block;
    vertical-align:top;
    text-align:center;
    width:11%;
    height:100%;
    padding-right:1%;
   
           
}


        h2 {
            text-align:center;
            color:#29abe2!important; /*#0098b7!important;*/
            font-family: "OpenSans-Bold"!important;
            /*font-family:"Open Sans"!important; "OpenSans-SemiboldItalic"!important;*/
            /*font-weight:bold!important;*/
            /*font-size:21pt!important;*/
            font-size:3.6vw!important;
        }
        /*--- MENU ---*/
        
        #Menu {
            width:100%;
            height:75px;            
            z-index:90;
            vertical-align:middle;
            color:#29abe2; /*#1ECBC2;*/
            text-transform: uppercase;      
        }
        #MenuMobile {
            width:100%;
            height:60px;            
            z-index:90;
            vertical-align:middle;
            color:#29abe2; /*#1ECBC2;*/
            text-transform: uppercase;      
        }
        .Logo 
        {
            float:left;
            margin:10px;
            width:120px;
            height:65px;
            background-image:url("../Imagens/logo.png");
            background-repeat:no-repeat;
            background-size:120px;
        }
        .LogoMobile 
        {
            float:left;
            margin:7px;
            width:120px;
            height:55px;
            background-image:url("../Imagens/logo.png");
            background-repeat:no-repeat;
            background-size:91px;
        }
        .btnMenu.mobile {
            font-size:1.4em;
             width:150px;
        }
       .btnMenu {
            font-family:"OpenSans-light";
            width:auto;
            height:30px;           
            margin-left:5px;
            margin-right:5px;
            cursor:pointer;
            padding:5px;
            border:solid 2px transparent;
            margin-top:20px;
            margin-bottom:20px;
           

        } 
        .btnMenu:hover {
            width:auto;
            height:30px;
            margin-left:5px;
            margin-right:5px;
            cursor:pointer;
            padding:5px;          
            border:solid 2px #29abe2; /*#1ECBC2;*/
        }
        .btnMenu.selected {
         border:solid 2px #29abe2!important;
        }
        
        .btnMenu a ,
        .btnMenu a:focus, 
        .btnMenu a:visited, 
        .btnMenu a:active, 
        .btnMenu:hover a ,
        .btnMenu:hover a:focus, 
        .btnMenu:hover a:visited, 
        .btnMenu:hover a:active {
            color: inherit;
            text-decoration: inherit;
            outline:0px;
        }
       
        /*.scrollable-menu {
            height: auto;
            max-height: 200px;
            overflow-x: hidden;
        }*/

        .navbar{
             background-color:#FFF!important;
             border:0px!important;
             background-image:none!important;
             margin-bottom:0px!important;           
        }
        .navbar-nav {
              margin:7.5px -15px!important;
             margin-top:0px!important;
        }
        .navbar-default {
            background-image:none!important;
            box-shadow:none!important;
            -webkit-box-shadow:none!important;
            border-radius:0px!important;
        }



        .navbar-default .navbar-collapse {
              border-color:transparent!important;
           
        }
       .navbar-fixed-top .navbar-collapse {
            max-height:450px;
        }
      
        @media (min-height:340px) and (max-height:465px)   {
            .navbar-fixed-top .navbar-collapse {
                max-height:280px;
            }
        }
         @media (min-height:100px) and (max-height:249px)   {
            .navbar-fixed-top .navbar-collapse {
                max-height:100px;
            }
        }

        #navbar ul, #navMobile > #navbar ul {
           float:right
        }

         #navMobile > #navbar ul li > a ,
         #navMobile > #navbar ul li > a:focus, 
         #navMobile > #navbar ul li > a:visited, 
         #navMobile > #navbar ul li > a:active{
            color: #fff;
            text-decoration: inherit;
            outline:0px;
            padding:0px;
        }

        /*--- MENU EM PEQUENO ---*/
         .collapsing.navbar-collapse ul,
         .in.navbar-collapse ul {
              background-color:transparent;
            /*background-color:#1ecbc2;
            opacity:0.75;*/
        }    

         .collapsing.navbar-collapse ul  .btnMenu:hover  ,
         .in.navbar-collapse ul .btnMenu:hover {
           color:#fff;
        }
         .collapsing.navbar-collapse ul a .btnMenu.mobile,
         .collapsing.navbar-collapse ul .btnMenu a ,
         .collapsing.navbar-collapse ul .btnMenu a:focus,
         .collapsing.navbar-collapse ul .btnMenu a:visited,
         .collapsing.navbar-collapse ul .btnMenu a:active,
         .in.navbar-collapse ul a .btnMenu.mobile ,
         .in.navbar-collapse ul .btnMenu a ,
         .in.navbar-collapse ul  .btnMenu a:focus ,
         .in.navbar-collapse ul .btnMenu a:visited,
         .in.navbar-collapse ul .btnMenu a:active
         {
           color:#fff;
         }

@media (min-height:340px) and (max-height:465px) {
    .collapsing.navbar-collapse ul .btnMenu,
    .in.navbar-collapse ul .btnMenu {
        height: 33px!important;
        line-height: 23px!important;
    }
}

@media (max-height:339px) {
    .collapsing.navbar-collapse ul .btnMenu,
    .in.navbar-collapse ul .btnMenu {
        height: 29px!important;
        line-height: 15px!important;
    }
}

          .collapsing.navbar-collapse ul .btnMenu ,
          .in.navbar-collapse ul .btnMenu{
            margin:0px;
            height:50px;
            line-height:35px;
            /*background-color:#29abe2; 
             opacity:0.75;*/
            background-color:rgba(0,133,199,0.8);
             /*background-color:rgba(41, 171, 226,0.75);*/
            
        }

           .collapsing.navbar-collapse ul .btnMenu:hover ,
          .in.navbar-collapse ul .btnMenu:hover{            
            /*background-color:#0771a0; 08a098;
            opacity:0.75;*/
             /*background-color:rgba(7,113,160,0.8);*/
             background-color:rgba(7,113,160,1);
 
        }

            .collapsing.navbar-collapse ul li,
             .in.navbar-collapse ul li {
                margin-top:1px;
                margin-bottom:1px;
            }

        .navbar-default .navbar-toggle {
            border-color:#29abe2!important; /*#1ecbc2*/
            opacity:0.75;
        }
        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
             background-color:#0771a0!important; /*#1ecbc2*/
             opacity:0.75;
        }
        .navbar-default .navbar-toggle .icon-bar {
            background-color:#29abe2!important; /*#1ecbc2*/
            opacity:0.75;
        }
         .navbar-default .navbar-toggle:hover .icon-bar,
         .navbar-default .navbar-toggle:focus .icon-bar {
             background-color:#fff!important;
        }
       
        /*--- FIM MENU EM PEQUENO ---*/

        /*--------- fim menu -------------*/



        .triangle {
           width:0px;
           height:0px;
           border-bottom:15px solid #34c4e6; /*#1ECCC3;*/
           border-left:15px solid transparent;
           position:absolute;
           right:0px;
           bottom:0px;

       }
        /*--- Noticias ---*/
        .noticiasContainer {
           height:auto;
           max-width:800px;
           width:auto;
           margin:0 auto;
           min-height:500px;
        }
        .noticia {
            float: left;
            position: relative;
            width: 250px;
            height: 140px;
            margin: 8px;
            padding: 0;
            border: 3px solid #34c4e6; /*#1ECCC3;*/
            cursor:pointer;
            color: #34c4e6; /*#1ECCC3;*/
        }        
        /*.noticia h3 {
            width:90%;
            height: 80px;
            max-height: 80px;
            margin: 0px auto;
            padding: 5px 5px 0 0;
            text-align: center;
            overflow: hidden;            
            font-size: 18pt;
            font-weight: normal;
            text-transform: uppercase;            
            font-family:"OpenSans-Semibold";
        }
        .noticia h4 {
            width:80%;
            height: 60px;
            margin: 0px auto;
            padding: 5px 5px 0 0;            
            overflow: hidden;            
            font-size: 9pt;
            text-align: center;
            font-weight: normal;
            text-transform: uppercase;            
            font-family:"OpenSans-light";
        }*/
         .noticia h3 {
            width:90%;
            height: auto;
            max-height: 110px;
            margin: 0px auto;
            padding: 5px 5px 0 0;
            text-align: center;
            overflow: hidden;            
            font-size: 17pt;
            font-weight: normal;
            text-transform: uppercase;            
            font-family:"OpenSans-Semibold";
        }
        .noticia h4 {
            width:90%;
            height: auto;
             max-height: 40px;
            margin: 0px auto;
            padding: 5px 5px 0 0;            
            overflow: hidden;            
            font-size: 9pt;
            text-align: center;
            font-weight: normal;
            text-transform: uppercase;            
            font-family:"OpenSans-light";
        }
        .noticia .efeito {
            visibility: hidden;
        }
        .noticia:hover .efeito {
            visibility: visible;
            position: absolute;
            width: 250px;
            height: 140px;           
            margin: 0;
            padding: 5px 5px 0 0;           
            vertical-align: middle;            
            color: #fff;
            background-color: rgba(52, 196, 230, 1);/*<--#34c4e6*/  /*rgba(30, 204, 195, 1);*//*<--#1ECCC3*/
            transition: background .2s linear, color .2s linear;
            -moz-transition: background .2s linear, color .2s linear;
            -webkit-transition: background .2s linear, color .2s linear;
            -o-transition: background .2s linear, color .2s linear;
            bottom:-10px;
            left:-10px;
        }

        .efeito.efeitoSel {
            visibility: visible;
            position: absolute;
            width: 250px;
            height: 140px;           
            margin: 0;
            padding: 5px 5px 0 0;           
            vertical-align: middle;            
            color: #fff;
            background-color: rgba(52, 196, 230, 1);/*<--#34c4e6*/  /*rgba(30, 204, 195, 1);*//*<--#1ECCC3*/
            transition: background .2s linear, color .2s linear;
            -moz-transition: background .2s linear, color .2s linear;
            -webkit-transition: background .2s linear, color .2s linear;
            -o-transition: background .2s linear, color .2s linear;
            bottom:-10px;
            left:-10px;
        }
        /* --- --- */
         /* --- Produtos --- */
        .produtosContainer {
           height:auto;
           max-width:810px;
           width:auto;
           margin:0 auto;
           min-height:500px;
        }
        .produto {
            float: left;
            position: relative;
            width: 255px;
            height: 220px;
            margin: 7px;
            padding: 0;
            border: 3px solid #34c4e6; /*#1ECCC3;*/
            cursor:pointer;
            color: #8d8d8d;
            font-family:"OpenSans-light";
            font-size:10pt;
        }      
        /*.produto:hover {
            background-color:#0FACDD!important;
            color: #fff!important;
        }*/  
        .produto>.imgProduto {
            /*width:100%;*/
            height:60px;
            margin:5px 0px 0px 5px;
            background-repeat:no-repeat;           
        }
        .GA{
            /*background-image:url('../imagens/Produtos/GA.png');*/
            content:url("../imagens/Produtos/GA.png");
        }
       .GI{
            /*background-image:url('../imagens/Produtos/GI.png');*/
            content:url("../imagens/Produtos/GI.png");
        }
       .GH{
            /*background-image:url('../imagens/Produtos/GH.png');*/
            content:url("../imagens/Produtos/GH.png");
        }
       .QL{
            /*background-image:url('../imagens/Produtos/QL.png');*/
            content:url("../imagens/Produtos/QL.png");
        }
       .HER{
            /*background-image:url('../imagens/Produtos/HER.png');*/
            content:url("../imagens/Produtos/HER.png");
        }
       .AT{
            /*background-image:url('../imagens/Produtos/AT.png');*/
            content:url("../imagens/Produtos/AT.png");
        }

        .produto .efeito {
            visibility: hidden;
        }
        .produto:hover .efeito {
            visibility: visible;
            position: absolute;
            width: 255px;
            height: 220px;           
            margin: 0;
            padding: 0;           
            vertical-align: middle;            
            color: #fff;
            background-color: #34c4e6;/*<--#1ECCC3*/
            transition: background .2s linear, color .2s linear;
            -moz-transition: background .2s linear, color .2s linear;
            -webkit-transition: background .2s linear, color .2s linear;
            -o-transition: background .2s linear, color .2s linear;
            bottom:-10px;
            left:-10px;
            font-size:10pt;
        }
        .efeito.efeitoSelect {
            visibility: visible;
            position: absolute;
            width: 255px;
            height: 220px;           
            margin: 0;
            padding: 0;           
            vertical-align: middle;            
            color: #fff;
            background-color: #34c4e6;/*<--#1ECCC3*/
            transition: background .2s linear, color .2s linear;
            -moz-transition: background .2s linear, color .2s linear;
            -webkit-transition: background .2s linear, color .2s linear;
            -o-transition: background .2s linear, color .2s linear;
            bottom:-10px;
            left:-10px;
            font-size:10pt;
        }

        .produto > .produtoVer {
            position:absolute;
            bottom:0px;
            margin:5px;
            color: #29abe2; /*#1ECCC3;*/
            font-family:"OpenSans-light";

        }
        .produto > .descProdutos {
            height:auto;
            /*max-height:120px;*/
            width:245px;
            max-width:245px;
            margin:5px;
            line-height:12pt!important;
                 
        }
        .descProdutosHover {
            height:auto;
            /*max-height:120px;*/
            width:245px;
            max-width:245px;
            margin:5px;
            line-height:12pt!important;
                 
        }
        
         /*.produto > .descProdutos > h1 {
          

           cursor:pointer;
            color: #8d8d8d;
            font-family:"OpenSans-light";
            font-size:10pt;
            line-height:12pt!important;
                 
        }*/   



        /* --- --- */
        .divFacebookContador {
            background-size:40px;
            background-repeat:no-repeat;
            background-image:url('../imagens/facebook_contador.png');
            width:40px;
            height:40px;
            float:left;
            margin-right:10px;
        }
        .divLinkedinContador {
            background-size:40px;
            background-repeat:no-repeat;
            background-image:url('../imagens/linkedin_contador.png');
            width:40px;
            height:40px;
            float:left;
        }

    .PainelAzul {
        position:relative;
        background-color:#29abe2;/*#1ECCC3;*/
        width:100%;
        height:360px;
        border: 4px solid #29abe2; /*#1ECCC3;*/
        z-index:5;
    }

    .PainelAzul:after, .PainelAzul:before {
	    top: 100%;
	    left: 50%;
	    border: solid transparent;
	    content: " ";
	    height: 0;
	    width: 0;
	    position: absolute;
	    pointer-events: none;
    }

    .PainelAzul:after {
	    border-color: rgba(30, 204, 195, 0);
	    border-top-color: #29abe2; /*#1ECCC3;*/
	    border-width: 10px;
	    margin-left: -10px;
    }
    .PainelAzul:before {
	    border-color: rgba(30, 204, 195, 0);
	    border-top-color: #29abe2; /*#1ECCC3;*/
	    border-width: 16px;
	    margin-left: -16px;
    }

     .PainelAzul.mobile::after  {
	    border-color: transparent!important;
	    border-top-color: transparent!important;
	    border-width: 0px!important;
	    margin-left: 0px!important;
    }
    .PainelAzul.mobile::before {
	    border-color: transparent!important;
	    border-top-color: transparent!important;
	    border-width: 0px!important;
	    margin-left: 0px!important;
    }
   .PainelAzul>div{
        position:relative;
        margin:0 auto;
        width:80%;
        /*max-width:50%;*/
        text-align:center;
        height:350px;        
    }
    .PainelAzul table {
        margin-top:20px;
        border-spacing: 2px;
        border-collapse: separate;
    }
    .PainelAzul td {
        width:16.6%;
        vertical-align:text-top;
    }
    .PainelAzul td>div {
        color:#fff;
        font-size:44pt;   
        cursor:pointer;     
    }

    .PainelAzul td>.icon {
       width:70px;
       height:70px;
       background-repeat:no-repeat; 
       margin:0px auto;
       cursor:pointer;
    }
    .PainelAzul span {
        color:#fff;
        font-family:"OpenSans-light"!important;
        font-size:1em;
    }
    .PainelAzul td>div>.descricao {
        color:#fff;
        font-family:"OpenSans-light"!important;
        /*font-size:0.5em;*/
        font-size:15pt;
    }
    .PainelAzul .descricao {
       width:60%;
       padding-top:10px;
       margin:0 auto;
    }
    .PainelAzul div>span {        
         text-overflow:ellipsis;
         overflow:hidden;
         height:145px;
         max-height:145px;
         display:inline-block;
         white-space: normal;
    }
    .iconComentCont {
         background-image:url('../Imagens/newsletter.png');         
    }
    .iconLinkCont {
        background-image:url('../Imagens/linkedin_contador1.png');
    }
    .iconFaceCont {
        background-image:url('../Imagens/facebook_contador1.png');
    }

    .contacto {
       width:200px;
       height:200px;
       max-width:200px;
       max-height:200px;
       display:inline-block;
       margin-right:20px;
       font-family:"OpenSans-regular"!important;
       color:#8d8d8d;
    }
    .contacto a,.contacto a:hover {
         color:#8d8d8d;
         text-decoration:none;
    }
    .contacto .ri{     
         text-align:right;
    }
    .contacto .le{
        text-align:left;
    }
     .contacto .mid{
        text-align:center;
    }
    .contacto .img{
        display:inline-block;
        width:70px;
        height:70px;
        background-repeat:no-repeat;        
    }

    .contacto .contact {
        background-image:url('../imagens/contact.png');
    }
    .contacto .morad {
        background-image:url('../imagens/local.png');
    }
    .contacto .GPS {
        background-image:url('../imagens/gps.png');
    }
    .contacto .livroReclamacoes {
        background-image:url('../imagens/livro_reclamacoes.png');
    }
    .contacto .Titulo {       
       font-size:1.2em;
       color: #29abe2; /*#1ECCC3;*/
    }

    .contacto.mobile  {
       width:400px;
       height:300px;
       max-width:340px;
       max-height:300px;
       margin-right:0px;
    }
    /*.contacto.mobile>table td{
        width: 30%;
    }*/
   .contacto.mobile .img {
        display:inline-block;
        width:40px;
        height:40px;
        background-size:40px;
        background-repeat:no-repeat; 
    }
    .contacto.mobile .Titulo {       
       font-size:1.3em;
    }

    .cubeTransparent {
      background-color:rgba(41, 171, 226, 0.8); /*rgba(30, 203, 194, 0.5);*/
      width:100px;
      height:100px;
      position:absolute;
      right:10px;
      margin-top:10px;
      z-index:5;
      display:table;
      font-family:"OpenSans-light"!important;
      font-size:0.7em;
      color:#fff;
    }
    .cubeTransparent .newsletter {
        cursor:pointer;
        display:table-cell;
        vertical-align:bottom;
        text-align:center;
        padding-bottom:10px;
        width:100%;
        height:100%;
        background-repeat:no-repeat;
        background-image:url('../Imagens/newsletter.png');
        /*background-position-x:50%;
        background-position-y:22%;*/
        background-size: 40px;
        background-position:50% 20%;
    }

     .cubeTransparent .visitantes {
        display:table-cell;
        vertical-align:bottom;
        text-align:center;
        padding-bottom:10px;
        width:100%;
        height:100%;
        background-repeat:no-repeat;
        background-image:url('../imagens/icon_visitantes.png');
        background-position-x:50%;
        background-position-y:22%;
        background-position:50% 22%;
        text-transform:uppercase;
    }
     .cubeTransparent .visitantes>span {
         font-family:"OpenSans-semibold"!important;
         font-size:1.5em;
    }
    .cubeTransparent .visitantes.mobile > span {
         font-family:"OpenSans-semibold"!important;
         font-size:1.5em;
    }
    .cubeTransparent .visitantes.mobile {
        font-size:1.5em;
    }
    .cubeTransparent .newsletter.mobile {
         font-size:1.5em;
         background-size: 30px;
    }

     .portfolioTitulo {
        /*font-size: 18pt;*/
        font-size:1.7vw;
        color:#29abe2; /*#1ECBC2;*/
        font-family:"OpenSans-Bold";
    }
    .portfolioSeccao {
        /*padding-left: 3%;
    padding-right: 3%;*/
        /*padding-left: 20px;
        padding-right: 20px;*/
        display: inline-block;
        width: 45%;
        /*width: 340px;*/
        text-align: left;
        vertical-align:top;

         font-size: 0.9vw;
         color: #333333;
         font-family: "OpenSans-Regular","Segoe UI",Verdana,Helvetica,Sans-Serif;
    /*color: #676767;*/
    }

    .transparencia {
        position: absolute; 
        left: 0px; 
        top: 0px; 
        width: 1920px;
        height: 860px;
        z-index:1;
        background-color:#000;
        /*background-color: rgba(0, 0, 0, 0.3);*/
        filter: alpha(opacity=0); /*30*/
	    opacity: 0; /*0.3*/
    }
@media (min-width:1025px) {
    h2 {
        font-size: 17pt!important;
    }
}

@media (max-width:319px) {

     .cubeTransparent {
        background-color:rgba(41, 171, 226, 0.8); /*rgba(30, 203, 194, 0.5);*/
        /*width:60px;*/
        width: 70px;
        height:60px;
        position:absolute;
        /*right:10px;*/
        right: 0px;
        margin-top:10px;
        z-index:10;
        font-size:0.6em;

        padding-right: 10px;
    }


    .cubeTransparent .newsletter{
        padding-bottom:1px;

    }
    .cubeTransparent .visitantes {
         padding-bottom:1px;
         line-height:10px;

    }
    .PainelAzul {
        height:310px;      
    }
    .PainelAzul td>.icon {
       width:50px;
       height:50px;
       background-repeat:no-repeat; 
       margin:0px auto;
       background-size:50px;
    }
    .PainelAzul>div{
        padding-top:5px;
        width:100%;
        height:310px;        
    }
    .PainelAzul td>div {        
        font-size:24pt;        
    } 

    .PainelAzul span {        
        font-size:8pt;
        line-height:12pt;
    }
    .PainelAzul .descricao {
        width: 80%;
    }
     .PainelAzul td>div>.descricao {        
        font-size:9pt;
    }    
    .PainelAzul div>span {         
         height:120px;
         max-height:120px;         
    }

    .noticia {            
        float:none;
        margin-right:auto;
        margin-left:auto;
        margin-top:8px;
        margin-bottom:8px;
    } 
     .portfolioTitulo {
         font-size:1.7vw;
        /*font-size: 13pt;*/
        color:#29abe2;
        font-family:"OpenSans-Bold";
    }
}
@media (min-width:320px) and (max-width:479px) {

     .portfolioTitulo {
        /*font-size: 18pt;*/
        font-size:2.7vw;
        color:#29abe2; /*#1ECBC2;*/
        font-family:"OpenSans-Bold";
    }
    .portfolioSeccao {
        padding-left: 0px!important;
        /*padding-right: 5%!important;*/
        display: inline-block;
        width: 275px;
        font-size: 2.1vw;


    }

}





@media (min-width:480px) and (max-width:640px) {
         .portfolioTitulo {
         font-size: 2.4vw;
        /*font-size: 15pt;*/
        color:#29abe2;
        font-family:"OpenSans-Bold";
    }
    .portfolioSeccao {
        font-size: 1.4vw!important;
    }

}



@media (min-width:320px) and (max-width:640px) { /* smartphones, iPhone, portrait 480x320 phones */ 

     .cubeTransparent {
        background-color:rgba(41, 171, 226, 0.8); /*rgba(30, 203, 194, 0.5);*/
        /*width:60px;*/
        width: 70px;
        height:60px;
        position:absolute;
        /*right:10px;*/
        right: 0px;
        margin-top:10px;
        z-index:10;
        font-size:0.6em;

        padding-right: 10px;
    }
    
    .cubeTransparent .newsletter{
        padding-bottom:1px;
    }
    .cubeTransparent .visitantes {
         padding-bottom:1px;
         line-height:10px;

    }
    .PainelAzul {
        height:310px;     
    }
    .PainelAzul>div{
        padding-top:5px;
        width:100%;
        height:310px;        
    }

    .PainelAzul td>div {        
        font-size:24pt;        
    }
    
    .PainelAzul td>.icon {
       width:50px;
       height:50px;
       background-repeat:no-repeat; 
       margin:0px auto;
       background-size:50px;
    }

   .PainelAzul .descricao {
        width: 90%;
    }
     .PainelAzul td>div>.descricao {        
        font-size:11pt;
        line-height:14pt;
    }   
      
    .PainelAzul div>span {         
         height:120px;
         max-height:120px;         
    }
    .PainelAzul span {        
        font-size:8pt;
        line-height:9pt;
    }
    .noticia {            
        float:none;
        margin-right:auto;
        margin-left:auto;
        margin-top:8px;
        margin-bottom:8px;
    } 

}
@media (min-width:1900px) {
     .portfolioSeccao {
        font-size: 9pt!important;
    }
.portfolioTitulo {
        font-size: 21pt;
        /*font-size:1.7vw;*/
        color:#29abe2; /*#1ECBC2;*/
        font-family:"OpenSans-Bold";
    }}
@media (min-width:641px) and (max-width:960px) {
        /*h2 {
    font-size: 19pt!important;
            }*/
         .cubeTransparent {
        background-color:rgba(41, 171, 226, 0.8); /*rgba(30, 203, 194, 0.5);*/
        /*width:70px;*/
        width: 80px;
        height:70px;
        position:absolute;
        /*right:10px;*/
        right: 0px;
        margin-top:10px;
        z-index:10;
        font-size:0.7em;

        padding-right: 10px;
    }

     .cubeTransparent .visitantes {
         padding-bottom:5px;
         line-height:10px;

    }
     .cubeTransparent .newsletter {
         padding-bottom:5px;

    }
    .portfolioTitulo {
        font-size:2vw;
        /*font-size: 18pt;*/
        color:#29abe2;
        font-family:"OpenSans-Bold";
    }
    .portfolioSeccao {
        font-size: 1.3vw;
    }
    .PainelAzul td>div {        
        font-size:30pt;        
    }
    .PainelAzul td>div>.descricao {        
        font-size:12pt;
        line-height:17pt;
    }   
    .PainelAzul span {        
        font-size:9pt;
        
    }
    .PainelAzul td>.icon {
        width:60px;
        height:60px;
        background-repeat:no-repeat; 
        margin:0px auto;
        background-size:60px;
    }
     .PainelAzul .descricao {
        width: 80%;
    }
    .PainelAzul {
        height:310px;  
    }
    .PainelAzul>div{
        padding-top:5px;
        width:100%;
        height:310px;        
    }
}

/*@media (min-width:321px) and (max-width:500px) {
    h2 {
        font-size: 11pt!important;
    }
}

        @media (min-width:501px) and (max-width:640px) {
            h2 {
                font-size: 15pt!important;
            }            }*/






@media (min-width:961px) and  (max-width:1023px){ /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    /*h2 {
    font-size: 20pt!important;
}*/
   .cubeTransparent {
        background-color:rgba(41, 171, 226, 0.8); /*rgba(30, 203, 194, 0.5);*/
        /*width:80px;*/
        width:90px;
        height:80px;
        position:absolute;
        /*right:10px;*/
        right: 0px;
        margin-top:10px;
        z-index:10;
        font-size:0.7em;

        padding-right: 10px;
    }


   .cubeTransparent .newsletter {
         padding-bottom:3px;

    }
   .cubeTransparent .visitantes {
         padding-bottom:3px;

    }
        .portfolioTitulo {
            font-size:1.7vw;
        /*font-size: 20pt;*/
        color:#29abe2;
        font-family:"OpenSans-Bold";
    }
    .PainelAzul td>div {        
        font-size:38pt;        
    }
     .PainelAzul td>div>.descricao {        
        font-size:13pt;
        line-height:17pt;
        width:70%;
    }  
     
     .PainelAzul span {        
        font-size:10pt;
        
    } 
}
@media (min-width:1024px) and (max-width:1279px) {

    .cubeTransparent {
        background-color:rgba(41, 171, 226, 0.8); /*rgba(30, 203, 194, 0.5);*/
        /*width:100px;*/
        width:110px;
        height:100px;
        position:absolute;
        /*right:10px;*/
        right: 0px;
        margin-top:10px;
        z-index:10;
        font-size:1em;
        line-height:18px;

        padding-right: 10px;
    }

     .cubeTransparent .visitantes>span {         
         font-size:1.7em;
    }
    
    .PainelAzul td>div {        
        font-size:40pt;        
    }
    .PainelAzul td>div>.descricao {        
        font-size:14pt;
        line-height:19pt;
    }   
    .PainelAzul span {        
        font-size:11pt;        
    } 

}
@media (min-width:1280px) { /* hi-res laptops and desktops */
   .cubeTransparent {
        background-color:rgba(41, 171, 226, 0.8); /*rgba(30, 203, 194, 0.5);*/
        /*width:100px;*/
        width:110px;
        height:100px;
        position:absolute;
        /*right:10px;*/
        right: 0px;
        margin-top:10px;
        z-index:10;
        font-size:1em;
        line-height:18px;
        
        padding-right: 10px;
    }


    .PainelAzul td>div {        
        font-size:41pt;        
    }
    .PainelAzul td>div>.descricao {       
        line-height:19pt;
    }   
}




/*

.popup h2{color:#07839f; line-height:1.8em}
.popup {
    background-color: transparent;
    border: 1px solid #fff;
    display: inline-block;
    left: 15%; color:#666;    
    padding: 15px;
    position: absolute;
    text-align: justify;
    top: 40%;
    z-index: 10;
    color:#1ecbc2; 
    width:70%;
    height:300px;
}
*/
.newsletterform h2{color:#07839f; line-height:1.8em}
.newsletterform {
    /*filter:alpha(opacity=70);
    opacity:0.7;*/
    background-color:rgba(41,171,226,0.7);
    /*background-color: #29abe2;*/
    border: 1px solid #fff;
    width:70%;
    height:500px;
    position: absolute;
    left: 15%;
    top: 25%;
    font-size:20pt;
    /*color:#07839f;*/ 
    padding:30px;   
    z-index: 10;
    text-transform:uppercase;
    display:none;
    color:#fff; /*#1eccc3;*/ 
    font-family:"OpenSans-light" ;
}
    .newsletterform input[type="button"] {
        font-family:"OpenSans-italic" ;
        /*background-color:none;*/ /*#D4DADF;*/
        font-size:14pt;
        font-weight:bold;
        color:#29abe2;
        /*padding-left:25px;
        padding-right:25px;*/
        -webkit-appearance: none;
        float:right;
        border-width:0px 0px 0px 0px;
        padding:5px 40px 5px 40px;
        background-color:#FFF;
        margin-top: 30px;

    }
    .newsletterform input[type="button"]:hover {
        color:#FFF;
        background-color:#0771A0;

    }
    .newsletterformMobile label, .newsletterform label {
        opacity: 0.7;
    }
    .newsletterform input[type="text"] {
        border:0px solid transparent;
        color:#808080;
        font-size:20pt;
        /*filter:alpha(opacity=85);
        opacity:0.85;*/
    }

    .newsletterformMobile h2{color:#07839f; line-height:1.8em}
    .newsletterformMobile {
        /*filter:alpha(opacity=70);
        opacity:0.7;
        background-color: #29abe2; /*transparent;*/
        background-color:rgba(41,171,226,0.7);
        border: 1px solid #fff;
        width:70%;
        height:250px;
        position: absolute;
        left: 15%;
        top: 25%;
        font-size:10pt;
        /*color:#07839f;*/ 
        padding:20px;   
        z-index: 10;
        text-transform:uppercase;
        display:none;
        color:#fff; /*#1eccc3;*/
         font-family:"OpenSans-light" ;
    }
    .newsletterformMobile input[type="button"] {
        font-family:"OpenSans-italic" ;
        /*background-color:#D4DADF;*/
        font-size:8pt;
        /*font-size:10pt;*/
        font-weight:bold;
        color:#29abe2;
        /*padding-left:15px;
        padding-right:15px;*/
        line-height: 15px;
        -webkit-appearance: none;
        float:right;
        border-width:0px 0px 0px 0px;
        padding:3px 20px 0px 20px;
        background-color:#FFF;
        margin-top: 13px;
        margin-bottom: -13px;
    }
    .newsletterformMobile input[type="button"]:hover {
        color:#FFF;
        background-color:#0771A0;

    }
    .newsletterformMobile input[type="text"] {
        border:0px solid transparent;
        color:#808080;
        font-size:10pt;
        filter:alpha(opacity=85);
        opacity:0.85;
    }
    .newsletterformMobile .emFalta {
        color:#f00;
        padding-left:5px;
        font-size:10pt;
    }
   

.emFalta {
    color:#f00;
    padding-left:5px;
    font-size:24pt;
}


/*------- INICIO PORTFOLIO -------*/

.linhaHorPortfolio {
    /*border-bottom:3px dashed #fff;*/
    border-bottom: 4px dotted #fff;
    height:3px;
    width:100%;
    position:relative;
    cursor:pointer;
}

.linhaHorPortfolio > .linhaVertical {
    /*border-left:3px dashed #fff;*/
    border-left: 4px dotted #fff;
    height:150px;
    width:1px;
    position:absolute;
    top:-150px;   
}
.linhaHorPortfolio > .linhaVertical:hover {
    /*border-left:3px dashed #29abe2;*/ /*#1ECBC2;*/
    border-left: 4px dotted #fff;
}

.linhaHorPortfolio > .linhaVertical> .item {
    position:absolute;
    height:20px;
    width:20px;
    background-color: #FFF;
    /*background-color:#29abe2; #1ECBC2;*/
    border-radius:20px;
    bottom:-10px;  
    left:-10px; 
}

.linhaHorPortfolio >.linhaVertical:hover> .item {
    height:30px;
    width:30px;
    border-radius:30px;
    bottom:-15px;  
    left:-15px; 
    background-color: #34C4E6;
}

.linhaHorPortfolio >  .linhaVertical >.item >.Descricao {
    /*border-bottom: 3px dashed #fff;*/
    border-bottom: 4px dotted #fff;
    min-height: 15px;
    min-width: 50px;
    height: auto;
    width: auto;
    position: absolute;
    bottom: 150px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 25pt;
    color: #FFF;
    /*color:#29abe2; #1ECBC2;*/
    font-family:"OpenSans-Bold";
    margin-bottom:10px;
    margin-left:10px;
}

.linhaHorPortfolio >  .linhaVertical:hover >.item >.Descricao {

    margin-bottom:15px;
    margin-left:15px;
}



.linhaHorPortfolio > .linhaVertical> .itemDown {
    position:absolute;
    height:20px;
    width:20px;
    background-color: #FFF;
    /*background-color:#29abe2; #1ECBC2;*/
    border-radius:20px;
    top:-10px;  
    left:-10px; 
}

.linhaHorPortfolio >.linhaVertical:hover> .itemDown {
    height:30px;
    width:30px;
    background-color: #34C4E6;
    border-radius:30px;
    top:-15px;  
    left:-15px; 
}

.linhaHorPortfolio >  .linhaVertical >.itemDown >.Descricao {
    /*border-bottom: 3px dashed #fff;*/
    border-bottom: 4px dotted #fff;
    min-height: 15px;
    min-width: 50px;
    height: auto;
    width: auto;
    position: absolute;   
    padding-left: 15px;
    padding-right: 15px;
    font-size: 25pt;
    color: #FFF;
    /*color:#29abe2; #1ECBC2;*/
    font-family:"OpenSans-Bold";
    margin-bottom:10px;
    margin-left:10px;
}
.linhaHorPortfolio >  .linhaVertical:hover >.itemDown >.Descricao {

    margin-bottom:15px;
    margin-left:15px;
    
}
.linhaHorPortfolio >.linhaVertical > .itemDown.selected {
    height:30px;
    width:30px;
    background-color: #34C4E6;
    border-radius:30px;
    top:-15px;  
    left:-15px; 

}


.linhaHorPortfolio >.linhaVertical> .item.selected {
    height:30px;
    width:30px;
    border-radius:30px;
    bottom:-15px;  
    left:-15px; 
    background-color: #34C4E6;
}




.linhaHorPortfolio >  .linhaVertical >.item > .Descricao.selected {
     margin-bottom:15px;
    margin-left:15px;
    font-family:"OpenSans-ExtraBoldItalic";
   /*border-bottom: 3px dashed #29abe2;*/ /*#1ECBC2;*/
}

.linhaHorPortfolio >  .linhaVertical >.itemDown > .Descricao.selected {
        margin-bottom:15px;
    margin-left:15px;
    font-family:"OpenSans-ExtraBoldItalic";
   /*border-bottom: 3px dashed #29abe2;*/ /*#1ECBC2;*/
}

.linhaHorPortfolio >  .linhaVertical:hover .Descricao {
    font-family:"OpenSans-ExtraBoldItalic";
   /*border-bottom: 3px dashed #29abe2;*/ /*#1ECBC2;*/
}
/*--- MOBILE PORTFOLIO ---*/


.linhaHorPortfolioMobile {
    border-bottom:2px dotted #fff;
    /*border-bottom:2px dashed #fff;*/
    height:3px;
    width:100%;
    position:relative;
    cursor:pointer;
}

.linhaHorPortfolioMobile > .linhaVertical {
    border-left:2px dotted #fff;
    /*border-left:2px dashed #fff;*/
    height:100px;
    width:1px;
    position:absolute;
    top:-100px;   
}
/*.linhaHorPortfolioMobile > .linhaVertical:hover {
    border-left:2px dashed #29abe2;
}*/

.linhaHorPortfolioMobile > .linhaVertical> .item {
    position:absolute;
    height:10px;
    width:10px;
    /*background-color:#29abe2;*/
    background-color: #FFF;
    border-radius:10px;
    bottom:-7px;  
    left:-7px; 
}

.linhaHorPortfolioMobile >.linhaVertical:hover> .item {
    height:15px;
    width:15px;
    border-radius:15px;
    bottom:-10px;  
    left:-10px;
    background-color:#34C4E6; 
}

.linhaHorPortfolioMobile >  .linhaVertical >.item >.Descricao {
    /*border-bottom: 2px dashed #fff;*/
    border-bottom:2px dotted #fff;
    min-height: 15px;
    min-width: 50px;
    height: auto;
    width: auto;
    position: absolute;
    bottom: 100px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14pt;
    
    /*color:#29abe2;*/
    color:#FFF;
    font-family:"OpenSans-Bold";
    margin-bottom:5px;
    margin-left:5px;
}

.linhaHorPortfolioMobile >  .linhaVertical:hover >.item >.Descricao {

    margin-bottom:10px;
    margin-left:10px;
}



.linhaHorPortfolioMobile > .linhaVertical> .itemDown {
    position:absolute;
    height:10px;
    width:10px;
    background-color: #FFF;
    /*background-color:#29abe2;*/
    border-radius:10px;
    top:-3px;  
    left:-6px; 
}

.linhaHorPortfolioMobile >.linhaVertical:hover> .itemDown {
    height:15px;
    width:15px;
    border-radius:15px;
    top:-6px;  
    left:-8px;
    background-color:#34C4E6; 
}

.linhaHorPortfolioMobile >  .linhaVertical >.itemDown >.Descricao {
    /*border-bottom: 2px dashed #fff;*/
    border-bottom:2px dotted #fff;
    min-height: 15px;
    min-width: 50px;
    height: auto;
    width: auto;
    position: absolute;   
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14pt;
    /*color:#29abe2;*/
    color:#FFF;
    font-family:"OpenSans-Bold";
    margin-bottom:5px;
    margin-left:5px;
}
.linhaHorPortfolioMobile >  .linhaVertical:hover >.itemDown >.Descricao {

    margin-bottom:9px;
    margin-left:9px;
    
}

.linhaHorPortfolioMobile >  .linhaVertical:hover .Descricao {
    font-family:"OpenSans-ExtraBoldItalic";
   /*border-bottom: 2px dashed #29abe2;*/
}



/*--- FIM MOBILE PORTFOLIO ---*/
/*------- FIM PORTFOLIO -------*/
 /*---- cursor ----*/
.nicescroll-rails > div:hover {
    background-color:#0aa7bc!important;
}
.nicescroll-rails > div:active {
    background-color:#0aa7bc!important;
    /*background-color:#39d1c6!important;*/
}
 /*---- fim cursor ----*/


 @media (min-width:619px) and (max-width:1023px) {
    .noticiasContainer ,.produtosContainer{
        width:560px!important;
    }

    /*.lsNoticias-section ,.lsProdutos-section{        
        width:560px!important;
    }*/
 
}

@media (min-width:200px) and (max-width:618px) {
    .produtosContainer {
        width:280px!important;
    }
    .lsProdutos-section {
        width:280px!important;
    }
}