/* 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; font-weight: bold;}
a:hover { text-decoration: none; color: #9C0115;}
h1 {color:#696969; font-size: 21px; }
h2 {color:#590001; font-size: 16px;}
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: 4px 0 0 0; margin-left: 32px; font-size: 13px; 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;}
#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 #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-----------------*/
h4{font-size: 26px;color: #EEEAD3;text-align:left;padding: 0 0 0 10px; background: #770000 url(images/titlebackg.gif) repeat center;line-height:20px; margin-top: 10px;}
#hostleft{position:relative; margin: 0 0 10px 0; padding: 3px 3px 2px 0;text-align: left; background-color:#EEEAD3;}
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 #D4D2BA;}
#hostleft ul {display: block; line-height:14px;}
#hostleft li {padding: 2px 5px 2px 5px;}
#hostleft li.city {color:#590001; font-size: 16px;}
#hostleft img{float: left;margin-right: 10px;}
#box{ position:relative; padding: 5px; border: 1px solid #DBD0B3; background-color:#334976;}
#right ul{display: block; line-height:20px; margin-bottom: 15px;}
#right li{padding: 2px 5px 2px 14px;border-bottom: 1px dotted #D4D2BA;}
#der ul {display: block; line-height:20px;margin-bottom: 2px;}
#der li {padding: 2px 5px 2px 5px;border-bottom: 1px dotted #D4D2BA;}
#der li.end {padding: 2px 5px 0 5px; 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; background-color:#29406e;}
/* thanksgroups */
#thanks{height: 250px;width:934px;position:relative;margin: 0 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;}
/* 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; letter-spacing: 1px; 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 */
#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; color: #34231C; font-weight: normal;}
#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;}
/*--- seccion de grupos ------ */
/* CUERPO */
#left{width: 520px; height: auto;position: relative; margin: 0 15px 0 15px; text-align:left; float: left; padding: 10px 0 0 0;}
#right {height: auto;width:360px;position:relative; float: left; margin: 15px 0 15px 0;}
#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;}
#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: justify;}
#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;}
/* -----------------------------------------------------------------groups form*/
#groupbox {height: auto;width:auto;position:relative; padding:3px; margin: 0 0 15px 0; border: 1px solid #C8D3D5; background-color:#EEEAD3; float: right;font-size: 11px;}
#groupbox h3 {color:#3C4C4E; font-size: 14px; margin: 0 0 7px 0;padding: 5px; background-color: #EEEAD3;}
#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: #990014; background-color: #EEEAD3;}
#groupbox input { border: 1px solid #400303; margin: 3px 0 3px 0; color: #400303;background-color: #ffffff;}
#groupbox label{float: left;width: 120px;font-size: 12px; color: #400303; margin: 3px 0 3px 0;}
#groupbox textarea{border: 1px solid #400303;background-color: #ffffff; color: #400303; }
#groupbox select { background-color: #ffffff; font-size: 11px; color: #400303;}
br{ clear: left; }