@charset "utf-8";
/*
STYLE SHEET FOR www.napopo.com
### PUBLIC SITE ###
Site Colors:
#2B6F83 - blue (site's background)
#304c71 - blue (text)

ToC
1. Defaults
2. Structure
3. Links and Navigation
4. Fonts
5. Images
*/


/* ------------ 1. Default --------------- */
body {
	margin:0;
	padding:0;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #304c71;
	font-size: 12px;
	background-color: #2B6F83;
}
b {
	font-size: 110%;
}
em {
	color: red;
}

/* ------------ 2.0 Structure --------------- */
#page_wrap {
	width: 974px;
	margin: 10px auto;
	background-color: #FFF;
}
#header{
}
#menu {
	background-color:#2B6F83;
	color:#FFF;
	height: 5px;
	padding: 2px;
}
#footer{
	clear: left;
	width: 100%;
	text-align: center;
	padding: 4px 0;
}
#footer a{
	color: #000;
}
div.spacer {
 	clear: both;
}
#header span.left {
 	float: left;
 	text-align: left;
	font-size: 10px;
}
#header span.right {
 	float: right;
 	text-align: right;
	font-size: 11px;
	padding: 5px 5px 0px 0px;
}
#header span.language {
	padding: 0px 0px 0px 110px;
}
#header h1{
	margin: 0;
	padding-top: 15px;
}
#contentwrapper{
	float: left;
	width: 100%;
}
#leftcolumn{
	margin-right: 260px; /* 380 was 260 Set right margin to RightColumnWidth*/
}
#rightcolumn{
	float: left;
	width: 260px; /*Width of right column*/
	margin-left: -260px; /*Set left margin to -(RightColumnWidth) */
}
.innertube{
	margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}
div.nav_tree span.left {
 	float: left;
 	text-align: left;
 	font-weight: bold;
	padding: 5px 0px 5px 10px;
}
div.nav_tree span.right {
 	float: right;
 	text-align: right;
 	font-weight: bold;
	padding: 5px 5px 5px 0px;
}

/* ------------ 2.1 Structure Content Left ------------- */
.frame_orange {
	width: 100%;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border: 1px	solid #ffb64b;
}
.title_orange {
	background-color:#ffd58d;
	font-weight: bold;
	padding: 3px;
	border-bottom: 1px solid #ffb64b;
}
.frame_blue {
	width: 100%;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border: 1px	solid #c4cbd5;
}
.title_blue {
	background-color:#ebf2f8;
	font-weight: bold;
	padding: 3px;
	border-bottom: 1px solid #c4cbd5;
}
.frame_content {
	padding: 5px;
}
/* ------------ 2.2 Structure QYPE restaurant ------------- */
.qype_restaurant {
	font-size: 10px;
}
.qype_restaurant h3{
	font-size: 13px;
}
.qype_restaurant em{
	color: #304c71;
	font-style: italic;
}
/* ------------ 2.3 Structure Forms: CONTACT, SIGNIN, SIGNUP ------------- */
#form {
	width: 595px;
	background-color: #ebf2f8;
	border: 1px solid #c4cbd5;
	padding: 10px;
	margin: 0px auto;
}
div.row {
 	clear: both;
	padding-top: 5px;
}
div.row span.label {
 	float: left;
 	width: 220px;
 	text-align: right;
}
div.row span.formw {
	float: right;
 	width: 365px;
 	text-align: left;
}
/* ------------ 2.4 Structure zoom accomodation --------------- */
#acc_zoom_wrap {
	width: 760px;
	margin: 10px auto;
	background-color: #FFF;
}
.acc_zoom_innertube{
	padding: 5px;
}
.acc_zoom_frame_top {
	border: 1px solid #ccc;
	padding: 5px;
}
div.acc_zoom_title {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	line-height: 32px;
}
.acc_zoom_frame_photo {
	border: 1px solid #ccc;
	margin: 10px;
	padding: 6px;
	float: left;
	text-align:center;
	font-size: 10px;
}
.acc_zoom_menu {
	background-color: #CCC;
	border: 1px solid #999;
	font-size: 11px;
	text-align: center;
	margin: 10px 0px 10px 0px;
	padding: 5px;
}

