@charset "utf-8";
BODY {
	margin: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	background: url(/img/web_bg.png) #FFF repeat-y center top;
}
H1, H2, H3, H4, H5, H6, P {
	margin: 0;
}
UL, OL {
	margin: 0;
	padding: 0;
}
A {
	color: #333333;
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}
A IMG {
	border: none;
}
FORM {
	margin: 0;
	padding: 0;
}
INPUT, SELECT, TEXTAREA {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
	border: none;
}
INPUT[type=text], INPUT[type=password] {
	height: 16px;
	background-color: #F7F7F7;
	border: solid 1px #3c3c3c;
}
INPUT[type=file] {
	background-color: #F7F7F7;
	border: solid 1px #3c3c3c;
}
INPUT[type=checkbox] {
	vertical-align: -15%;
}
SELECT {
	background-color: #F7F7F7;
	border: solid 1px #3c3c3c;
}
TEXTAREA {
	overflow: auto;
	background-color: #F7F7F7;
	border: solid 1px #3c3c3c;
}
FIELDSET {
	margin: 0;
	padding: 0;
	border: none;
}

/***********************************************************************
 * STRUCTURE
 */
#banner-header {
	width: 990px;
	margin: 0 auto;
	text-align: center;
}
#header {
	width: 990px;
	margin: 0 auto;
	padding: 7px 7px 0 7px;
	background: url(/img/web_header.jpg) #fff no-repeat center 7px;
}
	#header H1 {
	}
		#header H1 A {
			display: block;
			width: 100%;
			height: 102px;
			text-indent: -3000px;
		}
	#menu {
		height: 24px;
	}
		#menu > UL {
			position: relative;
			z-index: 1;  /* Sitúa el menú por encima del resto de contenido */
			float: left;
			width: 49%;
			padding-left: 1%;
		}
			#menu UL LI {
				float: left;
				list-style-type: none;
				/* CSS3 text-shadow */
				text-shadow: -1px -1px 0px #333;
			}
				#menu UL LI A {
					display: block;
					height: 20px;
					padding: 4px 12px 0 12px;
					color: #FFFFFF;
					font-weight: bold;
					text-transform: uppercase;
					text-align: center;
					white-space: nowrap;
				}
				#menu UL LI A:hover, #menu UL LI A.selected {
					text-decoration: none;
					background: url(/img/web_header.jpg) no-repeat left -150px;
				}
			#menu UL UL {
				clear: left;
				position: absolute;
				top: 24px;
				left: 0px;
				display: none;
				width: 100%;
				background: url(/img/web_header.jpg) no-repeat left -126px;
			}
				LI.menu_noticias {
					margin-left: 32px;
				}
				LI.menu_videos {
					margin-left: 108px;
				}
				LI.menu_club {
					margin-left: 4px;
				}
					#menu UL UL A {
						padding: 4px 9px 0 9px;
						text-transform: none;
						font-weight: normal;
					}
					#menu UL UL A:hover {
						color: #F5B807;
					}
#content {
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding: 10px 7px;
	background: url(/img/web_col_bg.png) #FFFFFF repeat-y 687px top;
}
	#content-main {
		float: left;
		width: 670px;
		padding-right: 20px;
	}
		#content-page {
		}
			#content-page A{
				text-decoration: underline;
			}
	#content-col {
		float: left;
		width: 300px;
	}
#footer {
	width: 990px;
	margin: 0 auto;
	padding: 5px 7px;
	text-align: center;
	border-top: solid 1px #CCCCCC;
	background-color: #FFFFFF;
}
	#footer A {		
		border-left: solid 1px #CCCCCC;
	}
	#footer * {		
		padding: 0 6px;
	}

/***********************************************************************
 * HEADERS & TEAM COLORS
 */
