/* CSS Document */

* {
	margin:0;
	padding:0;
}
img {
	margin: 0;
	padding:0;
}
body, table {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFF;
}
#mare {
	margin: 0 auto;
	width:765px;
	background: #FFF;
}
#ColLeft {
	margin: 0;
	padding: 0;
	width: 600px;
	float: left;
}
	#capDaltLeft {
		margin: 2px 0;
		padding: 0;
		width:600px;
		height:32px;
		background: #669900;
	}
	#capLeft {
		margin: 0;
		padding: 0;
		width:600px;
		height:98px;
		background: url(../img/cap.jpg) no-repeat top left;
	}
	#capLeft h1, #capLeft h2 {
		display: none;
	}
	#capBaixLeft {
		margin: 2px 0;
		padding: 0;
		width:600px;
		height:20px;
		background: #333;
	}
	#textLeft {
		padding: 10px;
		margin: 0;
		border: solid #666 1px;
		width:576px;
		line-height: 18px;
		height: 500px;
		overflow: auto;
	}
	#peuLeft {
		margin: 2px 0;
		padding: 0;
		width:600px;
		height:30px;
		border-top: solid #669900 10px;
		font: 9px Verdana, Arial, Helvetica, sans-serif;
	}
#ColRight {
	margin: 0 0 0 2px;
	padding: 0;
	width:162px;
	float: left;
}
	#capDaltRight {
		margin: 2px 0;
		padding: 0;
		width:162px;
		height:32px;
		background: #669900;
	}
	#capRight {
		margin: 0;
		padding: 0;
		width:162px;
		height:98px;
	}
	#capBaixRight {
		margin: 2px 0;
		padding: 0;
		width:162px;
		height:20px;
		background: #333;
	}
	#menu {
		margin: 2px 0;
		padding: 0;
		width:162px;
		height:522px;
	}
		#menu ul {
			margin: 0;
			padding: 0;
			border-top: dotted 1px #999;
			list-style-type: none;
			width:162px; 
		}
		#menu li a {
			padding: 4px 4px 4px 20px;
			margin: 0;
			display: block;
			text-decoration: none;
			border-bottom: dotted 1px #999;
			color: #333;
			font: bold 11px Verdana, Arial, Helvetica, sans-serif;
			background: #DBDBDB url(../img/arrow.gif) no-repeat 6px 50%;
			width:138px; 
		}
		#menu li a:hover { 
			background: #669900;
			color: #FFF;
		}
		#submenu ul {
			margin: 0;
			border-top: none;
			list-style-type: none;
			width:128px; 
			}
		#submenu ul a {
			padding: 4px 4px 4px 30px;
			display: block;
			text-decoration: none;
			border-bottom: dotted 1px #999;
			color: #333;
			font: normal 11px Verdana, Arial, Helvetica, sans-serif;
			background: #FAFAFA; 
			width:128px; 
		}
	#peuRight {
		margin: 2px 0;
		padding: 0;
		width:162px;
		height:30px;
		border-top: solid #669900 10px;
		font: 9px Verdana, Arial, Helvetica, sans-serif;
	}
/*text*/
h3 {
	border-bottom: solid #666 1px;
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 20px;
	margin-top: 10px;
}
a {
	color: #669900;
	text-decoration: underline;
}
p{ margin: 0; padding: 0; text-align:justify;}
a:hover {
	color: #669900;
	text-decoration: none;
}
#textLeft ul {
	padding: 10px 1px 12px 1px;
	margin-left: 0px;
	list-style-type: none;
}	
#textLeft ul li {
	background: url(../img/arrow2.gif) 4px 7px no-repeat;
	padding-left: 15px;
	padding-bottom: 2px;
}	
.padel {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0865C6;
}
.tennis {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #EFB100; 
}
.golf {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #12AD2B;
}
.ascencio {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #531464;
}
.sala {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}
.btt {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #EC6E00;
}
.atletica {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #F42A41;
}
.dies {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
	background-color: #DBDBDB;
}
.destacat_blanc {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #C60000;
}
.destacat {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #CCC;
}
.destacatsPetits {
	font: normal Verdana, Arial, Helvetica, sans-serif;
	color: #669900;
}
BODY {
	SCROLLBAR-FACE-COLOR:#DBDBDB;
    SCROLLBAR-HIGHLIGHT-COLOR:#E5E5E5;
    SCROLLBAR-SHADOW-COLOR:#E5E5E5;
    SCROLLBAR-3DLIGHT-COLOR:#DBDBDB;
    SCROLLBAR-ARROW-COLOR:#FFFFFF;
    SCROLLBAR-TRACK-COLOR:#FAFAFA;
    SCROLLBAR-DARKSHADOW-COLOR:#DBDBDB
}
.separador {
		margin: 2px 0;
		padding: 0;
		height: 1px;
		background: #669900;
		clear: both;
	}
