/*Copyright © 2008 - Rafael Comarin. Todos os direitos reservados www.rafaelcomarin.com*/

*{margin:0px; padding:0px; list-style: none;}

body {background: #000 url(../img/bg-body.gif) top repeat-x; font-family: Verdana; font-size: 15px; font-weight: bold; color: #F5F5F5;}

img {border: none;}
a {text-decoration: none; color: #02a1df; outline: 0;}
a:hover {text-decoration: underline;}
p {padding-bottom: 5px; line-height: px;}
.left {float: left;}
.right {float: right;}
.azul {color: #02a1df;}

/*Fontes*/
.f14 {font-size: 14px; font-weight: normal;}
.f14 a {font-weight: bold;}
.f12 {font-size: 12px;}
.f11 {font-size: 11px; font-weight: normal;}

/*Titulos*/
h2 {height: 19px; text-indent: -9999px; overflow: hidden; margin: 26px 0px 93px 48px;}
	h2#home {width: 89px; background: url(../img/h2-home.gif);}
	h2#sobre {width: 100px; background: url(../img/h2-sobre.gif);}
	h2#trabalhos {width: 168px; background: url(../img/h2-trabalhos.gif);}
	h2#contato {width: 134px; background: url(../img/h2-contato.gif);}
h3 {font-family: "Arial Black"; font-size: 18px; text-transform: uppercase; margin-bottom: 15px;}
h4 {font-family: "Arial Black"; font-size: 14px;}

#wrapper {width: 100%; margin-top: 59px; position: relative;}
	#mainContent {width: 1024px;}
	#header {width: 100%; height: 226px;}
		#logo {width: 359px; height: 153px; float: left;}
			#logo h1 {width: 359px; height: 153px; background: url(../img/h1-logo.gif); text-indent: -9999px; overflow: hidden;}

/*Menu*/			
		#menu {width: 665px; height: 88px; float: left; padding-top: 65px;}
			ul#nav li {list-style: none; float: left;	margin-left: 22px;}
			ul#nav li a {display:block; height:29px; background-repeat:no-repeat; background-position:0 0; text-indent:-9999px; overflow:hidden;}
			ul#nav li a:hover {background-position:0 -29px;}
			ul#nav li a:active,ul#nav li a.active {background-position:0 -58px;}
			a#btn-home {width:106px; background-image:url(../img/btn-home.gif);}
			a#btn-sobre {width:117px; background-image:url(../img/btn-sobre.gif);}
			a#btn-trabalhos {width:197px; background-image:url(../img/btn-trabalhos.gif);}
			a#btn-contato {width:157px; background-image:url(../img/btn-contato.gif);}
		
/*Content*/		
		#content {width: 100%; height: 612px;}
			#left359 {width: 359px; height: 100%; float: left;}
				#crossLink {width: 230px; margin: 123px 0px 0px 48px;}
				#crossLink.noMargin {margin-top: 0px;}
			#right665 {width: 665px;  height: 100%; float: left;}
				#box581 {width: 665px; margin-top: 75px; position: relative;}
					#box581.noMargin {margin-top: 0px;}
					#box581 p {line-height: 20px;}
					#box581.sobre h3 {float: left; margin-right: 10px;}
					#box581.sobre p {float: left; margin-top: 4px;}
					
				#formContato {width: 500px; height: 470px; background: #1e1e1e}
					#fomulario {width: 480px; padding: 0px 10px; font-size: 12px; position: relative;}
						input, textarea{border:1px solid black; background: #000; color: #FFF; margin-top: 5px;}
						input {height: 20px;}
						label {color: #fff;}
					#contentError {width: 498px; height: 30px; border: 1px solid #1e1e1e; margin-bottom: 7px;}
						#msgError {width: 494px; height: 20px; color: #BD0012; background: #F5F5F5; border: 2px solid red; text-align: center; display: none; padding-top: 8px;}
						input.error, textarea.error{border:1px solid red;}
					#fomulario {width: 480px; padding: 0px 10px; font-size: 12px;}
						input, textarea{border:1px solid black; background: #000; color: #FFF; margin-top: 8px;}
						input {height: 20px;}
						input.buttom {color: #02a1df; width: 60px; padding-bottom: 2px;}
						label {color: #fff;}
					#telefone {width: 180px; height: 155px; border: 1px solid #F5F5F5; position: absolute; top: 0px; left: 290px; padding: 10px;}
		
/*Footer*/		
		#footer {background: #323232; width: 100%; min-width: 1024px; height: 38px; padding-top: 2px; text-align: center; margin: 0 auto;}