@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMa9awK0IKUjIWABZIchFI8.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGHiec-hVyr2k4iOzEQsW1iE.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightIt'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/fpTVHK8qsXbIeTHTrnQH6PwwJPUC4r0o28cUCbhjOjM.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightIt'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/fpTVHK8qsXbIeTHTrnQH6GGomRtBD2u8FwSY4jjlmeA.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/M2Jd71oPJhLKp0zdtTvoMzNrcjQuD0pTu1za2FULaMs.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local('Source Sans Pro Semibold Italic'), local('SourceSansPro-SemiboldIt'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/fpTVHK8qsXbIeTHTrnQH6PULlOK_XQENnt2ryrY843E.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldIt'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/fpTVHK8qsXbIeTHTrnQH6Nog-We9VNve39Jr4Vs_aDc.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackIt'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/fpTVHK8qsXbIeTHTrnQH6ONg1gFYvjbPSGxSBhvPu6E.woff) format('woff');
}


*{font-family: 'Source Sans Pro', Arial, sans-serif;}

body{ background: #FFF; overflow-x: hidden}

h1{ font-size: 22px; color: #333;}

img{ border: none;}

/*iframe{ border: 1px solid #000;}*/

#header{ background: #171717; width: 100%; height: 400px; padding-top: 30px; overflow-y:hidden; }
#header #info{ width: 1080px; height: 120px;}
#header #banner{ width: 1080px; height: auto;}

#menu{ background: rgba( 0, 0, 0, 0.75); width: 100%; height: 130px; position: absolute !important; z-index: 99999}
#menu #content{ width: 1100px; height: 140px;}
#menu #content iframe{ margin-top: 40px;}
#menu .botao{ min-width: 100px; height: 140px; padding: 0 20px; line-height: 140px; background: transparent; border: none;}
#menu .separador{ border-right: 1px solid #CCC;}

#container{ width: 100%; height: auto; padding-top: 10px;}
#container #top{ width: 100%; height: 120px; background: #F8F8F8; margin: 0 auto; margin-top: 120px; box-shadow: inset 0px -1px 2px #E4E4E4;}
#container #top #content{ width: 1100px; height: auto;}
#container #top #content h1{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; line-height: 120px;}
#container #content-baixo{ margin-top: 40px; width: 1100px; min-height: 850px;}
#container #content-baixo .direita{ width: 400px; min-height: 400px; padding-left: 50px;}
#container #content-baixo .esquerda{ width: 665px; min-height: 530px; border-right: 1px solid #DDD; padding-right: 50px;}
#container #content-baixo .esquerda h1{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 34px; line-height: 50px; color: #555; letter-spacing: -0.8pt}
#container #content-baixo .esquerda h2{ font-weight: 300; font-size: 20px; line-height: 28px; color: #888; text-align: left;}
#container #content-baixo .esquerda h3{ font-weight: 400; font-size: 23px; line-height: 38px; color: #555; text-align: left; letter-spacing: -1.5pt}
#container #content-baixo .esquerda h4{ font-weight: 300; font-size: 23px; line-height: 38px; color: #555; text-align: left; letter-spacing: -1.5pt}
#container #content-baixo .esquerda p{ font-weight: 400; font-size: 14px; line-height: 20px; color: #333; text-align: left;}
.texto{ width: 100%; height: 30px; border: 1px solid #CCC;}
.areatexto{ width: 100%; height: 130px; border: 1px solid #CCC;}
.submit{ width:100%; height: 36px; background: #18567A; color: #FFF; border: 1px solid #FFF; transition: 0.8s}
.submit:hover{  width:100%; height: 36px;  background-color: #063; color: #FFF; border: 1px solid #FFF; transition: 0.8s -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s;}
.dir{ width: 430px;}
.dir p{ line-height: 12px;}

.tabela{ width: auto; height: 150px; border: 1px solid rgb(231, 231, 231); border-radius: 3px; font-size: 14px; color: #333;}
.tabela td{ height: auto; padding: 10px; border: 1px solid rgb(231, 231, 231);}

.botao{ width: auto; height: 40px; padding: 0 20px; line-height: 40px; background: #DDD; color: #666; font-size: 10px; font-weight: bold; border-radius: 0px; border: none;}
.botao:hover{ width: auto; height: 40px; padding: 0 20px; line-height: 40px; background: #18567A; color: #FFF; font-size: 10px; font-weight: bold; border-radius: 0px; border: none;}
.botao:focus{ width: auto; height: 40px; padding: 0 20px; line-height: 40px; background: #18567A; color: #FFF; font-size: 10px; font-weight: bold; border-radius: 0px; border: none;}

#container #content{ width: 940px; height: auto; padding-bottom: 30px;}
#container #content-busca #busca{ width:930px; height:100px;}
#container #content p{ font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 16px; color: rgb(64, 64, 64); text-align: justify}
#container .content-minor{ width: 745px; height: auto; padding-bottom: 30px; background: #E7E7E7; border: 2px solid #FFF; box-shadow: 0px 1px 3px rgba( 0, 0, 0, 0.6); border-radius: 8px;}
#container .content-minor img{ margin-top: -20px;}
#container .content-minor p{ font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 14px; color: rgb(64, 64, 64); text-align: justify; line-height: 30px;}
#container .content-minor span{ font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; font-size: 12px; color: rgb(128, 128, 128); text-align: justify; line-height: 30px;}

#footer{ width: 100%; height: 250px; background: #999;}
#footer #content{ width: 1040px; height: 300px; padding-top: 10px;}
#footer #content .link{ width: 300px; height: 230px; padding-top: 10px;}
#footer #content .link .cont-link{ width: 300px; height: 37px; line-height: 37px; border-bottom: 1px solid #888; font-size: 14px}
#footer #content .link .cont-link a{ color: #333; text-decoration: none; line-height: 37px; font-size: 17px}
.link_branco{ color: #FFF; text-decoration: none; line-height: 30px; font-size: 14px;}

#footer-bot{ width: 100%; height: 70px; background: #656562;}
#footer-bot #content{ width: 1040px; height: 50px; padding-top: 10px;}
#footer-bot #content img{ margin-right: 20px;}
#footer-bot #content .endereco{ max-width: 450px; margin-top: 2px; color: #333; text-decoration: none; line-height: 18px;  font-size: 15px;}
#footer-bot #content span{ color: #A78B6B; font-size: 30px; float: right; line-height: 50px;}

.titulo{ font-weight: bold; color: #343932; font-size:16px;}
.link{ color: #AAA; text-decoration: none}
.texto-justificado{ text-align: justify;}
.caixa-de-texto{ width: 300px; height: 28px; background: #FFF; border: 1px solid #CCC; border-radius: 6px; margin-right: 150px;}
.caixa-de-mensagem{ width: 300px; height: 80px; background: #FFF; border: 1px solid #CCC; border-radius: 6px; margin-right: 150px;}

.link_corretor_content{ width: 250px; height: 170px;}
.link_corretor_content a{ font-size: 14px; color: #CD6666; text-decoration: none}
.link_corretor_content h3{ font-family: Arial, Helvetica, sans-serif; font-weight: lighter; font-size: 18px; line-height: 30px; border-bottom: 2px solid #18567A; color: #555; letter-spacing: -0.8pt;}

.center{ margin: 0 auto;}
.left{ float: left;}
.right{ float: right;}

.margin-left{ margin-left: 15px;}
.margin-right{ margin-right: 15px;}
.margin-top{ margin-top: 20px;}
.margin-top-maior{ margin-top: 40px;}
.margin-bottom{ margin-top: 20px;}

.borda-teste{ border: 1px solid #6C0;}

/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:none;
	/*font-weight:bold;*/
	/* Clear floats */
	float: left;
	width:600px;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
	z-index: 999;
	position: relative;
	
	/*border: 1px solid #098;
	margin: 0 215px;*/
	margin-left: 25px;
	margin-top: 40px;
}
#nav li{
	float:left; position:relative; height: 130px; padding: 0 22px; background: transparent; border: none; text-align: center;
}
#nav li:hover{ }
#nav a{
	display:block; font-size: 14px; line-height: 40px; text-decoration: none; color: #FFF; font-weight: normal
}
#nav a:hover{
	
}
/*--- DROPDOWN background: ---*/
#nav ul{ list-style:none; position:absolute; left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	float:none; width: 160px; height: 40px; background: rgba( 255, 255, 255, 0.6); font-size: 10px; text-align: left; color: #333; padding: 0 20px; /* border: 1px solid #343932; Introducing a padding between the li and the a give the illusion spaced items */
}
#nav ul a{
	white-space:nowrap; line-height: 40px; border-bottom: 1px solid #111; /* Stop text wrapping and creating multi-line dropdown items */ /*margin: 0px 0px 0px 10px;*/
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; background: rgba( 23, 23, 23, 0.7); /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	/*background:#6b0c36;
	text-decoration:underline;*/
	color: #DDD;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;  color: #111;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	/*background:#333;*/ z-index: 99999;
}



#tabs ul{ display: block;}
#tabs li{float:left; position:relative; margin-right: 3px;}
#tabs li:hover{ width: auto; height: 40px; line-height: 40px; background: #18567A; color: #FFF; font-size: 10px; font-weight: bold; border-radius: 0px; border: none;}
#tabs li:focus{ width: auto; height: 40px; line-height: 40px; background: #18567A; color: #FFF; font-size: 10px; font-weight: bold; border-radius: 0px; border: none;}