/* colors

laranja_topo = #f5ca00
laranja_escuro_topo = #efab00
laranja_claro = #fceb9d
laranja_telha = #e97118
laranja_menu = #eda800
vermelho = #ff001d
*/

UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; 
}

em {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #00a8ec; FONT-SIZE: 1em;
font-style: normal; font-weight: bold;
}


H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 0px; FONT-SIZE: 1.3em;
	font-weight: bold; color:#000;
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #000; FONT-SIZE: 1.1em; margin: 0; font-weight: bold;
}

H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #232e5c; FONT-SIZE: 1.1em;
	border-bottom: 1px solid #990033;
}
H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #df0023; FONT-SIZE: 15px;; font-weight: bold;
}
H5 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #f03708; FONT-SIZE: 1.2em;
}
H6 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; COLOR: #009dac; FONT-SIZE: 1.2em;
}


PRE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; width: 400px;
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
HTML {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; font-size: 0.9em;
	text-align: justify; 
}
BLOCKQUOTE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

BLOCK {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
FIELDSET {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
INPUT {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 0px; PADDING-TOP: 2px
}
BODY {
	 BACKGROUND: #F8F8F8; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif; font-weight: normal;
}



SELECT {
	FONT-SIZE: 71%; BACKGROUND: #ffffff; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif
}
OPTION {
	FONT-SIZE: 71%; BACKGROUND: #ffffff; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
	
}
TEXTAREA {
	FONT-SIZE: 71%; BACKGROUND: #ffffff; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif
}



SELECT {
	FONT-SIZE: 100%
}
OPTION {
	FONT-SIZE: 100%
}
TEXTAREA {
	FONT-SIZE: 100%
}
input, textarea {
 background: #fff;
 border: 1px solid #ccc;
 FONT-SIZE: 80%;
 FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif
}

TD {
	FONT: 0.7em Verdana, Arial, Helvetica, sans-serif;
}
TH {
	FONT: 0.7em Verdana, Arial, Helvetica, sans-serif;
}

td, th {
 font: 0.9em  verdana, tahoma, arial;
}

img{border:0px;}


A {
	 COLOR: #990033; TEXT-DECORATION: none;
	
	
}
A:hover {
	 COLOR: #000; TEXT-DECORATION: none; 
}


A:active {
	 COLOR: #000; TEXT-DECORATION: none; 
}

A:visited {
	 TEXT-DECORATION: none; 
}


/*
  HEADER
*/
#header {
  clear: both;
  width: 780px;
  height: 133px;
   margin-top: 0px;
  margin-bottom: 0px;
  margin-right: auto;
  margin-left: auto;
  background: #fceb9d;
  }
  
  #header .top {
    clear: both;
    position: relative;
	width: 780px;
	padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
	margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto; 
  }
  
  
  #header .wrapper {
    clear: both;
	width: 780px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 0px;
	padding-bottom: 0;
	text-align: left;
  }
  
  
  
 
  #header a {
  color:  #000;
  font-weight: bold;
  }
  
  #header a:hover {
  font-weight: bold;
  color: #e97118;
  }
  
  #top-banner0{
      float: left;
	  background: #f5ca00;
	  width: 318px;
	  height: 95px;
      margin: 0px 0px 0px 0px;
	  padding-top: 15px;
	  padding-left: 20px;
	 }
	
	#top-banner2{
      float: left;
	  background: #f5ca00;
	  width: 442px;
      height: 110px;
      margin: 0px 0px 0px 0px;
	  padding-top: 0px;
	 
    }
	
	#header .boxfone {
    float: left;
    width: 400px;
	padding-right: 0px;
	padding-left: 24px;
	padding-top: 2px;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	color: #e97118;
  }
	
	#header .boxmenu {
    float: left;
    width: 350px;
	padding-right: 5px;
	padding-left: 0px;
	padding-top: 2px;
	color: #000;
	text-align: right;
	font-size: 0.8em;
	font-weight: bold;
  }
  
  
		
 
#container {
 position: absolute;
 left: 50%;
 width: 780px;
 margin: 0px 0 0px -390px;
 background: #fff;
}




/*começa*/

#conteudo {
 clear: both;
	width: 780px;
    margin-left: auto;
    margin-right: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
    text-align: left;
	background: #fff url(images/bg_conteudo.jpg) repeat-y left; 
}

#conteudo A {
	 color:#003366; TEXT-DECORATION: none;
	
	
}
#conteudo A:hover {
	 COLOR: #990033; TEXT-DECORATION: none; 
}


#conteudo A:active {
	 COLOR: #000; TEXT-DECORATION: none; 
}

#conteudo A:visited {
	 TEXT-DECORATION: none; 
}

#conteudo .col_um {
 float: left;
 width: 212px;
 background: #ebebeb;
 margin-top: 14px;
}

