body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #222222;
	font-size: 10px;
	line-height:15px;
	margin:0;
	padding:0;
	background: #b4c8f6 url(../IMG/bg.jpg) repeat-y center top}
	
/* page structure */

#wrap {width:1024px; margin:0 auto}
#wrap-inner {margin:0; padding:0}

#navbar {width:175px; float:left}
#navbar-inner {margin-top:175px}

#main {width:674px; float:left;}
#main-inner {}

#sidebar {width:175px; float:left}
#sidebar-inner {margin-top:175px; margin-left:25px}
#sidebar-inner img {margin-bottom:15px;}

#footer {
	clear: both;
	margin: 0 auto;
	padding: 100px 0 20px 0;
	text-align:center
	}

/* links */

a:link, a:visited {
	font-weight: bold;
	text-decoration: none;
	outline: none;
	color: #222222;
	}
	
p.anoneaunderline {text-align:center; width:650px; clear:both }
.anoneaunderline a {text-decoration:none; color:#999999}	
.anoneaunderline a:hover {text-decoration:underline}	

#contacte a {text-decoration:none;}
#contacte a:hover {text-decoration:underline}

/* header */

#header {
	height:160px;
	background: url(../IMG/casino-logo.png) no-repeat top left;
	}
#header-inner {
	padding: 0;
	text-align:right;
	float:left;	
	}

/* menu nav 
--------------------------------------------- */

h1, h3 {
	padding: 0;
	margin: 0}

#menu { 
	padding-top:5px; 
	width: 150px;
	background-color:#ffffff;
	height: auto !important;
	height: 100%; /*stoopid ie*/}
h3 {
	padding: 4px 10px;
	font-weight: normal;
	color: #ffffff;
	cursor: pointer;
	margin-bottom:5px}
.accordion a {
	padding-left:10px;
	display:block}
.accordion a:hover {
	padding-left:10px;
	display:block;
	text-decoration:underline;}
h3 a:link, h3 a:visited {display: block;
	text-decoration: none;
	color: #ffffff}
h3 a:hover, h3 a:active {color: #ffffff;}
.elcasino {background-color:#ffd204}
.lloguerdespais {background-color:#f6921e}
.activitats {background-color:#8bc53f}
.serveis {background-color:#006837}
.galeria {background-color:#24439c}
.espaidelsoci {background-color:#92278e}
.festensoci {background-color:#d3145a}
.contacte {background-color:#534741}

/* uls */

ul#home {
	padding:20px 0 0 0;
	margin:0;
	list-style:none}
ul#home li {
	width:270px;
	height:215px; 
	margin: 0 20px 20px 0;
	padding:0 15px;
	float:left;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px}
ul#home li.c1 {
	background-color:#c5e29f;
	border: #8bc53f solid 5px}	
ul#home li.c2 {
	background-color:#7fb39b;
	border: #006837 solid 5px}	
ul#home li.c3 {
	background-color:#ce7fae;
	border: #92278e solid 5px}
ul#home li.c4 {
	background-color:#a9a3a0;
	border: #534741 solid 5px}
ul#home img {
	float:left;
	margin-right:10px}
ul#fotos, ul#galeria {
	padding:0;
	margin:0;
	list-style:none}
ul#fotos li, ul#galeria li {
	width:160px; 
	margin: 0 20px 20px 0;
	padding:15px;
	float:left;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px}
ul#fotos li, ul#galeria li {
	background-color:#ffe881;
	border: #ffd204 solid 5px;
	font-size:140%}	
ul#galeria li {
	background-color:#a7b4d7;
	border: #24439c solid 5px;
	color:#FFFFFF;
	}
ul#fotos img, ul#galeria img {
	display:block;
	margin-top:10px;
	width:160px;
	height:110px;}
ul#serveis {
	padding:0;
	margin:0;
	list-style:none}
#serveis h3 {
	width:600px; 
	margin: 0 20px 20px 0;
	padding:15px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color:#7fb39b;
	border: #006837 solid 5px;
	font-size:140%; }	
	
.sserveis {float:left; width:220px}
.dserveis {width:630px; height:190px}

ul#fotosinstallacions {
	padding:0;
	margin:0;
	list-style:none}
ul#fotosinstallacions li {
	padding:0;
	float:left; 
	margin: 0 20px 20px 0;}
	
/* tipos */

.bigtitle {
	font-size: 10px;
	line-height:120%;
	font-weight: bold;
	color:#cccccc;
	padding-bottom:20px;}
	
.bigtitle a {color:#d4d4d4; text-decoration:underline}		
.bigtitle a:hover {color:#d4d4d4; text-decoration:none}		

p.title {
	font-size: 15px;
	line-height:120%;
	font-weight: bold;
	margin-bottom:10px;
}	

#redondadotitle {
	width:600px; 
	margin: 0 20px 20px 0;
	padding:15px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color:#ffe881;
	border: #ffd204 solid 5px;
	font-size:140%;
	font-weight:bold}	

#redondadotitlegris {
	width:600px; 
	margin: 0 20px 20px 0;
	padding:15px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color:#a9a3a0;
	border: #534741 solid 5px;
	font-size:140%;
	font-weight:bold}	
	
#redondadotitleverde {
	width:600px; 
	margin: 0 20px 20px 0;
	padding:15px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color:#c5e29f;
	border: #8bc53f solid 5px;
	font-size:140%;
	font-weight:bold}

