* {
	margin:0px;
	padding:0px;
	text-decoration:none;
	list-style:none;


	
}


}
.banner_main {
	margin-bottom:100px;
	text-align: center;
	
	
	
}

body{
	margin-top:1px;	
	background-color:#fff;
	background-image:url(../images/recife_onde_ir.jpg);
	background-image:no-repeat;
	background-attachment:fixed;
}

#principal {
	width:1000px;
	margin:0 auto;
	background-image:url(../layout/background_main.png);
	height:auto;
	border:5px solid #fff;




	

}

#top {
	width:auto;
	height:auto;
	
}

#logo {
	
	width:266px;
	height:102px;
	
	margin-top:30px;
	float:left;
	margin-left:70px;
	
}



.logo_subtitle{
	color:#00A3D8;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	text-shadow:1px 1px 1px #fff;
	font-family:times;  
}
.banner-top{
	background-image:url(../layout/cidade-do-recife-a-noite.jpg);
	width:566px;
	height:144px;
	
	float:right;
	display:inline;

	
}

/* Slider */

#slider {  width:960px; padding:20px 0px; margin-right:auto; margin-left:auto;}
#slideshow { float:left; width:99%; height:327px; overflow:hidden;margin-left:0px;}
div.slider-item { width:960px !important;  }
.slider-item .caption { left:960px; width:200px; position:absolute; height:287px; top:0; padding:20px; margin:0; background:url(../layout/overlay.png);}
.slider-item .caption h2 { font:normal 24px/1.2em Georgia, "Times New Roman", Times, serif; color:#fff; padding:0; margin:0;}
.slider-item .caption p { font:normal 12px/1.6em Georgia, "Times New Roman", Times, serif; color:#fff; margin:0; padding:0;}
.slider-item .caption a { color:#fff; text-decoration:none;}
.slider-item img { float:right; margin:0; padding:0;}
.slider_content_inner img { border:none; }
.controls-center { width:960px; margin:0 auto; padding:5px 0;}
#slider_controls { margin:0 auto; z-index:1000; width:960px;}
#slider_controls ul { margin:0; padding:0 20px 0 0; width:254px; float:right;}
#slider_controls ul li { margin:0; padding:0 ; list-style:none; }
#slider_controls ul li { float:right; display:block; }
#slider_controls ul li a { text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; color:#797979; background:#f2f2f2; border:1px solid #e0e0e0; display:block; float:left; padding:1px 5px; margin:2px !important; margin:1px 1px; outline:none; }
#slider_controls ul li a:focus { outline:none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { color:#f00; background:#fff; border:1px solid #ececec; }

/* Fim do slider banner*/

#videohome {
	margin-left:160px;
	margin-top:50px;
}

nav{
	display:inline-block;
}
.menu{
	display: block;
	margin:30px 200px 40px 0;
	width:auto;
	border:1px solid #fff;
	font-family:sans-serif;
	float:left;
}
.menu li{
	list-style-type:none;  /*Retira os qualquer marcação de list*/
	position:relative;
	float:left; 
	
	padding-left:10px;  /*Para os menus não ficarem colados entre um é outro*/
	padding-right:10px; /*Para os menus não ficarem colados*/
	height:36px;
	line-height:36px; /*Centralizar verticalmente o menu*/
	text-shadow:3px 2px 2px #000;
	font-size:14px;
	background-image:url(../layout/nav-bar.png);
	background-repeat:repeat-x;
	

	
}

.menu li a{ /* Estilar os links, Para as aconras */
	font-family:Tahoma;	
	font-size:13px;
	text-decoration:none; /*Retira os sublinhados*/
	color:#ffffff;

}

.menu li ul{ /*Para o menu ul */
	position:absolute;
	top:36px; /*quando for posicionado o menus Drop Down, 36px será o tamanho do bloco */
	left:-20px;
	display:none; /* não vai aparecer, galinha dos ovos drop down */

} 

.menu li:hover ul, .menu li ul li:hover ul, .menu li.over ul, .menu li ul li.over ul {	/*aplicar a propriedade para todos, tecnica para aparecer depois dom menu li ul, galinha dos ovos drop down*/
	display:block;
	text-align:center;
} /*tecnicas de passar o mouse nos menu, pega todas a propriedades usadas antes*/

.menu li ul li {
	
	display:block;
	width:100px;
	height:34px;

	z-index:1000; /*para que o submenu posso ficar na frente de outros elementos */
	line-height:36px;
	border:1px solid #00b4ff;


}



#main{
	
	color:#000;
	clear:both;
	height:100%;
	display:block;
	font-family:sans-serif;
	

	
}


#banner-animado{

	border-color:#000 2px solid;
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;

}