#conteudo .menutit {
clear: both;
background: #eda800;
 width: 212px;
 height: 16px;
 text-align: center;
 color:#FFFFFF;
 font-size: 12px;
 font-family:  Verdana, Arial,  Helvetica, sans-serif;
 font-weight: bold;
 padding-top: 2px;
}

#conteudo .boxat {
clear: both;
 width: 172px;
 text-align: center;
 color:#ff001d;
 font-size: 12px;
 font-family:  Verdana, Arial,  Helvetica, sans-serif;
 font-weight: bold;
  padding-botton: 20px;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px; 
}

#conteudo .boximg {
clear: both;
 width: 212px;
 text-align: center;
 padding-top: 10px;
 margin-bottom: 15px;
  
}


#conteudo .col_dois {
 float: left;
 width: 559px;
 margin-left: 8px;
  margin-top: 14px;
 padding-bottom: 0px;
 background: #fff;
}

#conteudo .col_direita {
 float: left;
 width: 550px;
 margin-left: 8px;
  margin-top: 14px;
 padding-bottom: 0px;
 background: #f5f5f5;
}


#conteudo .boxflash {
clear: both;
 width: 549px;
 margin: 0px;
 padding: 0px;
 background: #fff;
}


#banners{
	width:549px;
	height: 306px;
	margin: 0px;
	padding: 0px;
}



#conteudo .produto {
float: left;
 width: 270px;
 height: 126px;
 margin-right: 8px;
 margin-top: 14px; 
 padding: 0px;
 background: #f5ca00;
}

#conteudo .produto1{
float: left;
 width: 270px;
 height: 126px;
 margin-top: 14px; 
 padding: 0px;
 background: #f5ca00;
}

#conteudo .prodtx {
float: left;
 width: 104px;
 padding-top: 5px;
 padding-left: 10px;
 padding-right: 10px;
 
 color: #FFFFFF;
 font-size: 0.9em;
 font-weight: bold;
}

#conteudo .prodimg {
float: left;
width: 146px;
 
 padding: 0px;
 
}

#conteudo .detalhe {
 font-size: 0.7em;
 color:#003366;
 text-align: right;
 padding-right: 10px;

}



#conteudo .prodtexto {
clear: both;
font-size: 12px;
font-weight: bold;
color: #000000; 
}

#conteudo .prodtexto2 {
clear: both;
font-size: 12px;
font-weight: bold;
color: #fff;
height: 64px;
padding-top: 10px; 
}

#conteudo .box {
float: left;
margin-top: 18px;
margin-bottom: 10px;
width: 78px;
height: 82px;
}

#conteudo .box1 {
float: left;
margin-top: 18px;
margin-bottom: 10px;
padding-top: 5px;
padding-left: 8px;
width: 224px;
height: 77px;
font-size: 0.8em;
color:#666666;
font-weight: bold;
text-align:left;
}

#conteudo .caixa {
clear: both;
 width: 549px;
 padding-bottom: 8px;
 margin-bottom: 10px;
 background: #f5f5f5;
}


#conteudo .titulo {
clear: both;
 width: 535px;
 height: 16px;
 margin: 0px;
 padding: 0px;
 background: #df0023;
 font-size: 12px;
 font-weight: bold;
 color:#FFFFFF;
 text-align: left;
 padding-top:2px;
 padding-left: 14px;
}

#conteudo .space {
clear: both;
 width: 536px;
 height: 10px;
 margin: 0px;
 padding: 0px;
 background: #fff;
 font-size: 12px;
 font-weight: bold;
 color:#FFFFFF;
 text-align: left;
 padding-top:0px;
 padding-left: 14px;
}

#conteudo .caixa1 {
float:left;
 width: 393px;
 margin: 10px 0 0 14px;
 padding: 0px;
 padding-bottom: 10px;
 font-weight:bold;
}

#conteudo .caixa0 {
float:left;
 width: 522px;
 margin: 10px 0 0 14px;
 padding: 0px;
 padding-bottom: 10px;
 font-weight:bold;
}


#conteudo .caixa2 {
float:left;
 width: 125px;
 margin: 0 0 0px 0;
 padding-top: 5px;
 text-align: right;
}

#conteudo .wrapper {
clear: both;
background: #f5f5f5;
margin-top: 0px;
margin-bottom: 10px;
padding-top: 10px;
}

#conteudo .caixa3 {
float:left;
background: #f5f5f5;
 width: 272px;
 margin: 0px 0 0 14px;
 padding: 0px;
 padding-bottom: 10px;
 text-align: left;
 font-size: 0.8em;
}

#conteudo .caixa4 {
float:left;
background: #f5f5f5;
 width: 250px;
 margin: 0;
 padding: 0px;
 padding-bottom: 15px;
 text-align: right;

}

#conteudo .clique {
clear: both;
margin: 15px 0 0 0;
 padding: 0px;
 height: 30px;
 
 
 text-align: left;
 font-size: 0.9em;
 font-weight: bold;
}

