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

Autor:					Ronaldo Bitencourt[ WEB STANDARDS ]
Contato:				ronaldo@agenciahive.com.br
Website:				http://www.agenciahive.com.br/
Criado em :				14:13 05/10/2009
Última Atualização:		14:13 05/10/2009
==============================================================================================================================================================*/


body 												{ color:#000; margin-bottom:50px; }
#home 												{ background:#dfc596 url(../img/bg-home.jpg) center top repeat; }
#interno 											{ background:#dfc596 url(../img/bg-interno.jpg) center top no-repeat; }
body, input, textarea, select							{ font:11px Tahoma, Arial, Helvetica, sans-serif; text-decoration:none; }
a 													{ text-decoration:none; color:#000; }
a:hover 												{ text-decoration:underline; }
address												{ font-style:normal; font-weight:normal; }
address a											{  }
small												{  }

/* CLASSES GERAIS */
.none												{ display:none; }
.f-left												{ float:left; }
.f-right											{ float:right; }
.clear												{ clear:both; height:1px; }
.a-left												{ text-align:left; }
.a-right											{ text-align:right; }
.a-justify											{ text-align:justify; }
.a-center											{ text-align:center; }
.strong												{ font-weight:bold; }
.normal												{ font-weight:normal; }
.verde												{ color:#564f1c; }
.pequeno											{ font-size:10px; }

h1													{ font:28px "Arial Narrow", Arial, Helvetica, sans-serif; font-weight:bold; color:#7f7843; margin-bottom:10px; }
h1 span												{ color:#9b801d; font-size:80%; }
.bloco												{ padding:133px 115px 0 0; width:493px; height:421px; }
.content											{ width:493px; height:421px; overflow:auto; /*overflow:hidden; /*padding:133px 0 0 90px; /*margin:93px 0 0 90px;*/ }
.left												{ width:200px; padding-right:15px; float:left; }
.right												{ width:258px; float:right; }

#logo-hive											{ clear:both; display:block; top:100%; left:50%; width:50px; height:25px; margin-left: 50%; background:url(../img/logo-hive.png) no-repeat; }

/* LOGO */
.logo												{ margin-top:130px; }

/* GALERIAS */
#rolagem											{ overflow:auto; }
#holder												{ height:330px; width:258px; overflow:hidden; }
#holder .opa											{ height:330px; width:258px; padding-right:15px; overflow:hidden; }
.box-imagem											{ width:121px; height:110px; overflow:hidden; }
.box-imagem	.imagem									{ display:block; border:2px solid #8a8452; width:117px; height:80px; overflow:hidden; }
.box-imagem	.imagem	img								{ width:117px; }
.box-imagem	.legenda								{ font-size:10px; color:#4c4405; line-height:10px; }

.pag-left, .pag-right								{ display:block; float:left; margin-left:10px; width:59px; height:40px; background:url(../img/bg-paginacao.png) no-repeat; _position:absolute; *position:absolute; }
.pag-left											{ margin-left:80px; _margin-left:75px; *margin-left:75px; }
.pag-right											{ background-position:-59px; _margin-left:145px; *margin-left:145px; }

/* CONCEITO */
#conceito .right										{ padding-top:10px; }

/* 404 ERROR */
div#not-found 										{  }
div#not-found ul#possiveis-erros						{ padding:20px; margin:0 auto; text-align:left; }
div#not-found ul#possiveis-erros li					{ list-style:square; padding:5px 10px; border-bottom:1px dotted #CCC; margin-left:10px; }

div.texto-editor									{ line-height:14px; }
div.texto-editor p									{ padding:5px 0; }
div.texto-editor div.imagem							{ width:219px; height:160px; padding:0 5px 40px 20px; float:right; overflow:hidden; }
div.texto-editor div.imagem img 						{ width:219px; height:160px; padding:1px; border:1px solid #DDD; }

/* jQuery lightBox plugin
 * @name jquery-lightbox.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 */
#jquery-overlay 											{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }
#jquery-lightbox 										{ position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a img 									{ border:none; }
#lightbox-container-image-box 							{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#lightbox-container-image 								{ padding:10px; }
#lightbox-loading 										{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#lightbox-nav 											{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#lightbox-container-image-box > #lightbox-nav 			{ left:0; }
#lightbox-nav a 											{ outline:none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext 			{ width:49%; height:100%; zoom:1; display:block;}
#lightbox-nav-btnPrev 									{ left:0; float:left; }
#lightbox-nav-btnNext 									{ right:0; float:right; }
#lightbox-container-image-data-box 						{ font-size:10px; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto;	width:100%;	padding:0 10px 0;}
#lightbox-container-image-data 							{ padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details 	{ width:70%; float:left; text-align:left; }
#lightbox-image-details-caption 							{ font-weight:bold; }
#lightbox-image-details-currentNumber 					{ display:block; clear:left; padding-bottom:1.0em; }			
#lightbox-secNav-btnClose 								{ width:66px; float:right; padding-bottom:0.7em; }

input,select,textarea{
	font-size:100%; /* Reset font to 11px */
	border-top:1px solid #404040;
	border-right:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	border-left:1px solid #404040;
	color:#333;
}
label{
	display:block;
	font-size:100%; /* Reset font to 11px */
	color:#564f1c;
}
.submit{
	font-size:100%; /* Reset font to 11px */
	font-weight:bold;
	background:url(../img/bg-submits.png) repeat-x;
	border:1px solid #807944;
	color:#FFF;
	float:right;
	padding:1px 5px;
	cursor:pointer;
}
.forms{
}
.forms fieldset{
}
.forms legend span{
	display:block;
	height:35px;
	white-space:normal;
	color:#564f1c;
}
.forms legend{
	_margin-left:-7px; /* BUG IN IE6 AND IE7 */
	*margin-left:-7px; /* BUG IN IE6 AND IE7 */
}
.forms legend span{
	_width:273px; /* BUG IN IE6 AND IE7 */
}
.forms ul{
}
.forms li{
	display:block;
	height:40px;
	margin-bottom:3px;
	overflow:hidden;
}
.forms label{
	margin:0;
	line-height:15px;
}
.forms .campos{
	margin:0;
	padding:2px;
	width:200px;
}
.forms .comment{
	font-size:90%;
}
.forms input{
	
}
.forms select{
}
.forms textarea{
	font-size:11px;
	height:75px;
}
.form-s .submit{
	float:right;
}

/* FORM CONTATO 001
	-----------------------------------------------------------*/
	.form-contato-001 {
		width:200px;
		margin-bottom:10px;
		border-bottom:1px solid #cfcaaf;
		
	}
	.form-contato-001 .field-email{
	}
	.form-contato-001 .field-fone{
	}
	.form-contato-001 .field-estado{
		width:50px;
		padding-right:10px;
		float:left;
	}
	.form-contato-001 .field-mensagem{
		height:100px;
	}

	
#facebox .content 			{ padding:0; margin:0; width:700px; height:400px; overflow:hidden; }
#facebox .b 					{ background:url(../img/b.png)}
#facebox .tl 				{ background:url(../img/tl.png)}
#facebox .tr 				{ background:url(../img/tr.png)}
#facebox .bl 				{ background:url(../img/bl.png)}
#facebox .br 				{ background:url(../img/br.png)}
#facebox 					{ position:absolute; top:0; left:0; z-index:100; text-align:left}
#facebox .popup 				{ position:relative}
#facebox table				{ border-collapse:collapse}
#facebox td 					{ border-bottom:0; padding:0}
#facebox .body 				{ padding:10px; background:#fff; }
#facebox .loading 			{ text-align:center}
#facebox .image 				{ text-align:center}
#facebox img 				{ border:0; margin:0}
#facebox .footer 			{ border-top:1px solid #DDDDDD; padding-top:5px; margin-top:10px; text-align:right}
#facebox .tl,
#facebox .tr,
#facebox .bl,
#facebox .br 				{ height:10px; width:10px; overflow:hidden; padding:0}
#facebox_overlay 			{ position:fixed; top:0px; left:0px; height:100%; width:100%}
.facebox_hide 				{ z-index:-100}
.facebox_overlayBG 			{ background-color:#000; z-index:99}
* html #facebox_overlay 		{ position:absolute; height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight :document.body.offsetHeight + 'px')}



.jScrollPaneContainer 					{ position: relative; overflow: hidden; z-index:100;}
.jScrollPaneTrack						{ position: absolute; z-index:999; cursor: pointer; width:1px; right: 0; top: 0; height: 100%; background:url(../img/bgScroll.png); }
.jScrollPaneDrag 						{ position: absolute; background:#9f9f9f; cursor: pointer; overflow: hidden;}
.jScrollPaneDragTop 					{ position: absolute; top: 0; left: 0; overflow: hidden;}
.jScrollPaneDragBottom 					{ position: absolute; bottom: 0; left: 0; overflow: hidden;}
a.jScrollArrowUp 						{ display: block; position: absolute; z-index:100; top:0; right: 0; text-indent: -2000px; overflow: hidden; background-color: #666; height: 9px; background: url(../img/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover 					{ background-color: #f60; background-position: 0 -15px;}
a.jScrollArrowDown 						{ display: block; position: absolute; z-index:100; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background-color: #666; height: 9px; background: url(../img/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover 				{ background-color: #f60; background-position: 0 -15px;}
a.jScrollActiveArrowButton,
a.jScrollActiveArrowButton:hover 		{ /*background-color: #f00;*/}