/* CSS Document */

/* Body */

body {
font-family:  Arial,Helvetica, Verdana,  sans-serif;
background-repeat: repeat-x;
background-image: url(images/gradation.png);
background-attachment: fixed;
padding: 10px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}







/*texto corrido */

.texto
{
	text-align: left;
	font-size: 12px;
	color: #666666;
}

.texto a
{
	text-align: left;
	font-size: 12px;
	color: #006600;
	
}


.texto a:hover
{
	text-align: left;
	font-size: 12px;
	color: #006600;
	font-weight:bold;
	
}

#texto2
{
width:350px;
text-align: left;
font-size: 12px;
color:#999999;
}

.titulos
{
display: block;
text-align:left;
font-size:18px;
color:#006600;
font-weight: bold;
padding-top:0px;
}



.sub-titulos
{
	display: block;
	text-align:left;
	font-size:14px;
	color:#006600;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:5px;
	
}






/* este serve para mandar no cabeçalho, visto que o id (#) manda mais do que a class (.) */

#titulos_head
{
	display: block;
	vertical-align:middle;
	text-align:left;
	width:485px;
	font-size:24px;
	color:#003300;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom:5px;
	text-transform:uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

/* padding de imagens*/

#produto_esq
{
padding-right:10px;
float:left;
}

#produto_dir
{
	float:right;
	display:block;
	/*height:160px;*/
	/*width:120px;*/
	padding-left: 10px;
}

/*informação alinhada c tabelas*/



.produtos_info

{
text-align:left;
	display: block;
	width:485px;
	/*height:160px;*/
	padding-bottom:10px;
	padding-top:10px;
	background-color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}


.produtos_info_nobottom

{
	display: block;
	height:160px;
	width:485px;
	padding-bottom:50px;
	padding-top:10px;
	background-color:#FFFFFF;

}


/* para texto de noticias*/


.produtos_info_nobottom2

{

	display: block;
	width:485px;
	padding-bottom:10px;
	padding-top:10px;
	background-color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #99CC66;

}



/*botão ler mais*/




div#navcontainer
{
background-color: #003300;
padding-left:20px;
}
div#navcontainer ul
{
	font-size: 9px;
	text-transform:uppercase;
	color: #99CC33;
	margin: 0;
	padding: 23px 0px 8px 0px;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

div#navcontainer ul li
{

display: inline;
}
div#navcontainer ul li a
{
padding: 0px 10px 20px 0px;
color: #669900;
text-decoration: none;
/*border-left: 0px solid #fff;
border-right: 1px solid #000000; /* the borders have the same size */
}
div#navcontainer ul li a:hover
{
color: #99CC00;
}




.ler_mais

{

font-size:11px;
color:#006633;

}

.ler_mais a

{
	padding-left:5px;
	font-size:11px;
	color:#006633;
	text-decoration: none;
}



.ler_mais a:hover

{
font-size:11px;
color: #99CC66;

}

/*numeração*/

.numeros

{

text-decoration:none;
width:480px;
text-align:right;
font-size:10px;
color:#006633;


}

.numeros , a

{
padding-left:2px;
padding-right:2px;
text-decoration:none;
font-size:10px;
color:#006633;

}
.numeros , a:hover

{
text-decoration:none;
font-size:10px;
color: #99CC66;

}


/*volta a noticias*/


#back

{
font: normal;
text-decoration:none;
width:480px;
text-align:right;
font-size:9px;
color:#006600;


}

#back, a

{
padding-left:2px;
padding-right:2px;
text-decoration:none;
font-size:9px;
color:#006600;

}
#back, a:hover

{
text-decoration:none;
font-size:9px;
color: #99CC66;

}









/*fim de página*/

.direitos

{
	font-size:9px;
	color:#999999;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

/*notícias*/


#noticias

{
display: block;
width:197px;
padding-bottom:5px;
padding-left:6px;
padding-right:6px;
text-align: left;
background-color: #FFFFFF;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #99CC66;
border-left-width:5px;
border-left-style:solid;
border-left-color:#99CC66;
border-right-width:5px;
border-right-style:solid;
border-right-color:#99CC66;
}


#images

{
display: block;
padding-top:5px;

}

/*indice e hover indice*/

.indice
{
	display: block;
	margin-top:0px;
	padding-top:8px;
	padding-bottom:5px;
	text-align:left;
	font-size:12px;
	color:#006600;
	font-weight: bold;
	text-transform: uppercase;
}



/* só p noticias*/


.indice2
{
	display: block;
	margin-top:0px;
	/*padding-top:8px;*/
	/*padding-bottom:5px;*/
	text-align:left;
	font-size:11px;
	color:#006600;
	font-weight: bold;
	text-transform: uppercase;
}

/*menu_produtos*/
#navcont
{
width:219px;
background-color: #99CC66;
}

#navcont ul
{
	font-size:11px;
display: block;
width:219px;
text-align:right;
list-style: none;
margin: 0;
border: none;
padding:0px;
padding-bottom:5px;

}

#navcont li
{

border-bottom: 1px solid  #99CC66;
margin: 0;
}

#navcont li a
{
	display: block;
	/*width:184px;*/
	font-size:11px;
	border-left: 5px solid  #99CC66;
	border-right: 5px solid #99CC66;
	background-color: #f4f6ef;
	color: #006600;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#navcont li a:hover
{

border-left: 20px solid #99CC66;
border-right: 5px solid #99CC66;
color: #99CC66;
}



#center

{
text-align:center;
background-color: #FF0000;
margin:0px;
padding:0px;
}


#caixa

{
	display: block;
	padding-top: 28px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.not

{
display: block;
width:197px;
padding-bottom:5px;
padding-left:6px;
padding-right:6px;
text-align: left;
background-color: #FFFFFF;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #99CC66;
border-left-width:5px;
border-left-style:solid;
border-left-color:#99CC66;
border-right-width:5px;
border-right-style:solid;
border-right-color:#99CC66;
}

.not a

{

display: block;

background-color: #FFFFFF;

}


.not a: hover

{
display: block;
padding:20px;
background-color: #FF0000;


}



/*apenas para a área de noticia*/


#listcontainer 
{
/*background-color: #ebeeee;}*/
}
#listcontainer ul
{
	
width:219px;
/*padding: 0;*/
list-style-type: none;
margin: 0;
padding:0px;
padding-bottom:5px;
}

#listcontainer li
{

font-size:10px;
font-weight:bold;
display: block;
background-color: #FFFFFF;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #99CC66;
border-left-width:5px;
border-left-style:solid;
border-left-color:#99CC66;
border-right-width:5px;
border-right-style:solid;
border-right-color:#99CC66;
margin: 0;
}

#listcontainer li a
{

font-size:10px;
font-weight:bold;
display: block;
padding-bottom:5px;
padding-left:6px;
padding-right:6px;
padding-top:5px;
background-color: #FFFFFF;
margin: 0;
}

#listcontainer li a:link /*.listcontainer a:visited*/

{
color: #666666;
text-decoration: none;
padding:0px;
padding-top:5px;
padding-bottom:5px;
margin:0;
}

#listcontainer li a:hover
{
background-color: #E4F1D4;
color: #333333;
}


.data

{

padding-top:5px;
text-decoration:none;
text-align:right;
font-size:9px;
color: #999999;


}




/* -----  menu1   ------  */

#navcont2
{
width:219px;
height:153px;
background-image:url(images/menu.jpg);
background-repeat:no-repeat;


}

#navcont2 ul
{
	font-size:11px;
	display: block;
	width:219px;
	text-align:right;
	list-style: none;
	margin: 0;
	border: none;
	/*padding:0px;*/
	padding-bottom:5px;
	padding-top:5px;
}

#navcont2 li
{
/*border-bottom: 2px solid  #ffffff;*/
margin: 0;
}

#navcont2 li a
{
	display: block;
	font-size:11px;
	font-weight:bold;
	text-transform: uppercase;
	color: #006600;
	text-decoration: none;
	/*padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 10px;*/
	
}

#navcont2 li a:hover
{

/*border-left: 20px solid #99CC66;
border-right: 5px solid #99CC66;*/
color: #003300;
}


.menuback
{
	display: block;
	width:197px;
	height:120px;
	background-image: url(images/gradientmenu.gif);
	background-repeat: repeat-x;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom:8px;
	padding-left: 8px;

}



/* Image gallery */


div#style
{
margin-top:10px;
text-align:left;

}


.thumbnail
{
overflow:hidden;
text-align:center;
float: left;
display:inline;
width: 50px;
height:50px;
/*border: 1px solid #bbbbbb;*/
margin: 5px 12px 10px 0;
padding: 0px;
padding-left: 5px;
}

.thumbnail a:link, .thumbnail a:visited
{
overflow:hidden;
float: left;
border: 2px solid #fff;
}

.thumbnail a:hover
{
overflow:hidden;
/*border-top-width:2px;
border-top-color:#ccc;
border-left-width:2px;
border-left-color:#ccc;
border-bottom-width:2px;
border-bottom-color:#666;
border-right-width:2px;
border-right-color:#666;*/


}

.thumbnospace
{
overflow:hidden;
float: left;
display:inline;
width: 50px;
height:50px;
margin: 5px 0 10px 0 ;
padding: 0px;
padding-left: 5px;

}

.thumbnospace a:link, .thumbnospace a:visited
{
overflow:hidden;
float: left;
border: 2px solid #fff;
}

.thumbnospace a:hover
{
overflow:hidden;
border-top-width:2px;
border-top-color:#ccc;
border-left-width:2px;
border-left-color:#ccc;
border-bottom-width:2px;
border-bottom-color:#666;
border-right-width:2px;
border-right-color:#666;
}

.clearboth { clear: both; }