/*
Theme Name: Mais Negócios e Seguros
Theme URI: http://www.mandarinadigital.com.br
Author: Mandarina Digital
Author URI: http://www.mandarinadigital.com.br
*/
@charset "utf-8";
@import "css/reset.css";

/*geral*/
body{ background:#fff; font-family:arial;  color:#00427a; font-size:14px;}
.geral{ width:960px; margin:0 auto; position:relative; }
.mobile-tabs{ display:none;}
.mandarina-mobile{ display:none;}
.mobile-rodape{ display:none;}
/*topo*/
#topo{ background:#edf1f6; border-bottom:#fff solid 8px; height:167px;}
#topo h1{ width:149px; height:132px; float:left; margin:16px 0 0 30px;}
#topo h1 a{ display:block; text-indent:-9999px; background:url(images/marca.png) no-repeat;  width:149px; height:132px;}
#topo .menu{ float:left; margin:107px 0 0 50px;}
#topo .menu ul li{ float:left; border-right:#afc4d5 solid 1px; padding:5px 20px;}
#topo .menu ul li a{font-family: 'Raleway', sans-serif; letter-spacing:-1px; color:#00427a; font-size:18px; text-transform:uppercase;}
#topo .menu ul li a:hover{ color:#f37121;}
#topo .menu ul li:last-child{border-right:none;}
/* Efeito menu */
.cl-effect-15 a::before {
	color:#00427a;
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}

.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}
#topo .redes{ float:left; margin:99px 0 0 30px;}
#topo .redes ul li{ float:left; margin:0 0 0 10px;}
#topo .redes ul li a{background:url(images/social.png) no-repeat; height:37px; width:37px; text-indent:-9999px; display:block;}
#topo .redes ul li a.facebook{ background-position:0 0;}
#topo .redes ul li a.facebook:hover{ background-position:0 -37px;}
#topo .redes ul li a.linkedin{ background-position:-45px 0;}
#topo .redes ul li a.linkedin:hover{ background-position:-45px -37px;}
#topo .redes ul li a.email{ background-position:-90px 0;}
#topo .redes ul li a.email:hover{ background-position:-90px -37px;}

/*slides*/
#slides .b-um{ position:relative;}
#slides .b-um .description{ top:180px; position:absolute; z-index:99; left:50%; margin-left:-80px;}
#slides .b-um .description h2{ font-size:44px; line-height:140%; color:#00427a; text-transform:uppercase;  font-style:oblique; display:block; width:437px;}
#slides .b-um img{ top:-78px; left:50%; position:absolute; margin-left:-437px;}
#slides .b-dois{ position:relative;}
#slides .b-dois .description{ top:150px; position:absolute; z-index:99; right:15%;}
#slides .b-dois .description h2{ font-size:35px; line-height:150%; color:#fff; text-transform:uppercase;  font-style:oblique;}
#slides .b-dois img{ top:50px; left:13%; position:absolute; }
#slides .b-tres{ position:relative;}
#slides .b-tres .description{ top:150px; position:absolute; z-index:99; right:20%; }
#slides .b-tres .description h2{ font-size:35px; line-height:150%; color:#fff; text-transform:uppercase;  font-style:oblique;}
#slides .b-tres img{ top:-165px; left:-40px; position:absolute; }

/*tabs*/
#tabs{background:#e9eef3;}
.geral-tabs{ width:750px; margin:0 auto; position:relative;  }
.menu-tabs{ width:680px;}
#tabs_container{background: #d3dee8; height:auto; display:block;}
#tabs_container img{ float:left;}
#tabs_container div{min-height:300px;}
#tabs_container p{ line-height:170%; font-size:14px; color: #00427a; float:left; width:490px; margin:80px 0 0 20px; }
#tabs_container a{ background:#93afc7; color:#fff; padding:7px 15px; float:left; font-family: 'Raleway', sans-serif; text-transform:uppercase; font-size:13px; letter-spacing:-1px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:30px 0 0 400px;}
#tabs_container a:hover{background:#f37121; }

