@charset "utf-8";

/* 						 RESETS    			============================================================================================================ */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal }
ol,ul {	list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal }
q:before,q:after { content:'' }
abbr,acronym { border:0 }



/*  					CLEARFIX    			 ============================================================================================================ */

.clearfix:after			{ height:0; line-height:0; display:block; visibility:hidden; clear:both; content:"." }
.clearfix				{ display:inline-block }
html[xmlns] .clearfix	{ display:block }
* html .clearfix 		{ height:1% }


/*  					HTML    			 ============================================================================================================ */

body					{ font-family:Verdana, Geneva, sans-serif; font-size:70%; background:#2a7c0d url(../img/bg_body.png) top left repeat; padding:10px 0 10px 0; }
h1						{ font-size:2.8em; color:#686868; }
h2						{ font-size:2em; color:#686868; }
h3						{ font-size:1.5em }
a						{ text-decoration:none; color:#d83049; }
p						{ margin-bottom:10px; line-height:1.6em; color:#666 }
strong 					{  }
ul						{ margin-bottom:15px; }
ul li					{ line-height:1.5em; color:#666 }
ul li strong			{ color:#e52b38 }

table					{ width:100%; }
table tr				{ }
table tr td				{ padding:5px; background:#eaeaea; border:#fff solid 1px; }
table tr th				{ padding:5px; background:#e52b38; color:#fff; border:#fff solid 1px; }

img.dreta				{ width:200px; float:right; margin-left:20px; }
img.foto				{ margin-bottom:20px; border-bottom:#e52b38 solid 6px }

/* ==================   CONTENIDORS      	============================================================================================================ */

#web 					{ width:920px; margin:0 auto; padding-top:50px; position:relative; }
#cap 					{ position:relative; width:920px; height:71px; background:url(../img/bg_cap.png); }

#logo					{ margin:17px 0 0 17px; height:21px }
#escut					{ position:absolute; top:12px; right:80px; z-index:999; }
#total_warp				{ background:#fff url(../img/bg_web.png) top center repeat-y; }
#centre					{ float:left; width:600px; padding:0 16px 16px 16px; }
#menu_dre				{ float:left; width:248px; padding:20px 20px 20px 20px; }

#peu 					{ clear:both; width:920px; height:110px; line-height:23px; background:url(../img/bg_peu.png); }
#facebus				{ height:340px}

/* ==================   GENERAL CENTRE          	=========================================================== */

#centre h1				{ padding:6px 10px 6px 0px; margin:0; font-size:1.4em; color:#e52b38; margin-top:15px; margin-bottom:5px; text-transform:uppercase; font-family: 'Francois One', sans-serif; }

#centre h2				{ padding:4px 8px 4px 0px; margin:0; font-size:1.2em; color:#5e5e5e; margin-bottom:10px; text-transform:uppercase; font-family: 'Francois One', sans-serif; }

#centre h3				{ padding:0; margin:0; font-size:1.3em; background:#eaeaea; color:#e52b38; margin-bottom:10px; height:12px; text-transform:uppercase; font-family: 'Francois One', sans-serif; }
#centre h3 span			{ padding:0; margin:0; line-height:.85em; background:#fff; padding-right:5px; }
#centre h3 span.dreta	{ margin-left:185px; padding-left:5px }

#centre h1.top			{ margin-top:0; }

/* ==================   MENU SUPERIOR      	=========================================================== */

#cap ul  				{ position:absolute; top:0; left:0px; font-family: 'Francois One', sans-serif; font-size:1.3em; text-transform:uppercase; }
#cap ul li 				{ float:left; }
#cap ul li a			{ color:#e52b38; display:block; padding:0 8px 0 8px; line-height:58px; height:55px; }
#cap ul li a:hover		{ color:#fff; }
#cap ul li:hover		{ background:#e52b38 url(../img/boto_menu.png) bottom center no-repeat; }
#cap ul li.gris			{ background:#1f1f1f }
#cap ul li.gris:hover	{ background:#e52b38 url(../img/boto_menu.png) bottom center no-repeat; }

#cap ul li a.actiu		{ color:#fff; background:#e52b38 url(../img/boto_menu.png) bottom center no-repeat; }

#cap #facebook			{ float:right; margin:17px 12px 0 0; }

/* ==================   SUB MENU     	=========================================================== */

#centre ul.submenu  				{ font-family: 'Francois One', sans-serif; background:#ccc; height:25px; margin:0; padding:0; font-size:1.1em; text-transform:uppercase; }
#centre ul.submenu li 				{ float:left; background:#eaeaea; margin-right:1px; padding:0 8px 0 8px; line-height:26px; height:25px; }
#centre ul.submenu li.primer		{ width:75px;}
#centre ul.submenu li a				{ color:#e52b38; display:block;  line-height:26px; height:25px; }
#centre ul.submenu li a:hover		{ color:#fff; }
#centre ul.submenu li:hover			{ background:#e52b38 url(../img/boto_menu.png) bottom center no-repeat; }
#centre ul.submenu li.gris			{ background:#1f1f1f }
#centre ul.submenu li.actiu			{ background:#e52b38 url(../img/boto_menu.png) bottom center no-repeat; }
#centre ul.submenu li.actiu a		{ color:#fff; }
#centre ul.submenu li.gris:hover	{ background:#e52b38 url(../img/boto_menu.png) bottom center no-repeat; }

#cap ul li a.actiu		{ color:#fff; background:#e52b38 url(../img/boto_menu.png) bottom center no-repeat; }

/* ==================   MENU DRETA      	=========================================================== */

#menu_dre img			{ margin-bottom:20px; }

/* ==================  NOTICIES PORTADA    	=========================================================== */


#noticia_gran								{ position:relative; }

#noticia_gran a h1							{ position:absolute; color:#e52b38; margin:0; padding:10px; padding-right:65px; bottom:0; left:0; width:525px; background:url(../img/alpha70.png) repeat; font-family: 'Francois One', sans-serif; font-size:1.7em; text-transform:uppercase; }
#noticia_gran a 							{ display:block; width:400px; height:204px }
#noticia_gran a:hover h1					{ color:#ffced1; background:#e52b38 }
p.noticia_p									{ line-height:1.5em; margin-top:10px; }
#noticia_gran .fbplugin						{ position:absolute; z-index:999; bottom:8px; right:25px; }

/* ==================  NOTICIES PEQUES PORTADA    	=========================================================== */

#centre .noticia								{ width:292px; float:left;  margin-right:15px; height:200px; }
#centre .noticia.dreta							{ margin-right:0; }

#centre .noticia a h2							{ color:#5e5e5e; text-decoration:none; font-family: 'Francois One', sans-serif; padding:5px; height:33px; font-size:1.1em; background:#eaeaea; text-transform:uppercase; }
#centre .noticia a 								{ display:block; }
#centre .noticia a:hover h2						{ color:#ffced1; background:#e52b38 }
#centre .noticia a div.descripcio					{ width:272px; background:#c3c3c3; color:#000; line-height:1.4em; height:79px; padding:10px; }
#centre .noticia .fbplugin							{ display:block; width:292px; height:28px; }

/* ==================  SPONSORS I PATROCINADORS    	=========================================================== */

#centre h3.noticies								{ clear:both; margin-top:25px; margin-bottom:15px; }
#centre h3.patrocinadors						{ clear:both; margin-top:340px; margin-bottom:20px; }
#centre h3.sponsors								{ margin-bottom:20px; margin-top:25px }



/* ==================  NOTICIES GRANS    	=========================================================== */


.noticia_gran								{ margin-bottom:40px; }

#centre .noticia_gran img					{ margin-bottom:20px; }
#centre .noticia_gran h1					{ font-size:2.4em; margin-bottom:7px; line-height:1em; padding-top:12px; border-top:#737373 solid 6px; }
#centre .noticia_gran h3					{ margin-bottom:12px; }
#centre .noticia_gran h4					{ color:#737373; margin-bottom:7px; font-size:.90em; text-transform:uppercase; }
#centre .noticia_gran h4 span				{ color:#96969a }
#centre .noticia_gran h4 span.social		{ float:right; height:20px; }
#centre .noticia_gran h4 span.social img	{ margin-left:5px; }

a.veuremes 									{ display:block; color:#FFF; background:#e72c38; padding:8px 0px; text-align:center; font-weight:bold; margin-top:30px }
a:hover.veuremes 							{ color:#FC3}


/* ==================  GALERIES PORTADA    	=========================================================== */


.galeria_pet				{ width:275px; float:left; margin-right:20px; margin-top:20px; }
.galeria_pet.dreta			{ margin-right:0; }

#centre .galeria_pet h1		{ font-size:1.5em; font-style:oblique; margin:0px; margin-bottom:7px; line-height:1.4em; padding-top:7px; border-top:#737373 solid 6px; }
#centre .galeria_pet h4		{ color:#96969a; margin-bottom:5px; font-size:.90em; text-transform:uppercase; }

#centre .galeria_pet a:hover h1		{ color:#f4c72f; border-top:#f4c72f solid 6px; }
#centre .galeria_pet a:hover h4		{ color:#f4c72f; }

#centre h1.ultimsalbums				{ margin-top:30px; margin-bottom:0px; }

/* ==================  GALERIES GRANS    	=========================================================== */

.noticia_gran								{ margin-bottom:40px; }

#centre .galeria_gran img					{ }
#centre .galeria_gran h1					{ font-size:2.4em; margin-bottom:15px; line-height:1em; padding-top:12px; border-top:#737373 solid 6px; }
#centre .galeria_gran p						{ margin-top:5px; font-style:italic; margin-bottom:20px; }
#centre .galeria_gran h4					{ color:#737373; margin-bottom:7px; font-size:.90em; text-transform:uppercase; }
#centre .galeria_gran h4 span				{ color:#96969a }
#centre .galeria_gran h4 span.social		{ float:right; height:20px; }
#centre .galeria_gran h4 span.social img	{ margin-left:5px; }


/*  					CONTACTE     		============================================================================================================ */

#contacte								{  }
#contacte label 						{ display:block; width:124px; margin-bottom:4px; font-weight:bold; color:#555; float:left; }
#contacte textarea, #contacte input.text{ border:1px solid #cccccc; background-color:#fff; padding:3px; width:400px; }
#contacte input.text 					{ margin-bottom:8px }
#contacte textarea 						{ margin-bottom:8px; height:70px;  }
#contacte .submit			 			{ display:block; text-align:right; margin-bottom:15px;  }
#contacte input.boto    				{ font-family:"Trebuchet MS", sans-serif; padding:4px; background-image:none; background:#d83049 }
#ClientValidationSummary 				{ background-color:#fff; padding:5px; border:2px solid #EAEDF1; font-size:.80em; margin:0; font-weight:bold; margin-top:10px; line-height:1.6em }
#ClientValidationSummary a 				{ font-weight:normal }
#ClientValidationSummary ul li			{ padding:0; margin:0; line-height:1.6em; }

/*  					REGISTRE USUARIS     		============================================================================================================ */

#registre								{ width:275px; float:left; margin-left:20px; }
#registre input.text					{ font-size:.85em; margin-bottom:6px; border:0; color:#737373; text-transform:uppercase; background-color:#dfdfdf; padding:5px; width:275px; }
#registre input.boto    				{ font-size:.85em; padding:5px; border:0; margin-top:10px; background:#f4c72f; text-transform:uppercase; }
#registre label							{ color:#737373; font-size:.85em; display:block; margin-top:5px; margin-bottom:15px; } 

/*  					REGISTRE USUARIS     		============================================================================================================ */

#login									{ width:275px; float:left;  }
#login input.text						{ font-size:.85em; margin-bottom:6px; border:0; color:#737373; text-transform:uppercase; background-color:#dfdfdf; padding:5px; width:275px; }
#login input.boto    					{ font-size:.85em; padding:5px; border:0; margin-top:10px; background:#f4c72f; text-transform:uppercase; }
#login label							{ color:#737373; font-size:.85em; display:block; margin-top:5px; margin-bottom:15px; } 

/*  					REGISTRE SOCIS     		============================================================================================================ */

#soci									{ width:575px; float:left;  }
#soci input.text						{ font-size:.85em; margin-bottom:6px; border:0; float:left; color:#737373; text-transform:uppercase; background-color:#dfdfdf; padding:7px; width:187px; }
#soci input.text.dreta					{ width:355px; margin-left:5px; }
#soci input.text.ample					{ width:561px; }
#soci textarea							{ width:561px; height:100px; color:#737373; background-color:#dfdfdf; border:0; clear:both; padding:7px; }
#soci input.boto    					{ font-size:.85em; padding:5px; border:0; margin-top:10px; background:#f4c72f; text-transform:uppercase; }
#soci label								{ color:#737373; font-size:.85em; display:block; } 

/*  					SECCIONS VARIADES    		============================================================================================================ */

.equips_base							{ padding-top:10px; }

#pagination { width:100%; float: left; padding: 3px; margin: 0 auto; text-align:center;	font-size:.85em;}
#pagination a {	border: 1px solid #CCCCCC; margin-right:3px; padding:2px 8px; background-position:bottom; text-decoration: none; color: #0061de;}
#pagination a:hover, div.pagination a:active {border: 1px solid #2b55af; background-image:none;	background-color:#92B5C9; color: #fff;}
#pagination span.current {margin-right:3px;	padding:2px 6px; font-weight: bold;	color: #000;}
#pagination span.disabled {	display:none;}
#pagination a.next{	border:2px solid #D6EEF5; margin:0 0 0 10px;}
#pagination a.next:hover{ border:2px solid #2b55af;}
#pagination a.prev{	border:2px solid #ccdbe4; margin:0 10px 0 0; }
#pagination a.prev:hover{ border:2px solid #2b55af; }


/* ==================== FOTOS NO DOWNLOAD ============================ */

.fotonodownamat	{ background:url(../img/amateur-11-12.jpg) no-repeat}	
.fotonodownjuv	{ background:url(../img/equips/juvenil-a_11-12.jpg) no-repeat}
.fotonodownjuvb	{ background:url(../img/equips/juvenil-b_11-12.jpg) no-repeat}
.fotonodownjuvc	{ background:url(../img/equips/juvenil-c_11-12.jpg) no-repeat}
.fotonodownfem	{ background:url(../img/equips/femeni_11-12.jpg) no-repeat}
.fotonodowninfantila	{ background:url(../img/equips/infantil-a_11-12.jpg) no-repeat}
.fotonodowninfantilb	{ background:url(../img/equips/infantil-b_11-12.jpg) no-repeat}
.fotonodowniniciaciovermell	{ background:url(../img/equips/iniciacio_vermell.jpg) no-repeat}
.fotonodowniniciacioblau	{ background:url(../img/equips/iniciacio_blau.jpg) no-repeat}
.fotonodownprebenjamia	{ background:url(../img/equips/pre-benjamin-a_11-12.jpg) no-repeat}
.fotonodownprebenjamib	{ background:url(../img/equips/pre-benjamin-b_11-12.jpg) no-repeat}
.fotonodownprebenjamic	{ background:url(../img/equips/pre-benjamin-c_10-11.jpg) no-repeat}
.fotonodownbenjamia	{ background:url(../img/equips/benjamin-a_11-12.jpg) no-repeat}
.fotonodownbenjamib	{ background:url(../img/equips/benjamin-b_11-12.jpg) no-repeat}
.fotonodownbenjamic	{ background:url(../img/equips/benjamin-c_11-12.jpg) no-repeat}
.fotonodownbenjamid	{ background:url(../img/equips/benjamin-d_11-12.jpg) no-repeat}
.fotonodownalevia	{ background:url(../img/equips/alevin-a_11-12.jpg) no-repeat}
.fotonodownalevib	{ background:url(../img/equips/alevin-b_11-12.jpg) no-repeat}
.fotonodownalevic	{ background:url(../img/equips/alevin-c_11-12.jpg) no-repeat}
.fotonodowncadeta	{ background:url(../img/equips/cadete-a_11-12.jpg) no-repeat}
.fotonodowncadetb	{ background:url(../img/equips/cadete-b_11-12.jpg) no-repeat}
.llas				{ position:absolute; float:right; top:6px; right:10px }


/* ==================== FOTOS NO DOWNLOAD HISTORIC ============================ */

.fotonodownamat10-11	{ background:url(../img/amateur-10-11.jpg) no-repeat}	
.fotonodownjuv10-11	{ background:url(../img/equips/juvenil-a_10-11.jpg) no-repeat}
.fotonodownjuvb10-11	{ background:url(../img/equips/juvenil-b_10-11.jpg) no-repeat}
.fotonodownfem10-11	{ background:url(../img/equips/femeni_10-11.jpg) no-repeat}

/*  					PEU     			============================================================================================================ */

#peu p									{ font-size:1em; margin-left:120px; float:left; margin-top:30px; line-height:1.5em; }
#peu p.dreta							{ float:right; margin:0; padding:0; margin-top:30px; margin-right:15px }