/* SECCIÓN: ELEMENTOS GENERALES DE LA PÁGINA */
html{ overflow:-moz-scrollbars-vertical; } 
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
body {
    font-size: .8em;
    line-height: 1.5em;
	color: #000000;
	background: #000000 url(../images/css-body.jpg) center 0 no-repeat fixed;
	background-size: cover;
}
body, input, textarea, select, optgroup { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; }
input, textarea, select, optgroup, table, tr, th, td  { font-size: 100%; }
p, ul, ol, li, dl, dt, dd, form, fieldset, blockquote, cite, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
ul, ol, li, dl, dt, dd { list-style: none; }
img, a img { border: none; }
.iframe-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 15px 0;
}
.iframe-container iframe, .iframe-container object, .iframe-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ayudaAcces {
	position: absolute;
	left: -10000px;
	width: 1%;
	font-size: .1em;
	line-height: 1%;
}
	a.ayudaAcces:active {
		position: static;
		width: auto;
		height: auto;
	}
	
a{ color: #000; }
a:hover{ text-decoration: none; }
	
h1{
	background: url(../images/css_fnd_h2.gif) bottom left repeat-x;
	color: #888;
	padding: 0 0 .8em .2em;
	font-size: 1.8em;
	margin-bottom: .7em;
	font-weight: normal;
}

.limpiar {
	clear: both;
	font-size: 0.0001em;
	line-height: 0.0001em;
	height:0.0001em;
}

#web {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	background:#000000 url(../images/css-web.gif) 0 0 repeat-y;
	border-left: 6px solid #000;
	border-right: 6px solid #000;
}
#web.index { background: #fff; }
#contenedor {
	background: #fff;	
	padding: 17px 15px 20px 15px;
}
#espacio_cabecera { height: 14.2em; }
#cabecera {
	color: #FFFFFF;
	background-color:#000000;
	padding-bottom:6px;
}

.piefalso { height:16em; }
.logo_fortuna { float: left; }
.flash {
	float: right;
	padding-top:12px;
	width:728px;
}

.foto {
	background: #000 url(../images/cabecera-top.jpg) 0 0 no-repeat;
	height: 258px;
	padding: 20px 0 6px 20px;
	}
	
.flota_izda{
	float: left;
	margin: 0 20px 10px 0;
}
.flota_izda01{
	float: left;
	margin: 4px 20px 10px 0;
}
.flota_dcha{
	float: right;
	margin: 0 0 10px 20px;
}
.img_centrada{
	width: 100%;
	height: auto;
}

table{		
	border-collapse: collapse;
	width: 100%;
	margin: .3em 0 1em 0; 
}
	table td{
		border: 1px solid #ccc;
		padding: 3px 5px;
		background: #efefef;
	}
	table td.fnd_blanco{
		background: #fff;
		border: none;
	}
	table.medallero td{ width: 30%; }
	table caption {
		display: block;
		font-weight: bold;
		text-align: left;		
		background: #fff;
		color: #888;
		margin: 1.2em 0;
	}
	table th{
		background: #000;
		font-size: 100%;
		border: 1px solid #fff;
		padding: 3px 5px;
		color: #EAAE1A;
	}
		table th a {
			color: #EAAE1A;
		}
		
/**** CONTENIDO CALENDARIO ******/

.calendario {
	}
.calendario .banerIrInscripcion {
	float:right;
	margin:-35px 0 25px 35px;
	}
	.calendario .banerIrInscripcion a:hover img {
		opacity:0.7;
		filter:alpha(opacity=70);
		}
.calendario .fecha {
	text-align:center;
	background-color: #393939;
	color: #f6a200;
	font-size: 1.1em;
	padding: 5px 10px;
	}
	
.calendario h2 .tipo {
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 0.3em;
}
.calendario .numero {
	font-size: 4em;
	font-weight:bold;
	line-height:1em;
	}
.calendario .mes {
	font-size: 1.5em;
	font-weight:bold;
	}
.calendario .tipoInscripcion {
	background-color: #515151;
	margin-bottom:15px;
	}
#det_articulo .calendario .tipoInscripcion ul {
	margin: 0 10px;
	padding: 10px 0;
	}
#det_articulo .calendario .tipoInscripcion ul li {
	background-image:none;
	padding:0;
	margin:5px;
	display: inline-block;
	width:210px;
	}
#det_articulo .calendario .tipoInscripcion ul.duo li{
	width:321px;
	}
