/*=========================================
    Main Styles
=========================================*/
body {
    font-size: 15px;
    line-height: 25px;
    color: #515151;
    letter-spacing:-1px;
    background: #fff;
    font-family: Lucida Sans Unicode;
    font-style: normal;
}
*{
    text-decoration: none;
}

a:link {text-decoration:none; color: #858593;}
a:visited {text-decoration:none; color: #858593;}
a:hover {text-decoration:none; color: #78CABD;}
a:active {text-decoration:none; color: #858593;}



.content{
    width: 1264px;
    min-height: 500px;
    margin: 0 auto;
    position: relative;
}

img {opacity:0;
     -moz-transition: opacity 3s; /* Firefox 4 */
     -webkit-transition: opacity 3s; /* Safari and Chrome */
     -o-transition: opacity 3s;
     transition: opacity 3s;
}

.not-found{
    background-image: url('../images/404.jpg');
    float: left;
    width: 1264px;
    height: 1009px;
    overflow: hidden;
    margin-top: -90px;
}

.header {
    float: left;
    height: 372px;
    width: 1264px;
}
.header2{
    float: left;
    height: 140px;
    width: 1264px;
}

.logo{
    background-image: url('../images/bg_logo.png');
    background-repeat: no-repeat;
    width: 320px;
    height: 115px;
    float: left;
    position: absolute;
    margin-top: -61px;
    z-index: 999;
    margin-left: -5px;
}
.logo-campanha{
    background-image: url('../images/bg_logo.png');
    background-repeat: no-repeat;
    width: 320px;
    height: 115px;
    float: left;
    z-index: 999;
    margin-left: -5px;
}
.titulo-campanha{
    float: left; color: #394C59; font-size: 30px; width: 467px; 
}
.sub-titulo-campanha{
    float: left; color: #394C59; font-size: 24px; width: 467px;
}

.txt-campanha{
    float: left; color: #394C59; font-size: 15px; width: 465px; 
    margin-left: 1px;
}

.logo-resul-small{
    background: url('../images/logo_resul_small.png');
    float: right;
    width: 101px;
    height: 32px;
    margin: 7px 0 0 0;
}
.logo-idioma-pt{
    background: url('../images/pt.png');
    float: left;
    width: 19px;
    height: 13px;
    margin: 18px 6px 0 8px;
    cursor: pointer;
}
.logo-idioma-pt-select{
    background: url('../images/bandeiras.png');
    float: left;
    width: 19px;
    height: 13px;
    margin: 18px 6px 0 8px;
    display: none;
    background-position: 0 -16px;
}
.logo-idioma-en{
    background: url('../images/bandeiras.png');
    float: left;
    width: 19px;
    height: 13px;
    margin: 18px 6px 0 8px;
    cursor: pointer;
    background-position: 53px 0px;
}
.logo-idioma-en-select{
    background: url('../images/bandeiras.png');
    float: left;
    width: 19px;
    height: 13px;
    margin: 18px 6px 0 8px;
    display: none;
    background-position: 53px -16px;
}
.logo-idioma-fr{
    background: url('../images/pl.png');
    float: left;
    width: 19px;
    height: 13px;
    margin: 18px 6px 0 8px;
    cursor: pointer;
}
.logo-idioma-fr-select{
    background: url('../images/bandeiras.png');
    float: left;
    width: 19px;
    height: 13px;
    margin: 18px 6px 0 8px;
    display: none;
    background-position: 18px -16px;
}
.logo-resul{
    position: absolute;
    float: left;
    width: 153px;
    height: 50px;
    margin-top: -50px;
    background: url('../images/logo_resul.png');
    margin-left: 1111px;
    z-index: 999;
}
.logo-resul2{
    position: absolute;
    float: left;
    width: 153px;
    height: 50px;
    margin-top: -50px;
    background: url('../images/logo_solar.png');
    margin-left: 1111px;
    z-index: 999;
}
.txt-social{
    float: left;
    margin: 44px;
    color: #CCCCCC;
    font-size: 15px;
    width: 96px;
}
.solar-no-solar{
    display: none;
}

/* sliders*/
.slides_container {
    width: 1264px;
    height: 320px;
    overflow: hidden;
}
.slides_container div {
    width: 1264px;
    height: 320px;
    display:block;
    overflow: hidden;
}
#slides{
    width: 1264px;
    height: 320px;
    margin-top: 50px;
    float: left;
    position: absolute;
    overflow: hidden;
}

.image-home {
    max-width: 1264px; 
    max-height: 320px; 
    overflow: hidden;
}

.title-one{
    margin-left: 78px;
    position: absolute;
    left: 0;
    height: 49px;
    padding: 18px 20px 0 20px;
    background: #fff;
    text-shadow: none;
    margin-top: -215px;
    font-size: 45px;
    font-size: 40px\9;
    color: #4183B1;
    line-height: 36px;
}
.title-one-solar{
    margin-left: 45px;
    position: absolute;
    left: 0;
    height: 49px;
    padding: 18px 20px 0 20px;
    background: #fff;
    text-shadow: none;
    margin-top: -240px;
    font-size: 45px;
    color: #4183B1;
}
.title-two{
    margin-left: 78px;
    position: absolute;
    left: 0;
    height: 49px;
    padding: 18px 20px 0 20px;
    background: #fff;
    text-shadow: none;
    margin-top: -148px;
    font-size: 45px;
    font-size: 40px\9;
    color: #78CABD;
    line-height: 36px;
}
.title-two-solar{
    margin-left: 45px;
    position: absolute;
    left: 0;
    height: 49px;
    padding: 18px 20px 0 20px;
    background: #fff;
    text-shadow: none;
    margin-top: -174px;
    font-size: 45px;
    color: #4183B1;
}
.icons-solar{
    width: 257px;
    height: 81px;
    margin-left: 968px;
    position: absolute;
    left: 0;
    text-shadow: none;
    margin-top: -116px;
}
.icon-slider{
    background-image: url('../images/logo_resul_solar_slider.png');
    width: 304px;
    height: 119px;
    margin-left: 921px;
    position: absolute;
    left: 0;
    text-shadow: none;
    margin-top: -250px;
}

.icon0{
    width: 81px;
    height: 81px;
    position: absolute;
    background-position: -223px -111px;
}

.icon1{
    background: url("../images/spr.png") no-repeat;
    width: 81px;
    height: 81px;
    position: absolute;
    margin-left: 88px;
    background-position: -409px -111px;
}

.icon3{
    background: url("../images/spr.png") no-repeat;
    width: 81px;
    height: 81px;
    position: absolute;
    margin-left: 264px; 
    background-position: -15px -111px;

}

.icon0-solar{
    width: 81px;
    height: 81px;
    position: absolute;
    background-position: -120px -111px;
}

.icon2-solar{
    width: 81px;
    height: 81px;
    position: absolute;
    margin-left: 176px;
    background-position: -121px -292px;
}

.icon1-solar{
    width: 81px;
    height: 81px;
    position: absolute;
    margin-left: 88px; 
    background-position: -15px -290px;
}

.icon0, .icon1, .icon2, .icon3, .icon0-solar, .icon1-solar, .icon2-solar{
    background-image: url("../images/spr.png");
    background-repeat: no-repeat;
    background-color: rgba(120, 202, 189, 0.88);
    cursor: pointer;
}

.icon0:hover, .icon1:hover, .icon2:hover, .icon3:hover, .icon0-solar:hover, .icon1-solar:hover,.icon2-solar:hover{

    background-color: rgba(66, 131, 177, 0.88);
    transition: background 0.6s;
    -moz-transition: background 0.6s; /* Firefox 4 */
    -webkit-transition: background 0.6s; /* Safari and Chrome */
    -o-transition: background 0.6s; /* Opera */ 
    cursor: pointer;

}


.bold{
    font-weight: bold;
}

/* fim sliders */

/* MENU */
#nav {
    background-color: #000;
    width: 904px;
    height: 50px;
    margin-left: 239px;
}
#nav ul{
    margin-left: 75px;
}
#nav ul li {
    float: left;
    list-style: none;
    margin-top: 19px;
    margin-left: -19px;
    margin-right: 10px;

}
.menuSelected { 
    color: #78CABD; border-bottom: 11px solid #78CABD;    
}
#nav ul li a{
    font-size: 15px;
    font-size: 12px\9;
    text-decoration: none;
    text-align: center;
    display: block;
    line-height: 24px;
    color: #FFF;
    padding: 5px 11px;
    margin-top: -14px;
    margin-left: 2px;
    text-transform: uppercase;
}
#nav ul li a:hover{
    /*  border-bottom: 11px solid #78CABD;*/
    color: #78CABD;
}
#nav li ul{
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    width: 1000px;
    background: green;
}

