/*-----------------------------------------------------------------------------------------------*/
	/*                      folha de estilos gerais do site - 10/10/2011 - pt-br       				 */  
	/*-----------------------------------------------------------------------------------------------*/
	 
* {
	margin: 0;
	padding: 0;
}

body{
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
	color: #565656;  
	font-size: 12px;
	-webkit-font-smoothing: always;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	
}

img{
	border: 0px;
}

a{
	text-decoration: none;
	color: #514F50; 
}

.clear{
	clear: both;
}



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

@font-face {
   
	font-family: 'museo500regular';
				src: url('../fonts/museo500regular/museo500regular.eot');
				src: url('../fonts/museo500regular/museo500regular.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/museo500regular/museo500regular.woff') format('woff'),
						 url('../fonts/museo500regular/museo500regular.ttf') format('truetype'),
						 url('../fonts/museo500regular/museo500regular.svg#museo500-regular') format('svg');
				font-weight: normal;
				font-style: normal;
}


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


h2 a, h2{
	color: #353C46;
	font-family: 'Anton', sans-serif;
	font-size: 18px;
	letter-spacing: 0.5px;
	font-weight:normal;
}

span.data{
	color: #353C46;
}

small{
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-style: italic;
}



/*######################################################*/

#main-banner{
	width: 100%;
	height: 656px;
	float: left;
	position: relative;
}

img.logo{
	float: left;
	margin-top: 15px;
}

a.banner-button{
	width: auto;
	height: auto;
	float: left;
	background: #07162E;
	color: #F7BD15;
	font-size: 15px;
	font-family: 'museo500regular';
	background: #07162E url(../images/play.png) 6px 50% no-repeat;
	padding-left: 33px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px; 
	margin-top: 18px;
}

.bannercontainer {	
	width:100% !important;		
	position:relative;
	padding:0;		
	max-height:653px !important;
	overflow:hidden;	
}

.banner{		
	width:100% !important;
	max-height:653px !important;
	position:relative;		
}

span.frase{
	font-family: 'museo300regular';
	font-size: 26px;
	color: #07162E;
	line-height: 120%;
}

span.destaque1{
	font-family: 'museo500regular';
	font-size: 48px;
	color: #B91D22;
}

span.destaque2{
	font-family: 'museo500regular';
	font-size: 33px;
	color: #B91D22;
}

.banner-frase{
	width: 400px;
	height: auto;
	left: 50%; 
	top:250px;
	margin-left: -370px;
	position: absolute;
}

/*######################################################*/


#header{
	width: 1000px;
	height: 160px;
	margin: auto;
	
	position: relative;
}

#top-itens{
	width: auto;
	height: 30px;
	float: right;
	margin-top: 30px;
	color: #B91D22;
	font-family: 'museo300regular';
	font-size: 14px;
	line-height: 30px;
	margin-right: 20px;
}

#newsletter{
	width: auto;
	height: auto;
	float: right;
	margin-right: 10px;
	
}

#newsletter label{
	cursor: pointer;
	float: right;
	color: #B91D22;
	font-family: 'museo300regular';
	font-size: 14px;
	height: 30px;
	padding-right: 5px;
}

img.frase{
	position: absolute;
	z-index: 310;
	left: 50%;
	top: 290px;
	margin-left: -450px;
}

input.newsletter{
	width: 129px;
	height: 23px;
	line-height: 23px;
	float: right;
	background: url(../images/news.png) top right no-repeat;
	bordeR: 0px;
	font-size: 12px;
	color: #A7A7A7;
	padding-left: 5px;
	margin-top: 3px;
}

input.news-submit{
	width: 25px;
	height: 23px;
	cursor: pointer;
	border: 0px;
	background: url(../images/news-submit.png) top right no-repeat;
	float: right;
	margin-top: 3px;
}


ul.social{
	width: auto;
	float: right;
	height: 30px;
	list-style: none;
}

ul.social li{
	width: auto;
	float: left;
	height: 30px;
	list-style: none;
	line-height: 30px;
	margin-left: 3px;
	color: #00AEEF;
}

ul.social li img{
	float: left;
	margin-top: 4px;
}


