*						{ margin: 0; padding: 0; list-style:none; }
html					{ overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body					{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: black; background: #dfedf8 url(../images/bg_topo.png) repeat-x; }
div						{ float: left; cursor: default; }
input, textarea			{ padding: 1px; }
p						{ font-size: 12px; }
img						{ border:none; margin:0; padding:0; }
a	 					{ text-decoration: none; color: #00195f; outline: none; }
a:hover 				{ color: #00195f; }

/* ------------>>> LOGO <<<------------*/
#logo					{ width: 240px; height: 150px; color: #00195f; float: left; margin-left: 15px; _margin-left: 7px; position: relative; }
#logo h1				{ text-indent: -2000px; position: absolute; }
#logo img				{ top: 30px; position: absolute; }
#hotel					{ position: absolute; top:35px; left:11px; display: block; }
#itajai					{ position: absolute; top:127px; left:106px; display: block; }

/* ---------->>> Layout <<<----------*/
#topo					{ position:relative; width:764px; height:190px; background: url(../images/itajai.jpg); }
#area_site				{ position:relative; left:50%; width:762px; margin-left:-381px; }
#area_central			{ width: 485px; height: 395px; padding-top: 15px; margin-top: 10px; color: #2d1500; background:url(../images/panorama.jpg) no-repeat; }
#area_central h2		{ font-size: 14px; margin-bottom: 5px; }
#hotel_descricao		{ width: 210px; height: 300px; padding: 0 35px 0 15px; line-height: 16px; }
#restaurante_descricao	{ width: 210px; height: 300px; line-height: 16px; }
#destaques				{ padding: 12px 0 20px 45px; float: left; }
#destaques li			{ width: 120px; padding: 3px 0 3px 26px; float: left; background: url(../images/itens.gif) no-repeat; }
#como_chegar			{ width: 281px; height: 121px; padding: 15px; margin-bottom: 14px; background:url(../images/como_chegar.png); }
#como_chegar a			{ padding-top: 7px; font-size: 12px; font-weight: bold; display: block; }
#como_chegar a:hover	{ text-decoration: underline; }
#como_chegar_mapa		{ width: 173px; }
#rodape					{ width:484px; height:58px; padding-top: 14px; text-align:center; background:url(../images/rodape.png); }
#creditos				{ width:465px; padding:10px; text-align:center; }
#creditos a:hover		{ text-decoration: underline; }

/* ------------>>> MENU <<<------------*/
#menu					{ width:269px; height:388px; background:url(../images/menu.png); font-weight:bold; }
#menu li a				{ width:183px; height:40px; display:block; padding: 10px 0px 0px 85px; }
#menu li a:hover		{ background:url(../images/menu_hover.png); color:#4e1400; }
#turismo li a			{ display:block; width:138px; height:65px; padding:33px 0px 0px 130px; }
#turismo li a:hover		{ background:url(../images/menu_hover2.png); color:#4e1400; }