#nav li:hover ul{
    display: block;
}

.breadcrumbs {
    float: left;
    background-image: url('../images/bg_nav2.png');
    width: 1181px;
    height: 39px;
    margin-left: 25px;
    margin-top: 41px;
}

#subMenu { 
    width: 1044px;
    background-color: #78CABD;
    height: 42px;
    color: #006cb4;
    font-size: 12px;
    text-align: center;
    visibility: hidden;
    z-index: 99;
    position: absolute;
    margin-left: 219px;
}

#subMenu ul{
    margin-left: 90px;
}
#subMenu ul li {
    float: left;
    list-style: none;
    margin-top: 19px;
    margin-left: -19px;
    margin-right: 10px;

}
#subMenu ul li a{
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    display: block;
    line-height: 24px;
    color: #FFF;
    padding: 5px 11px;
    margin-top: -14px;
    margin-left: 8px;
    text-transform: uppercase;
}
#subMenu ul li a:hover{
    /*  border-bottom: 9px solid #000;*/
    color: #000;
}


#subMenuProdutos { 
    width: 1045px;
    background-color: #78CABD;
    height: 41px;
    color: #006cb4;
    font-size: 12px;
    text-align: center;
    visibility: hidden;
    z-index: 99;
    position: absolute;
    margin-left: 219px;
}

