/*

 STYLE SHEETS

 Autor: Adriano Fialho / adriano.fialho@ibonfim.com
 
 Desenvolvimento: iBONFIM - Agência Online
 				  http://www.ibonfim.com

*/


/* --- HTML TAGS --- */
/* HTML, BODY */
html, body{
	float:left;
	width:100%;
	height:100%;
	margin:0px;
    padding:0px;
	font-family:Tahoma, Arial, 'Trebuchet MS';
    font-size:13px;
	color:#5D5D5D;
}
html{background:#A3DB56;}
body{background:url('../imgs/bgBody.jpg') repeat-x top center;}

/* TITLES */
h1,h2,h3,h4,h5,h6{margin:0px;color:#387817;font-family:'Trebuchet MS', Arial, Tahoma;}
h1{font-size:13px;}
h2{font-size:15px;}
h3{font-size:15px;}
h4{font-size:17px;}
h5{font-size:19px;margin:0px 0px 8px 0px;}/* Título somente HTML das páginas */
h6{font-size:21px;background:url('../imgs/bgTitle.jpg') no-repeat bottom left;padding:0px 0px 18px 28px;}

/* LINKS */
a{text-decoration:underline;color:#256F00;}
a:active{color:#256F00;}
a:visited{color:#256F00;}
a:hover{color:#c77a00;}

/* IMAGES */
img{margin:10px;padding:1px;border:5px solid #E3EFD1;}
a img{border:5px solid #dadada;}
a:hover img{border:5px solid #d00000;}

/* TABLE */
table{width:100%;margin-bottom:10px;font-family:Tahoma;font-size:13px;}
table tr td, th{padding:5px;}

/* FORM */
select, input, textarea{
	background:#EFEFEF;
	color:#3D3D3D;
	padding:7px;
	font-family:Tahoma, Arial, 'Trebuchet MS';
	font-size:13px;
	border:1px solid #CFCFCF;
}
.frmButton{font-weight:bold;padding:8px 15px 8px 15px;background:#256F00;color:#FFF;}
.radioButton{border:none;background:none;}
.checkbox{background:none;border:none;}
.labelRequired, .requiredField{color:#d00000;}
.labelRequired{font-size:11px;margin-bottom:5px;}
#responseLabel img{border:none;padding:0px;margin:0px;}

.fieldOnFocus{
	background:#FFFCDF;
	color:#3D3D3D;
	border:1px solid #EFD286;
}
.fieldOnBlur{
	background:#EFEFEF;
	color:#3D3D3D;
	border:1px solid #CFCFCF;
}

/* PARAGRAPHS */
p{line-height:20px;margin:0px 0px 15px 0px;}

/* LISTS */
ul{
	margin:5px 0px 10px 0px;
	padding-left:20px;
	list-style:square;
	list-style-position:outside;
	
}
li{margin:0px 0px 10px 0px;_margin:0px 0px 0px -5px;/*HACK*/}


/* OTHERS */
object, embed, form{border:none;margin:0px;}


/* --- LIBRARY --- */
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.normal{font-weight:normal;}
.floatLeft{float:left;}
.floatRight{float:right;}
.block{float:left;width:100%;}
.noBorder{border:0px;}
.noMargin{margin:0px;}
.marginBottom10{margin-bottom:10px;}
.noPadding{padding:0px;}
.defaultCursor{cursor:default;}
.separator{
	float:left;
	width:100%;
	background:url("../imgs/separator.jpg") repeat-x top left;
	height:5px;
	margin:7px 0px 7px 0px;
	_margin:7px 0px 0px 0px;
}


/* --- PAGE --- */
#page{
   position:relative;
   width:778px;
   margin:0px auto;
   text-align:left;
}


/* --- CONTAINER --- */
#container{
	float:left;
	width:100%;
}


/* HEADER */
#header{
	float:left;
	width:100%;
	margin:45px 0px 0px 0px;
	background:url('../imgs/bgTopo.jpg') no-repeat top center;
}
#header img{border:none;padding:0px;margin:0px;}

/* LOGO */
#logo{
	float:left;
	width:451px;
	height:171px;
	margin:20px 0px 0px 30px;
	_margin:20px 0px 0px 15px;
	background:#FFF;
	text-align:center;
	background:red;
}

/* HORIZONTAL NAVIGATE */
#hNav{
	float:left;
	width:100%;
	margin:0px;
	height:20px;
}

/* VERTICAL NAVIGATE */
#vNav{
	float:left;
	width:177px;
	margin:10px 0px 0px 84px;
}

/* MAIN NAVIGATE */
#mainNav{
	float:left;
	width:100%;
	margin:0px;
	margin-bottom:10px;
	padding-top:0px;
	font-family:Tahoma, Arial;
}

#mainNav a{
	float:left;
	width:135px;
	_width:132px;
	background:url('../imgs/marcadorMenu.gif') 5px 12px no-repeat;
	color:#FFF;
	padding:7px 10px 7px 23px;
	text-decoration:none;
}
#mainNav a:active{background:url('../imgs/marcadorMenu.gif') 5px 12px no-repeat;color:#FFF;}
#mainNav a:visited{background:url('../imgs/marcadorMenu.gif') 5px 12px no-repeat;color:#FFF;}
#mainNav a:hover{background:url('../imgs/marcadorMenu.gif') 8px 12px no-repeat;color:#DFD245;}

/* AUXILIAR NAVIGATE */
#auxNav{
	position:relative;
	width:560px;
	_width:565px;
	margin:0px auto;
	font-size:11px;
	margin-top:15px;
}
#auxNav a{
	float:left;
	width:70px;
	text-align:center;
	color:#9a9a9a;
	padding:2px 5px 2px 5px;
	text-decoration:none;
}
#auxNav a:active{color:#9a9a9a;}
#auxNav a:visited{color:#9a9a9a;}
#auxNav a:hover{color:#FFF;}

/* FULL BANNER */
#fullBanner{
	float:left;
	width:100%;
	margin:9px 0px 0px 0px;
	background:#000000;
}
#fullBanner img{margin:0px;padding:0px;border:none;}

