/* CSS Document */

																					     /* 
 * Folha de Estilo em Cascata // Cascading Style Sheet(CSS)          					  *
 * Autor: Livingstone dos Santos Del Monte, livi@10clic.com.br, http://www.10clic.com.br  *
 * Copyright: 2008 10Clic Comunicação, Todos os direitos reservados    					  *
 																	 					  */

/* 
 * ========================================
 * Configurações Globais de Página e de tags. 
 * ========================================
 */
 
html{
	overflow-x:auto; /* Bug IE */
}

body{ 
	background: #003e5f;
	color: #FFFFFF;
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	font-size: 11px;
	line-height: 135%;
	margin:0px;
	padding: 0px; /* Para bug do Opera */
	text-align: center; /* Alinhar no centro => IE */
}

a:link, a:visited, a:active{
	background: transparent;
	color: #FFFFFF;
	text-decoration: none;
}
a:hover{
	background: transparent;
	text-decoration:underline;
}
ul,li{
list-style-type:none;
}

* { 
margin:0; 
padding:0; 
}

img { 
border:0; 
}

.clearer { 
clear:both; 
}

.left{
float:left;
}

.right{
float:right;
}
/* Fim das modificações */

/* Formatação dos Textos Padrões do Site */

h1{
font: bold 14px Verdana, "Trebuchet MS";
color:#FFFFFF;
}
h2{
font: normal 23px Verdana, "Trebuchet MS";
color:#0081C4;
letter-spacing:-1px;
}
h3{
font: normal 14px "Trebuchet MS";
color:#FFFFFF;
}
h4{
font: bold 14px "Trebuchet MS";
color:#FFFFFF;
}

.texto1{
font: normal 11px Verdana;
color:#FFFFFF;
line-height: 135%;
}
.texto2{
font: bold 11px Arial, Verdana, Tahoma;
color:#000000;
}
.texto3{
font: normal 11px Arial, Verdana, Tahoma;
color:#FFFFFF;
}
.texto4{
font: normal 23px Verdana, Tahoma;
color:#FFFFFF;
}
.textoprodutos{
font: normal 11px Verdana, Tahoma;
color:#FFFFFF;
}
/* Fim da formatação dos textos padrões do site */

.egt{
font: normal 9px Verdana;
color:#000000;
}

#claro {
	background-color: #000000;
}
#escuro {
	background-color: #000000;
}
.produtos{
background-color:#00456a;
font: normal 11px Verdana;
color:#FFFFFF;
line-height: 135%;
}
.produtos:hover{
background-color:#004d76;
}
.galeria{
background-color:#004d76;
font: normal 11px Verdana;
color:#FFFFFF;
line-height: 135%;
}
.galeria:hover{
background-color:#FFFFFF;
color:#666666;
}
.clic{
font: 11px bold Arial;
color:#eba41c;
}
.form{
width: 204px;
height: 16px;
border: 1px solid #0099CC;
font: normal 11px Verdana;
padding-top:1px;
background:url(../images/bgform.png) repeat-x;
}
.formP{
width: 99px;
height: 16px;
border: 1px solid #0099CC;
font: normal 11px Verdana;
padding-top:1px;
background:url(../images/bgform.png) repeat-x;
}
.text{
width: 204px;
border: 1px solid #0099CC;
font: normal 10px Verdana;
color:#333333;
padding-top:1px;
}
.botao1{
width: 100px;
height: 20px;
font: normal 11px Verdana;
background:url(../images/bgform.png) repeat-x;
cursor:pointer;
}
.botao1:hover{
color:#0099CC;
}
.lista{
list-style:circle;
list-style-type:circle;
color:#FFFFFF;
visibility:visible;
}

/* 
 * ========================================
 * FIM Configurações Globais de Página e tags.
 * ========================================
 */

/* 
 * ========================================
 * Globais
 * ========================================
 */

#global{
width: 990px;
height: 100%;
}

/***** TOPO *****/

#topo{ 
width: 990px;
height: 275px;
}

/***** FIM TOPO *****/

/***** RODAPE *****/

#rodape{ 
width: 990px;
height: 25px;
background-color:#000000;
}

/* FIM RODAPE */

/* MEIO */

#meioglobal{
width: 990px;
height: 100%;
background:url(../images/bg_meio.png) no-repeat bottom fixed;
}
#meio{
width: 990px;
height: 100%;
}
#bgmeio{
width: 755px;
height: 240px;
background:url(../images/pig_baixo.png) no-repeat bottom;
}
#alinhameio{
margin:20px 110px 0px 125px;
width: 755px;
height: 60%;
text-align:justify;
}

#esquerda{
width: 365px;
height: 100%;
float:left;
text-align:justify;
/*topo / direita /  baixo / esquerda*/ 
padding:0px 0px 0px 0px;
}

#direita{
width: 365px;
height: 100%;
float:right;
padding:0px 0px 0px 0px;
text-align:left;
}

#menu{
	width: 730px;
	height: 40px;
	background:url(../images/bg_menu.jpg) repeat-x;
	padding-left:25px;
	padding-top: 5px;
}

/* FIM MEIO */

/* 
 * ========================================
 * FIM Globais
 * ========================================
 */