#subMenuProdutos ul{
    margin-left: 90px;
}
#subMenuProdutos ul li {
    float: left;
    list-style: none;
    margin-top: 19px;
    margin-left: -19px;
    margin-right: 10px;

}
#subMenuProdutos ul li a{
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    display: block;
    line-height: 24px;
    color: #FFF;
    padding: 5px 11px;
    margin-top: -14px;
    margin-left: 8px;
    text-transform: uppercase;
}
#subMenuProdutos ul li a:hover{
    /*  border-bottom: 9px solid #000;*/
    color: #000;
}

/**/

.limenu3{
    float: left;
    width: 50px;
    text-align: center;
    margin: 6px 0 0 30px;
    font-size: 13px;
    color: #666666;

}
.limenunext{
    float: left;
    text-align: left;
    margin: 7px 0 0 5px;
    font-size: 13px;
    color: #666666;

}
/*#nav2 ul{
  margin-left: 69px;
}
#nav2 ul li {
  float: left;
  list-style: none;
  margin-top: 19px;
  margin-left: -19px;
  margin-right: 10px;

}

#nav2 ul li a{
font-size: 15px;
text-decoration: none;
text-align: center;
display: block;
line-height: 24px;
color: #FFF;
padding: 5px 11px;
margin-top: -14px;
margin-left: 8px;
text-transform: uppercase;
}
#nav2 ul li a:hover{
  border-bottom: 11px solid #78CABD;
}*/

/* fim menus*/
.mapa{
    width: 1264px;
    background: #fff;
    height: 289px;
    float: left;
    margin-top: -1px;
}
.bloco2-solar{
    width: 1264px;
    background: #fff;
    height: 302px;
    float: left;
    margin-top: -1px;
}
.bg_1{
    background-image: url('../images/bg_1.png');
    width: 255px;
    height: 29px;
    margin-top: 10px;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 5px;
    color: #fff;
    cursor: pointer;   
}
.bg_2{
    background-image: url('../images/bg_2.png');
    width: 255px;
    height: 29px;
    margin-top: 10px;
    font-size: 15px;
    padding-left: 10px;
    padding-top: 5px;
    color: #4083B1;
    cursor: pointer;

}
.mapa-content-left{
    width: 563px;
    height: 240px;
    float: left;
    margin: 30px 0 0 50px;
}
.oriente, .angola, .mocambique, .caboverde, .canada{
    display: none;
}
.h1mapa{
    font-size: 25px;
    color: #3A4C59;
    font-weight: bold;
    margin-bottom: 23px;
}
.h1mapa2{
    font-size: 25px;
    color: #3A4C59;
    font-weight: bold;
    position: absolute;
    margin-left: 652px;
    margin-top: -47px;
    z-index: 999;
}
.img-mapa{
    width: 491px;
    background: #fff;
    height: 244px;
    float: right;
    margin-top: 18px;
    margin-right: 9px;
}
#oriente{
    /*background-image: url('../images/bullet_pontos_mapa.png');*/
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    margin-top: 88px;
    margin-left: 208px;
    z-index: 999;
}
#oriente2 {
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    margin-top: 175px;
    margin-left: 384px;
    z-index: 999;
}
#caboverde2 {
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    margin-top: 244px;
    margin-left: 353px;
    z-index: 999;
}
#angola2 {
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    margin-top: 321px;
    margin-left: 442px;
    z-index: 999;
}