/* BANNER IN */
#bannerIn{
	float:left;
	width:778px;
	height:222px;
	margin:0px 0px 0px 0px;
}

/* SIGN UP */
#signUp{
	float:left;
	padding:0px 20px 15px 20px;
	_padding:0px 20px 9px 20px;
	width:221px;
	margin:0px;
	height:104px;
	font-size:11px;
	background:#FFF;
}
#signUp table td{padding:0px 0px 4px 0px;*padding:0px 0px 3px 0px;}
#signUp p{margin-bottom:8px;line-height:14px;}
#signUp input.txtName{width:200px;}
#signUp input.txtEmail{width:165px;}

/* --- CENTER --- */
#center{
	float:left;
	width:100%;
}

/* LEFT COLUMN */
#lCol{
	float:left;
	width:175px;
}

/* MAIN CONTENT */
#mainContent{
	float:right;
	width:738px;
	padding:20px;
	background:#FFF;
}

/* CONTENT */
#content{
	float:left;
	width:100%;
}

/* PAGINATION */
#pagination{
	float:left;
	width:100%;
	margin:10px 0px 10px 0px;
}
#pagination a{
	float:left;
	padding:10px;
	background:#256F00;
	color:#FFF;
	text-decoration:none;
	margin-right:1px;
	font-weight:normal;
}
#pagination a:active{background:#256F00;color:#FFF;}
#pagination a:visited{background:#256F00;color:#FFF;}
#pagination a:hover{
	background:#3B9F09;
	color:#FFF;
}
#pagination a.selected{
	background:#FFCC00;
	color:#000;
	cursor:default;
}

/* RIGHT COLUMN */
#rCol{
	float:right;
	width:150px;
	background:red;
}


/* --- FOOTER --- */
#footer{
	float:left;
	width:100%;
	height:150px;
	margin:0px 0px 0px 0px;
	padding-top:15px;
	background:url('../imgs/bgFooterContent.jpg') no-repeat top center;
}

/* DATA */
#data{
	float:left;
	width:550px;
	margin:20px 0px 0px 26px;
	_margin:20px 0px 0px 13px;
	color:#000;
}
#data h1{font-size:18px;color:#246503;margin-bottom:3px;}
#data p{line-height:17px;font-size:11px;}
#data a{color:#8b0404;}
#data a:active{color:#8b0404;}
#data a:visited{color:#8b0404;}
#data a:hover{color:#db1313;}

/* CREDITS */
#credits{
	float:right;
	margin:20px 20px 0px 0px;
	_margin:20px 10px 0px 0px;
	font-size:11px;
}
#credits a{text-decoration:none;}
#credits img{border:none;padding:0px;margin:0px;}