/* 
    Document   : estiloabba
    Created on : 01/06/2014, 16:11:46
    Author     : Xando
    Description:
        Purpose of the stylesheet follows.
*/

/* INÍCIO RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: #000000; background: #ffffff;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* FIM RESET */

@font-face {
    font-family: 'dinlight';
    src: url('din-light.eot');
    src: url('din-light.eot?#iefix') format('embedded-opentype'),
         url('din-light.woff2') format('woff2'),
         url('din-light.woff') format('woff'),
         url('din-light.ttf') format('truetype'),
         url('din-light.svg#dinlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinregular';
    src: url('din-regular.eot');
    src: url('din-regular.eot?#iefix') format('embedded-opentype'),
         url('din-regular.woff2') format('woff2'),
         url('din-regular.woff') format('woff'),
         url('din-regular.ttf') format('truetype'),
         url('din-regular.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinmedium';
    src: url('din-medium.eot');
    src: url('din-medium.eot?#iefix') format('embedded-opentype'),
         url('din-medium.woff2') format('woff2'),
         url('din-medium.woff') format('woff'),
         url('din-medium.ttf') format('truetype'),
         url('din-medium.svg#dinmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dincond-lightregular';
    src: url('../webfontkit/dincond-light-webfont.eot');
    src: url('../webfontkit/dincond-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfontkit/dincond-light-webfont.woff') format('woff'),
         url('../webfontkit/dincond-light-webfont.ttf') format('truetype'),
         url('../webfontkit/dincond-light-webfont.svg#dincond-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dincond-mediumregular';
    src: url('../webfontkit/dincond-medium-webfont.eot');
    src: url('../webfontkit/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfontkit/dincond-medium-webfont.woff') format('woff'),
         url('../webfontkit/dincond-medium-webfont.ttf') format('truetype'),
         url('../webfontkit/dincond-medium-webfont.svg#dincond-mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clear{clear: both;}

html, body{height: 100%;}
#tudo {min-height: 100%; position: relative;}
* html #tudo {height: 100%; /* hack para IE6 que trata height como min-height */}
.main-body{padding-bottom: 60px;}

body {background-color:#003a5d; color:#feffff; font-size: 12px; font-family: 'dinlight',Helvetica,Arial,sans-serif;}
footer,header,nav,section{display:block;}

a{color:#08c; text-decoration:underline;}
a:hover{color:#ffffff; text-decoration: none;}

img {height:auto; max-width:100%;}

label, input, button, select, textarea{line-height: 20px;}
input,select,textarea{
    font-family: 'dinregular', Helvetica, Arial, sans-serif;
	background-color: #f2f2f2;
	border: 1px solid #d7d7d7;
	font-size: 12px;
	color: #555555;
}
.form input[type="submit"] {
   font-family: 'dinregular', Helvetica, Arial, sans-serif;
   font-weight: bold;
   border: 2px solid #000000;
   cursor: pointer;
   width: auto;
}

.form-login-buttom{float: left; padding-left: 10px;}
.errorSummary{color: #3db5e6;}
.errorSummary p{padding: 10px 0;}
.errorSummary ul li{padding: 1px 5px;}

h1{line-height:40px;}

.container{width:865px; max-width:960px; margin-right:auto; margin-left:auto;}
/*.container:before, .container:after{display: table; line-height: 0; content: "";}
.container:after{clear: both;} RETIRADO E INCLUIDO NOS ARQUIVOS PHP, DIV'S CLASS clear ANTES E DEPOIS DE container*/


/* HEADER */
.cont-container{padding: 0 30px;}
.cont-container .wrap-logo{width:120px; float: left;}

#header{background-color: #ffffff; border-bottom: 1px #d7d7d7 solid; height: 127px;}
#header .logo{margin-top:17px; margin-bottom:8px; background-image:url(../img/logo-abba.png); background-repeat:no-repeat; display:block; width:119px; height:99px;}
#header .form {width: 50%; float: right;}
#header .form label {position: absolute; left: 4px; top: 0; width: 38px; color:#555555; text-align: left;}
#header .form p {font-family: 'dincond-lightregular', sans-serif; font-size: 14px; position: relative;}
#header .form input[type="text"],#header .form input[type="password"] {
    font-family: 'dinregular', Helvetica, Arial, sans-serif;
	background-color:#ebebeb;
	border:1px solid #d7d7d7;
	width:127px;
    display:inline-block;
	height:17px;
	padding:0 4px;
	margin-bottom:5px;
    margin-left: 40px;
	font-size:12px;
	color:#555555;
}
#header .form input[type="submit"] {
   font-size: 9px;
   color: #ffffff;
   line-height: 11px;
   padding: 1px 2px;
   background-color: #002a3a;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
}
#header .form .errorMessage {font-size: 13px; float: right; margin-top: -15px; color:#555555;}
#header .form .row {float: left; margin: 22px 10px 0 0;}
#header .form .form-log-button{margin-right: 0px;}
#header .form .esqueci-senha{float: right; margin-right: 35px; visibility: hidden;} /* RETIRAR VISIBILITY QUANDO TIVER ÁREA RESTRITA */
#header .form .esqueci-senha a:hover{text-decoration: underline; color: #08c;}

#header .form .thumb-user{float: left; width: 50px; margin-top: 7px;}
#header .form .texto-logout{color: #000000; border-right: 1px #ccc solid; width: 70%; margin-top: 10px;}
#header .form .texto-logout .nome-usuario {font-size: 18px;} /* RETIRAR VISIBILITY QUANDO TIVER ÁREA RESTRITA */
#header .form .texto-logout .info-perfil {visibility: hidden;}
#header .form .link-perfil{float: right; margin-right: 8px; margin-top: 10px;}
#header .form .link-perfil p{font-family: 'dincond-mediumregular',Helvetica,Arial,sans-serif; font-size: 16px; visibility: hidden;} /* RETIRAR VISIBILITY QUANDO TIVER ÁREA RESTRITA */
#header .form .link-perfil a{text-decoration: none;}
#header .form .form-logout-button{float: right; margin-top: 10px; margin-right: 0;}


/* MENU PRINCIPAL */
.navbar{}
.navbar .nav{list-style:none; display:block; float:right; margin:7px 0 0 0; border-top: 1px #d7d7d7 solid;} /* <ul> pai */
.navbar .nav .dropdown{float:left; width: 110px; text-align: center; font-size: 14px; position: relative;} /* <li> da <ul> pai COM submenu */

.navbar .nav .dropdown a{display: block; text-decoration:none;}
.navbar .nav .dropdown:focus,
.navbar .nav .dropdown:hover>a{color:#ffffff; text-decoration:none; background-color: #002a3a;}

.navbar .nav .dropdown:hover .dropdown-menu{display: block;} /* hover na <li> mostra o submenu, <ul> filha */
.navbar .nav a.dropdown-toggle{float:none; padding:20px 15px 20px; font-size: 14px; color:#555555; text-decoration:none; line-height: 20px;} /* <a href> na <li> da <ul> pai */
.navbar .nav a.two-lines{padding-top: 10px; padding-bottom: 10px;}

.navbar .nav .dropdown-menu{display:none; list-style:none; border: 1px #d7d7d7 solid; border-top: none; background: #ffffff; position:absolute; top:60px; left:0; z-index:1000; min-width:108px; padding:13px 0 5px 0; margin:0;} /* <ul> filha */
.navbar .nav .dropdown-menu:hover{color: #ffffff !important;}
.navbar .nav .only-arrow .dropdown-menu{border: none; background:none;} /*  */
.navbar .nav .dropdown-menu:before{
    border-style: solid;
    border-width: 10px 55px 0 55px;
    border-color: #002a3a transparent transparent transparent;
    content: "";
    top: 0px;
    left: 0px;
    position: absolute;
}

.navbar .nav .item-submenu{float:left; width: 87px; text-align: left; display: block; margin: 0 10px; padding: 3px 0; overflow: visible; border-bottom: 1px #3db5e6 dashed;} /* <li> da <ul> filha */
.navbar .nav .last-item{border-bottom: none;}
.navbar .nav .item-submenu a{display: block; padding: 5px 8px; color: #555555; font-size: 12px; background: url(../img/small-arrow-submenu.png) no-repeat 0 11px;}
.navbar .nav .item-submenu a:hover{background: #3db5e6; color: #ffffff; text-decoration: none;}

.navbar .nav .active>a,
.navbar .nav .active>a:hover,
.navbar .nav .active>a:focus {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #002a3a;
}
.navbar .nav .active:before{
    border-style: solid;
    border-width: 10px 55px 0 55px;
    border-color: #002a3a transparent transparent transparent;
    content: "";
    top: 60px;
    left: 0px;
    position: absolute;
}
.navbar .nav .item-submenu:before{display: none;}

/* HOME */
.home-main{}
.home-cont{width:100%;}
.conteudo-banner{width: 100%; background: #f2f2f2;} /*height: 270px;}*/
.slider-wrapper{padding: 0 30px; width: 865px; max-width: 960px; margin: 0 auto;}
.slogan-banner{float: left; max-width: 270px; padding: 70px 0 115px 0;}
.slogan-banner h2{color: #3db5e6; font-family: 'dincond-mediumregular',Helvetica,Arial,sans-serif; font-size: 43px; text-transform: uppercase; letter-spacing: 1px; line-height: 35px;}
.slogan-banner h3{color: #444444; font-family: 'dincond-mediumregular',Helvetica,Arial,sans-serif; font-size: 28px; letter-spacing: 1px; line-height: 35px;}
.slogan-banner h4{color: #777777; font-family: 'dincond-mediumregular',Helvetica,Arial,sans-serif; font-size: 23px; letter-spacing: 1px; line-height: 15px;}

.banner-wrapper{float: right; width: 535px;}
.imagem-banner{position: relative;}
.imagem-banner img{position: absolute; display: none;}

.conteudo-destaque{border-top: #d7d7d7 1px solid;}
.destaque{padding: 90px 30px 0 30px; width: 865px; max-width: 960px; margin: 0 auto; height: 230px;}
.destaque h1 {color: #3db5e6; font-size: 29px; text-transform: uppercase; font-family: 'dincond-mediumregular',Helvetica,Arial,sans-serif; background: url(../img/medium-arrow.png) no-repeat 0px 15px; padding: 0 0 8px 20px; letter-spacing: 1px; margin:0;}
.quemsomos-texto{float: left; width: 520px;}
.destaque p{text-align: justify; line-height: 15px;}
.missao-texto{float: right; width: 240px;}

.bar-aux{position:absolute; z-index:10; top: 335px;}
.bar-aux .menu-aux{list-style:none; display:block; float:left; position: relative;}
.bar-aux .menu-aux li{display: block; float: left; position: relative; width: 130px; height: 120px;}
.bar-aux .menu-aux li a{height: 70px; display: block; padding: 15px 0 30px 0; margin: 10px 0 0 0; font-size: 18px; color: #555555; text-decoration: none; text-align: center; letter-spacing: .5px; border-top: 1px #d7d7d7 solid; border-bottom: 1px #d7d7d7 solid; background: url(../img/small-arrow-menu-aux.png) no-repeat center 20px #ffffff;}
.bar-aux .menu-aux li a p{ font-family: 'dincond-lightregular',Helvetica,Arial,sans-serif; border-right: 1px dashed #3db5e6; padding: 20px 0;}
.bar-aux .menu-aux li span{display: block; font-family: 'dincond-mediumregular',Helvetica,Arial,sans-serif; font-size: 22px; color: #555; text-transform: uppercase; line-height: 30px; letter-spacing: .5px;}
.bar-aux .menu-aux li a p.last-item{border-right: none;}

.bar-aux .menu-aux li:hover>a{color: #ffffff; background: url(../img/small-arrow-menu-aux-over.png) no-repeat center 20px #3db5e6; border-top: 1px #3db5e6 solid;}
.bar-aux .menu-aux li:hover{ background: url(../img/ponta-menu-aux.png) no-repeat 0 0;}

.bar-aux .menu-aux li a.active{color: #ffffff; background: url(../img/small-arrow-menu-aux-over.png) no-repeat center 20px #3db5e6; border-top: 1px #3db5e6 solid;}
.bar-aux .menu-aux li.active{background: url(../img/ponta-menu-aux.png) no-repeat 0 0;}


/* TODAS DAS PAGINAS */
#content{padding: 0 30px;}
.breadcrumbs{margin: 20px 0 10px 0; color: #cbcbcb;}
.main-body .container{padding-top:15px; padding-bottom:15px;}
.page-header h1 {color: #3db5e6; font-size: 22px; text-transform: uppercase; font-family: 'dincond-mediumregular',Helvetica,Arial,sans-serif; background: url(../img/small-arrow.png) no-repeat 0px 15px; padding-left: 12px; letter-spacing: 1px; margin:0;}

.text-page p{color: #ffffff; margin: 10px 0 10px 0; line-height: 16px; text-align: justify;}
.left-side{width: 551px; float: left;}
.left-side .text-page{ padding: 0 30px 0 0;}

.right-side{width: 254px; float: left;}
.right-side .box-menu-aux{background: #ffffff; width: 245px; border-top: #d7d7d7 solid 1px; margin: 10px 0 0 0; font-family: 'dinmedium',Helvetica,Arial,sans-serif;}
.right-side .box-menu-aux .top-box{background: url(../img/arrow-box-right-side.png) no-repeat center bottom #3db5e6; text-transform: uppercase; text-align: center; font-size: 14px; padding: 14px 0; width: 245px; display: block; letter-spacing: 1px;}
.right-side .box-menu-aux ul{background: url(../img/ponta-box-right-side.png) no-repeat 0px 0px;}
.right-side .box-menu-aux .links-rel{display: block; width: 200px; margin: 0 20px; padding: 7px 0 7px 0; border-bottom: 1px #81bee1 dashed;}
.right-side .box-menu-aux .first-item{padding-top: 17px;}
.right-side .box-menu-aux .last-item{border-bottom: none; padding-bottom: 10px;}
.right-side .box-menu-aux .links-rel a{width: 200px; font-size: 16px; color: #555555; background: url(../img/small-arrow-submenu.png) no-repeat 5px 9px; padding: 0 0 0 15px; margin: 0 0 0 0; display: block; text-decoration: none;}
.right-side .box-menu-aux .links-rel a:hover{background: #3db5e6; color: #ffffff;}


/* COSULTORES DE RISCO */
/* UM EM CIMA DO OUTRO */
.consultores{padding: 0 20px 0 0;}
.consultores .box-consultor{background: #ffffff; border-top: #d7d7d7 solid 1px; margin: 10px 0 0 0; float: left; width: 100%; margin: 20px 0 0 0;}
.consultores .box-consultor .top-box {background: #3db5e6; text-align: center;}
.consultores .box-consultor .top-box .nome-consultor{font-family: 'dinmedium',Helvetica,Arial,sans-serif; letter-spacing: 1px; font-size: 21px; color: #002a3a; padding: 10px 0 0 0; display: block; text-transform: uppercase;}
.consultores .box-consultor .top-box .titulo-consultor{color: #ffffff; font-size: 14px; letter-spacing: 0; display: block;}
.consultores .box-consultor .wrap-info-consultor{background: url(../img/ponta-box-consultor.png) no-repeat center top; color: #ffffff; width: 100%; float: left;}
.consultores .box-consultor .info-consultor{color: #555555; padding: 0 0 20px 20px; width:70%; float: left;}
.consultores .box-consultor .info-consultor p{font-family: 'dinmedium',Helvetica,Arial,sans-serif; padding: 20px 0 5px 0;}
.consultores .box-consultor .info-consultor ul{padding: 0 0 0px 0;}
.consultores .box-consultor .info-consultor ul li{line-height: 18px;}

.consultores .box-consultor .img-consultor{position: relative;}
.consultores .box-consultor .img-consultor .foto-consultor{position: absolute; bottom: 0; right: 0;}

/* LADO A LADO */
/*.consultores{padding: 0 20px 0 0;}*/
/*.consultores .left-box{margin-left: 6px; margin-right: 0;}
.consultores .right-box{margin-left: 0; margin-right: 6px;}
.consultores .box-consultor{background: #ffffff; border-top: #d7d7d7 solid 1px; float: left; width: 395px; margin-top: 20px; margin-bottom: 0; min-height: 280px;}
.consultores .box-consultor .top-box {background: #3db5e6; text-align: center;}
.consultores .box-consultor .top-box .nome-consultor{font-family: 'dincond-mediumregular',Helvetica,Arial,sans-serif; letter-spacing: 1px; font-size: 21px; color: #002a3a; padding: 10px 0 0 0; display: block; text-transform: uppercase;}
.consultores .box-consultor .top-box .titulo-consultor{color: #ffffff; font-size: 14px; letter-spacing: 0; display: block;}
.consultores .box-consultor .wrap-info-consultor{background: url(../img/ponta-box-consultor.png) no-repeat center top; color: #ffffff; width: 100%; float: left;}
.consultores .box-consultor .info-consultor{color: #555555; padding: 0 0 20px 20px; width:100%; float: left;}
.consultores .box-consultor .info-consultor p{font-family: 'dincond-mediumregular',Helvetica,Arial,sans-serif; padding: 20px 0 5px 0;}
.consultores .box-consultor .info-consultor ul{padding: 0 0 0px 0;}
.consultores .box-consultor .info-consultor ul li{line-height: 18px;}

.consultores .box-consultor .img-consultor{position: relative;}
.consultores .box-consultor .img-consultor .foto-consultor{position: absolute; bottom: 0; right: 0;}*/


/* PARA A SUA EMPRESA//PARA OS SEUS FUNCIONÁRIOS//PARA VOCE//GESTÃO DE ENERGIA */
.banner-page{margin: 10px 0 0 0; padding: 0 30px 0 0;}
.lista-servicos{margin: 25px 0 25px 0; padding: 0 30px 0 0;}
.subtitulo{width: 350px; float: left; display: block; background: url(../img/mark-subtitulos.png) no-repeat 0 6px; margin: 5px 0; line-height: 28px; padding: 0 0 0 10px; font-size: 14px; color: #ffffff; font-family: 'dinmedium',Helvetica,Arial,sans-serif; letter-spacing: .5px;}

.link-form{width: 150px; height: 28px; float: right; padding: 0 0 0 10px; margin: 5px 0; background: url(../img/botao_form_pdf.png) no-repeat 0 0;}


/* SEGURADORAS */
.logo-seg{width: 15%;}

.cont-page ul.thumbnails{margin: 30px auto;}
.cont-page ul.thumbnails li {float:left; margin: 0 6px 12px 6px;}
.img-moldura{color: #3db5e6; border: 1px solid #186a92; padding: 3px;}


/* CLIENTES */


/* DICAS */
/*.dicas-gerais{float: left; width: 70%;}
.dicas-gerais li{margin-bottom: 4px;}

.dicas-categorias{float: right; width: 30%}
.dicas-categorias .categoria .mark-dica{background: url(../img/mark-dicas.png) no-repeat 0 0; padding: 0 0 12px 12px;}
.dicas-categorias .categoria .mark-dica span{text-transform: uppercase;}
.dicas-categorias .categoria .link-dica{margin: 8px 0 0 -12px;}
.dicas-categorias .categoria .link-dica li{margin-bottom: 4px;}*/

/* FALE CONOSCO */
.item-enderecos{display: block; background: url(../img/mark-subtitulos.png) no-repeat 0 0; margin: 0 0 0 0; padding: 0 0 0 10px; font-size: 16px; color: #3db5e6; font-family: 'dinmedium',Helvetica,Arial,sans-serif; letter-spacing: .5px;}
.texto-enderecos{display: block; margin: 5px 0 0 0; font-size: 12px; color: #555555; line-height: 15px;}
.right-side .box-menu-aux .links-rel .texto-enderecos a{font-size: 12px; background: none; padding: 0;}

.right-side .box-menu-aux .links-rel .texto-enderecos a:hover{color: #08c;}

.first-field{margin: 20px 0 0 0 ;}
.left-field{float: left; width: 230px;}
.right-field{float: right; width: 320px;}

.form label{float: left; display: block; width: 70px; text-align: right;}
.form label[for='ContactForm_Horario']{line-height: 15px; margin-top: -5px;}
.form input[type="text"], .form input[type="password"], select, textarea {float: left; display: inline-block; height: 17px; padding: 0 4px; margin:0 0 15px 5px;}
.form textarea {width: 436px; height: 80px; padding: 0 4px;}
.form-contato input[type="submit"] {
   font-size: 8px;
   letter-spacing: .5px;
   color: #002a3a;
   float: right;
   width: 57px;
   height: 16px;
   margin-right: 30px;
   line-height: 16px;
   padding: 0;
   background: url(../img/bt-enviar.png) no-repeat 0 0;
   border: none;
/*   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;*/
}
/* COSULTORES DE RISCO */
/* UM EM CIMA DO OUTRO */


#ContactForm_Nome{width: 436px;}
#ContactForm_Ddd{width: 20px;}
#ContactForm_Telefone{width: 103px;}
#ContactForm_Email{width: 205px;}
#ContactForm_Cidade{min-width: 215px;}
#ContactForm_Interesse{width: 138px;}
#ContactForm_Horario{width: 205px;}

.form-contato input[type="submit"]:hover {background: url(../img/bt-enviar.png) no-repeat 0 -16px; color: #ffffff;}

/* FOOTER */
footer{background-color:#002a3a; position: absolute; bottom: 0; width: 100%;}
/*footer p{font-size: 12px;}*/
footer .copy{float: left; width: 50%; line-height: 25px;}
footer .link-developer{float: right; width: 20%; background: url(../img/logo-multi.png) no-repeat right top; text-align: right; padding-right: 35px; line-height: 25px;}
.footer{padding:10px 20px;}
.footer a{text-decoration: none; color: #ffffff;}
.footer a:hover{color: #08c;}