#mocambique2 {
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    margin-top: 317px;
    margin-left: 495px;
    z-index: 999;
}

#canada{
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    margin-top: 60px;
    margin-left: 45px;
    z-index: 999;
}

#canada2 {
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    margin-top: 137px;
    margin-left: 79px;
    z-index: 999;
}
#angola {
    /*background-image: url('../images/bullet_pontos_mapa.png');*/
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    margin-top: 166px;
    margin-left: 240px;
    z-index: 999;
}
#mocambique {
    /*background-image: url('../images/bullet_pontos_mapa.png');*/
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    margin-top: 164px;
    margin-left: 270px;
    z-index: 999;
}
#caboverde {
    /*background-image: url('../images/bullet_pontos_mapa.png');*/
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    margin-top: 122px;
    margin-left: 184px;
    z-index: 999;
}

.img-area-negocio-solar{
    width: 421px;
    height: 241px;
    overflow: hidden;
    cursor: pointer;
}

.descricao-area1, .descricao-area2, .descricao-area3, .descricao-area4{
    width: 316px;
    height: 34px;
    float: left;
    margin-top: -32px;
    background-image: url("../images/spr.png");
    cursor: pointer;
    position: absolute;
    z-index: 999;
    background-position: -11px -3415px;
}
.descricao-area1-hover, .descricao-area2-hover, .descricao-area3-hover, .descricao-area4-hover{
    width: 316px;
    height: 34px;
    float: left;
    margin-top: -32px;
    background-image: url("../images/spr.png");
    cursor: pointer;
    position: absolute;
    z-index: 999;
    background-position: -11px -3452px;
    display: none;
}

.descricao-area-solar{
    width: 632px;
    height: 34px;
    float: left;
    margin-top: 127px;
    background: url("../images/seta_grande.png") no-repeat;
    cursor: pointer;
}
.seta{
    float: right;
    background-image: url('../images/seta.png');
    background-repeat: no-repeat;
    width: 18px;
    height: 14px;
    margin: 11px 8px 0 0;

}
.h2mapa{
    height: 135px;
    color: #394C59;
    font-size: 16px;
}
.seta-azul{
    float: right;
    margin-top: 6px;
}

.know-more{
    width: 97px;
    padding: 2px;
    color: #3F83B1;
    height: 27px;
    font-weight: bold;
}

.sub-title{
    float: left;
    color: #fff;
    font-size: 17px;
    padding: 5px;
    font-weight: bold;
}

.destaque{
    float: left;
    width: 1264px;
    height: 258px;
    background: #fff;
}
.noticias-video{
    float: left;
    width: 376px;
    height: 258px;
    margin-right: 20px;
}
.newsletter-content{
    float: right;
    width: 419px;
    height: 258px;
}
.clock{
    float: left;
    width: 1264px;
    height: 345px;
    background: #000;
    font-style: normal;
}
.equipa{
    float: left;
    width: 1264px;
    background: #000;
    margin-bottom: 2px;
}
.equipa-membro{
    float: left;
    background:#000;
    width: 250px;
    height: 250px;
    overflow: hidden;
    opacity: 0.4;
    margin-left: 2.5px;
    margin-bottom: 2.5px;
    margin-top: 2.5px;
}
.equipa-membro:hover{
    opacity: 1;
}
.desc-equipa-membro{
    float: left;
    width: 250px;
    height: 250px;
    color: #fff;
    margin-top: -258px;
    position: absolute;
    opacity: 0;
}
.desc-equipa-membro-txt{
    background-image: url('../images/barra_verde_team.png');
    background-repeat: no-repeat;
    float: left;
    width: 250px;
    height: 70px;
    margin-top: 176px;
    text-transform: uppercase;
    text-align: center;
    font-size: 17px;
    line-height: 22px;
    padding-top: 4px;
}
.desc-equipa-membro:hover{
    opacity: 1;
}

/*.filtro-equipa{
  opacity: 0.6;
}
.filtro-equipa:hover{
  opacity: 1;
}*/