.calendario .tipoInscripcion ul li a {
	display:block;
	height:53px;
	color: #FFFFFF;
	text-align:center;
	border: 1px solid #393939;
	padding: 110px 5px 5px 5px;
	text-decoration:none;
	}
	.calendario .tipoInscripcion .tipo {
		font-size: 1.3em;
		font-weight:bold;
	}
	.calendario .tipoInscripcion .nota {
		display:block;
		}
	.calendario .tipoInscripcion .data {
		color: #f6a200;
		font-size: 1.1em;
		font-weight:bold;
		}
.calendario .tipoInscripcion ul li a:hover {
		background-color:#6c6c6c;
		color: #f6a200;
	}
.calendario .tipoInscripcion ul li a.habituales {
	background-image:url(../images/icono-calendario01.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	}
.calendario .tipoInscripcion ul li a.solidarios {
	background-image:url(../images/icono-calendario02.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	}
.calendario .tipoInscripcion ul li a.paquetesTuristicos {
	background-image:url(../images/icono-calendario03.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	}
.calendario .tipoInscripcion ul li a.patinadores {
	background-image:url(../images/icono-calendario04-rollers.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	}
	
.calendario .tipoInscripcion ul li a.patinadores-habituales {
	background-image:url(../images/icono-calendario04-habituales.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	}
.calendario .tipoInscripcion ul li a.gazte {
	background-image:url(../images/icono-calendario05.png?v01);
	background-position: center 10px;
	background-repeat: no-repeat;
	}
.calendario .tipoInscripcion ul li a.sociosFortuna {
	background-image:url(../images/icono-calendario06.png?v01);
	background-position: center 10px;
	background-repeat: no-repeat;
	}
.calendario .tipoInscripcion ul li a.general {
	background-image:url(../images/icono-calendario07.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	}
.calendario .tipoInscripcion ul li a.adidas {
	background-image:url(../images/icono-calendario08.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	}
.calendario .tipoInscripcion ul li a.edp {
	background-image:url(../images/icono-calendario12.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	}
.calendario .tipoInscripcion ul li a.cambio {
	background-image:url(../images/icono-calendario09.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	}
.calendario .tipoInscripcion ul li a.discapacitados {
	background-image:url(../images/icono-calendario10.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	}
.calendario .tipoInscripcion ul li a.BSStxiki {
	background-image:url(../images/icono-calendario11.png);
	background-position: center 10px;
	background-repeat: no-repeat;
	}


.bloqueUno {
	float:left; 
	width:222px;
	margin-left: 10px;
	}
.bloques > :first-child  {
	margin-left:0;
	}
	#det_articulo .calendario .bloqueUno .tipoInscripcion ul li {
		width: 191px;
		}

.lesion {
	background-color:#ac7100;
	padding:5px 20px;
	color: #FFFFFF;
	}	
	.fechaLesion {
		float:left;
		margin-right:5px;
		width:60px;
		text-align:center;
		}
	.fechaLesion .dia {
		display:block;
		font-size: 2.7em;
		font-weight: bold;
		line-height:0.9em;
		}
	.fechaLesion .mes {
		display:block;
		font-size: 1.1em;
		}
	.lesion .texto {
		float: left;
		background: url(../images/lesion.png) 10px 5px no-repeat;
		line-height: 71px;
		font-size: 1.3em;
		font-weight: bold;
		padding-left: 85px;
		}
	.lesion a {
		color: #FFF;
		text-decoration:none;
		}
	.lesion a:hover {
		color: #000;
		} 
	#det_articulo .calendario p {
		font-size:95%
		}
	#det_articulo .calendario h2 {
		font-size:1.7em;
		font-weight: bold;
		color:#888888;
		}
	#det_articulo .calendario h3 {
		font-size:1.4em;
		}
	.calendario h5 {
		font-size: 1.3em;
		margin: 2em 0 1.5em 0;
		}
	
table.info {
	border-collapse: collapse;
	width:100%;
	}
table.info thead th {
	padding:2px 5px 5px 5px;
	border:none;
	border-right:2px solid #FFFFFF;
	background-color:#efb21f;
	text-align:center;
	font-size:.85em;
	text-transform:uppercase;
	vertical-align:top;
	line-height:1em;
	color:#000000;
	}
table.info tbody td {
	padding:15px 7px;
	line-height:1.2em;
	border:none;
	border-right:2px solid #FFFFFF;
	background:#e7e7e7 url(../images/css_table_info.gif) 0 0 repeat-x;
	width:20%;
	font-size:.9em;
	text-align:center;
	}
table.info tbody td .fases {
	font-size:.9em;
	margin-top:.3em;
	}
table.info tbody .txiki {
	font-size: .8em;
	}
table.info .txt_izda {
	text-align:left;
	}
	
.asterisco {
	text-align:center;
	margin:5px;
	}
	.asterisco p {
		display:inline-block;
		padding-left:25px;
		background:url(../images/asterisco.gif) 0 center no-repeat;
		}

.alert {
	background:#f1f1f1 url(../images/css-alert.gif) 0 8px no-repeat;
	padding: 2px 20px 20px 114px;
	margin:2em 0;
	}
	#det_articulo .alert h3{
		margin-bottom:.5em;
	}
	

	.boton {
		padding:25px 0;
		text-align:center;
		font-size:.9em;
		}
		.boton a {
			background:url(../images/css-enlace.gif) 0 0 no-repeat;
			border-top: 1px solid #e4b655;
			border-left: 1px solid #e4b655;
			border-right:1px solid #724d00;
			border-bottom:1px solid #724d00;		
			padding: 3px 10px;	
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			color:#FFFFFF;
			font-weight: bold;
			text-decoration:none;
			}
		.boton a:hover {
			background:url(../images/css-enlace.gif) 0 -100px no-repeat;
			}
			
.imagen_localizador_es {
	background:url(../images/css-localizador-es.gif) right top no-repeat;
	padding: 0 280px 15px 0;
	margin-bottom:1.5em;
	}		
.imagen_localizador_eu {
	background:url(../images/css-localizador-eu.gif) right top no-repeat;
	padding: 0 280px 15px 0;
	margin-bottom:1.5em;
	}			
.imagen_localizador_en {
	background:url(../images/css-localizador-en.gif) right top no-repeat;
	padding: 0 280px 15px 0;
	margin-bottom:1.5em;
	}			
.imagen_localizador_fr {
	background:url(../images/css-localizador-fr.gif) right top no-repeat;
	padding: 0 280px 15px 0;
	margin-bottom:1.5em;
	}				
	
	

/*** PROMOCIONES *****/

.promocion {
	margin-top:2em;
	clear:both;
	border-bottom:1px solid #f2f2f2;
	padding-bottom: 15px;
	}
	.promocion.primera {
		margin-top:0;
		}

.promocion::after {
	display:block;
	content:"";
	line-height:1px;
	height:1px;
	font-size:1px;
	clear:both;
}
#det_articulo .promocion p:last-child {
	margin-bottom:0;
}
		
		
.promocion .imagen {
	float: left;
	width:200px;
	margin-bottom:10px;
	}
.promocion .txt {
	background:url(../images/css-pitiamarillo.gif) 0 7px no-repeat;
	padding: 0 0 0 10px;
	margin-left:200px;
	}
	.promocion .txt h4{
		font-weight:normal;
		margin: 0;
		color:#888888;
	} 
	.promocion .txt h4 strong {
		font-weight: bold;
		font-size:1.2em;
		display:block;
		}
	.calendario .promocion p {
		margin: .8em 0;
		}
	.promocion .txt .numero {
		float: left;
		width:250px;
		background-color:#888888;
		padding: 2px 5px 2px 10px;
		color: #ffffff;
		margin-top:5px;
		}
	.promocion .txt .disponibles {
		float: left;
		border-left:1px solid #FFFFFF;
		width: 290px;
		padding: 2px 5px 2px 10px;
		background-color:#c08f22;
		color:#FFFFFF;
		margin-top:5px;
		}
	.promocion .info {
		background:url(../images/mas-info.gif) 0 0 no-repeat;
		padding: 0 0 0 22px;
		color: #888888;
		text-decoration: none;
		}
	.promocion .info:hover {
		color: #000;
		text-decoration:underline;
		background:url(../images/mas-info.gif) 0 -26px no-repeat;
		}
	.promocion .pdf {
		background:url(../images/css-pdf.gif) 0 0 no-repeat;
		padding: 0 0 4px 22px;
		color: #888888;
		text-decoration: none;
		}
	.promocion .pdf:hover {
		color: #000;
		text-decoration:underline;
		background:url(../images/css-pdf.gif) 0 -38px no-repeat;
		}	
/** MENU CALENDARIO ***/

table.menu {
	border-collapse: collapse;
	width:100%;
	background-color: #f1f1f1;
	font-size:90%;
	}
	table.menu th {
		background:url(../images/ico-calendario-txiki.gif) 10px 6px no-repeat;
		padding: 6px 5px 6px 35px;
		border:1px solid #e7e7e7;
		color: #888;
		vertical-align:top;
		text-align:left;
		}
	table.menu td {
		padding: 6px 5px;
		border:1px solid #e7e7e7;
		color: #888;
		vertical-align:top;
		text-align:left;
		}
	table.menu tr.par td,
	table.menu tr.par th { 
		background-color:#FFFFFF;
		}
	table.menu .titulo {
		font-weight:bold;
		color: #c08f22;
		}
	table.menu a.info {
		background: url(../images/css-info.gif) 0 0 no-repeat;
		padding: 0 0 0 20px;
		color: #888;
		text-decoration:underline;
		}
		table.menu a.info:hover {
		background: url(../images/css-info.gif) 0 -26px no-repeat;
		color: #000;
			}
	table.menu span.info {
		background: url(../images/css-info.gif) 0 -26px no-repeat;
		padding: 0 0 0 20px;
		text-decoration:none;
		color: #c08f22;
		}
			
.menu01 table.menu tr.menu01 th,
.menu01 table.menu tr.menu01 td,
.menu02 table.menu tr.menu02 th,
.menu02 table.menu tr.menu02 td,
.menu03 table.menu tr.menu03 th,
.menu03 table.menu tr.menu03 td,
.menu04 table.menu tr.menu04 th,
.menu04 table.menu tr.menu04 td,
.menu05 table.menu tr.menu05 th,
.menu05 table.menu tr.menu05 td,
.menu06 table.menu tr.menu06 th,
.menu06 table.menu tr.menu06 td {
	background-color:#f5efdd;
	}
	
table.menu tr.seleccionado th,
table.menu tr.seleccionado td {
	background-color:#f5efdd;
	}
	

#det_articulo .paso{
	margin-left:100px;
	margin-top:2em;
	clear:both;
}
	#det_articulo .paso h3{
		margin-bottom:.5em;
	}	

	#det_articulo .pasoNumero{
		margin-left:-100px;
		float:left;
		background:#EFB21F;
		border-radius:80px;
		color:#FFFFFF;
		padding:10px;
		height:60px;
		width:60px;
		text-transform:uppercase;
		text-align:center;
	}
		#det_articulo .pasoNumero span{
			display:block;
			font-size:4em;
			line-height:.8;
			font-weight:bold;
		}
	#det_articulo .paso2{
		margin-left:40px;
		margin-top:1.5em;
		clear:both;	
	}
	#det_articulo li.paso2{
		margin-top:.5em;	
	}
	#det_articulo .paso2 .pasoNumero{
		margin-left:-40px;
		border-radius:30px;
		padding:5px;
		height:20px;
		width:20px;
		font-size:2em;
		font-weight:bold;
	}


