/*
    Author: Matheus matheuslazzi@gmail.com
*/

body{
    text-align:center;
    font-family:calibri;
}

#wrapper{
    width:100%;	
}

.center{
    width:1000px;
    margin: 0 auto;
    text-align:left;
}

header{
    height:195px;
    background:url('../img/backgrounds/bg-header-new.jpg') repeat-x 0 0;
}

header .center{
    height:195px;
    /*background:url('../img/backgrounds/bg-header-center.jpg') no-repeat center 28px;*/
}

#logo{
    width: 190px;
    height: 70px;
    float:left;
    margin:80px 0 0 43px;
}

#logo a{
    width: 190px;
    height: 70px;
    background:url('../img/logotipos/logo-white.png') no-repeat 0 0;
}

#menu-global{
    width:333px;
    height:38px;
    margin:98px 0 0 65px;
    float:left;
    position:relative;
    z-index:700;
}

#menu-global .n1{
    width:108px;
    height:38px;
    line-height:38px;
    margin-right:3px;
    float:left;
    position:relative;
    z-index:200;
}

#menu-global .n1:hover .submenu{
    display:block;
}

.watermark
{
    font-size: 12px;
    font-family: Trebuchet MS;
    color: #999999;
}

.submenu{
    display: none;
    width:324px;
    height:141px;
    position:absolute;
    top:38px;
    left: -105px;
    background:url('../img/buttons/bts.png') no-repeat 0 -143px;
}

.submenu ul{
    float: left;
    margin: 6px 0 0 19px;
    width: 87px;
}

.submenu li{
    height:30px;
    width:87px;
}

.submenu a{
    color:#667786;
    font-size:12px;
    text-decoration: none;
    font-family:Trebuchet MS;
    line-height:30px;
}

.submenu a:hover{
    color:#1379B7;
}

.n1-link-submenu{
    cursor: default;
}

#menu-global .n1-link{
    height:38px;
    display: block;
    /*color:#667788;*/
	color:#ffffff;
    font-size:17px;
    text-align: center;
    text-decoration:none;
    background:url('../img/buttons/bts.png') no-repeat 500px 500px;
}

#menu-global .n1-link:hover,
#menu-global .n1:hover .n1-link,
#menu-global .n1 a.selected,
#menu-global .n1 a.selected:hover{
    background-position:-118px -99px;
	color:#415467;
}

#message-login{
    clear: both;
    padding-top: 3px;
    padding-left: 23px;
}

#acesso-privado #lbMsgLogin{
    color: #FF0000;
}

#acesso-privado{
    background:url('../img/backgrounds/bg-acesso-privado.png') no-repeat 0 0;
    float:right;
    margin:60px 0 0 0;
    width:326px;
    height:88px;
}

#acesso-privado span{
    color: #1379B7;
    font-size: 17px;
    display: block;
    line-height:100%;
    padding: 15px 0 7px 23px;
}

#acesso-privado input{
    color: #666666;
    font-size: 12px;
    display: block;
    width: 92px;
    height: 15px;
    line-height: 15px;
    border: none;
    float: left;
    font-family: Trebuchet MS;
    margin-left: 2px;
    padding: 6px 7px;
    background: url('../img/backgrounds/bg-forms.png') no-repeat 0 -99px;
}

#acesso-privado .subLogin{
    text-indent:-999px;
    display:block;
    cursor:pointer;
    line-height:9999px;
    border:none;
    
    height:26px;
    width:60px;
    margin-left:8px;
    padding: 0;
    background-position:-112px -99px;
}

#acesso-privado .subLogin:hover{
    background-position:-180px -99px;
}

#espacador{
    padding-left: 20px;
}

/* CONTENT */
#produtos{
    height:417px;
    padding-left: 128px;
    position:relative;
}

#produtos ul{
    width:854px;
    height:377px;
}

#produtos li{
    width:854px;
    height:377px;
    float:left;
}

#produtos article{
    width: 221px;
    float:left;
    padding:12px 32px 0 31px;
    background:url('../img/backgrounds/bg-produtos.png') no-repeat -291px 0;
}

#produtos .img-hover{
    opacity:0;
    filter:alpha(opacity=0);
    position:absolute;
    top:0;
    left:0;
    z-index:10;
}

#produtos article:hover .img-hover{
    opacity:1;
    filter:alpha(opacity=100);
}

