/*Cos de la pagina*/
body{
		text-align : center;
		background: #000000;
		font: 14px Verdana, Arial, Helvetica, sans-serif;
}
#principal {
	min-width : 800px;
	max-width : 1000px;
	width : 80%;
	height : 100%;
	margin : 0 auto 0 auto;
	text-align : justify;
}

.Contenedor_interior_titol { 
	background: #800000 url(../imatges/capcalera.jpg) repeat-x top left;
	color: #FFFFFF;
	height : 100px;	
	font-size: 40px;
}
#titol_caldes {
	position: relative;
	top: 70px ;
}
.titol {
	width : 95%;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align : left;
	border-bottom: 2px solid #FFF;
	list-style-type: square;
	padding: 5px 0px 5px 30px;
	margin: 10px;
	
}
.titol2 {
	width : 100%;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align : left;
	border-bottom: 2px solid #FFF;
}
.Contenedor_interior_menu {
	border-right: 2px solid #800000;
    border-left: 2px solid #800000;
    height: 80px;
    background: #000000;
    
}
.Contenedor_interior_cos { 
	background: #800000;
	color: #FFFFFF;
	padding: 30px 30px;
}
.Contenedor_interior_peu { 
	 background: #800000;
	 color: #FFFFFF;
	font-weight: bold;	
	padding: 10px 30px; 
}
.Contenedor_interior_peu a {
	color: #FFFFFF;
}
.Contenedor_interior_peu a:hover {
	text-decoration: none;
}

br {
	clear : left;
}
.subtitol {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #800000;
	margin: 3px;
	padding: 3px;
}
/*Targeta */
.rbroundbox { background: url(../imatges/nt.gif) repeat; }
.rbtop div { background: url(../imatges/tl.gif) no-repeat top left; }
.rbtop { background: url(../imatges/tr.gif) no-repeat top right; }
.rbbot div { background: url(../imatges/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../imatges/br.gif) no-repeat bottom right; }
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent { 
	margin: 0 7px; 
	text-align: left;
	color:#000;
	min-height: 130px
}
.rbroundbox { 
	width: 100%;
	margin: auto;
}
.targeta-esquerra {
	float: left;
	width: 120px;
	height: auto;
	position: relative;
	text-align:center;
 	vertical-align:middle;
}

.targeta-esquerra img{
    background: #FFF;
    padding: 5px;
}
.targeta-dreta {
	float: right;
	position: relative;
	text-align:center;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	padding: 5px;
}

.targeta-centre { 
	
	text-align:justify;
	max-width: 500px;
	padding: 5px;
}
.targeta-titol {
	border-bottom: 2px solid #800000;
	font-weight:bold;
	padding: 3px 3px 10px 3px;
}
.targeta-titol a {
	font-weight:bold;
	color:#800000;
	font-size: 14px;
}
.targeta-titol a:hover {
	text-decoration: none;
}
.targeta-link {
	font-weight:bold;
	padding: 10px 0px 0px 0px;
}
.targeta-link a {
	font-weight:bold;
	color:#800000;
	font-size: 11px;
}
.targeta-link a:hover {
	text-decoration: none;
}
/*Targeta Transparent*/

.rbcontentTransparent a, .rbcontentTransparent .subtitol, .rbcontentTransparent .targeta-centre {
	color: #ccc;
}
.rbcontentTransparent .targeta-titol {
	border-bottom: 1px solid #ccc;
}
/* Calendari */
table.calendari {
	margin: auto;	
}

TD.calendari { 
	border: 1px solid #800000; 
	background: #FFF;
	padding:5px;
	width: 100px;
	height: 90px;
	text-align:center;
 	vertical-align:middle;
	font-size: 30px;
		
  }
TD.calendari :hover{
	background: #EEE;
  }
TD.Dies{ 
	border: 1px solid #800000;
    	background: #800000 url(http://casinodecaldes.cat/imatges/fons.gif) repeat-x top left;
	text-align:center;
	font-size: 16px;
	color:#FFF;
	height: 20px;
	padding:1px;
	width: 100px;
  }
TD.AmbLink{ 
	border: 1px solid #800000;
   	background: #CCC;
	text-align:left;
 	vertical-align:top;
	font-size: 12px;
	width: 100px;
	height: 90px;
  }
TD.AmbLink a { 
	font-weight:bold;
	color:#800000;
	font-size: 11px;
}
TD.AmbLink a:hover { 
	text-decoration: none;
}
TD.AltreMes{ 
	border: 1px solid #CCC; 
	background: #FFF; 
	color: #DDD;
	padding:5px;
	width: 100px;
	height: 90px;
	text-align:center;
 	vertical-align:middle;
	font-size: 30px;

  }
/*Mapa web*/
ul#MapaWeb{
	
	color:#800000;
	font-size: 14px;
}

ul#MapaWeb a{
	font-weight:bold;
	color:#800000;
	font-size: 14px;
}


.thumb  {
  	float:left;
  	position: relative;
	width:145px;
	height:145px;
	margin: 10px;
	padding:5px;
   	background-color:#FFFFFF;
	border-top: #dedede solid 1px;
	border-left: #dedede solid 1px;
	border-right: #333333 solid 1px;
	border-bottom: #333333 solid 1px;
	text-align:center; 
	vertical-align:middle;
}