/* barcelona mar*/
/* 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: #003782;}
#mainl {height: auto;width:800px;position:relative;margin: 10px auto; margin-bottom: 20px; color: #003782; }
#wgroup {height: auto;width:800px;position:relative;margin: 10px auto 10px auto; margin-bottom: 20px; color: #003782;}
.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: #003782;padding: 0 5px 5px 10px;margin-bottom: 10px;border-bottom: 1px solid #003782;}

#leftlist ul {display: block; color: #003782;list-style: none;line-height: 20px;}
#leftlist li {border-bottom: 1px dotted #d0d0d0;}
#leftlist .text{font-size:10px;color: #3887af; margin-right:10px;}
/* guia fotografica */
#fotoframe{margin-top: 10px;height: 551px;width: 310px; border: 1px solid #d0d0d0;}
#fotoframe .title{font-size: 14px;line-height:18px;color: #003782;padding: 5px 5px 5px 10px;background: #66cff1;border-bottom: 1px dotted #717118;}
#fotoframe .scroll{height: 516px; width: 304px; overflow: auto;padding: 3px;}
div.foss{height: 485px;	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: #003782;padding: 5px 5px 5px 10px;background: #66cff1;border-bottom: 1px dotted #717118;}
#textinfo .subtitle{font-size: 14px;color: #003782;padding: 0 5px 5px 10px;}
#textinfo .subtitle2{font-size: 14px;color: #003782;padding: 10px 5px 5px 10px;}
#textinfo .content {line-height: 18px;color: #3887af;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: 2174px; }
.grupext{font-size: 12px;line-height:18px;color: #f55e35;text-align:center}
/* -----------------------------------------------------------------formulario groups*/
#request { height: auto; width: 100%; position: relative; margin: 10px auto 5px auto; text-align: left; color: #003782; border: 1px solid #d0d0d0;}
#request .title{ font-size: 14px; line-height:18px; color: #003782; padding: 5px 5px 5px 10px; background: #66cff1; border-bottom: 1px dotted #717118;}	
#request .algo{ font-size: 10px; color: #3887af; margin: 10px;}
#request .mapa{ line-height:18px; color: #f55e35; text-align:center; margin: 10px;}
#request .note{ font-size: 9px; color: #3887af; margin: 0 0 5px 140px;}
#request fieldset { margin: 5px; padding: 10px; border: 1px dashed #ebebeb; font-size: 10px; color:#3887af;} 
#request legend { padding: 10px; font-weight: bold; font-size: 12px; color: #003782; background-color: #ffffff;} 

#request input { border: 1px solid #003782; background-color: #e6eecc; margin: 3px 0 3px 0;} 
label{ float: left; width: 140px; font-size: 12px;  color: #003782; margin: 3px 0 3px 0;}
label.number{ position: relative; width: 100px;}
textarea{ width: 200px; height: 90px; border: 1px solid #003782; background-color: #e6eecc;}
#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 .title{ font-size: 14px; color: #003782; padding: 5px 5px 5px 10px; background: #66cff1; border-bottom: 1px dotted #717118;}
#prices .extra{ color: #f55e35; border-top: 1px dashed #e3e2d5; padding-top: 5px; margin-top: 5px; }								
table { width:100%; border-collapse:collapse; margin-bottom: 10px;}
caption { color: #003782; letter-spacing:.1em; margin:5px 0 5px 0; padding: 5px 0 5px 0; caption-side:top; text-align:center;}	
tr.odd td { background:#e3e2d5; }
tr.odd .column1	{background: #e3e2d5;}	
.column1 {background:#daedf1;}
td { color:#003782; padding:5px; border-bottom:1px solid #daedf1; border-left:1px solid #daedf1;}				
th { color: #003782; text-align:left; padding: 5px; border-left:1px solid #daedf1;}							
thead th { background:#e3e2d5; text-align:center;}
/* 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;}