/* 
Theme Captiva Broker
Author: Hugo César - Front-End Engineer | 
Version: 1.0
*/

/* INDICE

			1-HOME
			2-QUEM SOMOS 
*/


/* 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2px;
	background:#dfdfdf;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	outline:none;
}
p {
	line-height:1.5em;
}
a:hover {
	text-decoration:underline;
}
html, body {
	width:100%;
}
* {
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
}
/* Reset */

/* padrão****************************************************************************************/
p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:1.5em;
}
h1 {
	font-family: 'AldoSemiBold';
	color:#FFF;
	font-size:50px;
}
h2 {
	font-family: 'AldoSemiBold';
	color:#8c0303;
	font-size:30px;
	margin-bottom:25px;
}
/* padrão****************************************************************************************/

/* Include header *************************************************************/
div#fulltop {
	width:100%;
	background:url(../img/topo.png) repeat-x;
	float:left;
}
div#fulltop div.largura {
	width:980px;
	margin:0 auto;
	padding-top:20px;
}
div#fulltop div.largura a {
	float:left;
}
div#fulltop div.largura nav.menu {
	float:left;
	margin-left:35px;
}
/* Include header *************************************************************/

/* Include slider banner *************************************************************/
div#fullbanner {
	width:100%;
	background:url(../img/bg_banner.png) repeat-x;
	float:left;
	margin-top:-10px;
}
div#fullbanner div.largurabanner {
	width:980px;
	margin:0 auto;
}
div#fullbanner div.largurabanner #slideshow {
	width:980px;
	position:relative;
	float:left;
	height:420px;
}
div#fullbanner div.largurabanner #slideshow #slidesContainer {
	margin:0 auto;
	width:770px;
	height:412px;
	overflow:auto; /* allow scrollbar */
	position:relative;
}
div#fullbanner div.largurabanner #slideshow #slidesContainer .slide {
	margin:0 auto;
	width:774px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:412px;
}
div#fullbanner div.largurabanner #slideshow #slidesContainer .slide h1.hbanner {
	font-family: 'AldoSemiBold';
	font-size:50px;
	width:460px;
	float:left;
	clear:both;
	margin-top:100px;
	margin-bottom:45px;
}
div#fullbanner div.largurabanner #slideshow #slidesContainer .slide p {
	clear:both;
	color:#FFF;
}
div#fullbanner div.largurabanner #slideshow #slidesContainer .slide p {
	width:450px;
	color:#FFF;
	float:left;
	display:inline;
}
div#fullbanner div.largurabanner #slideshow #slidesContainer .slide img {
	position:absolute;
}
div#fullbanner div.largurabanner #slideshow #slidesContainer .slide span.borda {
	background:url(../img/sombradebaixodotexto.png) no-repeat;
	width:499px;
	height:80px;
	display:inline;
	float:left;
}
/** 
 * Slideshow controls style rules.
 */
.control {
	display:block;
	width:39px;
	height:263px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
	margin-top:90px;
}
#leftControl {
	top:0;
	left:0;
	background:url(../img/arrow_left_over.png) no-repeat 0 0;
	width:86px;
}
#rightControl {
	top:0;
	right:0;
	background:url(../img/arrow_right_over.png) no-repeat 0 0;
	width:86px;
}
/* Include slider banner *************************************************************/

/* Include footer *************************************************************/
div#footer {
	width:100%;
	height:161px;
	float:left;
	background:url(../img/footer.png) repeat-x 50% 0%;
}
div#footer div.rodape {
	width:980px;
	margin:0 auto;
	padding-top:60px;
}
div#footer div.rodape p {
	text-align:center;
	color:#1c1c1c;
	line-height:2;
}
div#footer div.rodape a {
	margin-left:450px;
	float:left;
	margin-top:10px;
}
/* Include footer *************************************************************/


/*			1-HOME          */

div#fullmeio {
	width:100%;
	background:url(../img/bg_conteudo.png) no-repeat 50% 3%;
	float:left;
}
div#fullmeio div.meiolargura {
	width:980px;
	margin:0 auto;
	position:relative;
}
div.floatleft {
	width:287px;
	margin-left:30px;
	float:left;
	margin-top:100px;
}
div.floatleft h2 {
	margin-bottom:45px;
}
/*formualrio*************************/

form#status {
	width:50%;
	padding:10px;
	height:42px;
	outline:none;
}
.focusField { 
	background:url(../img/input_newsletter_over.png) no-repeat;
	color: #6F6F6F;
	border:none;
	width:289px;
	height:44px;
	margin-bottom:15px;
	padding-left:10px;
}
.idleField {
	background:url(../img/input_newsletter_on.png) no-repeat;
	color: #6F6F6F;
	padding-left:10px;
	border:none;
	width:277px;
	height:44px;
	margin-bottom:15px;
}
input.enviarnews {
	float:right;
	font-family: 'AldoSemiBold';
	font-size:18px;
	background:none;
	border:none;
	color:#8c0303;
	cursor:pointer;
}
/*			2-QUEM SOMOS          */
div.quem_somos {
	margin-left:40px;
	float:left;
	margin-top:100px;
}
.conteudoint {
	width:594px;
	float:left;
}
.conteudoint p {
	margin-bottom:10px;
}
div#siedbar {
	width:287px;
	margin-top:100px;
	margin-left:25px;
	float:left;
}
div#siedbar span.bottom {
	margin-bottom:37px;
	float:left;
}
/*			2-QUEM SOMOS          */


/*			3-O QUE FAZEMOS       */
div.o_que_fazemos {
	margin-left:40px;
	float:left;
	margin-top:100px;
}
/*			3-O QUE FAZEMOS       */



/*			4-AREA DE ATUAÇÃO      */
	/*
		FLASH COM RODRIGO
	*/
/*			4-AREA DE ATUAÇÃO      */



/*			5-CONTATO      */
/*CONTATO.CSS*/
/*			5-CONTATO      */
/*			5-CONTATO      */
div.contatos {
	margin-left:40px;
	float:left;
	margin-top:100px;
}
div#contact input {
	width: 593px;
	height: 44px;
	background:url(../img/input_contato_on.png) no-repeat;
	border:none;
	padding-left:10px;
}
div#contact input:focus, textarea:focus {
	background:url(../img/input_contato_over.png) no-repeat;
	padding-left:10px;
}
div#contact input.enviarcont {
	font-size:18px;
	color:#8c0303;
	font-family: 'AldoSemiBold';
	width:55px;
	height:auto;
	background:none;
	border:none;
	float:right;
	margin-top:-30px;
	padding-left:10px;
	cursor:pointer;
}
textarea {
	width: 570px;
	height: 146px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 12px 20px 0px 10px;
	margin: 0 0 40px 0;
	background:url(../img/input_textarea_on.png) no-repeat;
	border:none;
	color: #666;
	padding-left:10px;
}

textarea::-webkit-input-placeholder {
	color: #4e4e4e;
	padding-left:10px;
}
 textarea:-moz-placeholder {
 color: #4e4e4e;
 background:url(../img/input_textarea_on.png) no-repeat;
 border:none;
	padding-left:10px;
}
 textarea:focus {
	background:url(../img/input_textarea_over.png) no-repeat;
	border:none;
	padding-left:10px;
}
/*			5-CONTATO      */

