@charset "utf-8";
/* CSS Document */

body{
	margin:0; padidng:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: url(../images/bg_gradient.jpg) repeat-x;
	background-color: #8bbed8;
}

.clear{
	margin:0;padding:0;
	clear: both;	
}
/* --------------------------- Container ---------------------------------------  */
#container{
	display: block;
	margin:0 auto;
	padding: 0;
	width: 930px;
}
/* --------------------------- Logotipo ---------------------------------------  */
#logotipo{
	margin:0; padding: 0;
	margin-top: 5px;
	width: 145px;
	height: 146px;
	border: none;
}
/* --------------------------- Menu Superior ---------------------------------------  */
#top_menu{
	display: block;
	margin:0; padding:0;
	background: url(../images/top_menu_bg.jpg) repeat-x;
	width: 930px;
	height: 60px;
	margin-bottom: 10px;
}

p#left_round{
	width: 624px;
	height: 60px;
	background: url(../images/top_menu_left_corner.jpg) no-repeat;
	margin:0;padding:0;
	float: left;
	border-right: solid 1px #d7d8da;
}

p#right_round{
	width: 23px;
	height: 60px;
	background: url(../images/top_menu_right_corner.jpg) no-repeat;
	margin:0;padding:0;
	float: right;
}
/* --------------------------- Items do Menu Superior ---------------------------------------  */
ul#top_menu_items{
	list-style: none;
	margin:0;padding:0;
	margin-left: 625px;
}

ul#top_menu_items li{
	display: inline;
	margin:0;padding:0;
}

ul#top_menu_items li a.info_turismo{
	display: block;
	float: left;
	text-decoration: none;
	color: #666666;
	height: 34px;
	font-size: 16px;
	padding-top: 26px;
	padding-left: 23px;
	padding-right: 23px;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #d7d8da;
}

ul#top_menu_items li a.info_turismo:hover{
	background: url(../images/info_turismo_bg.gif) no-repeat 10px 23px;
}

ul#top_menu_items li a.telef_uteis{
	display: block;
	float: left;
	text-decoration: none;
	color: #666666;
	height: 34px;
	font-size: 16px;
	padding-top: 26px;
	padding-left: 23px;
	padding-right: 23px;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #d7d8da;
}

ul#top_menu_items li a.telef_uteis:hover{
	background: url(../images/telef_uteis_bg.gif) no-repeat 11px 23px;
}

ul#top_menu_items li a.contactos{
	display: block;
	float: left;
	text-decoration: none;
	color: #666666;
	height: 34px;
	font-size: 16px;
	padding-top: 26px;
	padding-left: 24px;
	padding-right: 24px;
	border-left: solid 1px #FFFFFF;
}

ul#top_menu_items li a.contactos:hover{
	background: url(../images/contactos_bg.gif) no-repeat 12px 23px;
}

/* --------------------------- Lado Esquerdo ---------------------------------------  */
/* --------------------------- Menu Lateral ---------------------------------------  */

#left_side{
	float: left;
	margin:0;padding:0;
	width: 200px;
	background: url(../images/left_menu_bg.jpg) repeat-x;
}

ul#left_menu{
	list-style: none;
	margin:0; padding:0;
	margin-top: 10px;

}

ul#left_menu li a{
	display: block;
	text-decoration: none;
	font-size: 16px;
	color: #666666;
	line-height: 35px;
	padding-left: 17px;
}

ul#left_menu li a:hover{
	background: url(../images/left_menu_over.gif) no-repeat 8px 7px;
}

/* --------------------------- Newsletter ---------------------------------------  */
#newsletter{
	margin:0;padding:0;
	margin-top: 10px;
	background: url(../images/newsletter_bg.jpg) repeat-x;
	width: 200px;
	height: 109px;
	float: left;
}
.newsletter_title{
	margin:0;padding:0;
	margin-top: 15px;
	text-align: right;
	margin-right: 10px;
	color: #666666;
	font-size: 16px;
}
.newsletter_email{
	margin:0;padding:0;
	color: #666666;
	font-size: 12px;
	margin-left: 12px;
	margin-top: -8px;
}
.email_form{
	margin:0;padding:0;
	margin-left: 12px;
	width: 168px;
	font-size: 12px;
	padding: 2px;
}
.newsletter_button{
	margin:0;padding:0;
	margin-left: 60px;
	margin-top: 10px;
	width: 80px;
	height: 22px;
	background: url(../images/subscrever_button.gif) no-repeat;
	float: left;
	text-indent: -5000px;
}

.newsletter_button a{
	margin:0;padding:0;
}

/* --------------------------- Pool de Opinião ----------------------------------  */
#pool{
	margin:0;padding:0;
	width: 200px;
	height: 210px;
	background: url(../images/pool_bg.jpg) repeat-x;
	background-color: #d7d9da;
	float: left;
	margin-top: 10px;
}
.pool_title{
	margin:0;padding:0;
	margin-top: 15px;
	text-align: right;
	margin-right: 10px;
	color: #666666;
	font-size: 16px;
}
.pool_pergunta{
	margin:0;padding:0;
	color: #666666;
	font-size: 14px;
	margin-left: 10px;
	margin-right: 10px;
}
.formulario_votacao{
	margin:0;padding:0;
	margin-top: 10px;
}
.votacao_texto{
	margin:0;padding:0;
	color: #666666;
	font-size: 12px;
	margin-left: 15px;
	margin-top: 5px;
}
.pool_button{
	margin:0;padding:0;
	background: url(../images/votar_button.gif) no-repeat;
	margin-top: 10px;
	text-indent: -5000px;
	margin-left: 59px;
	margin-top: 15px;
}