.conteudopage{
    float: left;
    width: 1264px;
    margin-bottom: 22px;
}
.conteudocontact{
    float: left;
    width: 1204px;
    height: 533px;
    margin-left: 40px;
}
.form{
    width: 1181px;
    height: 281px;
    background: #F0F0F0;
    margin-top: 15px;
}
.inputs{
    border: none;
    background: url('../images/bg_input.png') no-repeat center;
    width: 369px;
    height: 39px;
    padding-left: 7px;
    font-size: 15px;
}
.inputobs{
    border: none;
    background: url('../images/bg_obs.png') no-repeat center;
    width: 322px;
    height: 152px;
    padding-left: 7px;
    font-size: 15px;
    resize: none;
    padding-top: 6px;
}
.btn-send-contact{
    background: url('../images/btn_enviar.png');
    width: 325px;
    height: 39px;
    margin-left: 4px;
    cursor: pointer;
    margin-top: 15px;
}
.btn-send-contact:hover{
    background-position: 0 -41px;
}

.conteudopage-left{
    float: left; 
    width: 705px;
    margin-left: 40px;
    margin-bottom: 16px;
    color: #394C59;
    font-size: 15px;
}
.conteudopage-left2{
    float: left;
    width: 575px;
    margin-left: 40px;
    margin-bottom: 16px;
    color: #394C59;
    font-size: 15px;
}
.conteudopage-rigth{
    float: right;
    width: 403px;
    margin-right: 20px;
    margin-bottom: 16px;
    margin-top: 40px;
    overflow: hidden;
}
.quadro-imagem{
    background: url('../images/quadro_imagem.png');
    float: right;
    width: 403px;
    height: 276px;
    margin-right: 20px;
    margin-bottom: 16px;
    margin-top: 30px;
    overflow: hidden;
}
.quadro-imagem-campanha{
    background: url('../images/bg-imagem-campanha.png');
    float: left;
    width: 288px; 
    height: 167px;
    margin-right: 20px;
    margin-bottom: 16px;
    margin-top: 30px;
    overflow: hidden;
}
.conteudo-linha-apoios{
    width: 1264px;
    min-height: 300px;
}
.conteudopage-rigth2{
    float: right;
    width: 624px;
    margin-right: 5px;
    margin-bottom: 16px;
    margin-top: 40px;
}
.quadro-imagem2{
    background: url('../images/quadro_imagem2.png');
    float: right;
    width: 618px;
    height: 425px;
    margin-right: 5px;
    margin-bottom: 16px;
    margin-top: 40px;
}
.legenda-page-text{
    float: right;
    color: #666666;
    font-size: 12px;
    margin-right: 7px;
}
.h1page{
    font-size: 30px;
    color: #78CABD;
    width: 1204px;
    height: 34px;
    margin-top: 20px;

}
.h2page{
    font-size: 30px;
    color: #394C59;
    width: 776px;
    height: 34px;
    margin-top: 25px;
}
.social-content{
    float: left;
    width: 162px;
    height: 67px;
    margin-left: 38px;
    margin-top: -24px;
}

.fb{
    float: left;
    background-image: url('../images/spr.png');
    width: 39px;
    height: 39px;
    margin-right: 7px; 
    cursor: pointer;
    background-position: -163px -5px;
    position: absolute;
}
.fb-hover{
    float: left;
    background-image: url('../images/spr.png');
    width: 39px;
    height: 39px;
    margin-right: 7px; 
    cursor: pointer;
    background-position: -163px -47px;
    display: none;
    position: absolute;
}

.lk{
    float: left;
    background-image: url('../images/spr.png');
    width: 39px;
    height: 39px;
    margin-left: 47px;
    cursor: pointer;
    background-position: -223px -5px;
    position: absolute;
}
.lk-hover{
    float: left;
    background-image: url('../images/spr.png');
    width: 39px;
    height: 39px;
    margin-left: 47px;
    cursor: pointer;
    background-position: -223px -47px;
    position: absolute;
    display: none;
}


.lkedin{
    float: left;
    background-image: url('../images/bt_linked in_over.png');
    width: 39px;
    height: 39px;
    margin-right: 5px; 
    cursor: pointer;
}
.content-clock{
    float: left;
    width: 230px;
    height: 232px;
    margin-top: 14px;
    margin-left: 12px;
    color: #fff;
}
.myClock{
    width: 80px;
    height: 80px;
}
.content-contact-contact{
    float: left;
    width: 296px;
    height: 235px;
    margin-top: 25px;
    margin-right: 5px;
    color: #000;
}

