/* RESETEAR ESTILOS ***************************/
html, body { margin:0; height:100%; }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0;}
li { list-style: none;}
a { outline:none;}
a img,:link img,:visited img { border:none }
a:hover { text-decoration: none;}
address { font-style:normal }
.nomargin { margin: 0 !important;}
.marginsup { margin-top: 8px !important;}
.underline { text-decoration: underline !important;}
.largo { display:block !important; margin-right:0 !important; width:530px;}
.color { color: #a6627e;}

/* PULIR ***************************/
body { background: #ececea url(../images/fondos/fon_body.jpg) left top repeat-x; font-size: 0.625em !important; font-family:"Times New Roman", Times, serif; margin:0; padding:0; color: #584431;}
.pulir:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.pulir {display: inline-block;}
/* oculto IE-mac \*/
* html .pulir {height: 1%;}
.pulir {display: block;}
/*fin oculto IE-mac */

/* CONTENEDOR ***************************/
#contenedor { width: 984px; margin: 0 auto; position: relative; z-index: 2;}
#cabecera { position: relative; display: block; height: 115px;}
h1 { background: transparent url(../images/logotipos/logotipo_clm.gif) left top no-repeat; width: 294px; height: 110px; position: absolute; top: 8px; left: 11px;}
h1 a {display:block; height:100%; text-indent:-9000px;}
.logo_clm { position:absolute; right:60px; top:-35px;}
ul#navegacion { float: right; display: inline; margin: 60px 0 0 0;}
ul#navegacion li { float: left; display: inline; margin: 0 26px 0 0; background: transparent url(../images/fondos/fon_como_participar.jpg) 1px 4px no-repeat; width: 121px; padding-bottom: 4px;}
ul#navegacion li a { font-size: 1.5em; text-decoration: none; color: #787878; display:block; height:100%; text-indent:-9000px;}
.premios { background: transparent url(../images/fondos/fon_premios.jpg) 1px 4px no-repeat !important; width: 54px !important; display: none !important;}
.bases { background: transparent url(../images/fondos/fon_bases.jpg) 1px 4px no-repeat !important; width: 90px !important;}
.turismo { background: transparent url(../images/fondos/fon_turismo.jpg) 1px 4px no-repeat !important; width: 172px !important;}

#destacado { float: left; width: 984px; height: 350px; background: transparent url(../images/fondos/fon_destacado2.gif) left top no-repeat; position:relative;}
#destacado h2, #contenido_texto h2 { text-indent: -9999px;}
#destacado p { color:#584431; display:inline; float:left; font-size:1.6em; margin:154px 0 0 57px; width:642px; line-height: 18px;}
#destacado p span { color: #b00049; text-transform: uppercase; font-weight: bold;}

/* DESTACADOS ***************************/
ul#lista_destacados { float: left;}
ul#lista_destacados li { width: 181px; height: 305px; float: left; display: inline; background: transparent url(../images/fondos/fon_dest_aventura.gif) left top no-repeat; margin:0 19px 0 0; position: relative;}
ul#lista_destacados li h3 { font-size: 1.6em; font-weight: normal; margin: 135px 22px 0; display: inline; float: left; line-height: 17px; text-align: center;}
ul#lista_destacados li h4 { background: transparent url(../images/fondos/fon_txt_aventura.gif) center top no-repeat; margin: 10px 0 0 15px; display: inline; float: left; text-indent: -9999px; width: 155px; padding-bottom: 50px; position: relative; z-index: 4;}
ul#lista_destacados li a { background:transparent url(../images/fondos/fon_participa.gif) no-repeat left bottom; bottom:-28px; float:left; height:59px; left:2px; position:absolute; text-indent:-9999px; width:184px;}

.indio { background: transparent url(../images/fondos/fon_dest_indio.gif) left top no-repeat !important;}
.indio h4 { background: transparent url(../images/fondos/fon_txt_indio.gif) center 17px no-repeat !important;}
.indio a { background:transparent url(../images/fondos/fon_participa_indio.gif) no-repeat left bottom !important; bottom:-21px !important; left:0 !important;}

.osos { background: transparent url(../images/fondos/fon_dest_osos.gif) left top no-repeat !important;}
.osos h4 { background: transparent url(../images/fondos/fon_txt_osos.gif) center 5px no-repeat !important;}
.osos a { background:transparent url(../images/fondos/fon_participa_osos.gif) no-repeat left bottom !important; bottom:-17px !important; left:0 !important;}

.mago { background: transparent url(../images/fondos/fon_dest_mago.gif) left top no-repeat !important;}
.mago h4 { background: transparent url(../images/fondos/fon_txt_mago.gif) center 5px no-repeat !important;}
.mago a { background:transparent url(../images/fondos/fon_participa_mago.gif) no-repeat left bottom !important; bottom:-22px !important; left:0 !important;}

.pirata { background: transparent url(../images/fondos/fon_dest_pirata.gif) left top no-repeat !important; margin: 0 !important;}
.pirata h4 { background: transparent url(../images/fondos/fon_txt_pirata.gif) center 5px no-repeat !important;}
.pirata a { background:transparent url(../images/fondos/fon_participa_pirata.gif) no-repeat left bottom !important; bottom:-29px !important; left:0 !important;}

/* FOTOS ***************************/
#cont_fotos { background:transparent url(../images/fondos/fon_fotos.gif) no-repeat left top; display:inline; float:left; height:350px; margin-top:30px; width:984px;}
#cont_fotos h2 { background:transparent url(../images/fondos/fon_h2_ademas.gif) no-repeat left top; display:inline; float:left; height:33px; width: 200px; text-indent: -9999px; margin: 50px 0 0 50px;}
#cont_fotos h3 { float: left; clear: both; font-size: 1.8em; margin: 4px 50px 0 50px; display: inline; width: 900px; font-weight: normal;}
#cont_fotos h3 a { color: #A6627E; text-decoration: none;}
#cont_fotos h3 a:hover { text-decoration: underline;}
ul#lista_fotos { float: left; margin: 10px 50px 0; display: inline; width: 900px;}
ul#lista_fotos li { width: 131px; display: inline; float: left; margin: 0 57px 0 0;}
ul#lista_fotos li img { border: 1px solid #8b8075; padding: 2px; background: #fff;}
ul#lista_fotos li p { font-size: 1.4em; line-height: 15px; display: inline; float: left; margin-top: 4px;}
ul#lista_fotos li p a { color: #A6627E; text-decoration: none;  font-weight: bold;}
ul#lista_fotos li p a:hover { text-decoration: underline;}

/* PIE ***************************/
#pie { margin: 0 auto; width: 984px; text-align: left; font-size: 1.3em; margin-bottom: 10px; position: relative; margin-top: 20px; margin-left: 40px; display: inline; float: left; padding-bottom: 20px;}
#pie a { text-decoration: none; color: #584431;}
#pie a:hover { text-decoration: underline;}
#pie img { vertical-align:text-bottom;}
#pie a.dwel { text-decoration: underline;}
#pie a.dwel:hover { text-decoration: none;}

/* CONTENIDOS ***************************/ 
body#contenidos { width: 700px; height: 100%; background:transparent url(../images/fondos/fon_body_contenidos.jpg) repeat left top;}
#contenedor_participa { width: 600px; margin: 0 auto;}
#contenedor_participa a { color: #A6627E; text-decoration: underline; font-size: 14px; margin-top: 20px;}
#contenedor_participa a:hover { text-decoration: none;}
#contenido_texto { background:transparent url(../images/fondos/fon_dest_aventura_sup.gif) no-repeat left top; width: 590px; height: 500px; display:inline; float:left; margin: 8px 0 0 0; }
.contenido_texto_indio { background:transparent url(../images/fondos/fon_dest_indio_sup.gif) no-repeat left top !important;}
.contenido_texto_osos { background:transparent url(../images/fondos/fon_dest_osos_sup.gif) no-repeat left top !important; }
.contenido_texto_mago { background:transparent url(../images/fondos/fon_dest_mago_sup.gif) no-repeat left top !important;}
.contenido_texto_pirata { background:transparent url(../images/fondos/fon_dest_pirata_sup.gif) no-repeat left top !important; }
.contenido_como_participar { background:transparent url(../images/fondos/fon_como_participar.gif) no-repeat left top !important; height: 590px !important;}

#contenido_texto p { display:block; font-size:1.5em; margin:132px 270px 0 30px; }
#contenido_texto p a { color: #a6627e; text-decoration: none; font-weight: bold;}
#contenido_texto p a:hover { text-decoration: underline;}
.formulario { background:transparent url(../images/fondos/fon_formulario_contenido.gif) no-repeat left top !important; height:350px !important; margin-top:62px !important;}
#contenido_texto form { }
#contenido_texto form h2 { /*background:transparent url(../images/fondos/fon_h2_como_participar.gif) no-repeat left top;*/ display:inline; float:left; height:40px; margin:50px 0 0 30px; text-indent: 0; width:200px;}
#contenido_texto form h2 a { color: #A6627E; text-decoration: underline; font-size: 24px;}
#contenido_texto form h2 a:hover { text-decoration: none;}
#contenido_texto form p { display: inline; float:left; font-size:1.5em; line-height:15px; margin: 0 0 0 30px; width:530px;}
#contenido_texto form fieldset { float:left; margin: 0 0 0 30px; display: inline; border: none; width: 220px;}
#contenido_texto form label { background:transparent url(../images/textos/txt_nombre_label.gif) no-repeat left top; display:inline; float:left; text-indent:-9999px; width:70px; margin-top: 12px;}
.dni { background:transparent url(../images/textos/txt_dni_label.gif) no-repeat left top !important;} 
.sexo { background:transparent url(../images/textos/txt_sexo_label.gif) no-repeat left top !important;} 
.cp { background:transparent url(../images/textos/txt_cp_label.gif) no-repeat left top !important; width: 36px !important; margin-left:4px;}
.cp_input { width: 46px !important;} 
.adultos_ninios { width: 100%; float: left;}
.adultos_label { background:transparent url(../images/textos/txt_adultos_label.gif) no-repeat left top !important;}
.ninios { background:transparent url(../images/textos/txt_ninios_label.gif) no-repeat left top !important; width: 50px !important;}
.ninios_select { width: 36px !important;}
.field_der { width: 300px !important;}
.field_der select { width: 52px !important; margin-right: 9px;}
.apellidos_input { width: 196px !important; }
.mail_input { width: 196px !important; }
.apellidos { background:transparent url(../images/textos/txt_apellidos_label.gif) no-repeat left top !important; height: 16px;}
.mail { background:transparent url(../images/textos/txt_mail_label.gif) no-repeat left top !important;}
.fecha_nacimiento { background:transparent url(../images/textos/txt_fecha_label.gif) no-repeat left top !important; width: 94px !important;}
.nomargin_right { margin-right: 0 !important;}
#contenido_texto form fieldset input { border: none; font-size: 1.3em; padding: 2px; color: #584431; margin-top: 8px; width: 140px; float: left;}
#contenido_texto form fieldset select { border: none; font-size: 1.3em; padding: 2px; color: #584431; margin-top: 8px; width: 54px; float: left;}
.bases_legales { float: left; margin: 0; display: inline; margin: 20px 0 0 30px; position: relative; width: 360px; display: inline;}
.bases_legales input { display:inline; float:left; margin-right:6px; _margin-top: -5px;}
.bases_legales p { font: normal 1.1em Arial, Helvetica, sans-serif !important; margin: 0 !important; float:left; width: 150px !important;}
.bases_legales p a { color: #584431; font-size: 11px !important;}
.texto_actividad { float: left; width: 560px;}
.texto_actividad label { background:transparent url(../images/textos/txt_texto_label.gif) no-repeat scroll left top !important; width:70px !important;margin-left: 30px;}
.texto_actividad textarea { border:medium none; color:#584431; float:left; font-size:1.3em; margin-top:8px; padding:2px; width:446px; font-size: 1.3em; color: #999;}
.boton_participar { background:transparent url(../images/bot_enviar.gif) no-repeat left top; border:medium none; cursor:pointer; float:right; font-size:0; height:48px; margin:0 38px 0 0; width:137px;}

.ok { background: none !important; text-align: center;}
.ok a { font-weight: bold;}
.ok p { width: 100%; margin: 200px 0 0 0 !important; font-weight: bold !important;}

#preloader { position:absolute; z-index: 10; left: 0; top: 0; width:100%; height:100%; background: #fff; opacity: .90; -moz-opacity: .90; filter:alpha(opacity=90); vertical-align: middle;}
.volver { float:right; margin-right:50px !important; text-align:right;}




/*********** Ganadores ************/
br.break {
	clear:left;
	}
.ganadores, .ganadorbox, .ganadorcontenido {
	float:left;
	width:991px; height:auto;
	}
	.ganador {
		float:left;
		width:991px; height:auto;
		background:url(../images/fondos/ganador.jpg) repeat-y left top;
		margin:0 0 15px;
		}
	.ganadorbox img {
		float:left;
		}
	.ganadorcontenido {
		float:left;
		width:931px; height:auto;
		margin:0 30px;
		}
		.ganadorimagen {
			float:left;
			width:180px; height:auto;
			text-align:center;
			}
		.ganadortexto {
			float:left;
			width:701px; height:auto;
			color:#584431;
			font-size:1.6em; line-height: 20px; font-weight:bold;
			padding:10px 0 0;
			}
			.ganadortexto span {
				color: #b00049;
				font-weight: bold;
				}
			.ganadortexto_titulo {
				font-size:1.15em;
				}
			.ganadortexto_titulo, .ganadortexto_mensaje {
				float:left;
				width:701px; height:auto;
				margin:0 0 10px;
				}
			.ganadortexto_premio {
				float:left;
				width:701px; height:auto;
				margin:0 0 10px;
				text-align:right;
				}





.comentarios, .comentariosbox, .comentarioscontenido {
	float:left;
	width:991px; height:auto;
	}
	.comentario {
		float:left;
		width:991px; height:auto;
		background:url(../images/fondos/ganador.jpg) repeat-y left top;
		color:#584431;
		font-size:1.8em; line-height: 20px;
		}
	.comentariosbox img {
		float:left;
		}
	.contenedor_comentarios {
		width:911px; margin:0 0 0 50px;
		}
	.comentarioscontenido {
		float:left;
		width:911px; height:auto;
		margin:0 0 20px; padding:0 0 20px;
		border-bottom:2px solid #b5b3aa;
		}
		.comentariotitulo {
			padding:0 0 10px;
			}
		.comentariotitulo span {
			color: #b00049;
			font-weight: bold;
			}
		.spacer {
			float:left;
			width:991px; height:20px;
			}


div.paginacion {
	clear:left;
	padding:3px;
	margin:3px;
	text-align:center;
}

div.paginacion a {
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	margin-left: 4px;
	border: 2px solid #b5b3aa;
	
	text-decoration: none; 
	color: #666;
}
div.paginacion a:hover, div.paginacion a:active {
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	margin-left: 4px;
	border: 2px solid #8f8c7e;
}
div.paginacion span.current {
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	margin-left: 4px;
	border: 2px solid #b5b3aa;
	font-weight: bold;
	background-color: #f0f0ee;
	color: #444;
}
div.paginacion span.disabled {
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	margin-left: 4px;
	border: 2px solid #b5b3aa;
	color: #666;
}


.todoscomentarios {
	margin:30px 0 0;
	float:left;
	width:991px; height:270px;
	background:url(../images/fondos/comentarios.jpg) no-repeat left top;
	}
	.todoscomentariostitulo {
		color:#584431;
		font-size:1.8em; line-height: 20px;
		float:left;
		width:931px; height:auto;
		margin:10px 30px 0;
		}
	.filtro {
		float:left;
		padding:0 0 0 40px;
		}
	.filtroconcurso {
		float:left;
		width:175px; height:auto;
		text-align:center;
		margin:90px 0 0;
		}