/*
TABLE OF CONTENTS
1 - HEAD
2 - TOP: logo + navigation
3 - MIDDLE: menu + content (main content)
4 - FOOTER
*/

/* #################### 1 - HEAD ################### */

* {
	margin: 0;
	padding: 0;
}

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.85em;
	color:#666666;
	background-color:#fff;
	background: url(img/fd2.gif) repeat;
	text-align:center; /*ie workaround - fix container's center align */
	padding-top:20px;
}

table, tr, td, th {
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	background-color:#fff;
	padding:5px;
	vertical-align:top;
}

img {
	_margin-bottom: -3px; /* ie wokaround - remove extra pixels from imgs */
}

#container{ 
	width:739px;
	margin:0 auto;
	clear:both;
}

/* #################### 2 - TOP: logo + navigation ################### */

#top{ 
	width:739px;
	height:155px;
	_height:155px; /*ie*/
	background-color:#ff6600;
	background:url(img/fd_middle_right.gif) repeat-y right;	
	clear:both;	
}

#top_home_logo{
	width:302px;
	height:155px;
	float:left;
	clear:none;
	display:inline;
}

#top_home_menu{
	width:437px;
	height:71px;
	_height:71px; /*ie*/
	float:left;
	clear:none;
	display:inline;	
}

/* #################### 3 - MIDDLE: menu + submenu + content ################### */

#middle{ 
	width:739px;
	clear:both;
}

#middle_left{  /*menu*/
	width:127px;
	height:252px;
	_height:252px; /*ie*/
	float:left;	
	clear:both;		
}

#middle_right{ /*content*/
	width:612px;
	min-height:300px;
	_height:300px; /*ie*/
	background-color:white;
	background:url(img/fd_middle_right.gif) repeat-y;
	text-align:left;
	float:left;	
	clear:right;
}

#middle_right_home{ /*content*/
	width:612px;
	min-height:200px;
	background-color:white;
	background:url(img/fd_middle_right.gif) repeat-y;
	text-align:left;
	float:left;	
	clear:right;
	/* ie 6 workaround */
	_height:200px;
	_z-index:1;
	_position:relative;	
	_top:0;
	_left:0;	
}

#middle_right_home_box1{ /* quem somos img */
	width:150px;
	height:106px;
	float:left;
	margin-left:1px;
	padding-top:5px;
}

#middle_right_home_box1 img{ /* quem somos img */
	margin-top:50px;
	margin-left:20px;
}

#middle_right_home_box2{ /* quem somos txt */
	width:150px;
	height:160px;
	float:left;
	margin-top:-84px;
	margin-left:1px;
	padding:40px 10px 0 20px;
	vertical-align: baseline;
	border-right:1px solid #CCC;
	/* ie 6 workaround */
	_z-index:10;
	_position:relative;	
	_top:0;
	_left:0;	
}

#middle_right_home_box2 p{ /* quem somos txt */
	font-size:1.0em;
	line-height:110%;
	text-align:right;
	vertical-align:bottom;
	color:#999;
}

#middle_right_home_box3{ /* destaques img */
	width:130px;
	height:200px;
	float:left;
	margin-top:-84px;	
	margin-left:1px;
	padding-top:5px;
	text-align:left;
	/* ie 6 workaround */
	_z-index:10;
	_position:relative;	
	_top:0;
	_left:0;	
}

#middle_right_home_box4{ /* destaques txt */
	width:140px;
	height:200px;
	float:left;
	clear:right;
	margin-top:-84px;	
	margin-left:1px;
	padding-top:5px;
	text-align:left;
	/* ie 6 workaround */
	_z-index:10;
	_position:relative;	
	_top:0;
	_left:0;	
}

#middle_right_home_box4 ul{ /* destaques txt */
	margin-left:15px;
	color:#999;
	list-style-image: url(img/bullet_list_home.gif);
}

#middle_right_home_box4 li{ /* destaques txt */
	margin-top:10px;
}

#middle_right_home_box4 a:link, #middle_right_home_box4 a:visited{ /* destaques txt */
	color:#999;
}

#middle_right_home_box4 a:hover, #middle_right_home_box4 a:active{ /* destaques txt */
	color:#ff6600;
}

#middle_right_home_box5 { /* img rodape home */
	width:610px;
	height:120px;
	float:left;
	clear:left;
	margin-left:1px;
	margin-top:5px;
	text-align:center;
	margin-bottom:-100px;
	z-index:100;
	position:relative;	
	top:0;
	left:0;	
}

