/*	1.	RESET 				*/
/*	2.	TYPOGRAPHY			*/
/*	3.	LAYOUTS				*/
/*	4.	COLORS				*/
/*	5.	NAVIGATION			*/
/*	6.	CONTENT				*/


/*	8. IMAGE replacement 	*/
/*	9. HACKS			 	*/



/*	1.	RESET 			*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}


/*	2.	TYPOGRAPHY				*/
body{font:13px "Tahoma", arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% font:13px "Tahoma", arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
/*	keep some default styles 	*/
strong {font-weight:bold}
em {font-style:italic}
p {padding-bottom:.3em; line-height:100%;}
.allcaps {text-transform:uppercase}
a {color:#959595; text-decoration:none;}
a:hover {text-decoration:underline}

/*	3.	LAYOUTS 			*/
body  {
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

/*	HOMEPAGE 			*/
.home #container { 
	width: 1024px; 
	margin: 0 auto;
	text-align: left;
	background-image:url(images/ave-bg.png);
	background-repeat:no-repeat;
	background-position:11px 81px;
}

.home .wrapper{
	background-image:url(images/content-bg.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:50px;
}

/* FLASH HOMEPAGE		*/



.home #header {
	height:405px;
	padding-top:58px;
	margin-left:105px;
}
	.home h1.logo {
		position:absolute;
		z-index:5;
	}
	.home #flashcontent {
		position:absolute;
		z-index:1;
		top:100px;
		height:350px;
		padding-top:3px;
		padding-left:4px;
		background-image:url(images/bg-simple.png);
		background-repeat:no-repeat;
	}
	


	.home ul#mainnav {
		margin-top:3px;
		margin-left:4px;		
		height:350px;
		width:770px;
		
		background-image:url(images/slide01.jpg);
		background-repeat:no-repeat;
		padding-top:40px;
		padding-left:20px;
		text-align:left;
	}


.home #sidebar {
	float: left;
	width: 175px; 
	margin-left:110px;
}

.home #maincontent {margin:0px 0px 0px 480px; width:410px;}

.home #footer {
	width:750px;
	font-size:.85em;	
} 
.home #footer.leftfooter {
	margin-left:130px;
	font-size:.85em;	
}
	



/*	SINGLE page 		*/
.single #container { 
	width: 1024px; 
	margin: 0 auto;
	text-align: left;
	background-image:url(images/ave-bg.png);
	background-repeat:no-repeat;
	background-position:11px 81px;
}

.single .wrapper{
	background-image:url(images/content-bg.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:50px;
}

.single #header {height:105px; padding-top:58px; margin-left:105px;}
.single #sidebar {
	float: left;
	width: 175px; 
	margin-left:143px;
}

.single #maincontent {	margin:0px 0px 0px 480px; width:410px;}
.single #footer {
	margin-left:130px;
	width:750px;
	font-size:.85em;
	padding-top:10px;

} 
	.single #footer ul {
		display:block;
		float:left;
		text-transform:uppercase;
		color:#00aeef;
	} 
	.single #container #footer ul#subnav li {
		display:block;
		float:left;
	} 
	.single #container #footer ul#subnav li a{
			display:block;
			float:left;
			margin-right:5px;
			font-weight:bold;
			color:#00aeef;
		} 
	.single #container #footer ul#subnav li.active a{
			color:#a0a0a0;
		} 

	.single #footer p.copyright {
		float:right;
	}



/* CONTACT FORM */
#maincontent h3 {
font-weight:bold;
text-transform:uppercase;
}
form {
	width: 400px;
	margin-top:10px;
}

.col1 {
	text-align: left;
	width: 100px;
	height: 31px;
	margin: 0;
	float: left;
	margin-top: 2px;
	padding-left:20px;
}

.col2 {
	width: 200px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
}

.tarea {
	margin-bottom:10px;
	background-color:#e2e2e2;	
	height:100px;
	display:block;
	float:left;
}
.col2comment {
	width: 280px;
	float:left;	
}

.col1comment {
	width: 100px;
	float: left;
	display: block;
	padding-left:20px;
}

div.row {
	clear: both;
	width: 400px;
	background-color:#e2e2e2;
	height:25px;
	margin-bottom:10px;
}

div.buttons {
	clear: both;
	width: 400px;
	height:40px;
	margin-top:10px;
}
.submit, .apagar {
	height: 20px;
	width: 60px;
	background-color:#00aeef;
	border:1px solid #00aeef;;
	color:#fff;	
	font-weight:bold;
	font-size:10px;
	margin-right:10px;
} 

.input {
	background-color:#e2e2e2;
	font: 11px/14px "Tahoma", arial,helvetica,clean,sans-serif;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #aaaaaa;
}

.textarea {
	border: 1px solid #aaaaaa;
	font: 11px/14px "Tahoma", arial,helvetica,clean,sans-serif;
	margin: 4px 0 5px 8px;
	background-color:#e2e2e2;
}






#time {}
#hours {font-size:40px; font-weight:bold;}
#date {font-size:14px; font-weight:bold;}


