@charset "utf-8";

* { 
	margin:0; 
	padding:0; 
	list-style:none;
}

body {
	font-family: "Open sans", sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#36697A;
	text-align:left;
	background-color:#FFF;
	background-image:url(../img/i_fundopagina.jpg);
	background-position:top center;
	background-size:cover;
}

@media (max-width: 899px) {
	body {
	}
}

img{ 
	border:0; 
	vertical-align:top;
	max-width:99%;
}

h1{
	font-size:36px;
	font-weight:bold;
	text-shadow:0 0px 0 #ffffff;
	line-height:50px;
	text-transform:uppercase;
}

.h1Left{
	text-align:left;
}

@media (max-width: 899px) {
	.h1Left{
		text-align:center;
	}
}

.h1Sub{
	color:#000;
	font-weight:bold;
	font-size:24px;
	line-height:30px;
	text-transform:uppercase;
}

h2{
	color:#CCC;
	font-size:80px;
	font-weight:bold;
	line-height:90px;
	text-shadow:0 0px 0 #ffffff;
	text-transform:uppercase;
}

@media (max-width: 899px) {
	h2{
		font-size:40px;
	}
}

h2.h2Left{
	text-align:left;
}

@media (max-width: 899px) {
	h2.h2Left{
		text-align:center;
	}
}

h3{
	color:#45859B;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	text-shadow:0 0px 0 #ffffff;
	text-transform:uppercase;
}

h3.h3Left{
	text-align:left;
}

@media (max-width: 899px) {
	h3.h3Left{
		text-align:center;
	}
}

hr {
	width:100%;
    border: 0px;
    border-bottom: 1px dashed #45859B;
}