.title-moradas{
    color: #79CCBB;
    font-size: 15px;
}
.site-map{
    float: left;
    width: 1264px;
    height: 195px;
    background: #E1E1E1;
    font-style: normal;
}
.sitemapcol{
    width: 270px;
    float: left;
    height: 125px;
    margin-left: 31px;
}
.sitemapcol a{
    color: #515151;
}
.sitemapcol a:hover{
    color: #78CABD;
}
.footer{
    float: left;
    width: 1264px;
    height: 51px;
    background: #fff;
}
.footer-links{
    margin-left: 13px; 
}
.footer-links-li{
    float: left;
    margin-left: 4px;
    cursor: pointer;
    color: #515151;
}
.footer-links-li:hover{
    color:#78CABD;
    text-decoration: underline;
}
.btn-up{
    float: right;  
    background-image: url('../images/spr.png');
    background-repeat: no-repeat;
    width: 67px;
    height: 39px;
    cursor: pointer;
    background-position: -294px -6px;
    position: absolute;
    margin-left: 1197px;
}
.poweredby{
    float: right;
    background-repeat: no-repeat;
    width: 67px;
    height: 39px;
    cursor: pointer;
    position: absolute;
    margin-left: 1030px; 
}
.btn-up-hover{
    float: right;  
    background-image: url('../images/spr.png');
    background-repeat: no-repeat;
    width: 67px;
    height: 39px;
    cursor: pointer;
    background-position: -294px -46px;
    display: none;
    position: absolute;
    margin-left: 1197px;
}
.newsletter{
    float: right;
    background-image: url('../images/bg_newsletter.png');
    background-repeat: no-repeat;
    width: 419px;
    height: 101px;
    margin-top: 6px;
    margin-bottom: 19px;
}
.btn-send-news{
    float: right;
    background-image: url('../images/spr.png');
    background-repeat: no-repeat;
    width: 67px;
    height: 40px;
    margin-top: -36px;
    margin-right: 36px;
    cursor: pointer;
    position: absolute;
    margin-left: 316px;
    background-position: -11px -6px;
}
.btn-send-news-hover{
    float: right;
    background-image: url('../images/spr.png');
    background-repeat: no-repeat;
    width: 67px;
    height: 40px;
    margin-top: -36px;
    margin-right: 36px;
    cursor: pointer;
    position: absolute;
    margin-left: 316px;
    display: none;
    background-position: -11px -47px;
}
.input-emal{
    border: none;
    width: 222px;
    height: 28px;
    margin-top: 36px;
    margin-left: 81px;
    padding-left: 10px;
    color: #CCCCCC;
    font-size: 17px;
    font-weight: bold;

}
.video{
    font-weight: bold;
    font-size: 26px;
    color: #394C59;
    margin: 30px 0 2px 30px;
    width: 341px;
    height: 30px;
    font-style: normal;
}
.keep-update{
    font-size: 15px;
    color: #4083B1;
    width: 234px;
    margin-left: 54px;
    line-height: 19px;
    font-style: normal;
}
.news{
    margin: 30px 0 2px 30px;
    width: 364px;
    height: 105px;
}
.news-desc{
    float: right;
    margin-left: 5px;
    width: 230px;
    height: 104px;
    margin-right: 14px;
    margin-top: -2px;
    font-size: 12px;
    color: #4283B1;
    line-height: 20px;
    font-style: normal;
    overflow: hidden;
}
.news-desc-title{
    color: #4283B1;
    font-weight: bold;
    font-size: 20px;
    font-style: normal;
}
.btn-more{
    background: #3F83B1;
    width: 66px;
    height: 26px;
    color: #fff;
    padding-left: 5px;
    padding-top: 2px;
    font-size: 14px;
    font-weight: bold;
    float: right;
    margin-bottom: 8px;
    cursor: pointer;
    background-position: -393px -13px;
    position: absolute;
    margin-left: 270px;
    text-transform: uppercase;
    font-style: normal;
}

.descricao-area{
    background: #78CABD;
    width: 421px;
    height: 34px;
    float: left;
    margin-top: -32px;
    cursor: pointer;
    position: absolute;
    z-index: 999;
    background-position: -11px -3452px;
}
.descricao-area:hover{
    background: #3F83B1;

    display: inline-block;
    transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -webkit-transition: background .5s ease-in-out;
}

.seta-area{
    margin-top: 8px;
    margin-left: 391px;
    position: absolute;
}

.btn-voltar{
    background: #3F83B1;
    width: 65px;
    height: 26px;
    color: #fff;
    padding-left: 5px;
    padding-top: 2px;
    font-size: 13px;
    font-weight: bold;
    float: right;
    margin-bottom: 8px;
    cursor: pointer;
    background-position: -393px -13px;
    position: absolute;
    margin-left: 270px;
    text-transform: uppercase;
}

