/* 
	CSS Document for Gran Casino Costa Brava 
	Created by Natalia Artigas http://www.fluid.cat
	Date: juny 2010
*/

/*
	RESET
-----------------------------------------------------------------------------*/
	:link,:visited { text-decoration: none; }
	.gc h1,.gc h2,.gc h3,.gc h4,.gc h5,.gc h6,.gc pre,.gc code,.gc p,.gc li,.gc td { font-size: 1em; }
	.gc ul,.gc ol,.gc dl,.gc li,.gc dt,.gc dd,.gc h1,.gc h2,.gc h3,.gc h4,.gc h5,.gc h6,.gc pre,.gc form, body.gc,.gc html,.gc p,.gc blockquote,.gc fieldset,.gc input { margin: 0; padding: 0; }
	.gc a img,.gc :link img,.gc :visited img,.gc :hover img, fieldset { border: none; }
	.gc :focus { outline: none }
	.gc ul,.gc li{ list-style:none;}
/*
	HTML GENERAL ELEMENTS
-----------------------------------------------------------------------------*/
.gc img{ border: none;}
.gc a{color:#000;}
	a:hover{ text-decoration:underline;}
	
.gc .left{ float:left !important;}
.gc .right { float:right !important;}
.gc .row{ clear:both; display:block; overflow:hidden;}
.gc .center{ text-align:center;}
.gc .hidden{ display:none;}
.gc h2{ text-transform:uppercase;}
.gc .mb20px{ margin-bottom:20px !important;}
.gc .mb0px{ margin-bottom:0px !important;}
.gc p.subtitle{ font-size:14px;}

/* clearfix class*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */

.pRelative { position:relative!important; }

/*
	LAYOUT
-----------------------------------------------------------------------------*/
body.gc{ font:normal 12px Verdana, Geneva, sans-serif; color:#989898; background: #090c0f url(img/bg_body.jpg) top center repeat-x;}
	body.gc.usuari{ background-image:url(img/bg_body_usuari.jpg)}
	body.gc.poker{ background-image:url(img/bg_body_poker.jpg)}
#quicknav{ display:none;}
.gc .wrapper{ width:1032px; margin:0 auto;}
	.gc #middle .wrapper{ overflow:hidden}

.gc #contentWrapper{ clear:both; margin:0px 35px 11px 35px; display:block; overflow:hidden; padding-top:33px;}
	
	.gc #contentWrapper #related2Wrapper{ float:left; width:702px;}
	
	.gc #contentWrapper #content{ float:left; width:702px; overflow:hidden; color:#000;}
	
	.gc #contentWrapper #related{ float:right; width:245px;}
		
		.gc #contentWrapper #related ul.items li{ margin-bottom:11px;}
	
	.gc #contentWrapper #related2{ float: left; width:719px; margin-top:11px;}
		.gc #contentWrapper #related2 ul.items{ float:left;}
		.gc #contentWrapper #related2 ul.items li{ float: left; margin-right:17px;}
.gc #top,
.gc #bottom{ clear:both; display:block; background:url(img/bg_top.jpg) left bottom repeat-x;}
.gc #content,
.gc #footer{ clear:both; display:block;}



/*	 TOP
-----------------------------------------------------------------------------*/
.gc  #top #nav{ height:18px; font-size:9px; line-height:18px; display:block; overflow:hidden;}
	.gc  #top #nav{ text-align:right;color:#cdb371}
		.gc #top #nav p.log{ float:left; margin-left:35px;}
			.gc #top #nav p.log a{ text-decoration:underline;}
		.gc  #top #nav ul{ float:right;}
		.gc  #top #nav li{ margin:0px 10px 0px 40px; display:inline;}
		.gc  #top #nav  a{color:#cdb371}
		
.gc  #top #menu{ background:url(img/bg_menu.jpg) top center no-repeat; height:30px;text-align:center;}
	
	.gc  #top #menu ul{ position:relative; font-size:11px; z-index:100;}
	.gc  #top #menu ul li{ display:inline; position:relative;}
	.gc  #top #menu ul li a{color:#ffffff; text-decoration:none;}
		.gc  #top #menu ul li strong{ line-height:30px; height:30x; background:url(img/bg_li_menu.png) 0px 0px no-repeat; padding:0px 20px 0px 35px;font-weight:normal;}
		* html .gc  #top #menu ul li strong{ background-image:url(img/bg_li_menu.gif); }
			.gc #top #menu ul li.first strong{ background:none;}
		
		.gc  #top #menu ul li .second{ position:absolute; top:22px; left:50%; background-color:#a28842; padding:2px;}
		* html .gc  #top #menu ul li .second{left:0px; margin-left:0px !important;}
			.gc  #top #menu ul li .second ul{ display:block; border:1px solid #484640; text-align:center; width:auto; line-height:16px; float:left;}
				.gc  #top #menu ul li .second ul li{ padding:3px 8px; display:block; background:url(img/bg_menu_li.gif) center bottom no-repeat; white-space:nowrap; margin:0px;}
					*html .gc  #top #menu ul li .second ul li{ width:100px;}
					.gc  #top #menu ul li .second ul li.last{ margin-bottom:17px; zoom:1}
					
					.gc  #top #menu ul li .second{ visibility:hidden;}
					.gc  #top #menu ul li.hover .second{ visibility:visible; }

/* H1
-----------------------------------------------------------------------------*/
.gc h1{ display:block; height:121px; width:1032px; overflow:hidden;}
	.gc h1 span{ position:relative; left:-9999px;}
	
	.gc h1.bg1{ background: url(img/bg_head1.jpg) 0px 0px no-repeat;}
	.gc h1.bg2{ background: url(img/bg_head2.jpg) 0px 0px no-repeat;}
	.gc .textWrapper h1{ font: bold 18px Verdana, Geneva, sans-serif; height:auto;}

/*	NAV2
-----------------------------------------------------------------------------*/
.gc #contentWrapper .inner #nav2{float:left; width:182px; padding:10px 0px;}
	* html .gc #contentWrapper .inner #nav2 ul{ height:1%;}
	* html .gc #contentWrapper .inner #nav2 ul li{float:left; clear:both; width:100%; display: block;}
		.gc #contentWrapper .inner #nav2 ul li a{ display:block; background:url(img/bg_nav2_li_bg0.png) 8px 5px  no-repeat; padding:3px 10px 3px 24px;}
			* html .gc #contentWrapper .inner #nav2 ul li a{background-image:url(img/bg_nav2_li_bg0.gif);}
			.gc #contentWrapper .inner #nav2 ul li a{ color:#000;}
			.gc #contentWrapper .inner #nav2 ul li.selected a,
			.gc #contentWrapper .inner #nav2 ul li a:hover{ background-color:#000; text-decoration:none;}
				.gc #contentWrapper .inner #nav2 ul li.selected ul li a{ background-color:transparent;}
					.gc #contentWrapper .inner #nav2 ul li.selected ul li.selected a,
					.gc #contentWrapper .inner #nav2 ul li.selected ul li a:hover{ background-color:#000; text-decoration:none;}
					
			
			.gc #contentWrapper .inner #nav2 ul li ul li a{ padding-left:35px; background-position:18px 5px;}
			
			.gc #contentWrapper .inner #nav2 .user{ background-color:#540d0d; position:relative; top:-9px; padding-bottom:15px;}
			.gc #contentWrapper .inner #nav2 .user p{ padding:17px 0px 17px 24px; color:#fff;}
			.gc #contentWrapper .inner #nav2 .user p span{ display:block; color:#6b5a2b;}
			.gc #contentWrapper .inner #nav2 .user ul li.selected a,
			.gc #contentWrapper .inner #nav2 .user ul li a:hover{ background:#6b5a2b url(img/bg_li_user.gif) 8px 5px no-repeat;}
			

/* CONTENTWRAPPER  & skins
-----------------------------------------------------------------------------*/
.gc #content #breadcrumb{ font-size:10px; padding-left: 14px; height:29px; line-height:29px; background-color:#000; text-transform:uppercase;}
	.gc #contentWrapper #content{ background-color:#000;}
	.gc #contentWrapper #content #breadcrumb{ color:#fff;}
		.gc #contentWrapper #content #breadcrumb a,
		.gc #contentWrapper #content #breadcrumb span{ color:#5e5e5e;}
		
	.gc #content .inner{ clear:both; overflow:hidden; margin:4px 6px;}
	* html .gc #content .inner{ zoom:1;}
		.gc #content .text p{ margin-bottom:10px;}

/* BG0: HOTEL */ 
	.gc #contentWrapper.bg0 #content{ background-color:#000;}
		.gc #contentWrapper.bg0 .inner{ background:#676767 url(img/bg_nav2_bg0.gif) 0px 0px repeat-y;}
			.gc #contentWrapper.bg0 .inner #nav2 ul li a{ color:#98803e;}
			.gc #contentWrapper.bg0 .inner .textWrapper h2 { background:transparent url("img/bg_h2_16x18_bg0.jpg") no-repeat scroll 0px 2px; color:#000; padding-left:18px;}

/* BG1: OCIO Y CULTURA */
.gc #contentWrapper.bg1 #content{ background-color:#450713;}
.gc #contentWrapper.bg1 #content .inner{ background:#fff url(img/bg_nav2_bg1.gif) 0px 0px repeat-y;}
	.gc #contentWrapper.bg1 .inner #nav2 ul li a{ color:#fff;}
	.gc #contentWrapper.bg1 .inner .textWrapper h2 { background:#fff url("img/bg_h2_16x18_bg1.jpg") no-repeat scroll 0px 2px; color:#000; padding-left:18px;}
	.gc #contentWrapper.bg1 a.more {color:#757575;}
	
/* BG2: CASINO */
.gc #contentWrapper.bg2 #content{ background-color:#000;}
.gc #contentWrapper.bg2 #content .inner{ background:#7c7c7c url(img/bg_nav2_bg2.gif) 0px 0px repeat-y;}
	.gc #contentWrapper.bg2 .inner #nav2 ul li a{ color:#98803e;}
	.gc #contentWrapper.bg2 .inner .textWrapper h2 { color:#000; background: transparent url("img/bg_h2_16x18_bg2.jpg") no-repeat scroll 0px 2px;}


/* BG3: GCCB */
.gc #contentWrapper.bg3 #content{ background-color:#000;}
.gc #contentWrapper.bg3 #content .inner{ background:#fff url(img/bg_nav2_bg3.gif) 0px 0px repeat-y;}
	
	.gc #contentWrapper.bg3 .inner #nav2 ul li a{ color:#98803e;}
	.gc #contentWrapper.bg3 .inner .textWrapper h2 { color:#000; background: transparent url("img/bg_h2_16x18_bg3.jpg") no-repeat scroll 0px 2px;}


/* BG4: GASTRONOMIA*/
.gc #contentWrapper.bg4 #content{ background-color:#3a3219;}
.gc #contentWrapper.bg4 #content .inner{ background:#fff url(img/bg_nav2_bg4.gif) 0px 0px repeat-y;}
	.gc #contentWrapper.bg4 .inner #nav2 ul li a{ color:#98803e;}
	.gc #contentWrapper.bg4 .inner .textWrapper h2 { color:#000; background: transparent url("img/bg_h2_16x18_bg4.jpg") no-repeat scroll 0px 2px;}

/* BG5: MEETING */
.gc #contentWrapper.bg5 #content{ background-color:#372e16;}
.gc #contentWrapper.bg5 #content .inner{ background:#ac9046 url(img/bg_nav2_bg5.gif) 0px 0px repeat-y;}
	.gc #contentWrapper.bg5 .inner #nav2 ul li a{ color:#98803e;}
	.gc #contentWrapper.bg5 .inner .textWrapper h2 { color:#000; background: transparent url("img/bg_h2_16x18_bg5.jpg") no-repeat scroll 0px 2px;}
/* BG6: MEETING BLACK*/
.gc #contentWrapper.bg6 #content{ background-color:#000;}
.gc #contentWrapper.bg6 #content .inner{ background:#000 url(img/bg_nav2_bg2.gif) 0px 0px repeat-y; color:#696969;}
	.gc #contentWrapper.bg6 .inner #nav2 ul li a{ color:#98803e;}
	.gc #contentWrapper.bg6 .inner .textWrapper h1 { color:#6b6b6b; font: bold 18px Verdana, Geneva, sans-serif; margin-bottom:15px;}
	.gc #contentWrapper.bg6 .inner .textWrapper h1.top { position: relative; top:-20px; margin-bottom:-5px;}
	.gc #contentWrapper.bg6 .inner .textWrapper p{ color:#fff;}
	.gc #contentWrapper.bg6 .inner .textWrapper a{ color:#696969;}



/*	CLUB 
-----------------------------------------------------------------------------*/
.gc.club h1{ float:left; width:231px; height:179px; background-image:url(img/bg_head_usuari.jpg); margin:31px 0px 0px 35px;}
* html .gc.club #middle{ padding-top:31px;}

.gc.club .inner{ background-image: url(img/bg_nav2_club.jpg); background-repeat: repeat-y;}
.gc.club #jquery-slider{ padding:4px; background-color:#000; float:right; margin:31px 35px 0px 0px;}
.gc.club #contentWrapper{ padding-top:20px;}
.gc.club #contentWrapper .inner #nav2 ul li a { color:#fff; background-image:url(img/bg_nav2_li_club.gif);}
.gc.club #contentWrapper .inner .textWrapper {padding-left:0px; padding-right:0px; width:507px; float:left;}
	* html .gc.club #contentWrapper .inner .textWrapper{ width:506px;}
	.gc.club .inner .textWrapper h2{ margin:-20px 0px 0px 0px; left:0px; background:url(img/bg_h2_club.jpg) 0px 0px repeat-y !important; padding:15px 20px;}
	* html .gc.club .inner .textWrapper h2{ margin:0px; left:0px; top:-25px; margin-bottom:-25px;}
	.gc.club #contentWrapper .inner .textWrapper p{ padding:0px 20px;}

/*	CLUB USUARI
-----------------------------------------------------------------------------*/
.gc.usuari h1{ background-image:url(img/bg_head_usuari.jpg);}
.gc.usuari #contentWrapper #content,
.gc.usuari #contentWrapper #content #breadcrumb{ background-color:#540d0d}
.gc.usuari #contentWrapper .inner .textWrapper{ background-color:#c7c7c7;}
.gc.usuari .box { background-image:url(img/bg_box_usuari.jpg) !important;}
.gc.usuari .box .in.red{ background-image:url(img/bg_usuari_box_in.jpg);}
.gc.usuari input.text{ background-color: transparent !important;}

/*	CLUB POKER
-----------------------------------------------------------------------------*/
.gc.poker h1{ background-image:url(img/bg_head_poker.jpg);}
.gc.poker #contentWrapper #content,
.gc.poker #contentWrapper #content #breadcrumb{ background-color:#fff;}
.gc.poker #contentWrapper #content #breadcrumb{color:#000;}
.gc.poker #contentWrapper .inner .textWrapper{ background-color:#c7c7c7;}
.gc.poker .box { background-image:url(img/bg_box_poker.jpg) !important;}
	.gc.poker .box h2,
	.gc.poker .box.calendar .data,
	.gc.poker .box.calendar td,
	.gc.poker .box.calendar td a{ color:#000 !important;}
		.gc.poker .box.calendar .data .ant { background-position:-46px 0;}
		.gc.poker .box.calendar .data .suce { background-position:-61px 0;}

			
/*	 TEXTWRAPPER
-----------------------------------------------------------------------------*/
.gc .textWrapper{ height:316px; width:472px; overflow-x:hidden; overflow-y: auto; padding:20px 10px 20px 25px; }
* html .gc .textWrapper{ width:468px; margin:0px; position:relative;}
*+html .gc .textWrapper{ position:relative;}
.gc .textWrapper.height3box{ height:488px; !important;}
*+html .gc .textWrapper.height3box{ height:490px !important;}

.gc .textWrapper.height4box{ height:698px !important;}
*+html .gc .textWrapper.height4box{ height:700px !important;}

.gc .inner .textWrapper h2 { clear:both; background:url("img/bg_h2_11x13.jpg") no-repeat scroll 8px 5px #000000; color:#FFF; font-size:12px; font-weight:normal; min-height:24px; line-height:24px; margin-bottom:15px; padding-left:16px; position:relative; left:-18px;}
.gc .inner .textWrapper h3{ margin:10px 0px 0px 0px;}
.gc .inner .textWrapper p{ margin-bottom:10px;}

	

/*	 BOTTOM
-----------------------------------------------------------------------------*/
.gc  #bottom { background-position:0px 0px; text-align:center; padding-bottom:30px;}
.gc  #bottom #footer{color:#989898;}
	.gc.usuari  #bottom{color:#000;}
.gc  #bottom #footer,
	.gc  #bottom #footer a{ font: normal 9px Verdana, Geneva, sans-serif; color:#989898; height:30px; line-height:30px; margin:0px 7px; overflow:hidden;}
	.gc  #bottom #footer ul li{ display:inline; text-transform:uppercase;}
	
.gc #bottom .others {padding-top:4px;}
	.gc #bottom .others ul{ width: 260px; float:right;}
	* html .gc #bottom .others ul{ width:280px;}
	.gc #bottom .others ul li{ display:block; float:left; height:28px; line-height:28px; margin-left:17px;}
		.gc #bottom .others ul li a{ color:#989898; text-decoration:none; height:28px; line-height:28px; display:block; float:left; font-family:Geneva, sans-serif}
		.gc.usuari  #bottom .others ul li a{color:#000;}
		.gc #bottom .others ul li img{ margin:0px 5px -7px 0px;}


/*	 BOX
-----------------------------------------------------------------------------*/
.gc .box{ display:block; width:243px; height:181px; background:url(img/bg_box.jpg) 0px 0px no-repeat; overflow:hidden; position: relative;}
	.gc .box.xl{ width:333px; height:181px; background:url(img/bg_box2.jpg) 0px 0px no-repeat; padding-left:9px;}
		.gc .box.xl h2{ margin-bottom:8px; padding-left: 17px;}
		.gc .box.xl p.more { position: absolute; color:#000; height:37px; width:204px; text-align:center; bottom:10px; left:10px; overflow:hidden; font-size:12px; line-height:37px;}
	.gc .box h2{ font: normal 12px/12px Verdana, Geneva, sans-serif; height:14px; overflow:hidden; padding:14px 0px 0px 26px; color:#fff;}
	.gc .box .in{ clear:both; background:url(img/bg_box_in.jpg) 0px 0px no-repeat; width:225px; height:138px; margin: 6px auto 0px auto;  padding:2px}
	.gc .box form input{ border:none;}
	.gc .box form input.text{ border:1px solid #000; font-size:11px; font-family:Verdana, Geneva, sans-serif; height:19px; background-color:#c7c7c7; line-height:19px; padding:0px; text-indent:3px;}
	.gc .box form .select{border:none; font-size:11px; font-family:Verdana, Geneva, sans-serif;  background-color:#7c7c7c; color:#000;}
	
/*	 BOX OFFER
-----------------------------------------------------------------------------*/
	.gc .box.offer .in p{ height:14px; overflow:hidden;color:#000000; margin:6px 4px 2px 7px;}
	.gc .box.offer .in p.more{ font-size:9px; height:10px; float:right; margin:0px 2px;}
		.gc .box.offer .in p.more a{ color:#000000;}
			.gc .box.offer .in p.more a:hover{ text-decoration:underline;}
			
/*	BOX XL OFFER
-----------------------------------------------------------------------------*/
.gc .box.xl.offer img{ float:left; margin:0px;}
.gc .box.xl.offer .text{ position:absolute; text-transform:uppercase; left:227px; top:53px; width:100px;  height:100px; overflow:hidden; color:#000;}
	.gc .box.xl.offer .text p{ margin-bottom:8px;}
		.gc .box.xl.offer .text p strong{ font-size:18px;}
			
/*	 BOX SCROLL
-----------------------------------------------------------------------------*/
.gc .box.scroll .in{overflow:auto;width:226px; height:135px; padding:2px; background:none; border:1px solid #9a9a9a;}
	.gc .box.scroll .in p.bg{ background: url(img/bg_scroll_p.jpg) right bottom no-repeat; font-weight:bold; color:#ffffff; line-height:16px; height:16px; padding-left:6px;}
	.gc .box.scroll .in ul li{float:none !important; margin:0px!important; background:url(img/bg_li_scrollbox.jpg) 0px 0px no-repeat; height:32px; overflow:hidden; color:#fff; padding-top:3px; line-height:13px;}
		.gc .box.scroll .in ul li strong{display:block; float:left; padding:0px 10px 0px 4px; height:35px;}
		.gc .box.scroll .in ul li div{ margin-top:0px;}
			.gc .box.scroll .in ul li div p{ float:left; width:154px;}
			.gc .box.scroll .in ul li div p.more{ float:right; margin:2px; width:16px;}
				.gc .box.scroll .in ul li div p.more a{ display:block; overflow:hidden; width:16px; height:16px; background: url(img/sprite.gif) 0px 0px no-repeat; text-decoration:none;}
					.gc .box.scroll .in ul li div p.more a:hover{ text-decoration:none;}
				.gc .box.scroll .in ul li div p.more a span{ position:relative; left:-9999px;}
			
/*	 BOX CALENDAR
-----------------------------------------------------------------------------*/
* html .gc .box.calendar { overflow:visible;}
.gc .box.calendar h2{ float:left; width:auto;}
.gc .box.calendar .in{ background:none;}
.gc .box.calendar .data{font-size:10px;color:#fff; text-align:center; font-weight:bold; padding:0px; display:block; float:right; margin:5px 7px 0px 0px}
	
	.gc .box.calendar .data .ant,
	.gc .box.calendar .data .suce{display:block; height:7px; width:14px; overflow:hidden; background:url(img/sprite.gif) 0px 0px no-repeat; position:absolute;}
		
		.gc .box.calendar .data .ant{ background-position: -16px 0px; right:45px;}
		* html .gc .box.calendar .data .ant{ zoom:1}
		.gc .box.calendar .data .suce{ background-position: -31px 0px; right:29px;}
		* html .gc .box.calendar .data .suce{ zoom:1}
			.gc .box.calendar .data .ant span,
			.gc .box.calendar .data .suce span{ position:relative; left:-9999px;}
		
	
.gc .box.calendar .in table{ width:100%; text-align:left;  font-size:10px; background:url(img/bg_boxcalendar_table.jpg) 0px 0px repeat-x; margin-top:5px;}
.gc .box.calendar .in table th{ font-weight:normal; text-align:center; font-size:9px;}
.gc .box.calendar .in table td{ padding:3px 2px 3px 4px;}
	
	.gc .box.calendar .in table td.item1,
	.gc .box.calendar .in table td.item2,
	.gc .box.calendar .in table td.item3 {padding:0px;}
	.gc .box.calendar .in table td.item1 a{ background-color:#591414;}
	.gc .box.calendar .in table td.item2 a{ background-color:#ac9046;}
	.gc .box.calendar .in table td.item3 a{ background-color:#fff; color:#000;}
		.gc .box.calendar .in table td a{ color:#FFF; text-decoration:none; padding:3px 2px 3px 4px; display:block;}
			.gc .box.calendar .in table td a:hover{ text-decoration:none;}

/*	BOX LOGIN CLUB
-----------------------------------------------------------------------------*/
.gc .box.loginClub{ }
* html .gc .box.loginClub .in{ position:relative; left:6px;}
.gc .box.loginClub form{ font-size:10px;}
	.gc .box.loginClub form .row { margin:6px 14px 0px 14px; overflow:hidden;}
	
		.gc .box.loginClub form label{ color:#FFF;}
		.gc .box.loginClub form input.radio{ margin-right:4px;}
		.gc .box.loginClub form input.text{ border:1px solid #000; width:99%; font-size:11px; font-family:Verdana, Geneva, sans-serif; height:19px; background-color:#c7c7c7; float:left; line-height:19px; padding:0px; text-indent:3px;}
		*+html .gc .box.loginClub form input.text{ position:relative; left:-16px;}
		.gc .box.loginClub form input.button{ float:right; font: normal 11px Verdana, Geneva, sans-serif; color:#fff; background:none; cursor:pointer; position:relative; top:-3px;}
	
	.gc .box.loginClub .in p{ text-align:center; overflow:hidden;color:#000000; margin:9px 4px 2px 7px;}
	* html .gc .box.loginClub .in p{  clear: boht; width:100%}
		.gc .box.loginClub .in p a{ text-decoration:underline;}
		
/*	BOX RESERVATION
-----------------------------------------------------------------------------*/
.gc .box.reservation{ color:#fff; font-size:9px;}
	.gc .box.reservation .in{ padding-top:10px; height:128px; position:relative;}
	* html .gc .box.reservation .in{ left:6px; top: -4px;}
		.gc .box.reservation .row{ padding:0px 20px 5px 20px; overflow:hidden;}
			.gc .box.reservation .row div{ width:48%;}
			.gc .box.reservation .row label{ display:block; margin-bottom:3px;}
		.gc .box.reservation input.text{ height:14px; line-height:14px; width:70px; text-indent:1px;}
		.gc .box.reservation .ui-datepicker-trigger{ position:relative; top:3px;}
		.gc .box.reservation .in p{ position:absolute; text-align:center; bottom:16px; font-size:12px; width:225px}

/*	BOX XL RESERVATION
-----------------------------------------------------------------------------*/
.gc .box.xl.reservation form{ float:left; width:205px; padding:10px 0px 0px 0px;}
.gc .box.xl.reservation .row{ padding-right:5px;}

/*	BOX AD
-----------------------------------------------------------------------------*/
.gc .box.ad { color:#fff; font-size:9px;}
	.gc .box.ad .in { padding:6px 0 0 6px; height:auto; margin:0; background: none; }


/*	SLIDER
-----------------------------------------------------------------------------*/
.gc #jquery-slider{ width: 690px; height: 170px; float: left; display: inline; margin:0px 0px 4px 6px;}
.gc #main-photo-slider.csw{ visibility:hidden;}
.gc .slider-wrap{ width: 690px; height: 170px; overflow:hidden; display:block;}			
		.gc .slider-wrap .stripViewer{ position: relative; overflow: hidden; width: 690px; height: 170px; z-index: 1;}
			.gc .slider-wrap .panelContainer { position: absolute;left: 0; top: 0;}
				.gc .slider-wrap .panelContainer .panel	{ float: left; height: 100%; position: relative; width: 690px;}
				
		.gc .slider-wrap .stripNavL, 
		.gc .slider-wrap .stripNavR, 
		.gc .slider-wrap .stripNav { display: none; }
		
		/*	Paginador	*/
		.gc .nav-thumb { border: 1px solid black; background:url(img/bg_nav_thumb.gif) 3px 5px no-repeat; color: #fff !important;}
		.gc #movers-row	{ height: 26px; float: right; margin:-29px 15px 0; position: relative; z-index: 1;}
		.gc #movers-row div{ display: inline; margin-right:0px; float: left;}
			.gc .cross-link{ text-decoration: none;color: #898989;font-size: 11px;padding: 7px 0px;border:medium none;display: inline-block;width: 24px;
	text-align: center;	}
			.gc .cross-link:hover,
			.gc .active-thumb{ text-decoration: none;}
		
		
/*	 AVÍS LEGAL
-----------------------------------------------------------------------------*/
.gc #legal{ padding:125px 35px 30px 35px; background: url(img/bg_avis.jpg) 35px 39px no-repeat;  color:#000;}
	.gc #legal .inner{ width:485px; height:361px; margin:0 auto; line-height:24px; overflow:auto; padding-right:10px; background-image:none; }
		.gc #legal .inner h2,
		.gc #legal .inner p{ font-weight:normal; margin:10px 0px 0px 0px;}
		
/*	 INTRO
-----------------------------------------------------------------------------*/
.gc.intro{ background-position: center -48px !important; zoom:1;}
	.gc.intro #middle{ height:723px; background:url(img/bg_intro.jpg) center 138px no-repeat; text-align:center;}
		.gc.intro #middle .wrapper{ padding-top: 617px;}
		.gc.intro #middle ul{}
		.gc.intro #middle ul li{ display:inline; margin:0pc 10px;}
			.gc.intro #middle ul li a{ color:#fff;}
			
/*	 MAPA WEB
-----------------------------------------------------------------------------*/
.gc #contentWrapper.mapa #content .inner{ background-image:none;}
.gc #contentWrapper.mapa{ overflow:hidden;}

/*	 HOME
-----------------------------------------------------------------------------*/
.gc.home #middle{ clear:both; display:block; background:url(img/bg_home.jpg) center top no-repeat;}
	.gc.home .wrapper{ width:1041px;}
	.gc.home #middle #contentWrapper{ padding:347px 5px 0px 5px; height:1%; margin:0px;}
		*+html .gc.home #middle #contentWrapper{ padding-bottom:15px;}
		.gc.home #middle #contentWrapper ul.items{ display:block; overflow:hidden; margin:0px -3px;}
			* html .gc.home #middle #contentWrapper ul.items{ margin:0px -10px;} 
			.gc.home #middle #contentWrapper .items li{ float:left; margin:0px 8px 15px 8px;}
			
.gc.home h1{ display:none;}

/*	 MAPA WEB
-----------------------------------------------------------------------------*/
.gc.webMap #middle #contentWrapper{ margin-bottom:50px;}
		.gc.webMap #contentWrapper #content { width:100%; height:auto !important;}
			* html .gc.webMap #contentWrapper #content .inner{ zoom:1;}
		.gc.webMap #contentWrapper #content .col{ width:160px; padding:0px 0px 30px 25px; float:left;}
		.gc.webMap #contentWrapper #content .col h2{ clear:both; background:#000 url(img/bg_h2_11x13.jpg) 8px 5px no-repeat; color:#fff; padding-left:24px; height:24px; line-height:24px; margin:20px 0px 10px 0px;}
			.gc.webMap #contentWrapper #content .col li{ display:block; clear:both; padding-left:24px; background:url(img/bg_li_map.gif) 8px 3px no-repeat; overflow:hidden;}
				.gc.webMap #contentWrapper #content .col li a{ clear:both; padding-bottom:10px; display: block; float:left; line-height:18px;}
				.gc.webMap #contentWrapper #content .col li li{ background-position:0px 5px; padding-left:15px;}
				
/*	 HOTEL
-----------------------------------------------------------------------------*/
.gc .hotel .textWrapper h2{ font-size:12px;}
.gc .hotel .text{ width:240px; float:left; color: #000}
	.gc .hotel .inner .textWrapper .text h2{ font-size:18px; font-weight:normal; margin-bottom:15px; text-transform:none; background:none; padding:0px; color:#000;}
	.gc .hotel .inner .textWrapper .images{ margin-top:25px; float:right; width:215px; overflow:hidden;}
		.gc .hotel .inner .textWrapper .images img{ clear:both; float:right; margin:0px 20px 10px 0px;}
		*html .gc .hotel .inner .textWrapper .images { width:195px;}

/*	 GASTRONOMIA
-----------------------------------------------------------------------------*/
.gc #contentWrapper.gastronomia #content{ background-color:transparent;}
.gc .gastronomia #content ul.items li{ clear:both; display:block; height:181px; width:700px; background:url(img/bg_gastronomia_item.jpg) 0px 0px no-repeat; margin-bottom:11px; position:relative;}
	.gc .gastronomia #content ul.items li h2{ position:absolute; top: 12px; left:28px; height:14px; width:650px; overflow:hidden; color:#fff; font-weight:normal; text-transform:uppercase;}
	.gc .gastronomia #content ul.items li .inner{ position:absolute; bottom:11px; left:9px; width:681px; height:135px; overflow:hidden; margin:0px;}
	* html .gc .gastronomia #content ul.items li .inner{bottom:10px;}
		.gc .gastronomia #content ul.items li .inner .text{ position:absolute; top:14px; left:493px; width: 177px; height:114px; overflow:hidden; color:#fff;}
			.gc .gastronomia #content ul.items li .inner .text h3{ font-size:14px; margin-bottom:13px; font-weight:bold;}
		.gc .gastronomia #content ul.items li .inner img{ float:left;}
		
	.gc .gastronomia #content ul.items li.t1 .inner .text{ color:#000;}
	.gc .gastronomia #content ul.items li.t2 .inner{ background: #e51633 url(img/bg_gastronomia_item_t2.jpg) left bottom repeat-x;}
	.gc .gastronomia #content ul.items li.t3 .inner{ background-color:#000;}

/*	 ACTIVITATS
-----------------------------------------------------------------------------*/
.gc .activitats .inner{ background-image:none !important;}
.gc .activitats .inner .textWrapper{ height:339px; overflow:auto; padding:20px 0px 0px 0px; width:100%;}
 	.gc .activitats .inner .textWrapper ul li{ width:280px; height:280px; overflow:hidden; padding:0px 17px 10px 25px; float:left;}
		.gc .activitats .inner .textWrapper ul li h2{ background:url("img/bg_h2_11x13.jpg") no-repeat scroll 8px 5px #000000 !important; clear:both; color:#FFFFFF !important; height:24px; line-height:24px; margin:0px; padding-left:24px; font-size:12px; font-weight:normal; left:0px;} 
		.gc .activitats .inner .textWrapper ul li h3{ margin:12px 0px 5px 0px;}
		.gc .activitats .inner .textWrapper ul li p{ margin:4px 0px;}
		.gc .activitats .inner .textWrapper ul li a.more{ color:#fff;}
		
/*	 ACTIVITAT	 DETALL
-----------------------------------------------------------------------------*/
.gc .activitat .inner{ background-image:none !important;}
.gc .activitat .inner .textWrapper{ width:655px;}
 	.gc .activitat .inner .textWrapper h2{ background:url("img/bg_h2_11x13.jpg") no-repeat scroll 8px 5px #000000 !important; clear:both; color:#FFFFFF !important; height:24px; line-height:24px; margin:0px; padding-left:24px; font-size:12px; font-weight:normal; left:0px;} 
	.gc .activitat .inner .textWrapper img{ float:right; margin:0px 0px 15px 15px;}
		.gc .activitat .inner .textWrapper p{ margin-top:25px;}
		
/*	 GALERIA D' IMATGES
-----------------------------------------------------------------------------*/
.gc #contentWrapper.galeria ul.gallery li{ float:left; margin:0px 11px 11px 0px; text-align:center; display:block;}
	.gc #contentWrapper.galeria ul.gallery li img{ border:1px solid #000;}
	.gc #contentWrapper.galeria ul.gallery li span{ display:block; margin-top:7px;}
	

/*	 BUSCAR NOTICIA
-----------------------------------------------------------------------------*/
.gc .inner #searchNewsBox { position: absolute; bottom:0; left:20px; width:160px; height:60px }
.gc .inner #searchNewsBox label { color:#947D3D; }
.gc .inner #searchNewsBox input { margin: 5px 0 0 0; background: #7C7C7C; border: 1px solid #000 }

/*	 PLAYER XL
-----------------------------------------------------------------------------*/
.gc #contentWrapper.playerXL .player{ margin:5px auto 0px auto; text-align:center;}

/*	 LLISTA ARTICLES
-----------------------------------------------------------------------------*/
.gc ul.articles{ clear:both; margin:10px 0px 0px 20px;}
.gc ul.articles li{clear:both; padding-bottom:30px; width:100%; float:left;}
.gc ul.articles li .imageFrame{ display:block; width:237px; height:172px; overflow:hidden; position:relative; clear:both; float:left;}
	.gc ul.articles li .imageFrame span{ display:block; width:237px; height:172px; overflow:hidden; position:absolute; background: url(img/article_frame.gif) 0px 0px no-repeat;}
	* html .gc ul.articles li .imageFrame span{ position:relative; margin-bottom:-172px;}
	.gc ul.articles li .text{ margin-left: 258px;}
	.gc ul.articles li .text h3{ font-size:14px; margin:0px 0px 10px 0px;}
	.gc ul.articles li .text p{ padding:0px !important;}

/*	 FORMULARI D' INSCRIPCIÓ
-----------------------------------------------------------------------------*/
	.gc .form .inner .imgForm{ float:right; border:1px solid #000;}
	.gc .form  .inner form{ clear: both; display:block;}
	.gc .form  .inner .row{ margin-bottom:20px;}
	.gc .form  .inner .row .cell{ float:left; width:200px;}
		.gc .form  .inner .row label{ padding:0px 0px 4px 8px; display:block;}
		.gc .form  .inner .row textarea{ width:100%;}
		.gc .form  .inner .row input.text{ background-color:transparent; border: 1px solid #000; font: normal 12px/20px Verdana, Geneva, sans-serif; height:20px;}
		.gc .form  .inner .row label.radio{ width:auto; float:left; margin-right:15px; padding-left:0px;}
			.gc .form  .inner .row label.radio input.radio{ margin-right:5px;}
			.gc .form  .inner textarea{ background-color: transparent;}

/*	JOC
-----------------------------------------------------------------------------*/
.gc #contentWrapper.joc #content{ background-color:transparent;}
.gc .joc #content ul.items li{ clear:both; display:block; height:181px; width:700px; background:url(img/bg_gastronomia_item.jpg) 0px 0px no-repeat; margin-bottom:11px; position:relative;}
	.gc .joc #content ul.items li h2{ position:absolute; top: 12px; left:28px; height:14px; width:650px; overflow:hidden; color:#fff; font-weight:normal; text-transform:uppercase;}
	.gc .joc #content ul.items li .inner{ position:absolute; bottom:11px; left:9px; width:681px; height:135px; overflow:hidden; margin:0px;}
	* html .gc .joc #content ul.items li .inner{bottom:10px;}
		.gc .joc #content ul.items li .inner ul{ float:left;}
		.gc .joc #content ul.items li .inner ul li{ width:170px; height:67px; display:table; overflow:hidden; margin:0px; float:left; clear:none; zoom:1; vertical-align:middle;}
		* html .gc .joc #content ul.items li .inner ul li{ display:block;}
		.gc .joc #content ul.items li .inner ul li a{ display:table-cell; width:160px; height:67px; padding:0px 5px 0px 5px; overflow:hidden; background:url(img/sprite.gif) 0px -18px no-repeat; text-align:center;  text-transform:uppercase; color:#fff; text-decoration:none; vertical-align:middle; zoom:1;}
		* html .gc .joc #content ul.items li .inner ul li a{ display:block; padding-top:15px; padding-bottom:5px; height:47px;}
		*+html .gc .joc #content ul.items li .inner ul li a{ display:block; padding-top:15px; padding-bottom:5px; height:47px;}
		.gc .joc #content ul.items li .inner ul li a:hover{ background-position:0px -86px;}
		
		.gc .joc #content ul.items li .inner ul.col2{ width:342px;}
		.gc .joc #content ul.items li .inner ul.col3{ width:511px; overflow:hidden;}
		.gc .joc #content ul.items li .inner img{ float:left;}
		
		.gc .joc #content ul.items li .inner .jackpot{ width:170px; float:left; height:135px; background-color:#201908; text-align:center;}
			.gc .joc #content ul.items li .inner .jackpot img{ margin:0 auto; float:none;}
			.gc .joc #content ul.items li .inner .jackpot p{ text-align:center; font: 600 24px/37px Verdana, Geneva, sans-serif; color:#ac9046; line-height:37px;}

/*	TORNEJOS
-----------------------------------------------------------------------------*/
.gc #contentWrapper.tornejos .textWrapper{ width: 507px; padding:0px; height:356px; background-color:#9E8349;}
* html .gc #contentWrapper.tornejos .textWrapper{ width: 505px; }
.gc ul.tornejos{}
	.gc ul.tornejos li{ display:block; padding:0px 15px 0px 48px; background:#9e8349 url(img/bg_li_tornejos.jpg) 0px 0px no-repeat; overflow:hidden; border-bottom:1px solid #3c2c0c; position:relative;}
	* html .gc ul.tornejos li{float:left;}
	*+html .gc ul.tornejos li{float:left;}
		.gc ul.tornejos li .top{ clear: both; display:block; width:100%; height: 57px; line-height:57px; overflow:hidden;}
			.gc ul.tornejos li .top a{ position:absolute; left:24px; top: 20px; display:block; float:left; text-align:center; width:22px; height:22px; line-height: 22px; }
				.gc ul.tornejos li .top a:hover{ text-decoration:none;}
			.gc ul.tornejos li .top p{ float:left; width:380px; margin-left:10px;}
			.gc ul.tornejos li .top p span{ float:right;}
		.gc ul.tornejos li .bottom{ clear: both; display:block; width:100%; overflow:hidden; display:none;}
			.gc ul.tornejos li .bottom .buttons{ display:block; overflow:hidden; padding-bottom:5px; float:left; width:100%;}
			.gc ul.tornejos li .bottom .buttons ul{ float:right;}
				.gc ul.tornejos li .bottom .buttons li{ background:none; float:left; margin-right:10px; padding:0px; border:none;}
				.gc ul.tornejos li .bottom .buttons li a{ display:block; padding:4px 7px; text-transform:uppercase; border: 1px solid #000000;}
					.gc ul.tornejos li .bottom .buttons li a:hover{ text-decoration:none;}
					
					
/*	TECNOLOGIES
-----------------------------------------------------------------------------*/
.gc #contentWrapper.tecnologies .textWrapper { color:#fff; width:420px; padding:20px 60px 20px 25px }
.gc #contentWrapper.tecnologies .textWrapper p { margin: 20px 0; line-height: 1.2; }
.gc #contentWrapper.tecnologies .textWrapper img { margin: 20px 0 0 0; }


/*	PRESS KIT
-----------------------------------------------------------------------------*/
.gc #contentWrapper.pressKit #content { width:960px; }
.gc #contentWrapper.pressKit .textWrapper { background:#fff; color:#000; width:auto; height:500px;  }
.gc #contentWrapper.pressKit .textWrapper .left { width:380px; }
.gc #contentWrapper.pressKit .textWrapper .right { width:300px; }
.gc #contentWrapper.pressKit .textWrapper h2 { background: transparent url("img/bg_h2_16x18_bg3.jpg") no-repeat scroll 0px 2px!important; color:#6B6B6B!important; text-transform: none!important; font-size: 18px; font-weight: bold; }
.gc #contentWrapper.pressKit .textWrapper p.spec1 { color:#6B6B6B!important; font-weight: bold;}
.gc #contentWrapper.pressKit .textWrapper img { margin: 20px 0 0 0; }


/*	ARXIU
-----------------------------------------------------------------------------*/
.gc #contentWrapper.arxiu #content { width:960px; }
.gc #contentWrapper.arxiu .textWrapper { background:#fff; color:#000; width:auto; height:500px;  }
.gc #contentWrapper.arxiu .textWrapper .left { width:380px; }
.gc #contentWrapper.arxiu .textWrapper .right { width:300px; display:block; overflow:hidden; }
.gc #contentWrapper.arxiu .textWrapper h2 { background: transparent url("img/bg_h2_16x18_bg3.jpg") no-repeat scroll 0px 2px!important; color:#6B6B6B!important; text-transform: none!important; font-size: 18px; font-weight: bold; }
.gc #contentWrapper.arxiu .textWrapper p.spec1 { color:#6B6B6B!important; font-weight: bold;}
.gc #contentWrapper.arxiu .textWrapper img { margin: 20px 0 0 0; }
.gc #contentWrapper.arxiu ul.inline{ clear:both; display:block; float:left; margin:5px 0px; overflow:hidden;}
.gc ul.inline li{ display:inline;}
.gc ul.inline li{ margin:0px 4px;}

/*	PLANOLS
-----------------------------------------------------------------------------*/
.gc ul.inlineBg{ clear:both; position:relative; width:507px; display:block; background:url(img/bg_ul_inline.jpg) 0px 0px repeat-y; left:-24px;}
.gc ul.inlineBg li{ display:inline; height:29px; line-height:29px; margin-left:20px; background:url(img/bg_nav2_li_bg0.png) 0px 1px no-repeat; padding-left:13px;}
.gc ul.inlineBg li a{color:#98803E !important;}


/*	ULTIMES NOTICIES
-----------------------------------------------------------------------------*/
.gc #contentWrapper.ultimesNoticies #content { width:960px; }
.gc #contentWrapper.ultimesNoticies .textWrapper { background:#fff; color:#000; width:auto; height:580px;  }
	.gc .ultimesNoticies .inner .textWrapper ul li{ width:280px; height:280px; overflow:hidden; padding:0px 17px 10px 25px; float:left;}
		.gc .ultimesNoticies .inner .textWrapper ul li h2{ background:url("img/bg_h2_11x13.jpg") no-repeat scroll 8px 5px #000000 !important; clear:both; color:#FFFFFF !important; height:24px; line-height:24px; margin:0px; padding-left:24px; font-size:12px; font-weight:normal; left:0px;}
		.gc .ultimesNoticies .inner .textWrapper ul li img { margin: 0!important }
		.gc .ultimesNoticies .inner .textWrapper ul li h3{ margin:12px 0px 5px 0px;}
		.gc .ultimesNoticies .inner .textWrapper ul li p{ margin:4px 0px;}
		.gc .ultimesNoticies .inner .textWrapper ul li a.more{ color:#757575;}

/*	MEETING
-----------------------------------------------------------------------------*/
.gc .meeting img.special{ left:-18px; position:relative; top:-20px;}