label {
	margin-bottom:5px;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

strong{
	font-weight:800;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
}

p{
	font-size:16px;
	line-height:20px;
	text-align:center;
}

p.pUppercase{
	text-transform:uppercase;
}

p.pLeft{
	text-align:left;
}

@media (max-width: 899px) {
	p.pLeft{
		text-align:center;
	}
}

a{
	color:#45859B;
	text-decoration:none;
	transition-duration: 0.5s;
}

a:hover{
	color:#10272E;
}

.aEnviar{
	text-transform:uppercase;
}

.aFiltroProduto{
	opacity:0.8;
}

.aFiltroProduto:hover{
	opacity:1;
}

.aBotaoPequeno{
	display:block;
	width:49px;
	height:51px;
	background-image:url(../img/i_botaopequeno.png);
	border:0px solid #006;
	transition-duration: 0.5s;
}

.aBotaoPequeno:hover{
	background-image:url(../img/i_botaopequeno_.png);
}

.aBotaoGrande{
	display:block;
	width:72px;
	height:72px;
	background-image:url(../img/i_botaogrande.png);
	border:0px solid #006;
	transition-duration: 0.5s;
}

.aBotaoGrande:hover{
	background-image:url(../img/i_botaogrande_.png);
}

.aGrito{
	display:block;
	width:115px;
	height:30px;
	background-image:url(../img/i_gritoempresarial.png);
	background-position:top;
	border:0px solid #006;
	transition-duration: 0.5s;
}

.aGrito:hover{
	background-position:bottom;
}

.aGoTop{
    display:none;
    width:50px;
    height:50px;
    position:fixed;
    bottom:50px;
    right:50px;
	color:#398235;
	font-size:11px;
    text-indent:10px;
	text-shadow:0 1px 0 #ffffff;
	line-height:48px;
	border:4px solid #CCC;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	background: #CCC;
	background: -moz-radial-gradient(center, ellipse cover,  #CCC 0%, #F9F9F9 44%, #45859B 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#CCC), color-stop(44%,#F9F9F9), color-stop(100%,#45859B));
	background: -webkit-radial-gradient(center, ellipse cover,  #CCC 0%,#F9F9F9 44%,#45859B 100%);
	background: -o-radial-gradient(center, ellipse cover,  #CCC 0%,#F9F9F9 44%,#45859B 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #CCC 0%,#F9F9F9 44%,#45859B 100%);
	background: radial-gradient(ellipse at center,  #CCC 0%,#F9F9F9 44%,#45859B 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCC', endColorstr='#45859B',GradientType=1 );
	transition-duration: 0.5s;
	opacity:0.6;
	z-index:999;
}

@media (max-width: 899px) {
	.aGoTop{
		bottom:10px;
		right:10px;
	}
}

.aGoTop:hover{
	color:#398235;
    opacity:1;
}

input:focus,select:focus{
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 4px #00A8D1;
}

input[type=text] {
	color:#FFF;
	width:98%;
	height:20px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:1%;
	padding-right:1%;
	margin-bottom:10px;
	min-width:250px;
	background-color:#CCC;
	border:0px solid #EBEBEB;
	border-radius:8px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
} 

@media (max-width: 899px) {
	input[type=text] {
		width:88%;
	} 
}

select{
	color:#FFF;
	width:100%;
	height:30px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:1%;
	padding-right:1%;
	margin-bottom:10px;
	background-color:#CCC;
	border:0px solid #EBEBEB;
	border-radius:8px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

input[type=checkbox]:checked + label:before {  
    content: "\2713";  
    font-size: 11px;  
    color: #333;  
    text-align: center;  
    line-height: 13px;  
}  

select.selectMenu{
	display:none;
	font-size:16px;
	line-height:30px;
	opacity:0.7;
}

@media (max-width: 899px) {
	select.selectMenu{
		display:block !important;
	}
}

textarea {
	width:98%;
	height:100px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:1%;
	padding-right:1%;
	margin-bottom:10px;
	min-width:250px;
	background-color:#CCC;
	color:#FFF;
	border:0px solid #EBEBEB;
	border-radius:8px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
} 

@media (max-width: 899px) {
	textarea {
		width:88%;
	} 
}

.tdSeparador{
	padding:10px;
	background-color:#36697A;
	color:#FFF;
	border-radius:8px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

/* PORTFOLIO ------------------------------------------------------------------------------------------------------------*/

.divPortfolioFiltro{ 
	margin:3%;
    margin-bottom: 30px;
}

.divPortfolioConteudo{
	margin:2%;
}

.divPortfolioConteudo div{
	width:275px;
	height:280px;
	padding:10px;
	margin:10px;
	border:1px solid #F4F4F4;
	border-radius:12px;
	background-color:#FFF;
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}

@media (max-width: 899px) {
	.divPortfolioConteudo div{
		width:98%;
		height:300px;
	}
	.divPortfolioConteudo div img{
		height:200px;
	}
}

.divPortfolioConteudo div:hover{
	box-shadow: 0px 5px 10px #CCC;
	z-index:9999;
}

.divPortfolioConteudo div img{
	border-radius:12px;
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}

.isotope-item {
    z-index: 2;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope, .isotope .isotope-item {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

/*------------------------------------------------------------------------------------------------------------*/

.spanIcone{
	display:inline-block;
	height:13px;
	width:13px;
	float:left;
	padding-right:2px;
	opacity:0.5;
	background-image:url(../img/i_icone.png);
	background-repeat:no-repeat;
	border:0px solid #039;
	transition-duration: 0.5s;
}

	.spanIconeFace{
		height:39px;
		width:39px;
		background-position:0px -165px !important;
	}
	
	.spanIconeTwitter{
		height:39px;
		width:39px;
		background-position:-52px -165px !important;
	}

/*------------------------------------------------------------------------------------------------------------*/

#divAvisoCarregando{
	position:fixed; 
	top:0px; 
	left:0px; 
	width:100%;
	height: 100%;
	cursor:wait !important;
	background: rgb(244,244,244); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(244,244,244,0.9) 0%, rgba(255,255,255,0.9) 50%, rgba(247,247,247,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,244,0.9)), color-stop(50%,rgba(255,255,255,0.9)), color-stop(100%,rgba(247,247,247,0.9))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(244,244,244,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(247,247,247,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(244,244,244,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(247,247,247,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(244,244,244,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(247,247,247,0.9) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(244,244,244,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(247,247,247,0.9) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
	z-index:9999 !important;
}

#divAvisoCarregando img{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-50px;	
}

/*------------------------------------------------------------------------------------------------------------*/

.pAlert{
	display:block;
	width:92%;
	padding:2%;
	margin:2%;
	line-height:20px;
	border:1px;
	border-radius:8px;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

	.pAlertAviso{
		color:#3A87BD;
		background-color:#D9EDF7;
		border-color:#BCE8F1;
		border-style:solid
	}
	
	.pAlertAtencao{
		color:#C09853;
		background-color:#FCF8E3;
		border-color:#FBEED5;
		border-style:solid
	}
	
	.pAlertSucesso{
		color:#468847;
		background-color:#DFF0D8;
		border-color:#D6E9C6;
		border-style:solid
	}
	
	.pAlertErro{
		color:#B94A48;
		background-color:#F2DEDE;
		border-color:#EED3D7;
		border-style:solid
	}

/*------------------------------------------------------------------------------------------------------------*/

ul.ulMenu{
	width:100%;
}

@media (max-width: 899px) {
	ul.ulMenu{
		display:none;
	}
}

ul.ulMenu li{
	display:inline-block;
	padding-right:20px;
	padding-bottom:10px;
}

ul.ulMenu li a{
	color:#11282F;
	font-size:18px;
	text-transform:uppercase;
}

.ulMenuSelected{
	color:#11282F;
}

@media (max-width: 899px) {
	ul.ulMenu li{
		padding-right:5px;
	}
}

ul.ulMenuRodape{
	width:100%;
}

@media (max-width: 899px) {
	ul.ulMenuRodape{
		display:none;
	}
}

ul.ulMenuRodape li{
	display:inline-block;
	padding-right:20px;
	padding-bottom:10px;
}

@media (max-width: 899px) {
	ul.ulMenu li{
		padding-right:5px;
	}
	ul.ulMenu li a:hover{
		color:#E72123;
	}
}

ul.ulSeguradora li {
	font-size:12px;
	padding:20px;
	display:inline-block;
	margin-left:5px;
	margin-bottom:5px;
	background-color:#FFF;
	border-radius:20px;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
	box-shadow: 0px 5px 10px #E9E9E9;
}

ul.ulSeguradora li img{
	margin-bottom:10px;
}

ul.ulSeguradora li div{
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#FFF;
	opacity:0.6;
	z-index:9999;
}

ul.ulSeguradora li:hover div{
	display:inherit;
}

/*------------------------------------------------------------------------------------------------------------*/

.divBannerProduto { width:100%; position: relative; overflow: auto; }
    .divBannerProduto li { list-style: none; }
        .divBannerProduto ul li { float: left; }
	        .divBannerProduto ul li img{ max-width:100%}

/*------------------------------------------------------------------------------------------------------------*/

.divNav {
	display:block;
	position:fixed;
	top:0px;
	width:100%;
	height:auto;
	padding-top:10px;
	z-index:999;
	transition-duration: 0.5s;
	background-color:#FFF;
}

.divHeader {
	height:100px;
	padding-top:60px;
}

@media (max-width: 899px) {
	.divHeader {
		height:140px;
		padding-top:70px;
	}
}

.divHeaderLogo{
	margin-left:10px;
	position:relative;
	float:left;
}

@media (max-width: 899px) {
	.divHeaderLogo{
		width:100%;
		text-align:center;
	}
}

.divLinha{
	clear:both;
	margin-top:40px;
	border:0px solid #F00;
}

@media (max-width: 899px) {
	.divLinha{
		margin-top:20px;
	}
}

.divLinhaProduto{
	margin-top:0px !important;
}

.divLinhaConteudoApresentacao{
	padding-top:0px !important;
}

.divLinhaConteudoApresentacao img{
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

@media (max-width: 899px) {
	.divLinhaConteudoApresentacao{
		display:none;
	}
}

.divLinha .divLinhaConteudo{
	clear:both;
	display:table;
 	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	max-width:1000px;
	margin:0 auto;
	text-align:center;
	border:0px solid #F00;
}


@media (max-width: 899px) {
	.divLinha .divLinhaConteudo{
		width:98%;
		margin:2%;
		text-align:center;
	}
}

.divLinhaConteudoSeguradora{
	background-color:#FFF;
	border-radius:40px;
	-moz-border-radius: 40px;
    -webkit-border-radius: 40px;
	border:1px solid #F00;
}

.divLinha .divLinhaConteudo .divLinhaConteudo10{
	position:relative;
	float:left;
	width:5%;
	margin:3%;
	margin-top:0;
	margin-bottom:0;
}

@media (max-width: 899px) {
	.divLinha .divLinhaConteudo .divLinhaConteudo10{
		width:98%;
		margin:2%;
	}
}

.divLinha .divLinhaConteudo .divLinhaConteudo30{
	position:relative;
	float:left;
	width:25%;
	margin:3%;
	margin-top:0;
	margin-bottom:0;
	border:0px solid #F00;
}

@media (max-width: 899px) {
	.divLinha .divLinhaConteudo .divLinhaConteudo30{
		width:98%;
		margin:2%;
	}
}

.divLinha .divLinhaConteudo .divLinhaConteudo40{
	float:left;
	width:37%;
	margin:1%;
	margin-top:0;
	margin-bottom:0;
	border:0px solid #F00;
}

@media (max-width: 899px) {
	.divLinha .divLinhaConteudo .divLinhaConteudo40{
		width:98%;
		margin:2%;
	}
}

.divLinha .divLinhaConteudo .divLinhaConteudo50{
	position:relative;
	float:left;
	width:47%;
	margin:1%;
	margin-top:0;
	margin-bottom:0;
	border:0px solid #F00;
}

@media (max-width: 899px) {
	.divLinha .divLinhaConteudo .divLinhaConteudo50{
		width:98%;
		margin:2%;
	}
}

.divLinha .divLinhaConteudo .divLinhaConteudo60{
	position:relative;
	float:left;
	width:58%;
	margin:1%;
	margin-top:0;
	margin-bottom:0;
	border:0px solid #F00;
}

@media (max-width: 899px) {
	.divLinha .divLinhaConteudo .divLinhaConteudo60{
		width:98%;
		margin:2%;
	}
}

.divLinha .divLinhaConteudo .divLinhaConteudo70{
	position:relative;
	float:left;
	width:67%;
	margin:1%;
	margin-top:0;
	margin-bottom:0;
}

@media (max-width: 899px) {
	.divLinha .divLinhaConteudo .divLinhaConteudo70{
		width:98%;
		margin:2%;
	}
}

.divLinha .divLinhaConteudo .divLinhaConteudo100{
	position:relative;
	float:left;
	width:100%;
	margin:0%;
	margin-top:0;
	margin-bottom:0;
	border:0px solid #F00;
}

@media (max-width: 899px) {
	.divLinha .divLinhaConteudo .divLinhaConteudo100{
		width:98%;
		margin:2%;
	}
}

.divLinha .divLinhaConteudo .divLinhaConteudoBotao{
	width:100px;
	height:60px;
}

.divLinha .divLinhaConteudo .divLinhaConteudoBotaoPequeno{
	position:absolute;
	top:10px;
	left:0px;
	width:51px;
	height:51px;
	z-index:9000;
}

.divLinha .divLinhaConteudo .divLinhaConteudoBotaoGrande{
	position:absolute;
	left:35px;
	width:72px;
	height:72px;
	z-index:9000;
}

.divLinhaConteudoTracejado{
	background-image:url(../img/i_tracejado.png) !important;
	background-repeat:repeat-x;
	background-position:center;
}

.divLinha .divLinhaConteudoEspaco{
	height:100px;
}

@media (max-width: 899px) {
	.divLinha .divLinhaConteudoEspaco{
		height:0px;
	}
}

.divLinhaConteudo60Arvore{
	position:absolute;
	top:0;
	right:0;
}

@media (max-width: 899px) {
	.divLinhaConteudo60Arvore{
		display:none;
	}
}

.divBox{
	position:absolute;
	bottom:-10px;
	left:35%;
	transition-duration: 0.5s;
}

@media (max-width: 899px) {
	.divBox{
		display:none;
	}
}

.divLinhaConteudoBotao{
	width:100px;
	height:60px;
	border:px solid #F00;
}

.divLinhaConteudoBotaoPequeno{
	position:absolute;
	top:10px;
	left:65px;
	width:53px;
	height:50px;
	z-index:9000;
	overflow:hidden;
	border:0px solid #F00;
}

.divLinhaConteudoBotaoGrande{
	position:absolute;
	left:100px;
	width:71px;
	height:70px;
	z-index:9000;
}