.btn-more:hover, .btn-voltar:hover {
    background: #78CABD;
    display: inline-block;
    transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -webkit-transition: background .5s ease-in-out;
}
.btn-more-hover{
    background-image: url('../images/spr.png');
    background-repeat: no-repeat;
    width: 65px;
    height: 25px;
    color: #fff;
    padding-top: 0px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: bold;
    float: right;
    margin-bottom: 8px;
    cursor: pointer;
    position: absolute;
    margin-left: 270px;
    background-position: -393px -39px;
    display: none;
    text-transform: uppercase;
}
.video-content{
    margin-left: 30px;
    width: 327px;
    height: 150px;
    margin-top: 9px;
}
.popupContent{
    width: 640px;
    height: 500px;
    background-color: #000;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    margin-left: -336px;
    margin-top: -230px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
}
.popupBackground{
    width: 100%; height: 100%; background-color: #000; position: fixed; z-index: 9999; top: 0; left: 0; opacity: 0.7;
}
.close-video{
    cursor: pointer;
    background: url('http://localhost/resul/images/bt_fechar.jpg') no-repeat;
    width: 20px;
    height: 20px;
    margin-left: 663px;
    position: absolute;
}

/* products*/
.products-menu-left{
    float: left;
    width: 291px;
    min-height: 300px;
}
.products-rigth{
    width: 567px;
    float: left;
    margin-left: 55px;
}
.ofertas {
    float: left;
    width: 600px;
    min-height: 476px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.ofertas .cover {
    width: 1599px;
    position: absolute;
    min-height: 360px;
    margin-top: 5px;
}
.ofertas_esquerda {
    float: left;
    width: 600px;
    min-height: 471px;
}
.ofertas_direita {
    float: left;
    width: 600px;
    min-height: 471px;
}
.marca{
    float: left;
    width: 554px;
    min-height: 125px;
    margin-top: 10px; 
    border-bottom: 1px solid #999999;
}
.tabela{
    float: left;
    width: 554px;
    min-height: 180px;
    margin-top: 10px;
}
.tabela-col{
    width: 191px;
    min-height: 126px;
    float: left;
}
.marca-img{
    float: left;
    width: 199px;
    height: 132px;
    overflow: hidden;  
}
.marca-donwload{
    width: 552px;
    float: left;
    height: 30px;
    margin-top: 3px;
}
.connectores{
    margin-top: 9px;
    color: #0A0000;
    font-size: 20px;
    float: left;
}
.marca-desc{
    float: right;
    width: 339px;
    min-height: 80px;
    margin-top: -9px;
    margin-bottom: 4px;
}
.marca-desc2{
    float: left;
    max-width: 553px;
    min-height: 80px;
    margin-top: -5px;
    margin-left: 3px;
}

.paginacao {
    float: left;
    width: 554px;
    text-align: center;
}
.paginacao ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin: 5px auto;
}
.paginacao ul li { 
    list-style: none;
    float: left;
    margin-right: 3px;
    padding: 3px;
    background-color: #dbdbdb;
    width: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #777777;
    padding-top: 10px;
}
.paginacao ul li:hover {
    background-color:#79CCBC;
    color: #000;
    cursor: pointer; 
}