#produtos article:hover{
    background-position:0 0;
}

#produtos li article:first-child:hover{
    background-position:-585px 0;
}

#produtos li article:first-child{
    background-position:-293px 0;
}

#produtos h1{
    font-size:50px;
    color:#1379B7;
    line-height: 100%;
    font-weight: bold;
    letter-spacing: -3px;
    font-style: italic;
}

#produtos span{
    font-size:14px;
    color:#667786;
    line-height: 120%;
    display: block;
    margin-bottom: 20px;
}

#produtos p{
    font-size:12px;
    color:#667786;
    line-height: 120%;
    margin-bottom: 14px;
}

#produtos .link-img{
    display: block;
    position:relative;
    margin-bottom: 18px;
}

#produtos h1 a{
    color:#1379B7;
    text-decoration: none;
}

#produtos h1 a:hover{
    text-decoration:underline;
}

#produtos .bt-mais-info{
    width: 126px;
    height:26px;
    background:url('../img/buttons/bts.png') no-repeat -76px -59px;
}

#produtos .bt-mais-info:hover{
    background-position:0 -399px;
}

#produtos .bt-baixar{
    width:65px;
    height:26px;
    background:url('../img/buttons/bts.png') no-repeat -133px 0;
}

#produtos .bt-baixar:hover{
    background-position:0 -327px;
}

#produtos .bt-acesse{
    width:65px;
    height:26px;
    background:url('../img/buttons/bts.png') no-repeat -163px -29px;
}

#produtos .bt-acesse:hover{
    background-position:-68px -327px;
}

#produtos .descricao
{
    height:125px;
}

#pag-slider{
    margin-top: 29px;
    height:17px;
    width: 865px;
    display:none;
}

#pag-slider a{
    display:block;
    text-indent: -999px;
    overflow:hidden;
    float:left;
    margin-right: 3px;
    height:17px;
    width: 17px;
    background:url('../img/buttons/bts.png') no-repeat -221px 0;
}

#pag-slider .activeSlide{
    background-position:-201px 0;
}

#produtos .bt-anterior{
    display:none;
    height:35px;
    width: 26px;
    text-indent: -999px;
    overflow: hidden;
    position:absolute;
    top:127px;
    left:43px;
    background:url('../img/buttons/bts.png') no-repeat -202px -61px;
}

#produtos .bt-anterior:hover{
    background-position:-260px -61px;
}

#produtos .bt-proximo{
    display:none;
    height:35px;
    width: 26px;
    text-indent: -999px;
    overflow: hidden;
    position:absolute;
    top:127px;
    right:43px;
    background:url('../img/buttons/bts.png') no-repeat -231px -61px;
}

#produtos .bt-proximo:hover{
    background-position:-289px -61px;
}

/* ACESSO FOOTER */
#acesso-footer{
    height:271px;
    margin-top:40px;
    background-color:#EEEEEE;
}

#atendimento-online{
    width:227px;
    float: left;
}

#atendimento-online h3{
    font-size:25px;
    line-height:19px;
    color:#666;
    font-weight: normal;
    margin: 40px 0 21px 41px;
}

#atendimento-online strong{
    display: block;
}

#atendimento-online ul{
    width:154px;
    padding-left: 41px;
}

#atendimento-online li{
    width:154px;
    height:23px;
    margin-bottom:16px;
    line-height: 23px;
    font-size:13px;
    font-family:Trebuchet MS;
    color:#666666;
}

.bt-suporte{
    float:right;
    height:23px;
    width:73px;
}

.bt-online{
    float:right;
    height:23px;
    width:73px;
    background:url('../img/buttons/bts.png') no-repeat 0 -34px;
}

.bt-offline{
    float:right;
    cursor:default;
    height:23px;
    width:73px;
    background:url('../img/buttons/bts.png') no-repeat 0 -60px;
}

#contato{
    background:url('../img/backgrounds/bg-contato.jpg') no-repeat 0 0;
    height:271px;
    width:580px;
    float: left;
}

#contato h3
{
    font-size: 25px;
    line-height: 19px;
    color: #666;
    font-weight: normal;
    margin: 40px 15px 15px 57px;
}

#form-contato{
    margin-left: 58px;
    width: 462px;
}

#form-contato textarea{
    width:448px;
    height:83px;
    border: none;
    font-size:12px;
    color:#666666;
    font-family:Trebuchet MS;
    padding:7px;
    line-height:120%;
    margin-bottom: 10px;
    background:url('../img/backgrounds/bg-forms.png') no-repeat 0 0;
}

