/*============================================================================================================================================================
Stylesheet - v1.0 		[ content.css ]

Autor:					Fabianne Marim[ WEB STANDARDS ]
Contato:				fabianne@agenciahive.com.br
Website:				http://www.agenciahive.com.br/
Criado em :				15:00 29/06/2010
Última Atualização:		00:00 30/06/2010
==============================================================================================================================================================*/


body 													{ color:#FFF; }
body.bg-home											{ background:#000000 url(../img/bg-home.jpg) top center no-repeat; }
body.bg-interno											{ background:#000000 url(../img/bg-interno.jpg) top center no-repeat; }
body, input, textarea, select								{ font:11px Tahoma, Arial, Verdana; text-decoration:none; }
a 														{ text-decoration:none; color:#FFF; }
a:hover 													{ color:#9ae5ea; }
address													{ font-style:normal; font-weight:normal; }
address a												{  }
small													{  }
.teste													{ background:#f1f1f1; }
	
/* --->> Geral */	
.f-left													{ float:left; }
.f-right												{ float:right; }
.upper													{ text-transform:uppercase; }
.strong													{ font-weight:bold; }
.italic													{ font-style:italic; }
.normal													{ font-weight:normal; }
.pequeno												{ font-size:10px; }
.laranja												{ color:#eb6401; }
.cinza-escuro											{ color:#767676; }
button													{ cursor:pointer; }
#logo-hive												{ display:block; width:100px; height:16px; background:url(../img/logo-hive.png) no-repeat; margin:30px auto; }
h2														{ font-size:25px; text-transform:uppercase;}
h3														{ font-size:18px; text-transform:uppercase; color:#c1e6f6; padding-bottom:10px;}
	
/* ESTRUTURA */
.flash-home												{ margin-top:45px;}

/* ESTRUTURA-INTERNA */
#titulos												{ padding:10px 20px;}
.pagina													{ padding-left:25px; padding-top:5px;}
.bt-voltar												{ float:right; font-size:16px; margin-right:15px; margin-top:-30px;}

/* RODAPE */
#box-rodape												{ display:block; background:url(../img/bg-rodape.jpg) top center no-repeat; width:100%; height:93px;}
#box-rodape .rodape										{ display:block; width:880px; height:50px; padding:10px 20px; margin:0 auto;}
#box-rodape h4											{ font-size:12px; text-transform:uppercase;}
.box-certificacoes 										{ width:472px; float:left;}
.box-certificacoes ul									{ margin:10px;}
.box-certificacoes ul li									{ display:inline;}
.box-certificacoes ul li a									{ display:block; float:left; margin-right:10px;}

.box-enderecos											{ float:left; margin-left:10px;}
.box-enderecos p.endereco-matriz							{ width:220px; padding-top:5px; float:left;}
.box-enderecos p.endereco-unidade						{ width:120px; float:left; margin-left:20px;}

/* HOME */
.box-conteudo-home										{ height:167px; margin-top:-10px;}
#box-responsabilidade									{ width:450px; height:160px; float:left;}
#box-responsabilidade .texto								{ width:230px; float:right;}
#box-responsabilidade p									{ padding-bottom:11px;}
#box-responsabilidade a									{ display:block; background:url(../img/bt-saiba.jpg) no-repeat; width:55px; height:17px; padding-left:20px; padding-top:3px; float:right; font-size:10px;}
#box-ultimas											{ width:465px; height:124px; float:right; margin-top:26px;}
#box-ultimas h2											{ display:block; background:url(../img/icon-novidades.png) no-repeat; height:37px; font-size:18px; text-transform:uppercase; padding-left:40px; float:left;}
#box-ultimas h2 span										{ display:block; padding-top:5px;}
.icon-rss												{ display:block; background:url(../img/icon-rss.png) no-repeat; width:14px; height:16px; float:right; font-weight:bold; font-size:10px; padding-left:20px; margin-right:12px; margin-top:10px;}
.icon-rss:hover											{ background-position:0px -16px; color:#f4fbfd;}
.conteudo-ultimas										{ display:block; background:url(../img/bg-novidades.png) no-repeat; width:460px; height:152px; padding-top:8px;}
.novidade 												{ width:220px; float:left; margin-left:10px;}
.novidade span											{ background:#6db2c9; padding:2px; color:#162731; font-size:10px;}
.novidade p												{ padding-top:7px; width:205px;}
.novidade a												{ display:block; background:url(../img/bt-saiba2.jpg) no-repeat; width:55px; height:17px; float:right; margin-top:5px; padding-left:20px; padding-top:3px; font-size:10px; margin-right:10px;}

/* EMPRESA */
#box-empresa 											{ width:615px; float:left;}
#box-empresa p											{ padding-bottom:12px;}
#box-tecnologia											{ float:right;}
.top													{ display:block; background:url(../img/top.png) no-repeat; width:300px; height:5px;}
.meio													{ display:block; background:url(../img/meio.png) repeat-y; width:290px; padding-right:10px; padding-bottom:20px;}
.meio h2													{ float:right;}
.meio ul li 												{ margin-top:2px;}
.meio ul li a												{ display:block; background:url(../img/bt-tecnologia.png) no-repeat; width:276px; height:14px; padding:8px 12px; text-transform:uppercase;}
.meio ul li a:hover										{ background-position:0px -30px;}
.meio ul li a.sel											{ background-position:0px -30px;}
.box-texto												{ display:block; margin:10px;}
.box-texto p												{ padding-bottom:12px;}
.footer2												{ display:block; background:url(../img/footer2.png) no-repeat; width:300px; height:5px;}

#box-cycle												{ width:950px; height:230px; margin-top:20px; margin-bottom:50px;}
#box-cycle h2											{ font-size:18px;}
.box-holder 												{ margin-top:30px;}
.box-holder ul											{ display:block; width:725px; height:180px; float:left; margin-left:40px;}
.box-holder ul li											{ display:inline; width:725px; height:180px; }
.box-holder ul li a										{ display:block; float:left; margin-left:10px; margin-right:10px;}
.box-holder ul li a img									{ border:10px solid #007593;}
.arrow-left												{ display:block; background:url(../img/arrow-left.png) no-repeat; width:19px; height:28px; float:left; margin-left:40px; margin-top:52px;}
.arrow-right											{ display:block; background:url(../img/arrow-right.png) no-repeat; width:19px; height:28px; float:right; margin-right:60px; margin-top:52px;}

/* REPRESENTANTES */
.flash-representantes									{ margin:30px 0px;}

/* QUALIDADE */
#box-qualidade 											{ margin-bottom:20px;}
#box-qualidade h3 										{ color:#80D0EB;}
#box-qualidade p											{ padding-bottom:20px;}
#box-qualidade img										{ float:right; border:10px solid #1e3545; margin-left:20px;}

/* SOCIAL */
#box-social 												{ margin-bottom:190px;}	
#box-social ul li 											{ margin-bottom:5px;}
#box-social ul li a										{ display:block; background:#4D6472 url(../img/bt-plus.png) 5px 5px no-repeat; padding-left:30px; width:590px; height:20px; padding-top:5px; font-weight:bold; font-size:12px;}	
#box-social ul li a:hover										{ background:#5c8096 url(../img/bt-plus.png) 5px 5px no-repeat;}
#box-social ul li div 										{ width:610px; padding:10px;}		
#box-social p											{ padding-bottom:12px;}		

/* INPLACAR */
#box-inplacar ul 										{}
#box-inplacar ul li 										{ display:inline; }
#box-inplacar ul li.even div								{ margin-right:10px;}
#box-inplacar ul li div									{ display:block; background:url(../img/bg-inplacar.png) no-repeat; width:440px; height:60px; padding:10px; float:left; margin-bottom:10px;}
#box-inplacar ul li div img								{ float:left; border:5px solid #1e3545; margin-right:10px;}
#box-inplacar ul li div span								{ background:#6db2c9; padding:2px; color:#162731; font-size:10px;}
#box-inplacar ul li div p									{ padding-top:10px; font-weight:bold;}
#box-inplacar ul li div a									{ display:block; background:url(../img/bt-down.png) no-repeat; width:55px; height:17px; float:right; margin-top:5px; padding-left:20px; padding-top:3px; font-size:10px; color:#1b4450;}
#box-inplacar ul li div a:hover							{ color:#32798e;}

/* CLIENTES */
#box-clientes											{ display:block; margin-bottom:40px;}
#box-clientes ul li										{ display:inline;}
#box-clientes ul li a										{ display:block; float:left; width:220px; height:170px; margin-right:10px; margin-bottom:10px;}
#box-clientes ul li a img									{ border:10px solid #1e3545;}
#box-clientes ul li a span									{ display:block; height:16px; padding-top:2px; background:#2d4f67; color:#c0ffff; font-weight:bold; margin-top:-2px; text-align:center;}

/* FORMULARIOS */
.form ul li												{ padding-top:10px;}
.form ul li div.box-estado									{ float:left; width:47px; margin-right:10px;}
.form ul li div.box-estado select							{ width:47px; height:20px;}
.form ul li div.box-cidade									{ float:left; width:220px;}
.form ul li div.box-cidade select							{ width:220px; height:20px;}
label													{ display:block; color:#d3dee3; padding-bottom:5px;}
input.campos												{ width:274px; height:14px; padding:2px; border-left:1px solid #666666; border-top:1px solid #666666; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
input.campos:focus										{ background:#eef7fc;}
input.campos2											{ width:274px; padding:2px; border-left:1px solid #666666; border-top:1px solid #666666; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
textarea.campos											{ width:274px; height:74px; padding:2px; border-left:1px solid #666666; border-top:1px solid #666666; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
textarea.campos:focus									{ background:#eef7fc;}
select.campos:focus										{ background:#eef7fc;}
button													{ display:block; background:url(../img/bt-enviar.png) no-repeat; width:75px; height:30px; border:none; float:right; color:#FFF;}
button:hover												{ background-position:0px -30px;}
.realupload 												{ position: relative; float: right; top: -21px; right: 20px; opacity:0; -moz-opacity:0; filter:alpha(opacity:0); border:none; cursor:pointer;}
.fakeupload_pt 												{ width:274px; height:18px; background:#FFF url(../img/bt-anexar_pt.png) no-repeat 100% 0%; cursor:pointer; border:none;}
.fakeupload_en 												{ width:274px; height:18px; background:#FFF url(../img/bt-anexar_en.png) no-repeat 100% 0%; cursor:pointer; border:none;}

/* CONTATO */
#box-contato											{ width:280px; padding:10px 0px; float:left; margin-right:10px;}
#box-contato p											{ font-size:10px;}
#box-contato p a											{ text-decoration:underline; color:#46badd;}
#box-contato p a:hover									{ color:#50cef4;}

.box-localizacao										{ display:block; background:url(../img/bg-contato.png) no-repeat; width:280px; height:320px; padding:5px 10px; float:left; margin-left:10px;}
.box-localizacao p										{ font-size:14px; height:54px; margin-bottom:20px;}
.box-localizacao .mapa h4								{ font-size:14px; text-transform:uppercase; color:#c1e6f6; padding-bottom:5px;}
.box-localizacao .mapa span								{ display:block; padding-bottom:5px;}
.box-localizacao .mapa img								{ border:10px solid #1e3545;}

/* TRABALHE-CONOSCO */
#box-trabalhe											{ width:280px; padding:10px 0px; float:left; margin-right:10px;}
#box-trabalhe p											{ font-size:10px;}
#box-trabalhe p a										{ text-decoration:underline; color:#46badd;}
#box-trabalhe p a:hover									{ color:#50cef4;}

.pagina-trabalhe-conosco img								{ border:10px solid #1e3545; float:right;}

	/* ---// 404 */
	div#not-found 										{ text-align:center; margin-bottom:200px;}
	div#not-found ul#possiveis-erros						{ width:550px; background:#f1f1f1; border:1px solid #15a4c8; color:#606161; padding:20px; margin:0 auto; text-align:left; }
	div#not-found ul#possiveis-erros li					{ list-style:circle; padding-left:10px; margin-left:10px; }
	
	/* ---// PAGINAÇÃO */
	.paginacao											{ height:20px; margin-bottom:10px; float:left;}
	.paginacao span										{ float:left; font-size:14px; margin-right:5px;}
	.paginacao a											{ display:block; float:left; width:22px; line-height:20px; text-align:center;  color:#FFF; font-weight:bold;}
	.paginacao a:hover									{ background:url(../img/pag-hover.png) no-repeat; }
	.paginacao a.paginaSel								{ background:#666; }
	
.none													{ display:none; }