@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: #003366;
	background-image: url(../midias/images/background.jpg);
	background-attachment: fixed;
	font-family: Arial;
	font-size: 11px;
}

.destacado-preto{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}

/* /////////////////////////////////////////////////////////////////// */

#miolo-container-box1{
	position:relative; 
	float:left; 
	width:672px;
	border:1px solid #CCCCCC;
	margin:36px 0 0 27px;
	padding:10px 19px 10px 19px;
	text-align:left;
	background-color:#FFFFFF;
}

/* /////////////////////////////////////////////////////////////////// */


.image {
	border: 0px solid #CCCCCC;	
	float:left;
}

.image:hover {
	border: 0px solid #0099CC;	
}

/* /////////////////////////////////////////////////////////////////// */

#controle-p1 {
	position: relative;
	float: left;
	width: 100%;
	height: 11px;
}

#controle-p0 {
	position: relative;
	float: left;
	width: 100%;
	height: 11px;
}

/* /////////////////////////////////////////////////////////////////// */

#exterior {min-height: 100%; height: 100%; height: auto !important; overflow: hidden; position: relative; width: 100%;}
#exterior[id] {display: table; position: static;}

#medio {position: absolute; width: 100%; text-align: center;}
#medio[id] {display: table-cell; vertical-align: middle;}

#interior {position: relative; text-align: left;}
#interior {width: 980px; margin-left: auto; margin-right: auto;}

div.borda {/* border: 0px solid #FFFFFF;*/}

#container {
	position: relative; 
	float: left;
	left:50%;
	margin: 0 0 0 -490px;
	padding: 0;
	width: 980px;
	min-height: 100%;
	height: 100%;
	height: auto !important;
	/* background-color: #FFFFFF; */
}

/* /////////////////////////////////////////////////////////////////// */

#header {
	position: relative;
	float: left;
	width: 100%;
	height: 70px;
	background-image: url(../midias/images/background-header_sm.jpg);
	background-repeat: repeat-x;
	/* background-color: #FF0000; */
}

/* /////////////////////////////////////////////////////////////////// */

#logo {
	position: relative;
	float: left;
	width: 470px;
	height: 70px;
	margin: 0;
	padding: 15px 0 0 20px;
	text-align: left;
	/* background-color: #000000; */
}

#idioma {
	position: relative;
	float: left;
	width: 470px;
	height: 60px;
	margin: 0;
	padding: 8px 20px 0 0;
	text-align: right;
	/* background-color: #FF0000; */
}

/* /////////////////////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////////////////// */

#central {
	position: relative; 
	float: left; 
	width: 940px; 
	margin: 0;
	padding: 0 20px 20px 20px;
	background: #F3F3F3;
}

#escurecer {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
	width: 100%;
	height: 100%;
	margin: 0;
	background: #000000; 
	opacity: .5;
	filter: alpha(opacity=50);
	-khtml-opacity: .5;
	display: none;
}
* html #escurecer {
	position: fixed;
	height: document.body.clientHeight+'px' !important;
}
*+html #escurecer {
	position: fixed;
	height: document.body.clientHeight+'px' !important;
}

#box {
	position: fixed; 
	z-index: 502;
	width: 640px;
	min-height: 480px;
	left: 50%;
	top: 50%;
	margin: -240px 0 0 -320px;
	padding: 0;
	display: none;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
} 

/* /////////////////////////////////////////////////////////////////// */

#bottom {
	position: relative; 
	float: left; 
	width: 940px;
	height: 19px; 
	margin: 0;
	padding: 8px 20px 0 20px;
	background: #FFFFFF;
	text-align: left;
	font-family: Arial;
	font-size: 11px;
	color: #999999;
}

#bottom-left{
	position: relative; 
	float: left; 
	width: 600px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Arial;
	font-size: 11px;
	color: #999999;
}

#bottom-right{
	position: relative; 
	float: left; 
	width: 340px;
	margin: 0;
	padding: 0;
	text-align: right;
	font-family: Arial;
	font-size: 11px;
	color: #999999;
}

.boldFont
{
	font-weight: bold;
}

/* /////////////////////////////////////////////////////////////////// */


/*esquerda-midias
esquerda-midias-item
esquerda-midias-item-left
esquerda-midias-item-rigth
esquerda-midias-item-rigth-titulo
esquerda-midias-item-rigth-descricao*/




#esquerda-midias-midia{
	position:relative; 
	float:left; 
	width:87px;
	height:87px; 
	margin:0;
	padding:0;
	background-color: #CCCCCC;
	background-image: url(../midias/images/noimage.jpg);
}

#esquerda-midias{
	position:relative; 
	float:left; 
	width:109px;
	height:87px; 
	margin:0 0 0 5px;
	padding:0;
}

#esquerda-midias-bottom{
	position:absolute; 
	width:110px;
	bottom:0;
	right:0;
	margin:0;
	padding:0;
}

#esquerda-midias-subtitulo{
	position:relative; 
	float:left; 
	width:100%;
	margin:0 0 3px 0;
	padding:0;
	text-align:left;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#006699;
}

#esquerda-midias-conteudo{
	position:relative; 
	float:left; 
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	font-family:Arial;
	font-size:11px;
	color:#333333;
}

.esquerda-lugares-titulo,
.esquerda-lugares-titulo:visited{
	font:12px Arial, Helvetica, sans-serif;
	color:#069;
	cursor:pointer;
	font-weight: bold;
}

.esquerda-lugares-titulo-destaque,
.esquerda-lugares-titulo-destaque:visited{
	font:12px Arial, Helvetica, sans-serif;
	color:#7BCEFE;
	cursor:pointer;
	font-weight: bold;
}

.esquerda-lugares-titulo:hover,
.esquerda-lugares-titulo:active,
.esquerda-lugares-titulo-destaque:hover,
.esquerda-lugares-titulo-destaque:active{
	font:12px Arial, Helvetica, sans-serif;
	color:#09C;
	cursor:pointer;
	font-weight: bold;
}
#creditos {
}
#creditos h3 {
	font-size: 12px;
	color: #333;
	padding-top: 20px;
	font-weight: bold;
	text-align: center;
	font-variant: small-caps;
	text-transform: uppercase;
	margin-right: 80px;
	margin-left: 80px;
}
#creditos h4 {
	font-size: 20px;
	font-weight: normal;
	color: #069;
	padding: 5px;
	text-align: center;
}
.creditoMail{
	color: #666;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	margin: 0px;
	text-align: center;
}

