/* bakpak japan tokyo 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",Helvetica, geneva,Arial,sans-serif; font-size: 12px; color: #323339; position: relative; text-align: center;}
ul {list-style: none; position: relative;}
img {border:0;}
strong {color:#4D6D80; font-weight: bold;}
.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;}
.pic{margin-bottom: 10px;}
/* layout 2009 **/
#place { margin: 0 0 0 90px; font-size: 10px; text-align: left; color: #690C13; float:left; width: 450px;}
#lang { width: 350px; text-align: right; float: right; display: inline;}
#lang img {margin: 0 5px 0 5px;}
#topmenu{width: 917px;height:98px;position: relative;margin: 15px auto 0 auto;background-image: url(../images09/topback.gif); padding-top: 17px;}
#topmenu ul {padding-top: 60px;font-size: 14px; text-align: center; margin-top: 15px;}
#topmenu li { display: inline;}
#topmenu li.aqui { text-decoration: none; color: #A20218; padding: 4px 12px 4px 12px;font-weight: bold;}
#topmenu a { text-decoration: none; color: #ffffff; padding: 4px 12px 4px 12px;}
#topmenu a:hover { text-decoration: none; color: #AC0000;padding: 4px 12px 4px 12px;}
#topmenu strong {color:#690C13; font-weight: bold;}
#promo{width: 916px;height:232px;position: relative;text-align:center;margin: 20px auto 20px auto;background-image: url("2009/tokyomain.jpg"); padding-top: 10px;}
#promo ul {display: block; line-height:18px;margin: 38px 6px 0 0; font-size: 14px; text-align: left; height: 180px; width: 180px; float: right;}
#promo li {padding: 4px 0 4px 0;}
a { text-decoration: none;color:#ffffff;}
a:hover { text-decoration: none; color: #B3E1FF;}
.here {font-weight: bold; color:#ffffff;font-size: 18px;}
#promo h2 {color:#ffffff; font-size: 14px; font-weight: normal; margin: 108px 0 0 28px; text-align:left; width: 200px; float: left;}
#promo strong{color:#9B999A;}
/* 3 selection */
#threefot{margin: 0 auto 0 auto; width: 918px;height:118px;}
#greybar {
width: 878px;
height:auto;
position: relative;
margin: 0 auto;
background-color:#A3DBFF;
background-image: url("2009/kyoto-cheap-hostel.jpg");
padding:10px 20px;
text-align: left;
background-repeat: no-repeat;
background-position: top;
}
#greybar h3{font-size: 17px;color: #009DE9;font-weight:bold;text-align:left;line-height:14px; margin-bottom: 10px;}
#greybar h4{font-size: 13px;color: #ffffff;text-align:left;line-height:12px;font-weight:normal;}
#greybar p { font-size: 12px; line-height: 18px; margin-top: 5px;}
#greybar #training{width: 255px; position:relative; height: auto; padding: 5px 0 5px 0; float:left; margin: 0 25px 0 15px; }
#greybar #consulting{width: 255px; position:relative; height: auto; padding: 5px 0 5px 0; float: left; margin: 0 15px 0 15px; }
#greybar #services{width: 255px; position:relative; height: auto; padding: 5px 0 5px 0; float: right; margin: 0 15px 0 15px;}
#greybar a { text-decoration: none; color: #009DE9;}
#greybar a:hover { text-decoration: underline; color: #00BFF5;}
#greybar img{float: left; margin: 0 10px 5px 0; background-color: #ffffff;padding: 3px;}
/* CUERPO 2009*/
#content {height: auto;width:916px;position:relative; margin: 20px auto 20px auto;}
#content p.left{ margin: 10px 20px; line-height: 19px; width: 100%;}
#content p.first {font-size: 16px; line-height:23px; margin: 20px 0 15px 20px; color:#4D6D80; width: 100%;}
#content a { text-decoration: none; color:#1D9FEA;}
#content a:hover { text-decoration: underline; color: #0058AD;}
#left{ position:relative; float:left;width:480px; height: auto; display: block; text-align: left;}
#left h1 {color:#009DE9; font-size: 19px; border-bottom: 1px dotted #CBCBAE; padding-bottom: 8px;}
#left h2 {color:#1D9FEA; font-size: 24px; border-bottom: 1px dotted #CBCBAE; padding-bottom: 8px;}
#left h3 {color:#4668AF; font-size: 14px; margin: 4px 0 4px 20px; font-weight: normal;}
#left h4 {color:#00BFF5; font-size: 16px; padding: 0; width: 100%; margin: 5px 0 0 0;}
#left h5{font-size: 16px;color:#64804D; margin: 6px 0 6px 0;}
#left ul{ margin: 10px 0 10px 0;}
#left li{ display: block; border-bottom: 1px dotted #C8D3D5;line-height: 24px;}
/*fotogallery for rooms*/
div.rooms {margin: 5px; padding: 5px; border: 1px solid #C8D3D5;height: auto; width: 200px;float: left;text-align: center; background-color: #ffffff;}
.rooms img{display:inline;margin: 3px;}
/* content for the left side */
div.gen{ position:relative;width:480px; height: auto; margin: 0 0 30px 0; padding: 10px 20px 5px 20px; background-color: #F0F9FF;border-top: 1px solid #009DE9;border-bottom: 1px solid #009DE9; color:#293621;}
div.gen ul{display: block; line-height:18px;width: 100%;}
div.gen li {padding: 3px 0 3px 0;}
p.ingen{ line-height: 19px; color: #323339; width: 100%; margin: 10px 0 0 0;font-size: 12px;text-align: justify;}
div.thumb {margin: 10px 0 10px 0; padding: 10px; border: 1px solid #DFE5E7;height: auto; text-align: center; background-color: #ffffff; font-size: 11px; color:#757470;}
div.thumbi {margin: 0 20px 10px 20px; padding: 10px; border: 1px solid #DFE5E7;height: auto; width: auto; float: left;text-align: center; background-color: #ffffff; font-size: 11px; color:#757470;}
div.gen img{margin-bottom: 5px;}
#left p.goup {font-size: 10px; text-align: right; margin: 0px;}
#right {position:relative; float:right; width:360px; height: auto; display: block; text-align: left;}
#right h4{font-size: 18px;color: #009DE9;text-align:left;padding: 4px 0 4px 10px; line-height:20px; border-bottom: 1px solid #009DE9;border-top: 4px solid #009DE9; background-color:#F0F9FF;}
#right ul {display: block; line-height:20px;margin-bottom: 2px;}
#right li {padding: 2px 5px 2px 0;border-bottom: 1px dotted #C6C3C3;}
#right #box {height: auto;width:auto;position:relative; padding:2px; margin: 0 0 15px 0; border: 1px solid #C8D3D5; background-color:#F6F8F8;}
#right #box h3 {color:#3C4C4E; font-size: 14px; margin: 0 0 7px 0;padding: 5px; background-color: #C8D3D5;}
#right #box p{margin: 7px; line-height:18px; color:#122A3B;}
#contacts{position:relative; margin: 5px 0 10px 0; padding: 10px 0 2px 0;text-align: left; width:100%;}
#contacts ul {display: block; line-height:16px;margin-bottom: 12px; border-bottom: 1px dotted #C6C3C3; padding-bottom: 6px; width: 200px; float:right;}
#contacts li {padding: 2px 0 2px 0; border:none;}
#contacts h2 {color:#555452; font-size: 21px; margin: 8px 0 0 0;}
#contacts img.hostel{margin-right: 2px; border: 1px solid #E6E6E6; padding: 1px;float: left;}
/* -----------------------------------------------------------------list hostels-----------------*/
#news{position:relative; margin: 0 0 10px 0; padding: 3px 0 2px 0;text-align: left;}
#news p{margin: 5px 0 5px 0; border-bottom: 1px dotted #C6C3C3; padding-bottom: 5px;}
#news ul {padding-bottom: 4px; text-align: left; width: 222px; height: 20px; border-bottom: 1px dotted #C6C3C3;}
#news li{display: inline; padding: 2px 0 2px 0; border: 0;}
#news li.date {color: #1E191D; float:left;}
#news li.time {float: right; color: #939598;}
#news a {color: #323339;}
#news img{margin: 3px 0 3px 0}
#news h2 {color:#D78904; font-size: 13px; margin: 4px 0 0 0;}
/*fotogallery*/
#contigallery {height: auto;width:908px;position:relative; padding: 5px; text-align:center; margin: 0 auto ;}
#contigallery h2 {color:#2B4EAC; font-size: 18px;margin: 10px;}
#contigallery div.thumbix {margin: 3px;border: 1px solid #E6E6E6;height: auto;float: left;text-align: center; background-color: #ffffff;}
#contigallery .thumbix img{display:inline;margin: 3px;}
#contigallery .phototitulo {text-align: center;margin: 3px auto 3px auto; letter-spacing: 1px; font-size: 12px; color: #3C4C63;}
#contigallery div.thumb {margin: 5px; padding: 5px; border: 1px solid #C8D3D5;height: auto; width: 200px;float: left;text-align: center; background-color: #ffffff;}
#contigallery .thumb img{display:inline;margin: 3px;}
#contigallery .phototitle {text-align: center;width: 100%; }
#contigallery .phototitle ul.room{list-style: none; color: #84918C; position: relative; margin: 3px;}
#contigallery .phototitle li{ display: block; border-bottom: 1px dotted #00BD00;line-height: 20px;}
/*general fotos*/
#left div.thumbix {margin: 5px 5px 5px 5px;border: 1px solid #E6E6E6;height: auto;float: left;text-align: center; background-color: #ffffff;}
#left .thumbix img{display:inline;margin: 3px;}
#left .phototitulo {text-align: center;margin: 3px auto 3px auto; letter-spacing: 1px; font-size: 12px; color: #3C4C63;}
/* FOOTER logos + links */
#top {width: 100%;height: auto;position: relative; text-align:center; padding: 5px 0 5px 0;background-color:#690C13; color:#D14755;}
.japan {position:relative;width: 900px; font-size: 9px;line-height:12px; margin: 0 auto 10px auto; }
#extras {margin: 0 auto 10px auto;width: 500px;height: 30px; border-bottom: 1px dotted #8D111A; font-size: 12px; }
#extras p{text-align:left; margin: 3px 0 5px 0; width: 285px; float:left;}
#extras a {color: #E9A5AD; text-decoration: underline; font-weight: normal;}
#extras a:hover {color: #E60200;}
#top strong {color: #E9A5AD;}
.endit {margin: 0 auto; font-size:9px;}
.endit a {color: #E9A5AD; text-decoration: underline;}
.endit a:hover {color: #E60200;}
.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; display: inline;}
select { background-color: #E9A5AD; color: #690C13;}
input.blue{ background-color: #E9A5AD; color: #690C13;}
/* -----------------------------------------------------------------groups form*/
#groupbox {height: auto;width:auto;position:relative; padding:3px; margin: 0 0 15px 0; border: 1px solid #C8D3D5; background-color:#F6F8F8; float: right;font-size: 11px;}
#groupbox h3 {color:#3C4C4E; font-size: 14px; margin: 0 0 7px 0;padding: 5px; background-color: #C8D3D5;}
#groupbox p{ margin: 5px 0 0 15px; text-align:left;}
#groupbox fieldset { margin: 0 0 10px 0; padding: 1em .5em .5em 15px; border: 1px dashed #c0c0c0; color:#122A3B;}
#groupbox fieldset p{ margin: 0 0 10px 0; color:#415962;}
#groupbox legend { padding: 6px; font-size:14px; color: #071D7D; background-color: #F6F8F8;}
#groupbox input { border: 1px solid #152A65; margin: 3px 0 3px 0; color: #757FA3;background-color: #ffffff;}
#groupbox label{float: left;width: 120px;font-size: 12px; color: #152A65; margin: 3px 0 3px 0;}
#groupbox textarea{border: 1px solid #757FA3;background-color: #ffffff; color: #400303; }
#groupbox select { background-color: #ffffff; font-size: 11px; color: #152A65;}
br{ clear: left; }