.imagem-product-top{
    float: left;
    width: 251px;
    height: 160px;
    margin-right: 15px;
    overflow: hidden;
}
.menu-top-product{
    background-color: #78CABD;
    width: 227px;
    height: 34px;
    padding-left: 34px;
    padding-top: 5px;
    color: #525252;
    font-size: 13px;
}
.menu-top-product-selected{
    background-image: url('../images/bg_menu_top_product.png');
    width: 250px;
    height: 28px;
    padding-left: 34px;
    color: #525252;
    font-size: 17px;
    padding-top: 10px;
}
.menu-top-product-selected a{
    color: #525252;
}
.menu-top-product-sub{
    background-color: #D6EFEB;
    width: 220px;
    min-height: 25px;
    padding-left: 34px;
    padding-right: 7px;
    color: #71BEAC;
    font-size: 13px;
    margin-bottom: 1px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    overflow: hidden;
    padding-top: 10px;
}
.menu-top-product-sub:hover{
    background-color: #EEEEEE;
}
.menu-top-product-sub-sub{
    background-color: #CCCCCC;
    width: 227px;
    height: 34px;
    padding-left: 34px;
    padding-top: 5px;
    color: #777777;
    font-size: 13px;
    margin-bottom: 1px;
}
.menu-top-product-sub-sub-sub{
    background-color: #CCCCCC;
    width: 200px;
    min-height: 24px;
    padding-left: 51px;
    color: #777777;
    font-size: 13px;
    margin-bottom: 1px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    overflow: hidden;
    padding-right: 10px;
    padding-top: 10px;
}
.menu-top-product-sub-sub-sub-select{
    background-color: #EEEEEE;
    width: 200px;
    min-height: 23px;
    padding-left: 51px;
    padding-top: 5px;
    color: #777777;
    font-size: 13px;
    margin-bottom: 1px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    overflow: hidden;
    padding-right: 10px;
}
.menu-top-product-sub-sub-select{
    background-color: #D6EFEB;
    color: #71BEAD;
    width: 210px;
    height: 34px;
    padding-left: 51px;
    padding-top: 5px;
    font-size: 13px;
    margin-bottom: 1px;

}
.menu-top-product-sub-sub:hover, .menu-top-product-sub-sub-sub:hover{
    background-color: #EEEEEE;
}

.nivel2-sub-links {
    font-size: 23px;
    margin-top: 11px;
    color: #78CABD;
    margin-bottom: 12px;
}
.nivel2-sub-link a {
    font-size: 20px;
    margin-top: 11px;
    color: #78CABD;
    text-decoration: underline;
}
.form-level{
    width: 324px;
    height: 551px;
    background-color: #CCCCCC;
    margin-top: 10px;
}
.input-label{
    float: left;
    font-size: 21px;
    font-weight: bold;
    color: #78CABD;
    width: 298px;
    margin-left: 17px;
    margin-top: 8px;
}
.input-text{
    float: left;
    border: none;
    width: 287px;
    height: 39px;
    margin-left: 17px;
    font-size: 15px;
    margin-top: 8px;
    padding-left: 5px;
}
.input-obs{
    float: left;
    border: none;
    width: 287px;
    height: 87px;
    margin-left: 17px;
    font-size: 15px;
    margin-top: 8px;
    padding-left: 5px;
    padding-top: 5px;
    resize: none;
}
.btn-send-contact-medio{
    background: url('../images/btn_enviar_medio.png');
    width: 293px;
    height: 39px;
    margin-left: 17px;
    cursor: pointer;
    margin-top: 15px;
    float: left;
}
.btn-send-contact-campanha{
    background: url('../images/btn_enviar_campanha.png');
    width: 230px;
    height: 34px;
    cursor: pointer;
    margin-top: 5px;
    float: left;
    margin-left: 17px;
}
.btn-send-contact-campanha:hover{
    background-position: 0 -35px; 
}

.btn-send-contact-medio:hover{
    background-position: 0 -41px;
}
.txt-in{
    margin-left: 22px;
    line-height: 47px; 
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
}
/* image*/
.img.fillwidth { width: 100%; height: auto; }
.img.fillheight { height: 100%; width: auto; }

/*  pulse */

.pulse_holder
{
    display: block;
    position: absolute;
    top: 100px;
    left: 350px;
}
.pulse_holder .pulse_marker
{
    width: 16px;
    height: 16px;
    background: #099;
    border-radius: 28px;
}
.pulse_holder .pulse_rays
{
    margin: 0 auto;
    border-radius: 100px;
    position: absolute;
    right: -26px;
    top: -26px;
    z-index: 10;
    background-color: transparent;
    opacity: 0.1;
    width: 64px;
    height: 64px;
    border: 2px solid rgba(0, 128, 64, 1);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    /* Giving Animation Function */
    -webkit-animation: pulse 2s linear infinite;
    -moz-animation: pulse 2s linear infinite;
    border-image: initial;
}
.titile-levs{
    margin-top: 0;
    width: 531px;
    margin-bottom: 10px;
    height: auto;
    min-height: 21px;
    line-height: 30px;
}
.h1page a{
    color: #78CABD;
}
.sel_sub{
    background-color: #EEEEEE;
}

.loading {
    background: url('../images/ajax_loader.gif');
    background-repeat: no-repeat;
    padding: 17px 40px;
    float: left;
    margin-left: 15px;
    position: absolute;
    margin-top: 485px;
    display: none;
}
.nav-s ul li a {
    font-size: 14px !important;
    padding: 8px 8px !important;
}