/**** DEFAULT ****/
* { margin: 0; padding: 0; }
body { text-align: center; font-size: 14px; font-family: Verdana,Arial,Helvetica,sans-serif; background: #a5a5a5 url(/public/images/background.gif) 0 0 repeat-x; }
img { border: 0px; }
h1 { padding: 5px; font-size: 1.3em; margin: 0px 0px 10px 0px; text-align: center; }
h2 { padding: 3px; font-size: 1.1em; }
h3 { padding: 2px; margin: 15px; }
h4 { padding: 2px; margin: 10px; }
h1,h2,h3,h4 { color: #4d6600; text-align: center; border-bottom: 2px solid #4d6600; }
fieldset { border: 0; text-align: center; }

/**** LINKS ****/
a { color: #0000ce;	text-decoration: underline; }
a:hover { color: #000; }
a:visited {	coclor: #0000ff; }

/**** CLASSES ****/
.bold {	font-weight: bold; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.smaller { font-size: 0.8em; }
.bigger { font-size: 1.1em; }
.big { font-size: 1.2em; }
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.underline { text-decoration: underline; }

/**** LAYOUT ****/
div#wrapper { margin: auto;	width: 1000px; }

div#header {  }

div#header_top { height: 49px; background: url(/public/images/header_top.gif) 0 0 no-repeat; }
div#header_content { heighht: 189px; float: left; }
div#header_content div#logo { height: 189px; float: left; width: 320px; }
div#header_content div#logo img { display: block; }
div#header_content div#header_right { height: 189px; float: right; width: 680px; background: url(/public/images/header.gif) 0 0 no-repeat; }
div#header_menu { height: 50px; float: left; background: url(/public/images/menu_background.gif) bottom left repeat-x; }

div#content_wrapper { background-color: #f2efdc; margin: 0px 13px 0px 15px; border: 3px solid #4d6600; border-width: 0px 3px 3px 3px; }

div#left_sidebar { float: left; width: 174px; }

div#content { float: left; width: 760px; text-align: left; line-height: 19px; padding: 0px 15px 20px 15px; background-color: #f2efdc; }

div#footer { clear: both; font-size: 70%; padding: 10px; }

/**** MENU ****/
div#header_menu ul { list-style-type: none; margin: 0; padding: 0; }
div#header_menu ul li { font-size: 1em; float: left; }
div#header_menu ul li#menu_left { width: 144px; height: 50px; background: url(/public/images/menu_left.gif) 0 0 no-repeat; }
div#header_menu ul li#menu_right { width: 150px; height: 50px; background: url(/public/images/menu_right.gif) 0 0 no-repeat; }
div#header_menu ul li a {  }
div#header_menu ul li a:hover { color: #000; }

div#menu ul li.active a { color: #000; }

/**** OTHERS ****/
div.errorMessage { color: #ff0000; padding: 8px; margin: 10px; font-size: 0.9em; font-weight: bold; background-color: #fff; border: 1px solid #ff0000; }
div.info { color: #00cc00; padding: 7px; margin: 10px; font-size: 0.9em; font-weight: bold; background-color: #eee; border: 1px solid #00cc00; text-align: center; }

div#breadcrumb { padding-top: 10px; padding-left: 60px; font-size: 0.8em; text-align: left; }

div#content ul { margin-left: 30px; margin-top: 20px; list-style-type: circle; }
div.top_banner { line-height: 58px; width: 468px; height: 60px; border: 0px solid #4d6600; background-color: #F1D631; margin-top: 20px; margin-left: 90px; }
p.new_letter { font-weight: bold; font-size: 1.1em; border-bottom: 1px solid #4d6600; color: #4d6600; }
div#map { border: 3px solid #4d6600; margin-top: 20px; }
div.cities { width: 48%; float: left; }

div.article { clear: both; padding-top: 15px; }
div.article p { margin: 10px 0px 10px 0px; }

div.box { border: 2px solid #4d6600; position: relative; padding: 5px; padding-top: 20px; font-size: 0.9em; background-color: #93b410; margin: 10px 5px 0px 5px; }
div.box p.title { color: #4d6600; position: absolute; top: -10px; right: 15px; background-color: #fff; padding: 0px 3px 0px 3px; border: 2px solid #4d6600; font-size: 0.8em; font-weight: bold; }
div.box div.block_content { height: 600px; }

div.block { border: 2px solid #4d6600; position: relative; padding: 5px; padding-top: 20px; font-size: 0.9em; background-color: #93b410; margin: 15px 5px 0px 5px; }
div.block p { color: #4d6600; position: absolute; top: -10px; left: -10px; background-color: #fff; padding: 0px 3px 0px 3px; border: 2px solid #4d6600; font-size: 0.8em; font-weight: bold; }

div.wifi_info { font-size: 0.9em; float: left; }
div.wifi_info div.block { width: 210px; margin-top: 20px; margin-left: 15px; }
div.wifi_info div.block p {  }
div.wifi_info div.block div.title { border-bottom: 1px solid #4d6600; border-top: 1px double #4d6600; background-color: #4d6600; color: #fff; padding-left: 4px; font-weight: bold; }
div.wifi_info div.block div.value { }

div#addForm { margin-top: 20px; margin-left: 10px; float: left; width: 35%; }
div#addForm table { width: 100%; }
div#addForm table input[type=text], div#addForm table textarea { width: 100%; border: 1px solid #4d6600; }

div#showComents { font-size: 0.9em; margin-top: 20px; float: left; width: 63%; }
div#showComents table { width: 100%; }
div#showComents table th { text-align: center; background-color: #4d6600; color: #fff; }
div#showComents table td { border: 1px solid #4d6600; padding: 2px 4px 2px 4px; }
div#showComents table tr.one { border: 1px solid #4d6600; }
div#showComents table tr.two td { background-color: #ABCF19; color: #000; }



div.form input, div.form select { border: 1px solid #4d6600; width: 100%; }

div#content div.hotspots { margin: 20px 5px; }
div#content div.hotspot { float: left; width: 30%; border: 1px solid #000; margin: 3px; font-size: 0.8em; padding: 2px; }
div#content div.hotspot h3 { margin: 0px; padding: 2px; font-size: 0.9em; }
div#content div.hotspot a { display: block; }
div#content div.hotspot p { margin: 0px; padding: 0px; }

div.block table { width: 100%; }
div.block table td { padding: 3px; }


div.where { float: left; width: 45%; height: 110px; }
div.moreInfo { float: left; width: 45%; height: 110px; margin-left: 10px; margin-bottom: 20px; }
div.added_by { clear: both; width: 45%; }


div.moreInfo textarea { width: 98%; height: 100px; border: 1px solid #4d6600; }




/*
div.mainPage { padding-bottom: 20px; }
div.mainPage div.wifi_info { width: 240px; }
div.mainPage div.wifi_info p.title { right: -15px; }
div.mainPage div.wifi_info div.block { height: 150px; }
*/

/**** PAGINATOR ****/
div.paginator { clear: both; margin: 10px auto 10px auto; text-align: center; }
div.paginator ul { list-style-type: none; white-space: nowrap; margin: 0 auto; display: table; }
div.paginator ul li { float: left; position:relative; margin: 1px; }
div.paginator ul li a { display:inline-block; text-align: center; width: 33px; border: 2px solid #785014; text-decoration: none; background-color: #C48321; color: #fff; }
div.paginator ul li a:hover { background-color: #785014; }
div.paginator ul li a.active { background-color: #785014; }

.pTop20 { padding-top: 20px; }
.mTop20 { margin-top: 20px; }
.m10 { margin: 10px; }
.h150 { height: 150px; } 
.mR20 { margin-right: 20px; }