/* CSS Document */
@import "reset.css";
body {font:normal 0.8em Arial, Helvetica, sans-serif; color:#222; background-color:#591c1c}
	a {outline:none; color:#000; text-decoration:underline}
	a:hover {color:#8a2a2a; text-decoration:none}
	a:active, #clubs-prov-box li a {outline:none}
	p {line-height:1.65em; margin:5px 0 15px 0}
	h1 {font-size:1.75em; color:#000; line-height:1em}
	h2 {font-size:1.25em; color:#8a2a2a; line-height:1.25em; font-weight:normal}
	.c {text-align:center}
	.r {text-align:right}
	ul {margin:0 0 15px 15px}
	li {margin:0 0 5px 0; line-height:1.25em}

#headerNav {width:100%; background:#5a1c1c url(../_img/bg_header.jpg) repeat-x 0 0}
	#header {margin:0 auto; width:1000px; height:110px; background:url(../_img/header.jpg) no-repeat 0 0}
	#header.pp {background:url(../_img/header_pp.jpg) no-repeat 0 0}
	#header a {background:url(../_img/ico_header.gif) no-repeat 0 0; text-decoration:none}

	#home {float:left; padding:56px 0 0 15px}
	#home a {color:#ae8f8f; padding-left:22px; background-position:4px -40px}
	#home a:hover{color:#fff}

	#lang {padding:56px 0 0 164px}
	#lang a {color:#ae8f8f; padding-left:25px}
	#lang a.esp {background-position: 4px 0}
	#lang a.eng {background-position: 4px -21px}
	#lang a:hover{color:#fff}

#contentNav {background:#fff url(../_img/bg_NAVcontent.jpg) repeat-x 0 top}

	#content {width:1000px; margin:0 auto; overflow:auto; background:#fff url(../_img/bg_content.gif) repeat-x center top}

	#left {float:left; width:280px; padding:0 20px 0 20px; /*background:url(../_img/bg_left-trans.png) repeat-y 0 0*/}
		#left h1 {margin:5px 0 0 0; font-size:1.5em; color:#591c1c; background:url(../_img/left_titols.gif) no-repeat 0 0; position:relative; text-indent:-5000px}
			#left h1.establ-destacats {background-position:0 0; margin-top:-2px}
			#left h1.colaboradors {background-position:0 -25px}

		#left img.banner {margin:0}
		#left img.banner a { border:none}

		#club-logo {text-align:center; margin-top:-20px}	
		#club-info {background-color:#f3f3f3; border:1px solid #ddd; padding:10px; margin-bottom:40px}	
		#club-info p {margin:0; text-align:center; color:#777}	
		#club-info a {color:#777}	
		#club-info a:hover {color:#333}	

	#main {float:right; width:640px; padding:0 20px 0 20px}
		div.foto-portada {float:right; margin:5px 0 20px 20px; border:1px solid #ddd}
		#main h1 {margin:25px 0 10px 0; text-align:justify; color:#591c1c; height:30px; background:url(../_img/main_titols.gif) no-repeat 0 0; position:relative; text-indent:-5000px}
			#main h1.welcome {background-position:0 0}
			#main h1.rest-club {background-position:0 -30px}
			#main h1.rest-grid {background-position:0 -60px}

		#main p {margin:15px 0 15px 0; text-align:justify}
		#main p.c {text-align:center}
		
		/*restaurant-club*/
		#rest-box {float:right; margin:5px 0 20px 20px}
			#rest-box td {height:28px; vertical-align:middle; background-color:#f3f3f3}
			#rest-box .objecte {border:1px solid #ddd; border-bottom:none; padding:2px}
			#rest-club-map {width:360px; height:240px}
			#rest-box .nav {width:60%; border-top:1px solid #ddd; padding-left:5px; background-color:#fff}
			#rest-box .nav a {color:#591c1c}
			#rest-box .tab {width:40%; border:1px solid #ddd; border-top:none; text-align:center}
			#rest-box .tab a {color:#555}
			#rest-box .tab a:hover {color:#222}
			#rest-box .tab a.active {border:1px solid #ddd; border-bottom:none}

		/*grid clubs per provincia*/
		#main .sel-tipus-club {float:right; margin:0 10px -25px 10px}	

		#main .tipus-club-box { display:none; margin-top:35px}
		#main .tipus-club-box.active { display:block}

		#clubs-prov-box {margin:0 auto; margin-top:25px; padding-bottom:30px; width:622px}
		#clubs-prov-box li {display:inline}
		#clubs-prov-box li a {float:left; width:155px; text-align:center; height:30px; line-height:30px; border:none; border-bottom:1px solid #ddd; color:#777;
		background:url(../_img/clubs-prov_titols.gif) no-repeat 0 0; text-indent:-5000px; position:relative; height:30px}
			#clubs-prov-box li a.Barcelona {background-position:0 0}
			#clubs-prov-box li a.Girona {background-position:0 -30px}
			#clubs-prov-box li a.Tarragona {background-position:0 -60px}
			#clubs-prov-box li a.Lleida {background-position:0 -90px}
		#clubs-prov-box li a:hover {color:#222}
		#clubs-prov-box li a.active {border:1px solid #ddd; border-bottom:none; color:#591c1c; font-weight:bold}
		
		#clubs { min-height:250px}
		.clubs-grid {margin:0 auto; margin-bottom:25px; border:1px solid #ddd; border-top:none; width:620px; padding-top:10px; display:none; min-height:180px}
		.clubs-grid.selected {display:block}
		/*#clubs .disabled { opacity: 0.5; filter: alpha(opacity = 50)}*/

		/*grid restaurants per club*/
		#rest-grid {margin:0 auto; margin-top:10px; margin-bottom:50px}
		#rest-grid td {width:25%; text-align:center; border-left:1px solid #ddd; border-top:1px solid #ddd; padding:3px}
		#rest-grid tr.first td {border-top:none}
		#rest-grid td.first {border-left:none}
		
	/*modal iFrame info restaurant*/
	body.info {background-color:#fff}

	#mainBox {margin:0 auto; width:700px; padding:15px 10px 5px 10px}
		#mainBox h1 {color:#591c1c}
		#mainBox p {text-align:justify}

	#rest-info { margin:20px 0 20px 0; padding:7px 10px 2px 7px; background-color:#f3f3f3; border:1px solid #ddd; line-height:1.65em; color:#555}
		#rest-info a {color:#555}
		#rest-info div.telf {float:right; display:block; font-size:2.5em; height:120px; line-height:120px; text-align:right}
			

#footerNav {width:100%; clear:both; background:#591c1c url(../_img/bg_footer.jpg) repeat-x 0 0}
	#footer {margin:0 auto; padding-top:10px; width:1000px; height:70px; background:url(../_img/footer.jpg) no-repeat 0 0}
	#footer p {margin:0 20px 0 0; color:#966e6e}
	#footer p.menu {color:#ae8f8f}
	#footer a {text-decoration:none; color:#966e6e}
	#footer a:hover {text-decoration:underline; color:#fff}


/*GreyBox modal window*/
#GB_overlay {background-image:url(../_img/overlay.png); position:absolute; margin:auto; top:0; left:0; z-index:100; width:100%; height:100%}
* html #GB_overlay {background-color:#000; background-color:transparent; background-image:url(../_img/blank.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../_img/overlay.png",sizingMethod="scale")}
#GB_window {top:100px; left:0px; position:absolute; background:#fff; border:5px solid #aaa; overflow:auto; width:400px; height:400px; z-index:150}
#GB_frame {border:0; overflow:auto; width:100%; height:610px}
#GB_caption {font:12px bold helvetica,verdana,sans-serif; color:#fff; background:#888; padding:2px 0 2px 5px; margin:0; text-align:left}
#close-modal {position:absolute; top:18px; right:25px; padding-left:20px; background:url(../_img/close_icon.gif) no-repeat 0 0; color:#777; text-decoration:none}
#close-modal:hover {position:absolute; top:18px; right:25px; padding-left:20px; background:url(../_img/close_icon.gif) no-repeat 0 0; color:#111; text-decoration:underline}