* {padding: 0; margin: 0; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; list-style: none; border: none; line-height: 14px; outline: none;}

hr { display: none;}

body {background: #29ABE2 url(../img/bg.jpg) repeat-x;}

/* ------------------------------------------- DIV CONTAINER ------------------------------------------- */
div#container { width: 1003px; margin: 0 auto;}
/* ------------------------------------------- FIM DIV CONTAINER ------------------------------------------- */



/* ------------------------------------------- DIV HEADER ------------------------------------------- */
div#header { height: 252px; background: url(../img/bg-header.jpg) no-repeat; position: relative}
div#header ul { position: absolute; top: 204px; left: 0;}
div#header ul li { display: block; float: left; background: url(../img/bg-li-nav.jpg) no-repeat left top; padding: 0 15px;}
div#header ul li:first-child { background: none;}
div#header ul li a { min-width: 45px; display: block; float: left; text-align:center;padding-bottom: 15px; line-height: 20px; color: #fff; font-size: 12px;}
div#header ul li a:hover {background: url(../img/bg-a-hover.jpg) no-repeat center bottom; }
/* ------------------------------------------- FIM DIV HEADER ------------------------------------------- */



/* ------------------------------------------- DIV CONTENT ------------------------------------------- */
div#content {}

#colLeft { width: 209px; float: left;}
	#cotacao { width: 209px; height: 124px; background: url(../img/bg-cotacao.jpg) no-repeat; margin-bottom: 25px; position: relative;}
	
#middle { width: 558px; float: left; margin-left: 12px;}
	#middle h3 { margin-bottom: 15px; background: url(../img/bg-h3.jpg) no-repeat; width: 538px; height: 15px; padding: 3px 10px; color: #fff; font-size: 11px;}
	
	#middle #slider { width: 294px; height: 257px; padding: 6px; background: url(../img/bg-slide.jpg) no-repeat; float: left;}
		
		.sliderImage { display: none; position: relative; float: left;
}
.sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 268px;
   background-color: #000;
   filter: alpha(opacity=90); /* here you can set the opacity of box with text */
   -moz-opacity: 0.9; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */
   opacity: 0.9; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;
}
	
	#listaProdutos { width: 242px; float: right;}
	#listaProdutos li { margin-bottom: 3px; display: block; float: left; width: 242px; height: 88px;}
	#listaProdutos li img { float: left; margin-right: 10px;}
	#listaProdutos li h4 { color: #fff; font-size: 12px;}
	#listaProdutos li p { font-size: 10px;}
	
	#txt { padding: 10px;}
	#txt h4 { color: #fff; margin-bottom: 10px; font-size: 11px;}
	#txt p { margin-bottom: 15px; font-size: 11px;}
	#mapa { text-align: center;}

#colRight { width: 209px; float: right;}
	#parceiros { background: #2E3192 url(../img/bg-parceiros.jpg) no-repeat left bottom; text-align: center; padding: 10px 0 30px; margin-top: -2px;}
	#parceiros img { margin: 5px 0;}
	
	

#formContato { width: 285px; margin: 0 auto; background: #BDCCD4; padding: 20px 40px; margin-bottom: 40px;}
#formContato form {}

#formContato form label {}
#formContato form .estiloCampo { background: #2E3192; width: 100%; height: 16px; padding: 4px; margin: 5px 0 10px; color: #fff;}
#formContato form textarea.estiloCampo {height: 75px;}
#formContato form #btEnviar { float: right; margin-right: -8px;}

#produtos { width: 340px; margin: 30px auto; border: 1px solid #BFDBEE; background: #BDCCD4;}
#produtos a { display: block; color: #FFFF00; font-size: 14px; background: #0D84C8; text-align: center; padding: 5px 0; border-bottom: 1px solid #BFDBEE;}
#produtos div { background: #BDCCD4;}
#produtos div div { margin: 20px;}

#comercial { position: absolute; width: 88px; top: 57px; left: 110px;}
#comercial p:first-child { float: left}
#comercial p { float: right; font-size: 10px;}
#paralelo {position: absolute; width: 88px; top: 79px; left: 110px;}
#paralelo p:first-child { float: left}
#paralelo p { float: right; font-size: 10px;}
/* ------------------------------------------- FIM DIV CONTENT ------------------------------------------- */



/* ------------------------------------------- DIV FOOTER ------------------------------------------- */
div#footer { height: 41px; background: url(../img/bg-footer.jpg) no-repeat center top; clear: both;}
/* ------------------------------------------- FIM DIV FOOTER ------------------------------------------- */


/* ------------------------------------------- CLASSES ------------------------------------------- */
.clear { clear: both !important;}
/* ------------------------------------------- FIM CLASSES ------------------------------------------- */