#main_left {
	display:block;
	margin-left:20px;
	width:405px;
	height:auto;
	float:left;
	/*border:1px solid #000;*/
	margin-top:30px; /* ver uma maneira para retirar isso */
}
#main_center {
	
	display:block;
	width:405px;
	height:auto;
	float:left;
	/*border:1px solid #000;*/
	margin-top:30px; /* ver uma maneira para retirar isso */

}
#main_right {
	display:block;
	margin-right:20px;
	width:140px;
	float:left;
	/*border:1px solid #000;*/
	margin-top:30px;  /* ver uma maneira para retirar isso */
}



.face{
	float:left;
	width:140px;
	display:block;  

}

#rss{
	color:#FF7F00;
	font-size:16px;
	font-style: italic;
	font-weight:bold;
	margin:20px 0 10px 0;
}


.rss_content p{
	padding-bottom:20px;

}

.rss_content p {
	text-align:justify;

}

.tabela{
	font-size:18px;
	font-family:arial;
	color:#03C03C;
	text-shadow:1px 2px 2px #FFFF00;
	
	
	
}

option{
	color:#666;
}

#banner-animado-left{
	background-image:url(../images/content/banner-animado-left.jpg);
	width:250px;
	height:248px;
}
.noticias{
	padding:0 30px 10px 0;
	width:auto;
	min-height:248px; 
	display:block;
	height:auto;
	text-align:justify;
	

}

.noticias img{
	float:left;
	margin-right:20px;
	border:1px solid #fff; 
	border:1px solid #000;
	box-shadow:2px 2px 2px 3px #ccc;
}



.header_topicos{
	color:#FF0000;
	font-size:16px;
	margin-bottom:10px;
	margin-top:20px;
}

.header_noticias{
	color:#fffc00;
	font-size:22px;
	margin-bottom:10px;
	margin-top:10px;
	height:20px; 
	text-shadow:1px 1px 1px #000;
}

hr{
	color:#fff;
}

.atrativos_turisticos{
	float:left;
	height:auto;
	margin:20px 10px 5px 0;
	width:190px;
	display:block;
	text-shadow:1px 1px 5px #fff;
	text-align:justify;

}



.atrativos_turisticos img{
	border:1px solid #fff; 
	box-shadow:1px 1px 5px 1px #000;
	margin:10px 0 10px 0;
}

.atrativos_turisticos img:hover{
	box-shadow:2px 2px 15px #0012ff; 
}

.atrativos_turisticos_content{
	text-align:justify;
	margin:0 0 20px 10px;
	
	
	display:block;


}
.empresas{
	
	
	/* width:190px; fica as empresas uma ao lado da outra no main-left ou main-center cabem duas colunas*/
	width:auto; /* width:auto; cabe apena uma empresa no main-left ou main-right */
	height:400px;
	margin:50px 0 0 0;
	display:block;
	padding-left:auto;
	padding-right:auto;
	/*float:left; it's information use the necessary to aplly */
	
	

	
}

/*.divisao{
	height:410px;
	background-image:url(../layout/separador.png);
	background-repeat:repeat-y; 
	display:block;
	border-radius:100px 100px 100px 0px;

	

}

.divisao2{
	height:auto;
	/* background-color:#ccc;*/
	/*display:block;*/
/*}*/


.atrativos-turisticos-grande{
	
	
	width:405px;
	height:180px;
	margin:20px 5px 5px 0;
	display:block;
	float:left;
}

.atrativos-turisticos-grande img{
	float:left;

}

.atrativos-turisticos-grande-header{
	text-align:left;
	color:#fff;
	
	font-weight:bold;
	margin-bottom:5px;
}

.empresas_bottom {
	margin:20px 5px 5px 0;
}



.empresas_header{
	text-align:center;
	color:#0000D8;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
}





/* ////////////// categorias turisticas na home //////////////////// */
.cabecalho-esquedo-menu {
	color:#FF0000;
	font-size:18px;
	font-weight:bold;
	
}




.cultura {
	color:#FF8000;
	font-size:18px;
	font-weight:bold;
}
.cultura_content{
	color:#FF8000;
}

.cultura a{
	color:#FF8000;
	
}
.cultura_content a{
	color:#FF8000;
}

.parques {
	color:#00B200;
	font-size:18px;
	font-weight:bold;
	 
}
.parques_content{
	color:#00B200;
}

.parques a{
	color:#00B200;
	 
}
.parques_content a{
	color:#00B200;
}
.praias{
	color:#001eff;
	font-size:18px;
	font-weight:bold;
}