.separador2 {
		margin: 6px 0;
		padding: 0;
		height: 1px;
		background: #EFEFEF;
		clear: both;
	}
.centreRight {
	margin: 0;
	padding: 0;
	width:280px;
	float: right;
}
.centreLeft {
	margin: 0;
	padding: 0;
	width:280px;
	float: left;
}
/*form*/
form {  
	margin: 0;  
	padding: 15px 0 0 0;  
	}
form p {  
	clear: left;  
	margin: 0;  
	padding: 4px; 
	}
form p label {  
	float: left;  
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
	width: 120px;
	text-align: right;
	padding: 2px;
	}
legend {  
 	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #669900;  
	background: #FFFFFF;
	}
input {  
	color: #666;  
	background: #FFF;  
	border: 1px solid #CCC;  
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	padding: 2px;
	}
button {  
	color: #666;  
	background: #EFEFEF;  
	border: 1px solid #669900;  
	font: 11px Verdana, Arial, Helvetica, sans-serif;  
	padding: 2px;
	margin: 4px;
	cursor: pointer;
	}
.checkbox, #bucleEnviar .checkbox {  
	color: #666;  
	background: #FFF;  
	border:0;  
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	padding: 2px;
	}
#bucleEnviar p label {  
	float: left;  
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
	width: 120px;
	text-align: right;
	padding: 2px;
	}
#bucleEnviar input {  
	color: #666;  
	background: #FFF;  
	border: 1px solid #CCC;  
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	padding: 2px;
	}
#esport p {  
	clear: left;  
	margin: 0;  
	padding: 4px; 
	}
#esport p label {  
	float: right;  
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
	margin: 2px;
	padding: 2px;
	text-align: left;
	width: 500px;
	}
#esport input {  
	color: #666;   
	border: 0;  
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	margin: 2px;
	float: left;
	margin-left: 21px;
	}	
	#atletica {  
	clear: both;
	}
	#atletica input {  
	color: #666;  
	background: #FFF;  
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	padding: 2px;
	margin-left: 50px;
	}	
/*plus*/	
.plusatletica {
	background: url(../../fotos/cursa/plus.gif) no-repeat right bottom;
	cursor: pointer;
}
.plussala {
	background: url(../../fotos/sala/plus.gif) no-repeat right bottom;
	cursor: hand;
}
.plustennis {
	background: url(../../fotos/tennis/plus.gif) no-repeat right bottom;
	cursor: hand;
}
.pluspadel {
	background: url(../../fotos/padel/plus.gif) no-repeat right bottom;
	cursor: hand;
}
.plusfutbol {
	background: url(../../fotos/futbol/plus.gif) no-repeat right bottom;
	cursor: hand;
}
/*Tables*/

.tables_inscrits {
	width:96%;
	border-collapse:collapse;
	margin:0px 0px 20px 0px;
	text-transform: uppercase;
}
.tables_inscrits thead tr td{
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	padding:2px;
	border:#ffffff 1px solid;

}
.tables_inscrits tr td {
	padding:2px;
	border:#999999 1px solid;
}

#sala thead tr td{
	background-color:#000;
}
#atletica thead tr td{
	background-color: #cc0000;
}
#padel thead tr td{
	background-color:#0865C6;
}
#tennis thead tr td{
	background-color: #EFB100;
}
#btt thead tr td{
	background-color: #ec6e00;
}
#golf thead tr td{
	background-color: #12AD2B;
}