﻿


/*novo site */

*{text-decoration:none;list-style:none;border:none;}
/*#4EB2CA azul do fundo*/
body {margin:0px;padding:0px;background-color:#4EB2CA;}

#geral{width:100%;background: url(img/fundo51.jpg) no-repeat;margin:0 auto;height:1100px; background-position:center;}

#tudo{width:1003px;margin:0 auto;height:1100px;}

#topo{width:100%; float:left;margin-top:5px;}
#banner1{width:468px; height:60px; float:left;margin-left:5px; }
#banner2{width:468px; height:60px; float:right;margin-right:5px;}

#passaros{width:1003px; height:48px; float:left;margin-top:7px;}

#barra-menu{width:408px;height:36px;margin-top:53px;margin-left:138px;float:left; background:url(img/barra-menu.jpg) no-repeat;}

#menu{width:350px;height:55px;margin-top:0px;margin-left:145px;float:left;}

img {border: none;}


/* dock - top */
.dock {position: relative; height: 50px;text-align: center;}
.dock-container {position: absolute;height: 50px;background: url(images/dock-bg2.gif);padding-left: 20px;}

a.dock-item {display: block;width: 40px;color: #000;position: absolute;top: 0px;text-align: center;text-decoration: none;font: bold 9px Tahoma, Arial, Verdana, sans-serif;}

.dock-item img {border: none; margin: 5px 10px 0px; width: 100%; }

.dock-item span {display: none; padding-left: 20px;}

/* dock2 - bottom */
#dock2 {width: 100%;bottom: 0px;position: absolute;left: 0px;}

.dock-container2 {position: absolute;height: 50px;background: url(images/dock-bg.gif);	padding-left: 20px;}

a.dock-item2 {display: block; font: bold 12px Tahoma, Arial, Verdana, sans-serif;width: 40px; 
	color: #000; bottom: 0px;position: absolute;text-align: center;text-decoration: none;}
	
.dock-item2 span {display: none;padding-left: 20px;}

.dock-item2 img {border: none; margin: 5px 10px 0px; width: 100%; }



/*LADO DIRETO*/
#lado_direito{width:170px;height:380px;float:right;margin-top:265px;margin-right:0px;}

#publicidade1{width:160px;height:110px;margin:0 auto; background:url(img/publicidade1.jpg) no-repeat;margin-top:15px; }
#publicidade2{width:160px;height:102px;margin:0 auto; background:url(img/publicidade2.jpg) no-repeat;margin-top:20px;}
#publicidade3{width:160px;height:102px;margin:0 auto;background:url(img/publicidade2.jpg) no-repeat;margin-top:20px;}

#propaganda1{width:150px;height:90px;float:left;margin-left:5px;margin-top:1px; background:url(img/fundo-publicidade.jpg) no-repeat;}
#propaganda2{width:150px;height:90px;float:left;margin-left:5px;margin-top:6px; background:url(img/fundo-publicidade.jpg) no-repeat;}
#propaganda3{width:150px;height:90px;float:left;margin-left:5px;margin-top:6px;  background:url(img/fundo-publicidade.jpg) no-repeat;}

/*Classes -PUBLICIDADE*/

.publicidade{font-family:Tahoma, Geneva, sans-serif;color:#FFF;font-size:12px;float:left;font-weight:bold;margin-left:43px;}



/*LADO ESQUERDO*/
#lado_esquerdo{width:160px;height:280px;float:left;}

#heolica{width:154px;height:254px;float:left;margin-top:241px; background:url(img/fundo_heolica.jpg) no-repeat; background-color:#93B62F;}

/*Redes Social*/
#facebook{width:156px;height:75px;float:left;margin-top:15px;}
#twitter{width:79px;height:79px;float:left;margin-top:0px;}
#orkut{width:77px;height:79px;float:left;margin-top:0px;}



/*PAINELLLLLL -- Guindaste*/

#painel{width:660px;height:520px;float:left;}
#dentro-painel{width:473px;height:249px;float:left;margin-top:273px;margin-left:74px;background:url(img/conteudo-painel.jpg) no-repeat;}
/*Onde fico o texto do Painel*/
#conteudo-painel{width:462px;height:242px;float:left;margin-top:5px;margin-left:5px;}

#texto-seja h1{width:100%;height:15px;font-family:Tahoma, Arial, Verdana;font-size:12px;color:#000;font-weight:bold;margin-top:3px;float:left;}

/* texto do Painel*/
#texto-painel{width:462px;font-family:Arial, Verdana, Tahoma;font-size:13px;color: #333;margin-top:0px;float:left;height:80px;}

#lembre-se{font-family:Verdana, Arial, Tahoma;font-size:12px;color: #900;text-align:left;margin-top:20px;height:15px;}
#vitrine{font-family:Verdana, Arial, Tahoma;font-size:11px;color:#000;font-style:italic;text-align:left;height:65px;}
#natureza{width:430px;height:15px;font-family:Tahoma, Verdana, Arial;font-size:12px;color: #930;margin-top:35px;font-weight:bold;font-style:italic;text-align:right;margin-right:50px;float:left;}


/*Descrição Google*/
#descricao{float:left;width:595px;height:15px;margin-top:18px;}
.texto-descricao{font-family:Arial, Verdana, Tahoma;font-size:4px;color:#9CBC55;}


/*CENTRO da index*/
#centro{width:660px;float:left;margin-top:0px;}



/*BOXXXX*/
#box{width:660px;float:left;margin-top:2px;}

#box-1{width:228px;height:197px;float:left;background:url(img/seo.jpg) no-repeat;margin-left:8px;}
.dentro-box{width:170px;height:135px;float:left;margin-top:40px;background:url(img/fundo-box.jpg) no-repeat;margin-left:9px;}

#box-2{width:227px;height:197px;float:left;background:url(img/micros.jpg) no-repeat;margin-left:0px;}
#dentro-box-2{width:170px;height:135px;float:left;margin-top:40px;background-color:#F5F5F5;}

#box-3{width:196px;height:197px;float:left;background:url(img/sites-padroes.jpg) no-repeat;margin-left:0px;}
#dentro-box-3{width:170px;height:135px;float:left;margin-top:40px;background-color:#F5F5F5;}

.texto-box a{width:164px;float:left;margin-left:2px;font-family:Tahoma, Geneva, sans-serif;color:#333;font-size:12px;padding:10px 0px 0px 0px;}
.texto-box a:hover{color:#000;text-decoration:underline;}
.texto-box-leia{font-family:Tahoma, Geneva, sans-serif;color: #C60;font-size:11px;font-weight:bold; font-style:italic;}
.dentro-box-img{width:166px;height:58px;margin:0 auto;padding:2px 0px 0px 0px;}


/*RODAPEEE*/

#rodape{width:1000px;height:63px; float:left;margin-top:18px;margin-left:1px;}


#texto-rodape1{width:600px;height:13px;margin:0 auto; font-family:Verdana, Tahoma, Geneva, sans-serif;font-size:12px;color: #FFF; font-weight:bold;text-align:center;margin-top:49px;}

#abraweb{width:200px;height:23px;float:right;margin-top:39px;}

.clique-img{width:640px;height:23px;float:left;margin-top:15px;font:16px Arial, Verdana, Tahoma; color: #369; text-align:center; font-style:italic;}

/*CLASSEEESSS*/