#redondadotitlecinza {
	width:600px; 
	margin: 0 20px 20px 0;
	padding:15px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color:#cccccc;
	border: #888888 solid 5px;
	font-size:140%;
	font-weight:bold}

#redondadotitleazul {
	width:600px; 
	margin: 0 20px 20px 0;
	padding:15px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color:#c5e29f;
	border: #8bc53f solid 5px;
	font-size:140%;
	font-weight:bold}
	
#redondadotitleamarillo {
	width:600px; 
	margin: 0 20px 20px 0;
	padding:15px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color:#ffe881;
	border: #ffd204 solid 5px;
	font-size:140%;
	font-weight:bold}
	
#redondadotitlepessego {
	width:600px; 
	margin: 0 20px 20px 0;
	padding:15px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color:#fac88e;
	border: #f6921e solid 5px;
	font-size:140%;
	font-weight:bold}
	
#redondadotitlelilas {
	width:600px; 
	margin: 0 20px 20px 0;
	padding:15px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color:#c893c6;
	border: #92278e solid 5px;
	font-size:140%;
	font-weight:bold}
	
.temas {font-weight:normal; font-size:12px}	

#redondadotitlelilablanco {
	width:600px; 
	margin: 0 20px 20px 0;
	padding:15px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background-color:#ffffff;
	border: #92278e solid 5px;
	font-size:140%;
	font-weight:normal}

p.subtitle {font-size: 12px;}	
li.c1 p.subtitle, p.subtitle span.c1 {color:#7aa247}	
li.c2 p.subtitle, p.subtitle span.c2 {color:#006837}	
li.c3 p.subtitle, p.subtitle span.c3 {color:#92278e}	

.more {color:#ff0000;
	display:block;
	width:100%;
	}
				
#content p { padding-right:20px;
	font-size:110%; 
	width:630px;}

#content2C p { 
	padding-right:20px; 
	font-size:110%;
	width:315px;
	float:left}	
	
#contacte {
	margin-top:20px; 
	padding-right:20px; 
	font-size:110%;
	width:630px}
	
#contacte img {float:left; margin-right:20px;}		
	
#noticies {width:630px; margin-bottom:40px}

.titlenoticies {width:630px; font-size:11px}

#noticies img {float:left; margin-right:20px; }

#ubicacio {margin-top:20px}				
				
				
/* flash */

#flash {background:#FFFFFF} 	


/* justificado */

#main-inner {text-align:justify}		

/* etc */

.nobold {font-weight:normal}	
				
				
				
/******************************/

#fotos li a {font-size:10px; font-weight:bold; color:#4d4d4d; width:160px; text-align:center; display:block}				
#galeria li a {font-size:10px; font-weight:bold; color:#ffffff; width:160px; text-align:center; display:block}				
				
#llogarlespai {float:right; background-color:#ec1e79; padding:2px; font-size:12px; font-weight:bold; color:#FFFFFF;}
#llogarlespai a {color:#FFFFFF;}
#llogarlespai a:hover {text-decoration:underline}

#inscriute {float:right; background-color:#ec1e79; padding:2px; font-size:12px; font-weight:bold; color:#FFFFFF;}
#inscriute a {color:#FFFFFF;}
#inscriute a:hover {text-decoration:underline}

#pdfs {float:right; padding:2px; font-size:12px; font-weight:bold; color:#FFFFFF;}
#pdfs a {color:#FFFFFF; background-color:#ec1e79; display:block; margin-bottom:3px; padding:0 5px}
#pdfs a:hover {text-decoration:underline}

#pdfsc {float:right; padding:2px; font-size:12px; font-weight:bold; color:#FFFFFF;}
#pdfsc a {color:#FFFFFF; background-color:#aaaaaa; display:block; margin-bottom:3px; padding:0 5px}
#pdfsc a:hover {text-decoration:underline}

#ultim {float:right; font-size:12px; font-weight:bold; width:350px; text-align:right }

.temas a {text-decoration:underline}
.temas a:hover {text-decoration:none}

/********************************/

#tablas td {background-color:#fac88e }
#tablas .pessego2 {background-color:#f6921e; font-weight:bold}
#tablas p {font-size:10px; line-height:15px}
#tablas .w {background-color:#FFFFFF}
#tablas-big {font-size:14px; font-weight:bold}
.tablas-com {padding:10px; width:600px}

.tablas-com a {text-decoration:underline}
.tablas-com a:hover {text-decoration:none}

/*******************************/

form div { padding:5px}
form div span {width:229px; float:left; text-align:right; padding-right:20px}

form .txtfield {border:0; background-color:#f6921e; height:15px}				
form .txtfieldv {border:0; background-color:#c5e29f; height:15px}	
form .txtfielda {border:0; background-color:#ffe881; height:15px}	
			
form .txtfield-temas {border:0; background-color:#c893c6; height:15px}				
form .txtfield-temas-area {border:0; background-color:#c893c6; height:75px}				
form b {display:inline-block; width:110px; font-weight:normal}
form br {height:10px; background-color:#33CC00}				




/*******************************/

.alert {display:block; padding:10px; background-color:#FFFFCC; font-weight:bold; color:#990000; width:480px;}
.alert2 {display:block; padding:10px; background-color:#FFFFCC; font-weight:bold; color:#990000; width:650px; margin-bottom:10px}
.alerts {display:block; padding:10px; }


p.clasificaciones {
	padding:0 50px 30px 20px;}
	
#clasificaciones a {display:block; text-decoration:underline}
#clasificaciones a:hover {display:block; text-decoration:none}