/* barcelona Sound*/

.title{font-size: 14px;line-height:18px;color: #764300;padding: 5px 5px 5px 10px;background: #ffb300;border-bottom: 1px dotted #717118;}

/* menu */
#barcelona ul { width: 800px;height: 9px; padding:8px 0 11px 0; margin: 0 auto; color: #03346e; 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;}
#mainl {height: auto;width:800px;position:relative;margin: 10px auto; margin-bottom: 20px;}
#wgroup {height: auto;width:800px;position:relative;margin: 10px auto 10px auto; margin-bottom: 20px;}

.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 ul {display: block;color: #ef8700;list-style: none;line-height: 20px;}
#leftlist li {border-bottom: 1px dotted #d0d0d0;}
#leftlist .title{font-size: 14px;line-height:18px;color: #764300;padding: 5px 5px 5px 10px; border-bottom: 1px dotted #717118; background: #ffffff;}
#leftlist .text{font-size:10px;color: #ab740b;margin-right:10px;}
	
/* guia fotografica */
#fotoframe{margin-top: 10px; height: 507px; width:310px;border: 1px solid #d0d0d0;}
#fotoframe .scroll{height: 472px;	width: 304px;overflow: auto;padding: 3px;}
div.foss{height: 456px;width: 300px;}

#fotoframe .subtitle{font-size: 10px;line-height: 12px;color: #ab740b;}

/* 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 .subtitle{font-size: 14px;color: #764300;padding: 0 5px 5px 10px;}
#textinfo .subtitle2{font-size: 14px;color: #764300;padding: 10px 5px 5px 10px;}
#textinfo .content {line-height: 18px;color: #ab740b;text-align: left;padding: 0 10px 10px 10px;}
#textinfo .mapa{line-height:18px;color: #f55e35;text-align:center;padding: 0 10px 10px 10px;}

hr{border:dotted 1px #d0d0d0;height: 1px;width:100%;}

#fotscroll{ height: 156px;width: 425px;overflow: auto;padding: 3px;border: 1px solid #d0d0d0;}
div.fotoss{height: 140px;width: 1815px; }
.grupext{font-size: 12px;line-height:18px;color: #f55e35;text-align:center}

/* -----------------------------------------------------------------formulario*/
	
#request { height: auto; width: 100%; position: relative; margin: 10px auto 5px auto; text-align: left; color: #ab740b; border: 1px solid #d0d0d0;}	
#request .algo{ font-size: 10px; color:#63630c; margin: 10px;}
#request .mapa{ line-height:18px; color: #f55e35; text-align:center; margin: 10px;}
#request .note{ font-size: 9px; color: #ab740b; margin: 0 0 5px 140px;}
#request fieldset { margin: 5px; padding: 10px; border: 1px dashed #ebebeb; font-size: 10px; #ab740b;} 
#request legend { padding: 10px; font-weight: bold; font-size: 12px; color: #764300; background-color: #ffffff;} 

#request input { border: 1px solid #63630c; background-color: #ffe9be; margin: 3px 0 3px 0;} 
label{ float: left; width: 140px; font-size: 12px;  color: #764300; margin: 3px 0 3px 0;}
label.number{ position: relative; width: 100px;}
textarea{ width: 200px; height: 90px; border: 1px solid #63630c; background-color: #ffe9be;}
#request  br{ clear: left; }

/* 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 .extra{ color: #946200; border-top: 1px dashed #e3e2d5; padding-top: 5px; margin-top: 5px; }								
	
table { width:100%; border-collapse:collapse; margin-bottom: 10px;}
caption { color: #946200; letter-spacing:.1em; margin:5px 0 5px 0; padding: 5px 0 5px 0; caption-side:top;}	
tr.odd td { background:#e3e2d5; }
tr.odd .column1	{background: #e3e2d5;}	
.column1 {background:#ffe9be;}
td { color:#946200; padding:5px; border-bottom:1px solid #ffe9be; border-left:1px solid #ffe9be;}				
th { color: #946200; text-align:left; padding: 5px; border-left:1px solid #f1f1da;}							
thead th { background:#e3e2d5; text-align:center;}
	
/* Misc ------------------------------------------ */
.imagenes {float: left;text-align: 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; color:#946200;}
#address ul{ line-height: 18px;}