/* bakpak japan hostels */
html { height: 100%; }
* { /* global settings for every element on the site */margin: 0; padding: 0;}
body {margin: 0; padding:0; font-family: 'Lucida Grande',"Frutiger", geneva,Arial,Helvetica,sans-serif; font-size: 12px; color: #696969; background-repeat: no-repeat;
	background-position: 50% 0;
	background-image: url(../imagess/hostels-japan.jpg);}
ul {list-style: none; position: relative;}
img {border:0;}
a { text-decoration: none; color: #34231C;}
a:hover { text-decoration: none; color: #9C0115;}
h1 {color:#696969; font-size: 21px; }
h2 {color:#34231C; font-size: 16px; margin: 12px 0 5px 0;}
h3 {color:#db9704; font-size: 15px; margin-bottom: 10px;font-weight: lighter;}
strong {color:#990014; font-weight: normal;}
.tour {padding-bottom: 5px; border-bottom: 1px dotted #CBCBAE; margin-bottom:10px;}
.city {margin: 5px 0 0 0;}
.clear{clear:both;height:0px;}
.clearfix:after { display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
* html #wrapper {height: auto;}
#header {width: 928px;height: 189px;margin: 0 auto;position: relative;}
.logo {position:relative; float:left;}

/** Menu mapa HOME**/
#header  ul { width: 400px; height:16px; padding: 90px 0 0 20px;margin: 0 auto; font-size: 18px; color: #5B78F5; text-align: center;}
#header  li { padding: 0 44px 0 0; display: inline;}
#header  li.gion { padding: 0 0 0 33px; display: inline;}
#header a {color: #000000; text-decoration: none;}
#header a:hover {color: #990100; text-decoration: none;}

/*------menu principal bakpak---*/
#topone {width: 934px;height:24px;position: relative;text-align:center;margin: 0 auto;background-image: url(../imagess/mainback.gif);}
#topone ul.host {width: 400px; padding: 6px 0 0 0; margin-left: 32px; font-size: 11px; color: #810100; text-align: left; float: left;}
#topone li { padding: 0 9px 0 9px; display: inline;}
#topone a { text-decoration: none; color: #383838;}
#topone a:hover { text-decoration: none; color: #ffffff;}
#topone ul.lang { width: 400px; padding: 6px 0 0 0; text-align: right; float: right;}

/* CUERPO */
#continent {height: auto;width:926px;position:relative; padding: 0 4px 4px 4px; margin: 0 auto 0 auto; background-color: #ffffff;}
#izq{ position:relative; float:left;width:230px; height: auto; display: block; text-align: left; padding: 5px; margin:0 2px 0 0;}
#enlaces{ position:relative; float:right;width:660px; height: auto; display: block; text-align: left; padding: 10px; margin:0 2px 0 2px; font-size:10px;}
#enlaces  p{ margin: 10px 0 10px 0; line-height:17px; text-align: justify;}
.ultimo{ margin: 10px 0 10px 0; padding-bottom: 10px; border-bottom: 1px dotted #c7d6e2;}
#enlaces  ul {display: block; line-height:20px;margin-bottom: 15px;}
#enlaces  li {padding: 2px 5px 2px 14px;border-bottom: 1px dotted #485f8e;}
#enlaces a{text-decoration: underline;}

/**---------------------------------------------------booking central-------------------------------------------**/
#booking{position:relative;margin-bottom: 10px; height: 90px; padding: 10px; font-size: 18px;font-weight: bold;color: #34231C; text-align: left; border: 1px solid #34231C;background: #DBDBD0 url(../imagess/sumo.gif) no-repeat right;}  
#booking select { background-color: #ffffff; font-size: 13px; color: #34231C; margin: 5px 0 5px auto;}
#booking input{background-color: #990014; color: #ffffff; margin: 10px auto; border: 1px solid #34231C; padding: 4px;}
/* -----------------------------------------------------------------list hostels-----------------*/
div.titleft{height: 14px; font-size: 14px;color: #9D7758;text-align:left;padding: 4px 0 4px 5px;border: 1px solid #DBD0B3;background-color:#DBD0B3;}
#hostleft{position:relative; margin: 0 0 10px 0; padding: 3px 3px 2px 3px;text-align: left; border-bottom: 1px solid #DBD0B3; border-left: 1px solid #DBD0B3; border-right: 1px solid #DBD0B3;} 
#thumb {margin-bottom: 3px; height: 120px; padding: 3px;text-align: left; color: #696969;}
div.line{border-bottom: 1px dotted #DBD0B3;}
#thumb  ul {display: block; line-height:14px;}
#thumb  li {padding: 2px 5px 2px 5px;}
#thumb img{float: left;margin-right: 5px;}

#izq ul.host{display: block; line-height:20px; margin-bottom: 4px;}
#izq li.hosti{padding: 2px 5px 2px 5px;border-bottom: 1px dotted #DBD0B3;}
#izq li.end {padding: 2px 5px 0 5px; border: 0;}
/* imagenes varias------------------------------------------ */
.hostels {float: left;margin-right: 5px;}
.flags {margin-left: 15px;}
/* FOOTER logos + links */
#partners {width: 934px;height: 186px;margin: 0 auto;text-align:center;background-image:  url(../imagess/japanjapon.jpg);background-position: center bottom;background-repeat: no-repeat;}
#top {width: 100%;height: auto;position: relative;text-align:center;color: #BABAA4;padding: 5px 0 5px 0;background-image:  url(../imagess/tttop.gif);border-top: 1px solid #21150D;background-color:#1B0E09;background-repeat: repeat-x;border-bottom: 3px solid #000000;}
.japan {position:relative;width: 900px; font-size: 9px;line-height:12px; margin-left:auto; margin-right:auto;}
#extras {margin: 0 auto 10px auto;width: 435px;height: 30px; border-bottom: 1px dotted #1B0E09; font-size: 13px; color: #ADE4F6;}
#extras p{text-align:left; margin: 3px 0 5px 0; color:#ffffff; width: 285px; float:left;}
#extras a {text-decoration: none;}
#extras a:hover {text-decoration:underline;}
#top strong {color: #CD7C09;}
.endit {color:#391E13; margin: 5px auto; font-size:10px;}
.endit a {color: #FFD008; text-decoration: none;}
.endit a:hover {color: #CC7300;}
.youthhostels {color:#3572bc; margin-top: 25px; font-size: 10px;}
hr {border: 0; color: #e3e2d5;background-color: #e3e2d5;height: 1px; width: 100%;text-align: center;margin: 10px 0 5px 0;}
/* LINKS */
#links {float: right;}	
select { background-color: #FFD008; color: #1B0E09;}
input.blue{ background-color: #8A0000; color: white;}

/* 3 columns ------------------------------------------------ */
#linkmenu {margin: 0 auto 10px auto;width: auto;height: 30px; border-bottom: 1px dotted #1B0E09; color: #ADE4F6;}
#linkmenu p.country{text-align:left; margin: 3px 0 5px 0; color: #34231C; width: auto; float:left;font-size: 12px;}
p.country  a {text-decoration: underline;color: #0099ff;}
p.country  a:hover {color: #99CC00;text-decoration: underline;}
#board{	height: auto;width:auto;margin: 5px 0 5px 0;text-align: center;font-size: 11px;color:#7D7B69;border-bottom: 1px solid #dad2b3;}
#board a {text-decoration:none;color: #0099ff;}
#board a:hover {color:#99CC00;}
h4 {text-align: center;	font-size: 18px;color: #1B0E09;padding: 10px 0 10px 20px;border-bottom: 1px solid #1B0E09;}
#board1 {width: 150px;	height: auto;padding: 5px 0 5px 0;float:left;text-align:center; margin-right: 5px;}
#board2 {width: 400px;height: auto;	padding: 0 0 5px 0;float:left;text-align:left; margin-right: 5px;}
#board2 p {margin: 0;}
#board3 {width: 100px;height: auto;padding: 5px 0 5px 0;float: left;}
.hostel {border: 0;}