#form-contato input[type="text"]{
    width: 215px;
    border: none;
    font-size: 12px;
    color: #666666;
    font-family: Trebuchet MS;
    padding: 7px;
    margin-bottom: 3px;
    background: url('../img/backgrounds/bg-forms3.png') no-repeat -233px -128px;
}

.subContato{
    text-indent:-999px;
    display:block;
    cursor:pointer;
    line-height:9999px;
    border:none;
    
    height:26px;
    width:65px;
    float:right;
    background:url('../img/buttons/bts.png') no-repeat -67px 0;
}

.subContato:hover{
    background-position:0 -363px;
}

.form-radio{
    float:left;
    display:block;
    cursor:pointer;
    margin-right:6px;
}

.form-radio input{
    float:left;
    height:15px;
    width:15px;
}

.form-radio em{
    font-weight:bold;
    font-size:13px;
    color:#666666;
    display:block;
    float:left;
    padding-left:4px;
    font-style: normal;
    font-family:Trebuchet MS;
}

.form-radio span{
    display:block;
    clear:both;
    color:#157AB7;
    font-size:12px;
    font-style:italic;
    font-family:Trebuchet MS;
    padding-left: 18px;
    line-height:90%;
}

.aguarde-label{
    font-size:12px;
    font-family:Trebuchet MS;
    color:#666666;
}
    
.erro-contato
{
    clear: both;
    padding-top: 8px;
}

.erro-label
{
    font-size: 12px;
    font-family: Trebuchet MS;
    color: #CC0000;
}

.erro-contato li,
.erro-contato label{
    color:#865151;
    width:200px;
    font-size: 12px;
    line-height: 105%;
}

#fale-conosco{
    float:left;
    margin-left: 34px;
    width: 145px;
}

#fale-conosco h3 {
    color: #666666;
    font-size: 25px;
    font-weight: normal;
    line-height: 19px;
    margin: 40px 0 21px 0;
}

#fale-conosco strong {
    display: block;
}

#fale-conosco li{
    height:20px;
    margin-bottom:2px;
}

#fale-conosco li .ddd{
    font-size:20px;
    color:#999999;
    font-weight: bold;
    line-height:20px;
}

#fale-conosco li span,
#fale-conosco li b{
    float:left;
    height:20px;
    line-height:21px;
    font-size:14px;
    color:#666666;
}

#fale-conosco li b{
    padding:0 6px 0 40px;
    background:url('../img/buttons/bts.png') no-repeat -75px -35px;
}

/* FOOTER */
footer{
    height: 162px;
    background:url('../img/backgrounds/bg-footer.jpg') repeat-x 0 0;
}

footer .center{
    height: 162px;
    background:url('../img/backgrounds/bg-center-footer.jpg') no-repeat center top;
}

.logo-footer{
    width: 137px;
    height: 52px;
    margin: 57px 0 0 43px;
    float:left;
    background:url('../img/logotipos/logo-footer.png') no-repeat 0 0;
}

menu{
    float:left;
    margin:67px 0 0 108px;
}

menu li{
    font-size:15px;
    line-height:100%;
    display:block;
    float:left;
    height:38px;
    width:87px;
    padding-right:23px;
    text-align: center;
}

menu a{
    line-height:38px;
    display:block;
    height:38px;
    width:87px;
    color:#fff;
    text-decoration: none;
    background:url('../img/buttons/bts.png') no-repeat 0 -2000px;
}

menu a.menu-empresa:hover{
    background-position:-132px -424px;
}

menu a.menu-faq:hover{
    background-position:-228px -424px;
}

#redes-sociais{
    float:left;
    margin:67px 0 0 71px;
}

#redes-sociais span{
    float:left;
    color:#1379B7;
    font-size:20px;
    width: 64px;
    line-height: 15px;
}

#redes-sociais strong{
    display: block;
    text-indent:8px;
}

footer .bt-facebook{
    height: 32px;
    width: 32px;
    float: left;
    background:url('../img/buttons/bts.png') no-repeat -231px -20px;
}

footer .bt-facebook:hover{
    background-position: 0 0;
}

footer .bt-twitter{
    height: 32px;
    width: 32px;
    float: left;
    margin-left: 1px;
    background:url('../img/buttons/bts.png') no-repeat -269px -21px;
}