ul.main-menu{
	width: 630px;
	height: auto;
	list-style: none;
	float: right;
	position: absolute;
	bottom: 60px;
	right: 0px;
}

ul.main-menu li{
	width: auto;
	height: auto;
	list-style: none;
	float: right;
	margin-left: 10px;
}

ul.main-menu li a{
	height: 26px;
	color: #07162E;
	font-family: 'museo300regular';
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	padding-left: 10px;
	padding-right: 10px;

	-webkit-transition-property: background color;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
  -moz-transition-property: background color;
  -moz-transition-duration: 0.2s;
  -moz-transition-timing-function: linear;
  -o-transition-property: background color;
  -o-transition-duration: 0.2s;
  -o-transition-timing-function: linear;
  -ms-transition-property: background color;
  -ms-transition-duration: 0.2s;
  -ms-transition-timing-function: linear;
  transition-property: background color;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}


ul.main-menu li.selected a{
	height: 26px;
	background: #07162E;
	color: #FFFFFF;
	font-weight: bold;
}

ul.main-menu li a:hover{
	height: 26px;
	background: #07162E;
	color: #FFFFFF;
	
}


img.logo{
	float: left;
	margin-top: 40px;

}

#like{
	width:  auto;
	position: absolute;
	bottom: 20px;
	right: 0px;
	margin-right: 20px;
}



#item-container{
	width: 1000px;
	height: 500px;
	margin: auto;
	overflow:hidden;
	position:relative;
}

img.confira{
	position: absolute;
	left: -5px;
	top: 0px;
	margin-top: -50px;
}

img.item1{
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 0px;
}

img.item2{
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 0px;
}

img.item3{
	position: absolute;
	z-index: 50;
	left: 0px;
	top: 0px;
}


/*######################################################*/

.responsabilidade{
	width: 450px;
	height: 300px;
	float: left;
	font-family: 'museo300regular';
	font-size: 14px;
	position: relative;
	margin-top: 25px;
}

.responsabilidade h1{
	font-size: 21px;
	color: #07162E;
	font-family: 'museo500regular';
}

a.mais{
	color: #00ADEF;
	font-size: 14px;
	font-weight: bold;
	font-family: 'museo500regular';
	position: absolute;
	left: 220px;
	bottom: 100px;
	
}

/*######################################################*/


#content{
	width: 100%;
	height: auto;
	float: left;
	background: url(../images/content-bg.png) top left;
	padding-bottom: 40px;
}

#wrapper{
	width: 1000px;
	height:auto;
	margin: auto;
	padding-top: 25px;	
}

#wrapper-internal{
	width: 962px;
	height:auto;
	margin: auto;
	padding-top: 25px;	
	padding-left: 19px;
	padding-right: 19px;
}

#page-top{
	width: 100%;
	height: 45px;
	float: left;
	border-bottom: 1px dotted #BABABA;

}


h1.page-title{
	color: #07162E;
	font-size: 27px;
	font-family: 'museo300regular';
	float: left;
	height: 45px;
	line-height: 45px;
}

ul.page-menu{
	width: auto;
	float: right;
	list-style: none;
	height: 45px;
	line-height: 45px;
}

ul.page-menu li{
	width: auto;
	float: right;
	list-style: none;
	font-size: 14px;
	color: #07162E;
	font-family: 'museo300regular';
}

ul.page-menu li.separator{
	color: #6F8587;
	margin-left: 12px;
	margin-right: 12px;
}

ul.page-menu li a{
	color: #6F8587;
}


ul.depoimentos-page{
	width: 962px;
	height: auto;
	float: left;
	list-style: none;
	padding-top: 34px;
}

ul.depoimentos-page li{
	width: 962px;
	height: auto;
	float: left;
	list-style: none;
	margin-bottom: 34px;
}

ul.depoimentos-page li p.text{
	width: 932px;
	height: auto;
	float: left;
	list-style: none;
	background: url(../images/depoimento-bg.png) top left repeat-y;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	color: #656565;
}

ul.depoimentos-page li span.name{
	font-style: italic;
	font-size: 14px;
	color: #091B39;
}


#texto{
	width: 100%;
	height: auto;
	float: left;
	font-size: 14px;
	color: #565656;
	padding-top: 55px;
	
}