#middle_right_title{
	width:120px;
	height:200px;
	float:left;
	clear:left;
	margin-left:1px;
	padding-top:5px;
	background-color:#FFFFFF;
	text-align:left;
}

#middle_right_title ul{ /* submenu */
	list-style-type: none;
}

#middle_right_title a{ /* submenu */
	display: block;
	padding: 3px 3px 3px 6px;
	margin-left:22px;
	width: 80px;
	font-size:0.95em;
	background-color: #fff;
	border-left: 1px solid #CCC;	
}

#middle_right_title a:link, #middle_right_title a:visited{ /* submenu */
	color: #333;
	text-decoration: none;
}

#middle_right_title a:hover{ /* submenu */
	background-color: #FF6600;
	border-left: 2px solid #FF9900;		
	color: #fff;
}

#middle_right_content{
	width:450px;
	float:left;
	clear:right;
	margin:5px 10px 5px 15px;
	display:inline; /*ie*/
}

#middle_right_content p{
	padding: 5px 0;
}

#middle_right_content h1{
	font-size:1.5em;
	color:#ff6600;
	font-weight:bold;
	padding: 10px 0;
}

#middle_right_content h2{
	font-size:1.0em;
	color:#ff6600;
	font-weight:bold;
	padding: 10px 0 0 0;
}

#middle_right_content .logo{
	float:right;
	padding:5px;
	margin:5px;
	border: 1px solid #CCCCCC;
}

#middle_right_content a:link, #middle_right_content a:visited{
	color:#666;
	border-bottom: 1px dashed #ff6600;
	text-decoration:none;
}

#middle_right_content a:hover, #middle_right_content a:active {
	color:#FFF;
	border-bottom: none;
	background-color:#ff6600;
	text-decoration:none;
}

#middle_right_content_wa a:link, #middle_right_content_wa a:visited{
	border-bottom: 0;
	text-decoration:none;
}

#middle_right_content_wa a:hover, #middle_right_content_wa a:active {
	border-bottom: none;
	background-color:#ccc;
	text-decoration:none;
}

table#parceiros td{
	text-align: center;
	vertical-align:middle;
}

table#parceiros img{
	padding-bottom:2px;
}


/* FOTOS */

#box_fotos{
	width:300px;
	height:290px;
	float:right;
	display:inline; /*ie*/
	margin:5px;
	overflow-x:scroll;
	overflow-y:hidden;	
    scrollbar-track-color: #eee; 
	scrollbar-face-color: #ff6600; 
	scrollbar-shadow-color: #eee; 
	scrollbar-dark-shadow-color: #eee; 
	scrollbar-highlight-color: #eee; 
	scrollbar-3d-light-color: #eee; 
	scrollbar-arrow-color: #eee;		
}

#box_fotos_cont{
	width:2500px;
	height:260px;
	float:left;
	background-color:#fff;
	display:inline;	
}

#tabela_fotos{
	text-align:center;
}

/* END FOTOS */

table#contato input, table#contato textarea{ /* formulario contato */
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #ff6600;
	border: 1px solid #CCCCCC;
}

input.btn { /* formulario contato */
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #ff6600;
	border: none;
	background-color:#eeeeee;
	border: 1px solid #FFF;	
}

#middle_down{ /* fim borda middle */
	width:613px;
	height:38px;
	_height:38px; /*ie*/
	margin-left:126px;
	display:inline; /* ie workaround */
	background: url(img/fd_middle_down.gif) no-repeat;
	float:left;	
	clear:both;		
}

#middle_down_home{ /* fim borda middle */
	width:613px;
	height:138px;
	_height:138px; /*ie*/
	margin-left:127px;
	margin-top:-120px;
	display:inline; /* ie workaround */
	background: url(img/img_home1.gif) no-repeat;
	float:left;	
	clear:both;
	/* ie 6 workaround */
	_z-index:50;
	_position:relative;	
	_top:0;
	_left:0;				
}

/* #################### 4 - FOOTER ################### */

#footer{ 
	width:680px;
	height:80px;
	_height:155px; /*ie*/
	margin-left:100px;
	margin-top:20px;
	clear:both;	
}

/* HOME TEMP */

#temp{
	width:550px;
	height:450px;
	margin:0 auto;

}

#temp p{
	color:#fff;
	line-height:125%;

}

#temp a:link, #temp a:visited, #temp a:hover, #temp a:active{
	color:#fff;
	font-weight:bold;
	text-decoration:underline;
}