footer .bt-twitter:hover{
    background-position: -33px 0;
}

footer address{
    margin: 63px 43px 0 0;
    float:right;
    width: 189px;
}

footer .tt-address{
    float:left;
    color:#1379B7;
    font-size:20px;
    width: 64px;
    line-height: 15px;
    padding-top: 1px;
}

.tt-address strong{
    display: block;
    text-indent:8px;
}

footer .street{
    float:left;
    margin-left: 2px;
    color:#DDF0FA;
    font-size:14px;
    display:block;
    width:123px;
    line-height:100%;
}

/* VIDEOS */

.video-roll {
	position: relative;
	width: 100%; 
	height: 100%;
}

#videos{
    min-height:450px;
    position:relative;
    margin-bottom: 30px;
    width: 1000px;
}

#videos ul{
    width:530px;
    height:330px;
    left: 50%;
    margin-left: -251px;
    position: absolute;
    top:0;
}

#videos li{
    width:600px;
    overflow:hidden;
    height:300px;
    cursor:pointer;
    background:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    border: 2px solid #EAEAEA;
    padding:5px;
    float:left;
}

.roundabout-in-focus{
    box-shadow:0px 0px 9px 3px rgba(0, 0, 0, 0.2);
}

.msg-video{
    background-color: #E2F2FC;
    border: 1px dashed #A9CCD6;
    float: left;
    margin: 359px 0 0 62px;
    width: 825px;
    position:relative;
    padding: 25px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;
}

.msg-video .bullet{
    width:49px;
    display:block;
    background:url('../img/bullets/blt-videos.png') no-repeat 0 0;
    height:15px;
    position:absolute;
    left:420px;
    top:-15px;
}

.msg-video strong
{
    color: #445266;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 2px;
    width: 720px;
    padding-top: 5px;
}

.msg-video strong em{
    color:#1379B7;
    font-style: normal;
}

.msg-video p{
    color:#667787;
    padding-top:10px;
    font-size:12px;
    line-height: 120%;
    width:720px;
    font-family:Trebuchet MS;
}

.msg-video .show p:first-child{
    padding-top:0;
}

.conteudo-hide{
    display:none;
}

.controle-msg{
    width: 63px;
    height:55px;
    position:absolute;
    right:22px;
    top:10px;
    background:url('../img/buttons/bts.png') no-repeat 0 0;
}

.bt-expandir
{
    background-position: -138px -292px;
}

.bt-expandir:hover{
    background-position:-205px -292px;
}

.bt-esconder{
    background-position:-138px -354px;
}

.bt-esconder:hover{
    background-position:-205px -354px;
}

#embed_npwlo, #embed_npwlo_data{
    display:none;
}

label{
	position:relative;
}

#wrapper form .custom-radio{
	display:block;
	height:16px;
	width:16px;
	position:absolute;
	padding:0;
	margin:0;
	top:0;
	left:0;
	background:url('../img/backgrounds/bg-forms.png') no-repeat -484px -102px;
}

#wrapper #form-produto .custom-radio{
	left:-15px;
}

#wrapper form .radio-checked{
    background: url('../img/backgrounds/bg-forms.png') no-repeat -461px -102px;
}

input[type=radio]{
	opacity:0 !important;
    filter:alpha(opacity=0) !important;
}

.validatorCalloutHighlight
{
    height: 70px;
    width: 200px;
    background-color: #E1F2FC;
    padding: 0 5px 0 10px;
    color: #666666;
    font-size: 12px;
    font-family: Trebuchet MS;
    background: url('../img/backgrounds/bg-validation.png') no-repeat;
}

.banner
{
    top: 50%;
    left: 50%;
    position: absolute;
    width: 600px;
    height: 400px;
    margin-left: -282px;
    margin-top: -140px;
    font-size: 12px;
    font-family: Trebuchet MS;
    /*background-image: url('../img/avisos/Aviso1.png');*/
    background-repeat: no-repeat;
}
.banner.enabled{
    z-index: 5000;
    display: block;
    visibility: visible;
}
.banner.disabled{
    z-index: -1;
    display: none;
    visibility: hidden;
}

img#close{
    cursor: pointer;
    position: relative;
    height: 20px;
    margin-left: 578px;
    margin-top: 5px;
    height: 16px;
    width: 16px;
}