#texto h1{
	font-size: 26px;
	color: #07162E;
	font-family: 'museo500regular';
	font-style: normal;
}


#texto h2{
	font-size: 18px;
	color: #07162E;
	font-family: 'museo500regular';
	font-style: normal;
}


#galeria-carousel{
	width: 100%;
	height: 130px;
	float: left;
	position: relative;
	margin-bottom: 50px;

}



#twitter{
	width: 465px;
	height: 320px;
	float: left;
	position: relative;
}

#twitter h1{
	background: url(../images/twitter-header.png) top left no-repeat;
	font-family: 'museo300regular';
	font-size: 24px;
	color: #091C3B;
	padding-left: 54px;
	height: 38px;
	line-height: 38px;
	float: left;
}

#twitter-in{
	width: 465px;
	height: 210px;
	list-style: none;
	float: left;
}

ul.twitter{
	width: 465px;
	height: 195px;
	list-style: none;
	padding-top: 29px;
	padding-bottom: 15px;
	position: relative;
	overflow: hidden;
}

ul.twitter li{
	width: 465px;
	height: auto;
	list-style: none;
	float: left;
	margin-bottom: 20px;

}

ul.twitter li p.texto{
	width: 386px;
	height: auto;
	float: right;
	font-size: 12px;
	color: #091B39;
	font-style: italic;
}

ul.twitter li p.texto a{
	color: #8B8B8B;
}

#twitter a.ver-todas{
	color: #091B38;
	font-size: 14px;
	font-family: 'museo300regular';
	float: left;
	font-weight: bold;
	position: absolute;
	bottom: 0px;
	left: 0px;
}



#depoimentos{
	width: 415px;
	height: 320px;
	float: right;
	position: relative;
}

#depoimentos h1{
	background: url(../images/depoimentos-header.png) top left no-repeat;
	font-family: 'museo300regular';
	font-size: 24px;
	color: #091C3B;
	padding-left: 54px;
	height: 38px;
	line-height: 38px;
	float: left;
}


ul.depoimentos{
	width: 415px;
	height: 200px;
	list-style: none;
	float: left;
	padding-top: 29px;
	padding-bottom: 15px;
	overflow: hidden;
}

ul.depoimentos li{
	width: 415px;
	height: auto;
	list-style: none;
	float: left;
	margin-bottom: 15px;
	font-size: 12px;
	color: #091B39;
	font-style: italic;
}


ul.depoimentos li p.destaque{
	color: #8B8B8B;
	width: 100%;
	float: left;
	margin-top: 10px;
}

#depoimentos a.ver-todas{
	color: #091B38;
	font-size: 14px;
	font-family: 'museo300regular';
	float: left;
	font-weight: bold;
	position: absolute;
	bottom: 0px;
	left: 0px;
}


select.portfolio{
	width: 214px;
	height: 23px;
	border: 0px;
	float: left;
	cursor: pointer;
	font-size: 12px;
	padding-bottom: 5px;
	
}

select.portfolio option{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	
}

.customStyleSelectBox{
	width: 204px;
	height: 23px;
	background: url(../images/portfolio-select.png) top left no-repeat;
	line-height: 23px;
	padding-left: 10px;
	font-size: 12px;
	color: #A7A7A7;
	cursor: pointer;
}

div.sons .content{
	width: 100%;
	height: auto;
	list-style: none;
	float: left;
	padding-top: 40px;
	min-height: 500px;
}

div.som{
	width: 100%;
	height: 166px;
	list-style: none;
	float: left;
	margin-bottom: 30px;
	background: #FFFFFF url(../images/ajax-loader3.gif) center center no-repeat;
}



ul.contato{
	width: 100%;
	height: auto;
	list-style: none;
	float: left;
	padding-top: 60px;
}

ul.contato li{
	width: 952px;
	height: auto;
	list-style: none;
	float: left;
	margin-bottom: 13px;
}

input.contato{
	width: 450px;
	height: 40px;
	background: url(../images/contato-bg.png) top left no-repeat;
	border: 0px;
	line-height: 40px;
	color: #C1C1C1;
	padding-left: 15px;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}