/* ------------ 3. Links and Navigation --------------- */
a:link {
	text-decoration: underline;
	color: #304c71;
}
a:visited {
	text-decoration: underline;
	color: #304c71;
}
a:hover {
	color: #304c71;
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
	color: #304c71;
}
.menu_bottom a:link, .menu_bottom a:visited, .menu_bottom a:hover, .menu_bottom a:active {
	font-size: 11px;
	text-decoration: underline;
}

/* ------------ 4. Fonts --------------- */
.title_destination {
	color: #304c71;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	padding-top: 10px;
}
.title_destination h1{
	font-size: 18px;
	border-bottom: 1px solid #c4cbd5;
}
.title_list_right {
	color: #304c71;
	font-size: 11px;
	background-color:#E1E1E1;
	text-align: left;
	font-weight: bold;
	padding: 2px 5px;
}
.list_right {
	font-size: 10px;
}
.list_left {
	font-size: 11px;
	line-height: 16px;
}
.menu_bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 10px 0px;
}
.copyrights {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: center;
}
.mandatory_field {
	color: #F00;
	vertical-align:top;
}
/* -- Fonts Accomodation -- */
.acc_list_border {
	border: 1px solid #999;
}
.acc_pic_total_120 {
	width: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2B6F83;
	text-align: center;
	line-height: 11px;
	background-color:#ffe7b3;
}
.acc_pic_total_125 {
	width: 125px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2B6F83;
	text-align: center;
	line-height: 11px;
	background-color:#ffe7b3;
}
.acc_list_center {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: left;
	line-height: 16px;
}
.acc_list_right {
	font-size: 11px;
	color: #000;
	text-align: left;
	padding: 5px 0px 0px 0px;
}
.acc_list_place_name {
	font-size: 12px;
	font-weight:bold;
}
.acc_list_place_link_detail a:link, .acc_list_place_link_detail a:visited, .acc_list_place_link_detail a:hover, .acc_list_place_link_detail a:active {
	font-size: 12px;
	line-height: 20px;
	text-decoration: underline;
	padding: 0px 0px 0px 50px;
}
.acc_path {
	font-size: 9px;
	text-align: left;
	padding: 0px 0px 5px 0px;
}
/* ------------ 5. Images --------------- */

/* ------------ Displays Features/Amenities --------------- */
hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0;
	padding:0;
	order:none;
	visibility: hidden;
}
#features_amenities{
	padding-left:10px;
}
#features_amenities .row{
	*border-bottom:1px solid #fff;
	padding: 0;
}
#features_amenities .firstColumn{
	float:left;
	width:22%;
	margin-right: 1.5%;
	padding:6px;
	padding-left:10px;
	font-weight:bold;
}
#features_amenities .column{
	float:left;
	width:25%;
	padding-top:2px;
}
#features_amenities ul {
	margin: 0;
	padding: 0;
	padding-left: 13px;
}
#features_amenities ul li {
	margin: 0;
	padding: 0;
}
#features_amenities ul li {
	list-style-type:disc;
}
#features_amenities div span {
	display:block;
}
/* ------------ Displays sponsored link --------------- */
hr.cleaner {
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding: 0;
	order: none;
	visibility: hidden;
}
#sponsored_link{
	font-family:Arial, Helvetica, sans-serif;
	padding-right: 5px;
}
#sponsored_link .row{
	padding: 0;
}
#sponsored_link .column{
	float: left;
	width: 25%;
	padding-top: 2px;
}
#sponsored_link, ul {
	margin: 0;
	padding: 0;
	padding-left: 5px;
}
#sponsored_link, li {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
#sponsored_link, div span {
	display: block;
}
#sponsored_link, ul, li.headline{
	font-size: 12px;
	font-weight:bold;
}
#sponsored_link, ul, li.description{
	font-size: 10px;
}
#sponsored_link, ul, li.display_url{
	font-size: 11px;
}