/* 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: #323339;}
ul {list-style: none; position: relative;}
img {border:0;}
a { text-decoration: none; color: #690C13;}
a:hover { text-decoration: none; color: #AD0B14;}
h1 {color:#696969; font-size: 21px; }
h2 {color:#590001; font-size: 21px;}
h3 {color:#db9704; font-size: 15px; margin-bottom: 10px;font-weight: lighter;}
strong {color:#990014; font-weight: normal;}
.tour {padding-bottom: 12px; 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;}
/* 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;}
#bigseason{width: 100%;height:240px;position: relative;text-align:center;margin: 24px auto 20px auto;}
/* 4 selection */
#cheaphostels {width: 916px;height:280px;position: relative;margin: 5px auto 15px auto; padding: 7px 0 7px 0; text-align: left;}
/**---------------------------------------------------booking central 4 selection-------------------------------------------**/
#cheaphostels #book{width: 203px;position:relative;height: 240px;padding: 12px;font-size: 12px;color: #34231C;text-align: left;float: right;border: 1px solid #4D7080;background-color: #96DDFB;background-image: url(images09/booksumo.gif);background-position: bottom;background-repeat: no-repeat;}
#cheaphostels #book select { background-color: #ffffff; font-size: 12px; color: #4D7080; margin: 5px 0 5px auto;}
#cheaphostels #book input{background-color: #4D7080; color: #ffffff; margin: 10px auto; border: 1px solid #325162; padding: 4px;}
#cheaphostels #book h3{font-size: 13px;color: #325162;font-weight:bold;text-align:left;padding-bottom: 4px; line-height:16px; border-bottom: 1px dotted #325162;}
#cheaphostels h3{width: 173px; font-size: 13px;color: #690C13;font-weight:bold;text-align:left;padding-bottom: 4px; line-height:16px; border-bottom: 1px dotted #690C13;}
#cheaphostels #tokyo{width: 180px; position:relative; height: 240px; padding: 12px; float:left; margin-right:23px; border: 1px solid #E7E7E7;}
#cheaphostels p { font-size: 10px;color: #696969; line-height: 16px; margin-top: 5px;}
#cheaphostels #kyoto{width: 180px; position:relative; height: 240px; padding: 12px; float: left; margin-right: 23px; border: 1px solid #E7E7E7;}
#cheaphostels #gion{width: 180px; position:relative; height: 240px; padding: 12px; float: left;border: 1px solid #E7E7E7; margin-right:23px;}
#cheaphostels a { text-decoration: underline; color: #9F2D3A;}
#cheaphostels a:hover { text-decoration: none; color: #34231C;}
#cheaphostels img {margin: 0 auto; text-align: center;}
/* CUERPO 2009*/
#cuerpo {height: auto;width:916px;position:relative; padding: 0 4px 4px 4px; margin: 20px auto 12px auto;}
#izquierda{ position:relative; float:left;width:230px; height: auto; display: block; text-align: left; padding: 5px; margin:0 2px 0 0;}
#izquiertres{ position:relative; float:left;width:612px; height: auto; display: block; text-align: left; margin:0; border: 1px solid #E7E7E7; padding: 10px 25px 10px 25px;}
#izquiertres h2 {color:#590001; font-size: 21px; margin: 8px 0 0 0; border-bottom: 1px dotted #CBCBAE; padding-bottom:8px;}
#izquiertres h3 {color:#990014; font-size: 16px; margin: 8px 0 8px 0;}
#izquiertres h4{font-size: 14px;color:#F2A20C; margin: 8px 0 0 0;}
#izquiertres h5{font-size: 16px;color:#990014; margin: 12px 0 12px 0;}
#izquiertres img{margin: 6px 0 6px 0;}
#cuerpo p{ margin: 14px 0 14px 0; line-height: 18px; text-align: left; }
#centro{ position:relative; float:left;width:450px; height: auto; display: block; text-align: left; padding: 10px 10px 10px 10px; margin:0 2px 0 2px; font-size:13px;}
#derecha {position:relative; float:right; width:227px; height: auto; text-align: left; font-size: 12px;}
#derecha h4{font-size: 21px;color: #690C13;text-align:left;padding: 4px 0 4px 0; line-height:20px; border-bottom: 1px solid #690C13;border-top: 4px solid #690C13; background-color: #F8EDED;}
#derecha ul {display: block; line-height:20px;margin-bottom: 2px;}
#derecha li {padding: 2px 5px 2px 0;border-bottom: 1px dotted #B1CDBA;}
#centro 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;}
#centro ul {display: block; line-height:20px;margin-bottom: 15px;}
#centro li {padding: 2px 5px 2px 14px;border-bottom: 1px dotted #485f8e;}
#centro a{text-decoration: underline;}
.new { font-size: 10px; color: #000000; background-color: #EAFF00; padding: 2px; font: courier; letter-spacing: 1px;}
.picfoot {font-size: 10px;}
/* -----------------------------------------------------------NEW 2009 list hostels-----------------*/
#derecha h3{font-size: 12px;color: #690C13;font-weight:bold;text-align:left;}
#derecha div.hotel{position:relative; margin: 14px 0 14px 0; height: 110px; text-align: left; border-bottom: 1px dotted #B1CDBA; font-size: 11px;}
#derecha div.hotel img{float: left; margin-right: 14px; border: 1px solid #E7E7E7; padding: 3px;}
/*booking right */
#derecha #bookit{ position:relative; font-size: 11px;color: #34231C; text-align: left; border: 1px solid #4D7080;background-color: #96DDFB;margin-bottom: 14px; padding: 5px; background-image: url(images09/booksumo.gif);}
#derecha #bookit select { background-color: #ffffff; font-size: 11px; color: #325162; margin: 0 0 5px auto;}
#derecha #bookit input{background-color: #4D7080; color: #ffffff; margin: 5px auto; border: 1px solid #325162; padding: 4px;}
#derecha #bookit h3{font-size: 13px;color: #325162;font-weight:bold;text-align:left;}
/* CUERPO */
#continent {height: auto;width:916px;position:relative; padding: 0 4px 4px 4px; margin: 20px auto 12px auto;}
#izq{ position:relative; float:left;width:230px; height: auto; display: block; text-align: left; padding: 5px; margin:0 2px 0 0;}
#cen{ position:relative; float:left;width:450px; height: auto; display: block; text-align: left; padding: 10px 10px 10px 10px; margin:0 2px 0 2px; font-size:13px;}
#der {position:relative; float:right;width:182px; height: auto; display: block; text-align: left; padding: 5px; margin:0 0 0 2px; border-left: 1px solid #e8e8e8;}
#cen 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;}
#cen ul {display: block; line-height:20px;margin-bottom: 15px;}
#cen li {padding: 2px 5px 2px 14px;border-bottom: 1px dotted #485f8e;}
#cen a{text-decoration: underline;}
/**-----comments----------------**/
#comments {height: 289px;width:180px;padding: 5px 5px 0 5px;position:relative; background:url(images08/comments.jpg) no-repeat;}
#comments ul.com{display: block; line-height:16px; font-size:11px; padding: 5px; margin-bottom: 7px;}
#comments ul.bot{display: block; line-height:15px; font-size:10px; text-align: right; margin:2px 8px 0 0;}
#comments strong {color:#002e79; font-weight: normal;}
/**---------------------------------------------------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 #690C13;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 #690C13; padding: 4px;}
/* -----------------------------------------------------------------list hostels-----------------*/
#continent h4{font-size: 21px;color: #690C13;text-align:left;padding: 4px 0 4px 0; line-height:20px; margin-top: 10px; border-bottom: 1px solid #690C13;border-top: 4px solid #690C13;}
div.hostleft{position:relative; margin: 0 0 10px 0; padding: 3px 0 2px 0;text-align: left; }
div.thumb {margin: 10px; height: 120px; text-align: left; color: #696969; padding-bottom: 5px;}
div.line{margin: 10px; height: 120px; text-align: left; color: #696969; padding-bottom: 5px; border-bottom: 1px dotted #B1CDBA;}
div.hostleft ul {display: block; line-height:14px;}
div.hostleft li {padding: 2px 0 2px 0;}
div.hostleft li.city {color:#590001; font-size: 16px;}
div.hostleft img{float: left;margin-right: 10px;}
#box{ position:relative; padding: 5px; border: 1px solid #DBD0B3; }
#der ul {display: block; line-height:20px;margin-bottom: 2px;}
#der li {padding: 2px 5px 2px 0;border-bottom: 1px dotted #B1CDBA;}
.here {color:#A20218; font-weight:bold;}
#der li.end {padding: 2px 5px 0 0; border: 0;}
#contact ul {display: block; line-height:14px; border-top: 1px solid #485f8e; margin-bottom: 10px;}
#contact li{padding-left:14px; border: 0;}
#mapa{ position:relative; float:left; padding: 3px; border: 1px solid #4c68a1;}
/* thanksgroups */
#thanks{height: 400px;width:934px;position:relative;margin: 25px auto 25px auto;padding: 20px 0 10px 0;background-color: #ffffff; text-align:center;}
#thanks h2{font-size:175px;margin: 0 auto;}
/* policy ------------------------------------------ */
#cancellation {width:800px;position:relative;margin: 10px auto;padding: 8px 0 8px 0; text-align: center;border: 1px solid #4c68a1; background-color:#334976;}
.poli { color: #d8f231;}
/* texto pie de pagina--------------------*/
#bottom {width: 100%;height:50px;padding-top: 15px;position: relative;text-align:center;line-height:12px;font-size: 9px;color: #b9b9b9; background-color: #ffffff;}
#barcelona {margin: 0 auto;position:relative;width: 800px;}
#bottom strong{color:#8a8a8a;}
/* imagenes varias------------------------------------------ */
.hostels {float: left;margin-right: 5px;}
.hostel {float: right;margin-left: 5px;}
.flags {margin-left: 15px;}
.behostel {float: right; margin-top: 5px;}
.metro {margin-top: 10px;}
/* imagenes direccion abajo------------------------------------------ */
.logileft { float: left;}
.fotleft { float: left; margin-bottom: 10px;}
.logiright { float: right;}
.book { margin-top: 10px;}
.grup{color: #f55e35;}
.wifi {margin: 0 0 -2px 0;}
.promo {margin-bottom: 20px;}
.travellers {margin: 0 auto; text-align:center;}
.facebook {margin-bottom: 20px;}
/* fotogaleria============================================*/
.phototitle {text-align: left;margin: 0 3px 3px 3px;}
/*general fotogallery*/
div.thumbix {margin: 5px 5px 10px 5px;border: 1px solid #e8e8e8;height: auto;float: left;text-align: center;}
.thumbix img{display:inline;margin: 3px;}
.phototitle {text-align: center;margin: 3px auto 3px auto; font-size: 10px;}
/* BAk pAk Sitemap ------------------------------------------*/
.con {color: #999999;}
dl {margin: 0 auto;}
.boxmap {padding: 5px; width: auto;text-align: left; font-size: 11px;}
dt {padding-bottom: 6px; font-size: 13px;}
dd {padding-bottom: 5px; text-decoration: none;}
dd {background-image:url(images/line01.gif);background-repeat: no-repeat; padding-left: 23px;}
dd.bottom { background-image:url(images/line02.gif); background-repeat: no-repeat; padding-left: 23px;}
.boxmap a { text-decoration: none; color: #34231C; font-size: 12px;}
.boxmap a:hover { text-decoration: none; color: #9C0115; font-size: 12px;}
/* 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: 525px;height: 30px; border-bottom: 1px dotted #8D111A; font-size: 12px; }
#extras p{text-align:left; margin: 3px 0 5px 0; width: 350px; 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: #ffffff; color: #690C13;}
input.blue{ background-color: #ffffff; color: #690C13;}
option {padding-left: 4px;}
/*--- seccion de grupos ------ */
/* CUERPO */
#left{width: 470px; height: auto;position: relative; margin: 0 15px 0 0; text-align:left; float: left; padding: 10px 0 0 0; border: 1px solid #E7E7E7; padding: 10px 25px 10px 25px;}
#left a {color: #990014; text-decoration: underline;}
#left a:hover {text-decoration: underline; color: #FF1A3B;}
#left p{margin: 10px 15px 10px 0; line-height:20px; color:#122A3B;text-align: left;}
#left ul{ margin: 10px 15px 10px 10px; line-height:22px;}
#left li{ padding: 0 1em 0 5px; display: block; border-bottom: 1px dotted #C8D3D5;line-height: 20px;}
#left h5 {color:#990014; font-size: 14px; margin: 15px 5px 5px 5px;}
#left strong{color:#400303; font-weight: bold;}
#right {height: auto;width:360px;position:relative; float: right;}
#right ul{ margin: 10px 0 5px 0;color:#122A3B;}
#right li{ padding: 0 1em 0 5px; display: block; border-bottom: 1px dotted #D7DEE0;line-height: 22px;}
#right #box {height: auto;width:auto;position:relative; padding:3px; margin: 0 0 15px 0; border: 1px solid #C8D3D5; background-color:#F6F8F8; float: right;}
#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;}
#right h4{font-size: 21px;color: #325162;text-align:left;padding: 4px 0 4px 0; border-bottom: 1px solid #325162; border-top: 4px solid #325162; background-color: #97DDFB;}
/* -----------------------------------------------------------------groups form*/
#groupbox {height: auto;width:auto;position:relative; padding: 10px; background-color:#F5F5F5; font-size: 11px; color:#556062;}
#groupbox h3 {color:#3C4C4E; font-size: 14px; margin: 0 0 7px 0;padding: 5px; background-color: #EEEAD3;}
#groupbox p{ margin: 10px; text-align:left; font-size: 10px;}
#groupbox fieldset { margin: 0 0 10px 0; padding: 1em .5em .5em 15px; border: 1px dashed #C0C0C0; font-size:9px;}
#groupbox legend { padding: 5px; font-size:13px; color: #690C13; background-color: #F5F5F5;}
#groupbox input { border: 1px solid #C0C0C0; margin: 3px 0 3px 0; background-color: #ffffff;}
#groupbox label{float: left;width: 120px; margin: 6px 0 5px 0; font-size: 11px;}
#groupbox textarea{border: 1px solid #C0C0C0;background-color: #ffffff; color: #400303; }
#groupbox select { background-color: #ffffff; color:#556062;}
br{ clear: left; }