textarea.contato{
	width: 952px;
	height: 120px;
	background: url(../images/contato-text.png) top left no-repeat;
	border: 0px;
	line-height: 40px;
	color: #C1C1C1;
	padding-left: 15px;
	padding-top: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #C1C1C1;
	font-size: 14px;

}

input.contato-submit{
	width: 67px;
	height: 26px;
	background: url(../images/contato-submit.png) top left no-repeat;
	border: 0px;
	cursor: pointer;
	float: right;
}


#mapa{
	width: 972px;
	height: 305px;
	float: left;
	position: relative;
	margin-top: 40px;
	margin-bottom: 100px;
}


ul.equipe{
	width: 100%;
	height: auto;
	list-style: none;
	float: left;
	margin-bottom: 17px;
}

ul.equipe li{
	width: 248px;
	height: 248px;
	list-style: none;
	background: red;
	position: relative;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 18px;
}

ul.equipe li p{
	width: 248px;
	height: auto;
	top: 200px;
	left: 0px;
	text-align: center;
	position: absolute;
	color: #FFFFFF;
	font-size: 11px;
	font-family: 'museo300regular';
}



ul.atuacao{
	width: 325px;
	height: auto;
	list-style: none;
	float: right;
	margin-bottom: 17px;
}

ul.atuacao li{
	width: 325px;
	height: auto;
	list-style: none;
	position: relative;
	float: left;
	padding-top: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #565656;
	font-family: 'museo300regular';
}

ul.atuacao li.grey{
	background: #DEDEDE;
}

ul.atuacao li h3.atuacao{
	color: #00ADEF;
	font-family: 'museo500regular';
	font-size: 16px;
}




/*######################################################*/

#footer{
	width: 100%;
	height: 242px;
	float: left;
	background: #07162E;
	margin-top: -5px;
}

#footer-wrapper{
	width: 970px;
	height: 202px;
	margin: auto;
	padding-top: 40px;
	padding-right: 30px; 
	position: relative;
}

ul.social li img{
	float: left;
	margin-top: 4px;
}


ul.footer-menu{
	width: auto;
	height: auto;
	list-style: none;
	float: left;
}

ul.footer-menu li{
	width: auto;
	height: auto;
	list-style: none;
	float: right;
}

ul.footer-menu li.separator{
	color: #FFFFFF;
	margin-left: 8px;
	margin-right: 8px;
}

ul.footer-menu li a{
	font-family: 'museo300regular';
	text-align: center;
	font-size: 16px;
	color: #3FB8F0;
	font-weight: bold;
}

ul.footer-menu li a:hover{
	color: #FFFFFF;
}


ul.footer-menu li.selected a{
	color: #FFFFFF;
	font-weight: bold;
}

ul.footer-menu li.separator a{
	color: #FFFFFF;
}

p.luiz{
	float: right;
}

p.luiz a{
	font-family: 'museo500regular';
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
}

#footer-local{
	width: 185px;
	height: auto;
	float: left;
	background: url(../images/local.png) top left no-repeat;
	padding-left: 50px;
	font-family: 'museo500regular';
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 40px;
}

#footer-email{
	width: 170px;
	height: 20px;
	float: left;
	background: url(../images/footer-email.png) top left no-repeat;
	padding-left: 45px;
	font-family: 'museo500regular';
	font-size: 12px;
	color: #FFFFFF;
	line-height: 20px;
}

#footer-fone{
	width: 170px;
	height: 25px;
	float: left;
	background: url(../images/footer-fone.png) 5px 0px no-repeat;
	padding-left: 45px;
	font-family: 'museo500regular';
	font-size: 12px;
	color: #FFFFFF;
	line-height: 25px;
	margin-top: 14px;
	margin-left: 4px;
}


ul.siga{
	width: auto;
	float: right;
	list-style: none;
}

ul.siga li{
	width: auto;
	float: right;
	list-style: none;
	margin-left: 3px;
	color: #A3A8B6;
	font-size: 14px;
	font-family: 'museo500regular';
}

#compright{
	width: 180px;
	height: auto;
	float: left;
	font-size: 12px;
	color: #FFFFFF;
	font-family: 'museo500regular';
	position: absolute;
	bottom: 26px;
	left: 0px;
}


#compright span.blue{
	color: #00ADEF;
}