#conteudo .cliquea {
float: left;
}

#conteudo .cliqueb {
float: left;
padding-top: 5px;
}


#conteudo .cliquec {
float: left;
padding-left: 36px;
}

#conteudo .cliqued {
float: left;
padding-top: 5px;
font-size: 0.8em;
}


#conteudo .supri {
clear: both;
 width: 549px;
 height: 600px;
 padding-bottom: 8px;
 background: #f5f5f5;
}

#conteudo .content {
clear: both;
 width: 521px;
 height: 600px;
 padding-top: 8px;
 padding-bottom: 8px;
 padding-left: 14px;
 padding-right: 14px;
 background: #f5f5f5;
 font-size: 0.9em;
}

#conteudo .cxflash {
clear: both;
 width: 521px;

 padding-top: 8px;
 padding-bottom: 8px;
 padding-left: 14px;
 padding-right: 14px;
 background: #f5f5f5;
 font-size: 0.9em;
}

#conteudo .supri1 {
	float:left;
	width: 250px;
	margin: 10px 0 0 14px;
	padding: 0px;
	font-size: 0.8em;
	font-weight: normal;
}

#conteudo .supri2 {
	float:right;
	width: 281px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 0.7em;
	clear: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

#conteudo .address {
clear: both;
width: 340px;
  padding-top: 28px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 
}


/*
  MENU 
*/ 

#menu {

border:0px #333333 solid;
margin: 0px 0 0px 0px;
text-align: left; 
padding: 0px;
padding-bottom: 0px;
padding-top: 8px;
padding-left: 22px;
border: 0;
list-style: none;
width: 184px;
font: Verdana, Arial, Helvetica, tahoma;
font-size: 0.8em;
font-weight: bold;
color: #6b6b6b;
} 

#menu li {
margin: 0px 0px 10px 0px;
}

#menu li a {
width: 166px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
color: #6b6b6b;
text-decoration: none;
text-align: left;
font-weight: bold;
}

#menu li a:hover {

color:#d69802;

}



.btn {
   background:  #ccc;
   border: 1px solid #999;
   margin-top: 10px;
   color: #fff;
   font-size: 0.9em;
   font-weight: bold;
   width: 80px;
   height: 30px;   
  }
  



  
  
/* PAGINAÇÃO
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.paginacao{
	width:515px;
	text-align: right;
	font-weight: bold;
	font-size: 11px;
	}



/* CSS de texto que fica na lateral da imagem*/


.boximgtexto{
	 PADDING-RIGHT: 20px; 
	 PADDING-LEFT: 0px; 
	 PADDING-BOTTOM: 10px;  
	 FLOAT: left; 
	 cssFloat: right;
	
	 }	 
	 
	 ul {
	 list-style-type: none;
	 }
.lo{
list-style-type: disc;

}

.l1 {
list-style-image: url(img/seta_port.jpg) ;
}

.l2 {
margin: 0;
padding: 0;
list-style-type: none;
}

.l4 {
list-style-image: url(images/seta_itens.jpg) ;
}



	/*
  FOOTER
*/
#footer {
margin: 0px;
margin-top: 5px;
background: #fff url(images/bg_conteudo.jpg) repeat-y left;   
padding-top: 0px;
  clear: both;
  height: 30px;
  width: 780px;
  color:#666666;
   }

	
#footer .col_um {
 float: left;
 width: 212px;
 }    
	
	
#footer .col_dois {
 float: left;
 width: 556px;
 margin-left: 0px;
  margin-top: 0px;
  padding-top: 5px;
 padding-bottom: 0px;
 background: #fff;
 border-top: 1px #c7c7c7 solid;
 text-align: center;
 color:#999999;
 
 font-size: 0.7em;
 font-weight: bold; 
}

#footer a {
  color: #666;
  font-weight: bold;
  
}

#footer a:hover {
color:#d69802;
}


/* CSS PARA OS VIDEOS*/
#tudo{margin-left:auto;margin-right:auto;margin-top:auto;text-align:center; width:780px; height:auto; display:table;}


#preloader{position:absolute;z-index:1;}

div.transparencia{display:inline;float:left;background-color:#000000;z-index:1; position:absolute;}

div.bloco{position:absolute;width:327px;z-index:2;margin-top:10px;}
div.bloco div.cima{ float:left; height:auto;width:327px;}
div.bloco div.meio{ float:left;background-image: url(media/imagens/meio.gif);width:327px; height:auto;}
div.bloco div.conteudo{ margin:10px; font-family:Verdana; font-size:11px; color:#000000;}
div.bloco div.baixo{ float:left; height:auto;width:327px;}
#conteudo .minibanner {
	float: left;
	width: 270px;
	height: 74px;
	margin-right: 6px;
	margin-top: 14px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}
#conteudo .minibanner2 {
	float: left;
	width: 270px;
	height: 74px;
	margin-top: 14px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}

