body {
	margin-top: 0px;
	font-family: 'trebuchet ms, handel gothic bt', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-image:url(./pics/fundo.jpg);
	background-attachment: fixed;
	}
	
.form {
 font-size: 7.5pt; /* Resets 1em to 10px */
 font-family: Arial, Sans-Serif;
}

#page {
	width: 800px;
	height: 100%;
	}
	
#topo {
	background-image: url(./pics/topo.jpg);
	width: 800px;
	height: 180px;
	}	
#nav {
	width: 800px;
	height: 30px;
	}

#des_control {
	background-image: url(./pics/des_control.jpg);
	width: 800px;
	height: 28px;
	}

* html #des_control {margin-top:-4px;} /* IE margin-top Hack */ 

#left { /* Parent Wrapper for inside boxes */
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 width: 171px;
 float: left;
 min-height: 575px;
 padding: 0px;
 background-image: url(./pics/caixa_small.jpg);
 font-size: 85%; /* Resets 1em to 10px */
 font-family: Arial, Sans-Serif;
 color: black;
 text-align: left;
}
	
* html #left {height:575px} /* IE Min-Height Hack */ 

#center { /* Parent Wrapper for inside boxes */
 background-image: url(./pics/caixa_big.jpg);
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 width: 454px;
 float: left;
 padding: 0px;
 min-height: 575px;
}
* html #center {height:575px} /* IE Min-Height Hack */ 

#right { /* Parent Wrapper for inside boxes */
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 width: 171px;
 float: left;
 min-height: 575px;
 padding: 0px;
 background-image: url(./pics/caixa_small2.jpg);
 font-size: 85%; /* Resets 1em to 10px */
 font-family: Arial, Sans-Serif;
 color: black;
 text-align: left; 
}
* html #right {height:575px} /* IE Min-Height Hack */ 

#separador { /* Parent Wrapper for inside boxes */
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 width: 2px;
 float: left;
 min-height: 575px;
 padding: 0px;
 background: white;
}
* html #separador {height:575px} /* IE Min-Height Hack */ 

#newsletter {
	margin-top: 75px;
	width: 150px;
	height: 31px;
	float: left;
	}
	
#footer { /* Parent Wrapper for inside boxes */
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 width: 800px;
 float: left;
 min-height: 35px;
 padding: 0px;
 background: black;
 color: white;
 font-size: 55%; /* Resets 1em to 10px */
 font-family: verdana, Arial, Sans-Serif;
 text-align: center;
 text-justify: auto; 
}
* html #footer {height:35px} /* IE Min-Height Hack */ 	
	

a, h2 a:hover, h3 a:hover {
	color: black;
	text-decoration: none;
	font-weight: bold;
    font-size: 9pt;
	}

.a:link
{
font-family: trebuchet ms, arial;
color: green;
text-decoration: none;
font-weight: bold;
font-size: 9pt;
}

.a:visited {
font-family: trebuchet ms, arial;
color: green;
text-decoration: none;
font-weight: bold;
font-size: 9pt;
	}

.a:hover, a:active
{
color: orange;
font-family: trebuchet ms, arial
text-decoration: none;
font-weight: bold;
font-size: 9pt;
}

u {
	font-size: 12pt; /* Resets 1em to 10px */
	font-family: arial, Sans-Serif;
	color: #a9f0ff;
	font-weight: bold;		
	text-align: justify;
	text-justify: auto;
	float: left;	
	vertical-align:bottom;
	}

.texto {
	font-size: 12pt; /* Resets 1em to 10px */
	font-family: arial, Sans-Serif;
	color: #a9f0ff;
	font-weight: bold;	
	text-align: justify;
	text-justify: auto;
	float: left;	
	vertical-align: bottom;
	}
	
.textinho {
	font-size: 9pt; /* Resets 1em to 10px */
	font-family: arial, Sans-Serif;
	color: white;
	font-weight: bold;	
	text-align: justify;
	text-justify: auto;
	float: left;	
	vertical-align: bottom;
	}

.textinho2 {
	font-size: 9pt; /* Resets 1em to 10px */
	font-family: arial, Sans-Serif;
	color: white;
	font-weight: bold;	
	text-align: justify;
	text-justify: auto;
	float: left;	
	vertical-align: bottom;
	}		

.msg {
	font-size: 10pt; /* Resets 1em to 10px */
	font-family: arial, Sans-Serif;
	color: white;
	text-align: right;
	vertical-align: bottom;
	}

.tit_servicos {
	font-size: 12pt; /* Resets 1em to 10px */
	font-family: arial, Sans-Serif;
	color: white;
	text-align: right;
	font-weight: bold;	
	vertical-align: bottom;
	}		
	
.servicos {
	font-size: 11pt; /* Resets 1em to 10px */
	font-family: arial, Sans-Serif;
	color: white;
	text-align: right;
	font-weight: bold;	
	vertical-align: bottom;
	line-height:140%;
	}	
	
.rodape {
	font-size: 9pt; /* Resets 1em to 10px */
	font-family: arial, Sans-Serif;
	color: #002656;
	text-align: right;
	font-weight: bold;	
	font-style: italic;	
	vertical-align: bottom;
	}		
	
.mails {
	font-size: 10pt; /* Resets 1em to 10px */
	font-family: arial, Sans-Serif;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: bottom;
	}	

.deps {
	font-size: 9pt; /* Resets 1em to 10px */
	font-family: arial, Sans-Serif;
	color: #002656;
	font-weight: bold;		
	vertical-align: bottom;
	}		
	
.nomes {
	font-size: 10pt; /* Resets 1em to 10px */
	font-family: arial, Sans-Serif;
	color: white;
	font-weight: bold;	
	text-align: justify;
	text-justify: auto;
	vertical-align: bottom;
	}	
	
.cargos {
	font-size: 9pt; /* Resets 1em to 10px */
	font-family: arial, Sans-Serif;
	color: #000000 	;
	font-weight: bold;	
	vertical-align: bottom;
	}	
	
.titulo {
	font-size: 12pt; /* Resets 1em to 10px */
	font-family: arial, Sans-Serif;
	color: yellow;
	text-justify: auto;
	text-align: right;	
	vertical-align:bottom;
	font-weight: bold;	
	text-decoration: underline;
	}
	
div#cleardiv
{
clear: both;
height: 1px;
}

.branco {
	color: white;
	}
	

.stepcarousel{
position: relative; /*leave this value alone*/
width: 450px; /*Width of Carousel Viewer itself*/
height: 250px; /*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: 5x; /*margin around each panel*/
width: 450px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}