/*parceiros*/
#parceiros{ padding:0 0 30px 0; }
#parceiros .geral{ border-bottom:#d3dee8 solid 1px; padding:25px 0;}
#parceiros h2{ color:#00427a; font-size:22px; font-family: 'Raleway', sans-serif; margin:0 0 40px 70px;}
#parceiros ul li{ float:left; margin:0 10px;}
#parceiros ul li img{ width:216px;}

/*cotacao*/
#cotacao{ padding:0 0 50px 0; display:block;}
#cotacao .solicite{ float:left;}
#cotacao .solicite img{ width:260px;}
#cotacao .marcas-porto{ float:left; margin:15px 0 0 40px; width:657px;}
#cotacao .marcas-porto div{ float:left; margin:8px 10px 0 0;}


/*empresa*/
#empresa{ padding:0 0 100px 0;}
#empresa .titulo{ background:url(images/bg-titulos.jpg) top center repeat-x; width:100%; height:91px;}
#empresa .titulo h2{ padding:20px 0 20px 120px; color:#fff; font-size:27px; font-family: 'Raleway', sans-serif; font-weight:500; display:block; background:url(images/icon-empresa.png) left no-repeat; margin:10px 0 0 30px; float:left;}
#empresa .conteudo{ padding:40px 0;}
#empresa .left{ float:left; width:585px;}
#empresa .left p{ font-size:15px; color:#00427a; line-height:150%; margin-bottom:30px;}
#empresa .left ul li{font-size:14px; color:#00427a; line-height:150%; margin:0 0 3px 0;}
#empresa .left ul li:first-child{ font-style:italic;}
#empresa .left .box{ background:url(images/box-empresa.jpg) no-repeat; width:585px; height:285px; margin:0 0 30px 0;}
#empresa .left .box img{ float:left; margin:10px 0 0 0px;}
#empresa .left .box .txt{ float:left; width:270px; margin:50px 0 0 20px;}
#empresa .left .box .txt p{ color:#ee6a09; font-style:italic; font-size:16px; line-height:170%;}
#empresa .left .box .txt span{ color:#62819d; font-size:15px; display:block; margin:40px 0 0 0; width:240px; text-align:right;}


/*assesoria*/
#assesoria{ padding:0 0 100px 0;}
#assesoria .titulo{ background:url(images/bg-titulos.jpg) top center repeat-x; width:100%; height:91px;}
#assesoria .titulo h2{ padding:20px 0 20px 65px; color:#fff; font-size:27px; font-family: 'Raleway', sans-serif; font-weight:500; display:block; background:url(images/icon-assesoria.png) left no-repeat; margin:10px 0 0 30px; float:left;}
#assesoria .conteudo{ padding:40px 0;}
#assesoria .left{ float:left; width:585px;}
#assesoria .left p{ font-size:15px; color:#00427a; line-height:150%; margin-bottom:30px;}
#assesoria .left span{font-size:14px; color:#00427a; line-height:150%; margin:0 0 20px 0; display:block; font-style:italic;}


/*seguros*/
#seguros{ padding:0 0 100px 0;}
#seguros .titulo{ background:url(images/bg-titulos.jpg) top center repeat-x; width:100%; height:91px;}
#seguros .titulo h2{ padding:20px 0 20px 90px; color:#fff; font-size:27px; font-family: 'Raleway', sans-serif; font-weight:500; display:block; background:url(images/icon-seguros.png) left no-repeat; margin:10px 0 0 30px; float:left;}
#seguros .conteudo{ padding:40px 0;}
#seguros .left{ float:left; width:585px;}
#seguros .left h2{font-size:20px; color:#00427a; font-family: 'Raleway', sans-serif; line-height:150%; margin-bottom:10px; font-weight:700;}
#seguros .left p{ font-size:15px; color:#00427a; line-height:150%; margin-bottom:30px;}
#seguros .left span{font-size:14px; color:#00427a; line-height:150%; margin:0 0 20px 0; display:block; font-style:italic;}