.praias_content{
	color:#001eff;
}

.praias a{
	color:#001eff;
	font-size:18px;
	font-weight:bold;
}

.praias_content a{
	color:#001eff;
}
.transportes{
	color:#dc2406;
	font-size:18px;
	font-weight:bold;
}
.transportes_content{
	color:#dc2406;
}

.transportes a{
	color:#dc2406;
	font-size:18px;
	font-weight:bold;
}
.transportes_content a{
	color:#dc2406;
}

.enderecos-uteis-content{
	color:#8a00ff;
}
.enderecos-uteis{
	color:#8a00ff;
	font-size:18px;
	font-weight:bold;
}

.enderecos-uteis-content a{
	color:#8a00ff;
}
.enderecos-uteis a{
	color:#8a00ff;
	font-size:18px;
	font-weight:bold;
}

.polos-comerciais-content{
	color:#9a9f42;
}
.polos-comerciais{
	color:#9a9f42;
	font-size:18px;
	font-weight:bold;
}

.polos-comerciais-content a{
	color:#9a9f42;
}
.polos-comerciais a{
	color:#9a9f42;
	font-size:18px;
	font-weight:bold;
}

.museus {
	color:#c42460;
	font-size:18px;
	font-weight:bold;
	width:250px; 
}
.museus_content{
	color:#00B200;
}


.teatros{
	color:#ad28c5;
	font-size:18px;
	font-weight:bold;
	width:250px
	
}

/* ////////////// categorias turisticas //////////////////// */

/* ////////// categorias dos conteudos da pagina turistica ///////////*/
.parques_turisticos {
	color:#00B200;
	font-size:18px;
	font-weight:bold;
	width:auto; 
}
.museus_turisticos{
	color:#c42460;
	font-size:18px;
	font-weight:bold;
	width:auto; 

}

.igrejas_turisticos{
	color:#82261f;
	font-size:18px;
	font-weight:bold;
	width:auto; 

}



.teatros_turisticos{
	color:#ad28c5;
	font-size:18px;
	font-weight:bold;
	width:auto; 


}



.centros-comerciais{
	color:#fcff00;
	font-size:18px;
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
	
	
}

/* ////////// categorias dos conteudos da pagina turistica ///////////*/


/*//////////////// video /////////////////// */
.video{
	margin:20px 0 20px 0;
	font-size:18px;
	font-weight:bold;
	font-family:verdana;
	color:#FF0000;


}

/*//////////////// video /////////////////// */

/* ///////////////// menu local///////////////////////*/

.menu_local{
	float:left;
	height:auto;
	margin:20px 10px 5px 0;
	width:190px;
	
	
	padding:15px 10px 15px 10px;
	font-family:arial;
}

.menu_local_center {
	
	height:auto;
	float:left;
	padding:15px 10px 15px 10px;
	margin:0 10px 5px 0;
	font-family:arial;
	text-align:justify
	
}


/*//////////////////// usado para a pagina de pontos turisticos///////////////// */
.menu_local_center_turisticos {
	
	height:auto;
	float:left;
	text-align: justify;
	font-family:arial;
	margin-bottom:70px;
	text-shadow:1px 1px 2px #fff;
	line-height:25px; 
	


}

.menu_local_center_turisticos li{
	margin-top:5px;
}


.menu_local_center_turisticos p{
	margin-right:20px;
	margin-top: 20px;
	color:#333333;
	font-family: tahoma;
	


}


.menu_local_center_turisticos img{
	float:left;
	margin-right:20px;
	margin-top: 20px;
	 
	box-shadow:2px 2px 5px 1px #000;
}
/*//////////////////// usado para a pagina de pontos turisticos///////////////// */


.menu_local_right {
	width:170px;
	float:left;
	padding:15px 5px 15px 5px;
	margin:20px 5px 5px 0;
}

/* ///////////////// menu local///////////////////////*/

#rodape{
margin:500px auto 0 auto;
width:523px;
height:128px;
background-image:url(../layout/footer.png);
text-align:center;
display:block;
color:#fff; 
text-shadow:#000 2px 2px 2px;
font-size:15px;
clear:both;
position:relative;
margin-top:100px;

}

.linhas-onibus{
	background-color:#ccc;
	
}
.linhas-header{
	text-align:center;
	background-color:#ccf;
}

h4 {color:#fff; text-shadow:#000 2px 2px 2px; }
h5 {color:#fff; text-shadow:#666 2px 2px 2px; }
h5 a {color:#fff; text-shadow:#666 2px 2px 2px; }