/*	4.	COLORS				*/
#sidebar, #maincontent {
color:#a0a0a0;
}
.lightblue {color:#00aeef;}
.grey {color:#a0a0a0;}
.darkgrey {color:#959595}
.lightgrey {color:#c9c9c9}

a.lightblue {color:#00aeef; text-decoration:none;}
a.lightblue:hover {text-decoration:underline}


/*	5.	NAVIGATION			*/
ul#mainnav {
	display:block;
}

.single ul#mainnav {
	margin-left:40px;
}


ul#mainnav li a{
	display:block;
	text-indent:-5000px;
	background-repeat:no-repeat;
	height:40px;
	width:350px;
}

ul#mainnav li.n1 a{background-image:url(images/nav-01.png);height:45px;}
ul#mainnav li.n2 a{background-image:url(images/nav-02.png);height:40px;}
ul#mainnav li.n3 a{background-image:url(images/nav-03.png);height:40px;}
ul#mainnav li.n4 a{background-image:url(images/nav-04.png);height:40px;}
ul#mainnav li.n5 a{background-image:url(images/nav-05.png);height:40px;}
ul#mainnav li.n6 a{background-image:url(images/nav-06.png);height:40px;}




#sidebar div.title {
	background-image:url(images/sidebar-bg.png);
	display:block;
	padding-bottom:10px;
	padding-left:10px;
	margin-left:-10px;
	
}

#sidebar .sectiontitle {
	font-size:35px; 
	font-weight:bold;
	color:#00aeef;
	text-transform:uppercase;
	font-stretch:condensed;
	background-image:url(images/sidebar-bg.png);
	display:block;
}



/*	6.	CONTENT				*/
#maincontent h1, #maincontent h2, #maincontent h3 {padding-top:.2em;}


#maincontent ul li {
	list-style-type:disc;
	list-style-position:inside;
}


.singlebg {
background-image:url(images/infobg.png);
background-repeat:no-repeat;
background-position:left bottom;
padding:15px;
}

.doublebg {
background-image:url(images/doublebg.png); 
background-repeat:no-repeat;
background-position:left bottom;
}

#maincontent #news {
	margin:0 25px; 
	padding-bottom:15px;
	padding-right:	15px;	
} 

#news a{font-weight:bold; text-decoration:none;}
	#news a:hover{text-decoration:underline;}

div.media {
	background-image:url(images/media-bg.png);
	background-repeat:no-repeat;
	padding-bottom:7px;
	padding-top:7px;
	padding-left:6px;
	margin-top:-15px;	
}
	div.media img {
		display:block;
		position:relative;

	}

ul#sidenav { 
margin-top:20px;
}
ul#sidenav li{ 
margin-left:-10px;
}	
ul#sidenav li{
	display:block;
	height:30px;
	width:150px;
	padding-left: 10px;
	font-size:20px;
	color:#959595;
}
ul#sidenav li.active {
	background-image:url(images/sidenav-bg.png);
	background-repeat:no-repeat;
	padding-top:10px;
	height:40px;
	color:#00aeef;
}



.parcerias #sidebar h2 {background-image:url(images/parcerias.png);}
.fileiras #sidebar h2 {background-image:url(images/fileiras.png);}
.oquefazemos #sidebar h2 {background-image:url(images/oquefazemos.png);}
.qsomos #sidebar h2 {background-image:url(images/qsomos.png);}
.contactos #sidebar h2 {background-image:url(images/contactos.png); width:250px;}


.qsomos #sidebar ul#sidenav li a{
	display:block;
	text-indent:-5000px;
	height:25px;
	width:150px;
	background-repeat:no-repeat;
}
.qsomos #sidebar ul#sidenav li a.n1 {background-image:url(images/qsomos-off-n1.png)}
.qsomos #sidebar ul#sidenav li a.n1:hover {background-image:url(images/qsomos-on-n1.png)}
.qsomos #sidebar ul#sidenav li.active a.n1 {background-image:url(images/qsomos-on-n1.png)}
.qsomos #sidebar ul#sidenav li a.n2 {background-image:url(images/qsomos-off-n2.png)}
.qsomos #sidebar ul#sidenav li a.n2:hover {background-image:url(images/qsomos-on-n2.png)}
.qsomos #sidebar ul#sidenav li.active a.n2 {background-image:url(images/qsomos-on-n2.png)}
.qsomos #sidebar ul#sidenav li a.n3 {background-image:url(images/qsomos-off-n3.png)}
.qsomos #sidebar ul#sidenav li a.n3:hover {background-image:url(images/qsomos-on-n3.png)}
.qsomos #sidebar ul#sidenav li.active a.n3 {background-image:url(images/qsomos-on-n3.png)}


.single #maincontent h2 {
	display:block;
	text-indent:-5000px;
	height:25px;
	width:150px;
	background-repeat:no-repeat;
	margin-top:10px;
}

.parcerias #maincontent h2.n1 {background-image:url(images/parcerias-off-n1.png)}
.oquefazemos #maincontent h2.n1 {background-image:url(images/oquefazemos-off-n1.png)}	
.fileiras #maincontent h2.n1 {background-image:url(images/fileiras-off-n1.png)}
.qsomos #maincontent h2.n1 {background-image:url(images/qsomos-off-n1.png)}
.historia #maincontent h2.n2 {background-image:url(images/qsomos-off-n2.png)}
.missao #maincontent h2.n3 {background-image:url(images/qsomos-off-n3.png)}


/*	7. IMAGE replacement 	*/
h1.logo a {
	display:block;
	text-indent:-5000px;
	height:85px;
	width:415px;
	background-image:url(images/logoalpha.png);
	background-repeat:no-repeat;
}

h2.welcome {
	display:block;
	text-indent:-5000px;
	margin-top:10px;
	height:25px;
	background-image:url(images/welcome.png);
	background-repeat:no-repeat;
}

h2.newstitle {
	display:block;
	text-indent:-5000px;
	height:25px;
	background-image:url(images/news.png);
	background-repeat:no-repeat;
}

h2.sectiontitle {
	display:block;
	text-indent:-5000px;
	height:75px;
	width:220px;
	background-repeat:no-repeat;
}


/* 9.	HACKS		*/
.rightfloat {float: right;}
.leftfloat {float: left;}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}