.estadisticas-mujer {
	display: block;
	padding: 5px;
	background: #000 url(../images/logo_505025.png) 10px 17px no-repeat;
	border-radius: 3px;
	color: #FFF;
	margin-bottom: 10px;
	min-height: 110px;
    padding: 8px 14px 5px 115px;
    text-align: center;
    color: #f6a200;
    font-weight: bold;
    text-decoration: none;
    font-size: 0.85em;
    line-height: 1.2em;
}
.estadisticas-mujer:hover {
	opacity: 0.7;
}
	.estadisticas-mujer-total span {
		display: block;
		font-size: 2.5em;
		color: #FFF;
		line-height: 1.1em;
	}
	.estadisticas-mujer-porcentaje {
		margin: 3px 0;
		border-top: 1px solid #808080;
		padding-top: 5px;
	}
	.estadisticas-mujer-porcentaje span {
		display: block;
		font-size: 2.5em;
		color: #FFF;
		margin: 0;
		line-height: 1.1em;
	}

.estadisticas-mujer-solo-porcentaje {
	margin-top: 10px;
	font-size: 1.1em;
    line-height: 1.3em;
}
	.estadisticas-mujer-solo-porcentaje span {
		display: block;
		font-size: 2.5em;
		color: #FFF;
		margin: 2px 0;
		line-height: 1.1em;
	}
