body {
	background : #fff;
	color : #000;
	font-family : Georgia, serif;
	padding : 0 0;
}
img { border : 0px; }
#logo_hp {
	width : 621px;
	height : 504px;
	display : block;
	margin : auto auto;
	background : #fff url('../imgs/fundo_hp.jpg') no-repeat;
}
#menu_hp {
	display : block;
	padding : 215px 0px 0px 240px;
}
#box_hp_left {
	display : block;
	float : left;
	width : 435px;
	overflow : hidden;
	border-right : 1px solid #D1D3D4;
	padding : 0px 25px 0px 15px;
	margin : 15px 0px 0px 0px;
}
#box_hp_right {
	display : block;
	width : 265px;
	float : right;
	overflow : hidden;
	padding : 0px 15px 0px 25px;
	margin : 15px 0px 0px 0px;
}
#box_int {
	display : block;
	clear : both;
	width : 952px;
	margin : auto auto;
	margin-top : 20px;
}
#box_logo_int {
	width : 110px;
	height : 111px;
	display : block;
	clear : both;
	overflow : hidden;
}
#box_esq {
	width : 170px;
	display : block;
	float : left;
	border : 0px solid #000;
}
#box_dir {
	display : block;
	width : 782px;
	overflow : hidden;
	border : 0px solid #000;
	float : left;
}
#box_menu_int {
	padding-top : 60px;
}
#box_dir_topo {
	height : 115px;
	overflow : hidden;
	display : block;
	border-bottom : 1px solid #D1D3D4;
}
.titulo_hp_destaque {
	font-size : 1.6em;
	margin : 0px 0px 10px 0px;
}
.titulo_hp_destaque a {
	color : #0089cf;
	text-decoration : none;
}
.titulo_hp_noticia {
	font-size : 1.1em;
	margin : 0px 0px 10px 0px;
}
.titulo_hp_noticia a {
	color : #cc3d4f;
	text-decoration : none;
}
.titulo_area {
	font-size : 1.3em;
	margin-top : 10px;
}
.titulo_noticia {
	font-size : 1.1em;
	color : #666;
	font-weight : bold;
}
.bloco_texto {
	padding : 25px 40px 0px 100px;
}
.lead_hp {
	font-size : 0.8em;
	line-height : 1.3em;
}
.texto {
	font-size : 0.8em;
	line-height : 1.3em;
}
.antetitulo {
	font-size : 0.9em;
}
.texto_cinza {
	font-size : 0.8em;
	color : #999;
}
.img_right {
	padding : 20px 10px 5px 10px;
	width : 260px;
	float : right;
	display : block;
	clear : both;
}
.img_right img {
	padding-bottom : 10px;
}
.img_right_noticia {
	padding : 0px 10px 5px 10px;
	width : 260px;
	float : right;
	display : block;
	clear : both;
}
.img_right_noticia img {
	padding-bottom : 10px;
}
.legenda {
	font-size : 0.7em;
	color : #666;
	padding : 2px 0px 7px 0px;
}
#barra_links_portfolio {
	font-size : 0.8em;
	font-weight : bold;
	font-family : Verdana, Helvetica, sans-serif;
	text-transform : uppercase;
	color : #bebebe;
}
#barra_links_portfolio a:link,
#barra_links_portfolio a:visited {
	text-decoration : none;
	color : #bebebe; 
}
#barra_links_portfolio a#portfolio_activo,
#barra_links_portfolio a:hover,
#barra_links_portfolio a:active {
	color : #224E6D;
}

#box_miniaturas {
	padding : 10px 0px 0px 0px;
}
.img_thumb_portfolio {
	width : 91px;
	padding : 0px 1px 0px 0px;
	float : left;
	display : block;
}
.box_legenda_portfolio {
	font-size : 0.9em;
	color : #224E6D;
	font-family : Helvetica, sans-serif;
	margin : 20px 0px 0px 0px;
}
.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 0px solid black;
	overflow: scroll; /*leave this value alone*/
	width: 775px; /*Width of Carousel Viewer itself*/
	height: 453px; /*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: 1px; /*margin around each panel*/
	width: 91px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panelB{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 782px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.separador {
	display : block;
	clear : both;
	border-top : 1px solid #D1D3D4;
	margin : 10px 0px 0px 0px;
}