/* barcelona ramblas*/

/* menu */
#barcelona ul { width: 800px;height: 9px; padding:8px 0 11px 0; margin: 0 auto; color: #003782; text-align: center; font-weight: lighter; background-image: url(images/barcelona-menu.gif);background-position: center;background-repeat: no-repeat;}
#barcelona li { padding: 0 1em 0 1em; display: inline;}
#barcelona a:hover { padding: 8px 1em 9px 1em; color: #ffffff; background-image:  url(../images07/bcn-menu-h.gif);background-position:center;background-repeat: repeat-x;}

/* CUERPO */
#maind {height: auto;width:800px;position:relative;margin: 10px auto; margin-bottom: 20px; color: #8d0202;}
#mainl {height: auto;width:800px;position:relative;margin: 10px auto; margin-bottom: 20px; color: #8d0202; }
#wgroup {height: 925px;width:800px;position:relative;margin: 10px auto 10px auto; margin-bottom: 20px; color: #8d0202;}
.left { position:relative; width:320px; float:left; margin: 0 5px 0 0px}
.right { position:relative; width:430px; float:right; margin: 0 0 0 5px}

#photos{height: 250px;width:325px;margin-bottom: 11px;position:relative;}
#leftlist {height: auto;width:320px;margin: 5px 0 10px 0;float: left;position:relative;}
#leftlist .title{font-size: 16px;color: #8d0202;padding: 0 5px 5px 10px;margin-bottom: 10px;border-bottom: 1px solid #8d0202;}

#leftlist ul {display: block; color: #8d0202;list-style: none;line-height: 20px;}
#leftlist li {border-bottom: 1px dotted #d0d0d0;}
#leftlist .text{font-size:10px;color: #8d0202; margin-right:10px;}
/* guia fotografica */
#fotoframe{margin-top: 10px;height: 509px;width: 310px; border: 1px solid #d0d0d0;}
#fotoframe .title{font-size: 14px;line-height:18px;color: #ffffff;padding: 5px 5px 5px 10px;background: #8d0202;border-bottom: 1px dotted #717118;}
#fotoframe .scroll{height: 473px; width: 304px; overflow: auto;padding: 3px;}
div.foss{height: 442px;	width: 500px; }
#fotoframe .subtitle{	font-size: 10px;line-height: 12px;color: #3887af;}

/* titulos, sub y contenidos */
/* box elements */
.box { position:relative; float:left;}
#textinfo { width:100%; height:auto; border: 1px solid #d0d0d0; margin: 10px 0 5px 0; padding-bottom: 10px;}
#textinfo .title{font-size: 14px;line-height:18px; color: #ffffff;padding: 5px 5px 5px 10px;background: #8d0202;border-bottom: 1px dotted #717118;}
#textinfo .subtitle{font-size: 14px;color: #8d0202;padding: 0 5px 5px 10px;}
#textinfo .subtitle2{font-size: 14px;color: #8d0202;padding: 10px 5px 5px 10px;}
#textinfo .content {line-height: 18px;color: #8d0202;text-align: left;padding: 0 10px 10px 10px;}
#textinfo .mapa{line-height:18px;color: #f55e35;text-align:center;padding: 0 10px 10px 10px;}

#fotscroll{ height: 156px;width: 425px;overflow: auto;padding: 3px;border: 1px solid #d0d0d0;}
div.fotoss{height: 140px;width: 1413px; }
.grupext{font-size: 12px;line-height:18px;color: #f55e35;text-align:center}
/* Cheap prices table for cheap hostels in barcelona--------------------------------------------------------------*/
#prices { width:430px; height:auto; margin: 10px 0 10px 0; border: 1px solid #d0d0d0; padding-bottom: 10px; text-align:center;}
#prices .title{ font-size: 14px; color: #ffffff; padding: 5px 5px 5px 10px; background: #8d0202; border-bottom: 1px dotted #f4f2e5;}
#prices .extra{ color: #f55e35; margin-top: 5px; }								
table { width:100%; border-collapse:collapse; margin-bottom: 10px;}
caption { color: #510e1c; letter-spacing:.1em; margin:5px 0 5px 0; padding: 5px 0 5px 0; caption-side:top; text-align:center;}	
tr.odd td { background:#ccc5a7;}
tr.odd .column1	{background: #ccc5a7;}	
.column1 {background:#f4f2e5;}
td { color:#510e1c; padding:5px; border-left:1px solid #f4f2e5;}				
th { color: #510e1c; text-align:left; padding: 5px; border-left:1px solid #f4f2e5;}							
thead th { background:#8d0202; text-align:center; color: #ffffff;}
/* Misc ------------------------------------------ */
.imagenes {float: left;}
.bed {float: left;}
.logomain {margin: 5px;}
.logoright {float: right;margin: 5px;}
.pdf { display: block; text-align:center;}
/* Misc ------------------------------------------ */
#address{ height: auto; width: 425px; padding: 3px; text-align: right;}
#address ul{ line-height: 18px;}