/* -------------------------- Logotipos ---------------------------------------  */

.CMMLogo{
	margin:0;pading:0;
	border: none;
	margin-top: 15px;
	margin-left: 35px;
}

.FluviarioLogo{
	margin:0;pading:0;
	border: none;
	margin-top: 15px;
	margin-left: 46px;
}

/* -------------------------- Lado Direito ---------------------------------------  */
/* --------------------------- Destaques ---------------------------------------  */

#right_side{
	margin:0;padding:0;
	width: 720px;
	float: right;
}

#destaques{
	width: 530px;
	height: 305px;
	background: url(../images/destaques_bg.jpg) repeat-x;
	float: left;
}

p.destaques_titulo{
	margin:0;padding:0;
	margin-top: 15px;
	margin-left: 10px;
	color: #0e75ba;
	font-size: 1.2em;
}

img.destaques_img{
	margin:10px;
	padding:0;
	float: left;
	border: solid 1px #a0a0a0;
}

p.destaques_texto{
	margin:0;
	padding: 0 10px 0 10px;
	margin-top: 5px;
	color: #666666;
	font-size: .8em;
	text-align: justify;
}

/* --------------------------- Cinema ---------------------------------------  */
#cinema{
	width: 180px;
	height: 305px;
	background: url(../images/destaques_bg.jpg) repeat-x;
	float: right;
}

.cinema_cartaz{
	margin:0;padding:0;
	margin-top: 20px;
	margin-left: 20px;
}

p.cinema_titulo{
	margin:0;padding:0;
	margin-top: 5px;
	color: #0e75ba;
	text-align: center;
	font-size: .9em;
	/* Font-Size normal é 1.2em */
}

p.cinema_data{
	margin:0;padding:0;
	text-align: center;
	color: #707070;
	font-size: 0.9em;
	font-weight: bold;
}

.ver_trailer_btn{
	margin:0;padding:0;
	margin-left: 50px;
	margin-top: 6px;
	width: 81px;
	height: 22px;
	display: block;
	background: url(../images/ver_trailer_btn_over.jpg) no-repeat;
}
.ver_trailer_btn:hover{
	width: 81px;
	height: 22px;
	background: url(../images/ver_trailer_btn.jpg) no-repeat;
}

.hide_text{
	position: absolute;
	left: -5000px;	
}

/* --------------------------- Actividades ---------------------------------------  */

.actividades{
	margin:0;padding:0;
	margin-top: 10px;
	width: 720px;
	background: url(../images/actividades_bg.jpg) repeat-x;
	background-color: #d8d9db;
	float: left;
	padding-bottom: 10px;
}

p.actividades_titulo{
	margin:0;padding:0;
	margin-top: 15px;
	margin-left: 10px;
	color: #0e75ba;
	font-size: 1.2em;
	float: left;
	width: 520px;
}

p.actividades_texto{
	margin:0;padding:0;
	margin-top: 10px;
	margin-left: 10px;
	color: #666666;
	font-size: .8em;
	text-align: justify;
	float: left;
	width: 520px;
}

img.actividades_cartaz{
	margin:0;padding:0;
	float: right;
	border: solid 1px #b0b0b0;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 20px;
}

.tabelaActividades{
	margin:0;padding:0;
	margin-top: 10px;
	margin-left: 20px;
	font-size: 12px;
	color: #666666;
	width: 70%;
}

.tabelaActividades td{
	margin:0;
	padding: 4px 6px;
}

/* --------------------------- Actividades Culturais e Desportivas ---------------------------------------  */
.actividades_culturais_desportivas{
	margin:0;padding:0;
	font-size: 12px;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	float: left;
	width: 94%;
}

.feira_livro{
	margin:0;padding:0;
	font-size: 12px;
	text-align: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
	float: left;
	width: 50%;
}

.feira_livro td{
	padding: 4px 6px;
}

.actividades_culturais_desportivas th{
	background-color: #999999;
	padding: 4px 6px;
	font-size: 14px;
}
.actividades_culturais_desportivas td{
	padding: 4px 6px;
}
/* --------------------------- Footer ---------------------------------------  */

#footer{
	margin:0;padding:0;
	margin-top: 10px;
	margin-bottom: 10px;
	background:url(../images/footer_bg.jpg) repeat-x;
	width: 930px;
	height: 69px;
	float: left;
}

p.lado_direito{
	margin:0;padding:0;
	background: url(../images/footer_left_round_side.gif) no-repeat;
	width: 20px;
	height: 69px;
	float: left;
}

p.footer_texto{
	margin:0;padding:0;
	margin-top: 15px;
	color: #666666;
	font-size: .7em;
	text-align: center;
}

p.lado_esquerdo{
	margin:0;padding:0;
	background: url(../images/footer_right_round_side.gif) no-repeat;
	width: 21px;
	height: 69px;
	float: right;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  ESTILOS GERAIS DAS SECÇÔES @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.seccao_titulo{
	margin:0;pading:0;
	margin-top: 15px;
	margin-left: 10px;
	color: #0099ff;
	font-size: 18px;
	font-weight: bold;
}