H2 {
	height: 18px;
	padding: 2px 0 0 10px;
	font-size: 12px;
	background: url(/img/web_headers_bg.png) repeat-x;
	/* CSS3 text-shadow */
	text-shadow: 1px 1px 0px #eee;
}
	.rm H2, .fb H2 {
		/* CSS3 text-shadow */
		text-shadow: 1px 1px 2px #333;
	}
	.rm H2 A, .fb H2 A {
		color: #FFFFFF;
	}
	.rm H2 A:hover, .fb H2 A:hover {
		color: #FFFFFF !important;
	}
	H2 A:hover {
		text-decoration: none;
	}
H6 {
	height: 17px;
	padding: 3px 10px 0 10px;
	font-size: 11px;
	color: #FFFFFF !important;
	text-align: center;
	background: url(/img/web_headers_bg.png) repeat-x left -20px;
}
.rm H3, .rm H4, .rm H5, .rm H6,
.rm H3 A, .rm H4 A, .rm H5 A, .rm H6 A {
	color: #0071D7;
}
.fb H3, .fb H4, .fb H5, .fb H6,
.fb H3 A, .fb H4 A, .fb H5 A, .fb H6 A {
	color: #990000;
}
.rm H2 {
	color: #FFFFFF;
	background-position: left -40px;
}
.fb H2 {
	color: #FFFFFF;
	background-position: left -60px;
}
	H2 SPAN.back {
		float: right;
		height: 18px;
		margin-top: -2px;
		padding: 2px 10px 0 20px;
		font-weight: normal;
		background: url(/img/web_headers_bg.png) no-repeat left -80px;
	}
	SPAN.back A:hover {
		color: #FEAF16 !important;
	}
.rm A:hover {
	color: #0071D7;
}
.fb A:hover {
	color: #990000;
}
.rm .teamcolor { color: #0071D7 !important; }
.fb .teamcolor { color: #990000 !important; }

/***********************************************************************
 * 404
 */
P.notfound {
	padding: 50px 0;
	font-size: 14px;
}
#notfound {
	padding: 40px 0 0 20px;
}
	#notfound H3 {
		font-size: 18px;
		padding-bottom: 10px;
	}
	#notfound P {
		padding-bottom: 10px;
	}
 
/***********************************************************************
 * COMMON
 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Oculta el borde punteado en los enlaces */
.noborder:focus {
	outline-style: none;
	-moz-outline-style: none;
}

.uc { text-transform: uppercase; }
.noaul:hover { text-decoration: none !important; }

INPUT.button {
	padding: 1px 20px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #545454;
	border: solid 1px #000000;
	cursor: pointer;
}
.error {
	color: #750003 !important;
	background-color: #F4DDE0 !important;
	border-color: #AF061B !important;
}
#share {
	float: right;
	height: 22px;
}
	.share-button {
		float: left;
	}

/* Caja con notificaciones */
#notice {
	width: 70%;
	margin: 10px auto 20px auto;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	background-color: #E5E5E5;
	border: solid 1px #383838;
	-moz-box-shadow: 3px 4px 0 #B8B8B8;
	-webkit-box-shadow: 3px 4px 0 #B8B8B8;
	box-shadow: 3px 4px 0 #B8B8B8;
}
	#notice SPAN {
		font-weight: normal;
	}
	
/* Botón "Ver más fotografías" */
#ver-galeria {
	position: relative;
}
	#ver-galeria A {
		float: right;
		width: 40px;
		height: 40px;
		margin: -48px 9px 0 0;
		text-indent: -3000px;
		background: url(/img/gallery_icons.png) no-repeat -80px top;
	}

/* Alineación de elementos de TinyMCE */
.left {
	text-align: inherit;
}
	IMG.left, TABLE.left, DIV.left {
		float: left;
		text-align: inherit;
	}
.center {
	text-align: center;
}
	IMG.center, TABLE.center, DIV.center {
		margin-left: auto;
		margin-right: auto;
		text-align: inherit;
	}
	IMG.center {
		display: block;
	}
.right {
	text-align: right;
}
	IMG.right, TABLE.right, DIV.right {
		float: right;
		text-align: inherit;
	}
.full {
	text-align: justify
}