/*accordion*/
.accordion{ margin:0 0 40px 0;}
.accordion h3{font-size:15px; color:#00427a; line-height:100%; margin:0 0 20px 0; border-bottom:#f4791f solid 1px; padding-bottom:5px; font-weight:normal; cursor:pointer;}
.accordion h3:hover{ color:#f4791f;}
.ui-accordion-header-active{color:#f4791f !Important; }
.accordion p{ font-size:14px !important; margin:0 0 15px 0 !important;}
.accordion div{ padding-bottom:20px;}


/*sidebar*/
.sidebar{ background:url(images/divisao.png) top left no-repeat; min-height:1070px; padding-left:45px; margin:0 0 0 45px; float:left; width:280px;}
.sidebar .info{ border-bottom:#f4791f solid 1px; padding-bottom:20px; margin:0 0 20px 0;}
.sidebar .info h2{ font-size:17px; font-family: 'Raleway', sans-serif; margin:0 0 7px 0;}
.sidebar .info p{ font-size:13px; margin:0 0 12px 0; line-height:150%;}
.sidebar .info a{background:#93afc7; color:#fff; padding:7px 15px; font-family: 'Raleway', sans-serif; text-transform:uppercase; font-size:13px; letter-spacing:-1px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; display:inline-block;}
.sidebar .info a:hover{background:#f4791f;}


/*rodape*/
#rodape{ background:#e9eef3; position:relative; padding:60px 0 100px 0;}
#rodape .final{ background:url(images/bg-footer.jpg) top center repeat-x; width:100%; height:60px; display:block; position:absolute; bottom:0; left:0;}
#rodape .contato{ float:left; width:50%; margin-left:2%;}
#rodape .contato h2{ color:#00427a; font-size:22px; font-family: 'Raleway', sans-serif; margin:20px 0 20px 0px;}
#rodape .contato .end{ float:left; width:40%;} 
#rodape .contato .end p{color:#00427a; font-size:13px; font-family: 'Raleway', sans-serif; line-height:180%; font-weight:600;}
#rodape .contato .tel{ float:left; width:50%; margin-left:0;}
#rodape .contato .tel a{color:#00427a; font-size:13px; font-family: 'Raleway', sans-serif; line-height:180%; font-weight:600; display:block;}
#rodape .contato .tel a span{ font-size:16px;}
#rodape .box-facebook{ float:left;  width:45%; margin-left:3%;}
#rodape .box-facebook .fb-like-box{ background:#fff !important; width:400px; height:188px;}
#rodape .box-facebook .mandarina{ margin:30px 0 0 225px; float:left;}

/*lightbox*/
#lightbox{ position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(25, 72, 110, 0.9); z-index:99999 !important; display:none;}
#lightbox .box-cotacao{ background:#fff; width:500px; height:400px; padding:50px; position:fixed; top:50%; left:50%; margin:-250px 0 0 -300px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
#lightbox .box-cotacao .fechar{ position:absolute; top:-20px; right:-20px; background:url(images/fechar.png) no-repeat; width:47px; height:46px; text-indent:-9999px;}
#lightbox .box-cotacao h2{ text-align:center; width:100%; color:#00427a; font-size:16px; text-transform:uppercase; font-family: 'Raleway', sans-serif; margin:0 0 20px 0;}
#lightbox .box-cotacao ul li{ width:100%; margin:0 0 10px 0;}
#lightbox .box-cotacao ul li.float{ width:50%; float:left;}
#lightbox .box-cotacao ul li label{ float:left; margin:0 10px 0 0; line-height:190%;}
#lightbox .box-cotacao ul li input[type="text"]{ border:#dfdfdf solid 1px; width:83%; color:#000; padding:5px;}
#lightbox .box-cotacao ul li.float input[type="text"]{ width:59%;}
#lightbox .box-cotacao ul li.float input[type="text"].email{ width:70%; margin-left:3px;}
#lightbox .box-cotacao ul li p{ margin:40px 0 20px 0;}
#lightbox .box-cotacao ul li.float input[type="radio"]{ float:left; margin:2px 10px 0 0;}
#lightbox .box-cotacao ul li.clear button{ margin:30px 0 0 0; background:#a9bfd2; border:0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color:#fff; text-transform:uppercase; padding:7px 30px; font-family: 'Raleway', sans-serif; font-size:14px; cursor:pointer;}
#lightbox .box-cotacao ul li.clear button:hover{ background:#f37121; }
#lightbox .box-cotacao #formValidacao{ color:#F00; font-weight:bold;}

@media screen and (max-width:1200px){
#slides .b-um{ position:relative;}
#slides .b-um .description{ top:180px; position:absolute; z-index:99; left:50%; margin-left:-80px;}
#slides .b-um .description h2{ font-size:44px; line-height:140%; color:#00427a; text-transform:uppercase;  font-style:oblique; width:auto !important;}
#slides .b-um img{ top:-78px; left:50%; position:absolute; margin-left:-437px;}
#slides .b-dois{ position:relative;}
#slides .b-dois .description{ top:150px; position:absolute; z-index:99; right:17%;}
#slides .b-dois .description h2{ font-size:32px; line-height:140%;}
#slides .b-dois img{ top:130px; left:10%; position:absolute; margin-left:0; width:370px; }
#slides .b-tres{ position:relative;}
#slides .b-tres .description{ top:150px; position:absolute; z-index:99; right:17%; }
#slides .b-tres .description h2{ font-size:35px; line-height:150%; color:#fff; text-transform:uppercase;  font-style:oblique;}
#slides .b-tres img{ top:-165px; left:-240px; position:absolute; }	
}
@media screen and (max-width:1050px){
.geral{ width:100%;}
.geral-tabs{ width:800px;}
.menu-tabs{ width:auto;}
#tabs_container p{ width:470px;}
.jcarousel-control-prev{ left:10px;}
.jcarousel-control-next{ right:10px;}
#cotacao .solicite{ text-align:center; width:100%; display:block;}
#cotacao .solicite img{ width:282px; }
#cotacao .marcas-porto{ display:none;}
#parceiros .geral{ width:86%;}
#parceiros h2{ margin-left:-27px;}
.jcarousel li{ width:195px !important;}
.jcarousel-control-prev {left: -40px; }
.jcarousel-control-next { right: -40px; }
.sidebar{ padding-left:10px; margin:0 0 0 10px; }
#rodape .contato{ margin-left:30px; width:48%;}
#rodape .box-facebook .fb-like-box{ background:none !important; margin-left:0;}
#empresa .left{ padding-left:30px;}
#assesoria .left{ padding-left:30px;}
#seguros .left{ padding-left:30px;}
.sidebar{ padding-left:30px; margin-left:30px;}
}
@media screen and (max-width:950px){
.geral-tabs{ width:100%;}
#topo .redes{ display:none;}	
#rodape .contato{ float:left; width:80%; margin-left:20%;}
#rodape .box-facebook{ display:none;}
#empresa .left{ padding-left:0;}
#assesoria .left{ padding-left:0;}
#seguros .left{ padding-left:0;}
}
@media screen and (max-width:903px){
.sidebar{ display:none;}	
#empresa .left{ width:90%; margin-left:5%;}
#empresa .left .box{ margin:0 auto 30px auto;}
#assesoria .left{ width:90%; margin-left:5%;}
#seguros .left{ width:90%; margin-left:5%;}
}
@media screen and (max-width:810px){
#slides .b-um{ position:relative;}
#slides .b-um .description{ top:160px; position:absolute; z-index:99; left:50%; margin-left:-110px;}
#slides .b-um .description h2{ font-size:40px; line-height:140%; color:#00427a; text-transform:uppercase;  font-style:oblique;}
#slides .b-um img{ top:-78px; left:50%; position:absolute; margin-left:-437px;}
#slides .b-dois{ position:relative;}
#slides .b-dois .description{ top:150px; position:absolute; z-index:99; right:5%;}
#slides .b-dois .description h2{ font-size:32px; line-height:140%;}
#slides .b-dois img{ top:130px; left:5%; position:absolute; margin-left:0; width:370px; }
#slides .b-tres{ position:relative;}
#slides .b-tres .description{ top:150px; position:absolute; z-index:99; right:5%; }
#slides .b-tres .description h2{ font-size:35px; line-height:150%; color:#fff; text-transform:uppercase;  font-style:oblique;}
#slides .b-tres img{ top:-100px; left:-240px; position:absolute; }	
}
@media screen and (max-width:809px){
#featured { height: 284px !important;}
#slides .b-um{ position:relative;}
#slides .b-um .description{ top:40px; position:absolute; z-index:99; left:50%; margin-left:-40%; width:80%; }
#slides .b-um .description h2{ font-size:35px; line-height:130%; color:#fff; text-transform:uppercase;  font-style:oblique;}
#slides .b-um img{ display:none;}
#slides .b-dois{ position:relative;}
#slides .b-dois .description{ top:40px; position:absolute; z-index:99; left:50%; margin-left:-40%; width:80%; }
#slides .b-dois .description h2{ font-size:35px; line-height:130%; color:#fff; text-transform:uppercase;  font-style:oblique;}
#slides .b-dois img{ display:none; }
#slides .b-tres{ position:relative;}
#slides .b-tres .description{ top:30px; position:absolute; z-index:99; left:50%; margin-left:-40%; width:80%; }
#slides .b-tres .description h2{ font-size:35px; line-height:130%; color:#fff; text-transform:uppercase;  font-style:oblique;}
#slides .b-tres img{ display:none; }
.left-arrow, .et-arrow-prev { display:none;}
.right-arrow, .et-arrow-next { display:none;}
}

@media screen and (max-width:755px){
object{ display:none;}
#topo{ background:#edf1f6; border-bottom:#fff solid 8px; height:220px;}
#topo h1{ width:149px; height:132px; float:none; padding-top:10px; margin:0 auto;}
#topo h1 a{ display:block; text-indent:-9999px; background:url(images/marca.png) no-repeat;  width:149px; height:132px;}
#topo .menu{ float:none; margin:30px auto 0 auto; width:70%;}
#topo .menu ul li{ float:left; border-right:#afc4d5 solid 1px; padding:5px 20px;}
#topo .menu ul li a{font-family: 'Raleway', sans-serif; letter-spacing:-1px; color:#00427a; font-size:16px; text-transform:uppercase;}
#tabs { display:none;}
.mobile-tabs{ display:block;}
.mobile-tabs li{ background:#d3dee8; padding:30px 0; text-align:center; position:relative;}
.mobile-tabs li span{background:#759cba; height:1px; width:80%; position:absolute; display:block; bottom:0; left:50%; margin-left:-40%;}
.mobile-tabs li p{font-family: 'Raleway', sans-serif; font-weight:bold; font-size:25px; letter-spacing:-1px; margin:0 0 20px 0; line-height:140%;}
.mobile-tabs li a{ background:#93afc7; color:#fff; padding:7px 15px;  font-family: 'Raleway', sans-serif; text-transform:uppercase; font-size:13px; letter-spacing:-1px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin:0 auto; width:65px; display:block;}
.mobile-tabs li:hover{ background:#c1d1df;}
#cotacao .solicite{ text-align:center; width:100%; display:block;}
#cotacao .solicite img{ width:282px; }
#cotacao .marcas-porto{ display:none;}
#rodape{ padding:20px 0 100px 0;}
#rodape .contato{ float:none; width:100%; margin-left:0;}
#rodape .contato h2{ color:#00427a; font-size:22px; font-family: 'Raleway', sans-serif; margin:20px 0 30px 0px; text-align:center;}
#rodape .contato .end{ float:left; width:100%; margin:30px 0 0 0;} 
#rodape .contato .end p{color:#00427a; font-size:13px; font-family: 'Raleway', sans-serif; line-height:180%; font-weight:600; text-align:center;}
#rodape .contato .tel{ float:left; width:100%; margin-left:0; margin-top:30px;}
#rodape .contato .tel a{color:#00427a; font-size:13px; font-family: 'Raleway', sans-serif; line-height:180%; font-weight:600; display:block; width:100%; text-align:center;}
.mandarina-mobile{ display:block; text-align:center; width:100%; margin:50px 0 0 0;}
.mobile-rodape{ display:block; width:153px; margin:0 auto;}
.mobile-rodape .redes{ float:none; display:block;}
.mobile-rodape .redes ul li{ float:left; margin:0 0 0 10px;}
.mobile-rodape .redes ul li a{background:url(images/social.png) no-repeat; height:37px; width:37px; text-indent:-9999px; display:block;}
.mobile-rodape .redes ul li a.facebook{ background-position:0 0;}
.mobile-rodape .redes ul li a.facebook:hover{ background-position:0 -37px;}
.mobile-rodape .redes ul li a.linkedin{ background-position:-45px 0;}
.mobile-rodape .redes ul li a.linkedin:hover{ background-position:-45px -37px;}
.mobile-rodape .redes ul li a.email{ background-position:-90px 0;}
.mobile-rodape .redes ul li a.email:hover{ background-position:-90px -37px;}
#empresa .left .box{ background:#d1dde7 url(images/box-mobile-empresa.png) bottom center no-repeat!important; width:95%; padding:1%; height:auto; text-align:center;}
#empresa .left .box img{ float:none; margin:0 0 20px 0;}
#empresa .left .box .txt{ width:90%; float:none; margin:0 0 20px 10px;}
#empresa .left .box .txt span{ width:90%;}
#empresa .titulo h2 { margin-left:5px; padding: 20px 0 20px 100px;}
#assesoria .titulo h2 { margin-top:4px; font-size:24px; margin-left:5px; padding: 20px 0 20px 60px;}




}

@media screen and (max-width:755px){
#topo .menu ul li{ padding:5px 10px;}
}
@media screen and (max-width:563px){
#topo .menu{ width:80%;}
}
@media screen and (max-width:495px){
#topo .menu{  width:90%;}
}

@media screen and (max-width:440px){
#topo .menu{  width:100%;}
#featured { height: 250px !important;}
#slides .b-um .description{ top:55px; margin-left:-45%; width:90%; }
#slides .b-um .description h2{ font-size:26px;}
#slides .b-dois .description{ top:50px; margin-left:-45%; width:90%;}
#slides .b-dois .description h2{ font-size:24px;}
#slides .b-tres .description{ top:40px;  margin-left:-45%; width:90%; }
#slides .b-tres .description h2{ font-size:24px; }



}
@media screen and (max-width:400px){
#topo .menu ul{ margin-left:33px;}
#topo .menu ul li{ float:left; border-right:#afc4d5 solid 1px; padding:5px 5px;}
#topo .menu ul li a{font-family: 'Raleway', sans-serif; letter-spacing:-1px; color:#00427a; font-size:14px; text-transform:uppercase;}
#parceiros .geral{ width:70%;}
#parceiros  h2{ text-align:center; margin:0; padding:0;}
.jcarousel li{ width:216px !important; margin-left:23px !important; }
.jcarousel-control-prev {left: -35px; }
.jcarousel-control-next { right: -35px; }
#empresa .titulo h2{ margin-left:43px;}
#assesoria .titulo h2{ margin-left:43px; margin-right:40px;}
#seguros .titulo h2{ margin-left:90px;}
}