@import url("reset.css");

body{
background-color:#FFF;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#333;
}

#geral{
width:841px;
margin:0px auto;
}

#topo{
float:left;
width:841px;
height:171px;
}


#miolo_home{
float:left;
width:841px;
padding-top:155px;
background:url(../../../IMG/int_bg_home.jpg) #F2F2F2 repeat-y;
}

#miolo2_home{
float:left;
width:841px;
background:url(../../../IMG/int_bg_miolo_home.jpg) no-repeat bottom;
min-height:604px;
_height:604px;
}

#left_home{
float:left;
width:153px;
height:auto;
text-align:right;
padding-right:14px;
padding-top:16px;
}

#right_home{
float:left;
width:674px;
min-height:183px;
_height:183px;
}


#conteudo_home{
float:left;
width:632px;
height:auto;
padding:10px 0 20px 0;
}

#conteudo_home_left{
float:left;
width:290px;
height:auto;
}

#conteudo_home_right{
float:left;
width:332px;
height:453px;
padding:0 0 0 10px;
background:url(../../../IMG/bg_noticias_home.gif) no-repeat;
vertical-align:top;
}

.box_home{
float:left;
width:210px;
height:197px;
padding:10px 20px 10px 10px;
background:url(../../../IMG/bg_box_home.gif) no-repeat;
}

.saiba_mais{
float:left;
width:209px;
height:auto;
text-align:right;
padding-top:20px;
}



.mais_noticias{
float:left;
width:316px;
height:auto;
text-align:right;
padding-top:10px;
}

.destaque_azul{
color:#336699;
font-weight:bold;
}

#rodape_home{
float:left;
width:841px;
height:84px;
}

.li{
padding:0 0 5px 0;
}


/* links */
a{
color:#336699;
text-decoration:none;
}
a:hover{
color:#336699;
text-decoration:underline;
}

.email{}

/*------- SLIDE ---------*/

#gal_fotos{
float:left;
position:relative;
float:left;
text-align:right;
width:800px;
}

#gal_foto_img{
float:left;
position:relative;
width:160px;
height:65;
margin-bottom:inherit;
padding: 20px 0 0 0;
}

#slide{
text-align:left;
float:left;
position:relative;
padding-left:10px;
}

.stepcarousel{
border: 5px ;
background:#CCCCCC;
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 625px; /*Width of Carousel Viewer itself*/
height: 65px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;

}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
width:80px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.z1 {
	float:left; 
	width:210px; 
	height:auto; 
	text-align:right; 
	padding-top:25px;
}

.z2 {
	float:left; 
	width:210px;
	height:auto; 
	text-align:right; 
	padding-top:74px;
}

.z3 {
	float:left; 
	width:309px; 
	height:auto; 
	text-align:right; 
	padding-top:25px;
}


.data{
color:#336699;
font-weight:bold;
}