* { margin: 0; padding: 0; border: 0; font-size: 1em; font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { clear: both; }
.ocultar { display: none;}
label.required, span.required { padding-left: 12px; font-weight: bold; background: transparent url(/enmm/javax.faces.resource/required.gif.jsf?ln=img) no-repeat center left; }

body { background-color: white; text-align: center; }
#contenedor { background-color: #FFFFFF; display: block; margin: 0 auto; padding: 0 0.5em; width: 63em; }
#cabecera { background-color: #FFFFFF; color: #004287; float: left; padding-top: 1em; text-align: left; width: 100%; }
#cabecera .logoENMM { float: left; padding: 0.5em; }
#cabecera .eslogan { float: left; padding: 1em 0 0 1em; width: 23em; }
#cabecera .eslogan img { width: 100%; }
#cabecera ul.social { float: right; margin: 0.5em; }
#cabecera ul.social li { float: left; margin-left: 0.6em; }
#cabecera .telefono { float: right; font-size: 1.05em; font-weight: bold; margin: 0.5em; padding-top: 0.1em; }
#cabecera form.buscador { clear: right; float: right; margin-right: 0.5em; }
#cabecera form.buscador input { margin-right: 0.5em; }
#cabecera ul.enlaces { clear: right; float: right; margin-top: 0.2em; padding-right: 0.3em; width: 17em; }
#cabecera ul.enlaces li { float: right; border-right: 1px solid; display: inline-block; font-size: 0.9em; padding: 0 0.5em; }
#cabecera ul.enlaces li.primero { border-right: none; }
#cabecera ul.enlaces li a { color: #004287; text-decoration: none; }
#cabecera .menu { background-color: #9ABCE2; color: #FFFFFF; float: left; width: 100%; }
#cabecera .menu ul { float: left; padding: 0.5em 0; }
#cabecera .menu ul li { float: left; border-left: 1px solid; display: inline-block; padding: 0 1em; position: relative; }
#cabecera .menu ul li.primero { border-left: none; }
#cabecera .menu ul li a { color: #FFFFFF; text-decoration: none; }
#cabecera .menu ul li a:hover { color: #014488; }
#cabecera .menu ul li.destacado { color: #ffff00; }
#cabecera .menu ul li.destacado a { color: #ffff00; }
#cabecera .menu ul li.destacado2 { color: #4c3b00; }
#cabecera .menu ul li.destacado2 a { color: #4c3b00; }
#cabecera .menu ul ul { display: none; background: #004287; position: absolute; top: 1em; left: 0; float: left; width: auto; z-index: 1;}
#cabecera .menu ul ul li { background: none; border-left: none; padding: 0.2em 0.3em; }
#cabecera .menu ul ul li:hover { background-color: #015F8E; }
#cabecera .menu ul ul a { height: auto; line-height: 0.5em; padding: 0.8em; width: 11em; }
#cabecera .menu ul li:hover > ul { display: block; }
#cabecera .menu form#languageForm { display: inline-block; float: right; padding: 0.45em 1em 0.45em 0; }
#cabecera .menu form#languageForm label { font-size: 0.9em; font-weight: bold; margin-right: 1em; }

#cabecera .migaPan { background-color: #ffffff; color: #014488; float: left; padding: 0.5em 0; width: 100%; }
#cabecera .migaPan a { color: #014488; margin-left: 0.5em; text-decoration: none; }

#adminContent h1 { font-size: 1.8em; padding: 0.5em 0; }
#panelNewsDetail table td { vertical-align: top; }

.bloqueIzq { float: left; width: 47em; }
.bloqueDrch { float: right; padding: 0.5em 0 0.4em; text-align: center; width: 15em; }

#contenido { float: left; text-align: left; width: 100%; }
#contenido .login { background-color: #9ABCE2; color: #014488; display: inline-block; margin: 5em 25%; width: 50%; }
#contenido .login h2 { background-color: #014488; color: #ffffff; float: left; padding: 0.5em 0; text-align: center; text-transform: uppercase; width: 100%; }
#contenido .login form { float: left; padding: 1em; text-align: center; }
#contenido .login fieldset { float: left; width: 100%; }
#contenido .login label { clear: both; float: left; margin-bottom: 1em; }
#contenido .login input { float: right; width: 55%; }
#contenido .login input.boton { background-color: #014488; color: #ffffff; float: none; padding: 0.3em 2em; width: auto; }

#contenido .bloqueIzq .seccion h2 { color: #014488; font-size: 2em; margin-top: 0.2em; }
#contenido .bloqueIzq .seccion { color: #333333; overflow: hidden; }
#contenido .bloqueIzq .seccion ul.submenu { background-color: #9ABCE2; float: left; margin: 0.5em 0; padding-top: 0.5em; text-align: justify; width: 100%; }
#contenido .bloqueIzq .seccion ul.submenu li { color: #FFFFFF; display: inline-block; padding: 0 1em 0.5em; position: relative; }
#contenido .bloqueIzq .seccion ul.submenu li a { color: #FFFFFF; text-decoration: none; }
#contenido .bloqueIzq .seccion ul.submenu li a:hover { color: #004387; }
#contenido .bloqueIzq .seccion .informacion { text-align: justify; }
	
.carrusel { background-color: #014488; color: #FFFFFF; height: 25em; overflow: hidden; position: relative; width: 47em; }
.carrusel #imagenCarrusel { clip: rect(0em, 47em, 25em, 0em); height: 100%; position: absolute; }
.carrusel #esloganCarrusel { background-color: #014488; bottom: 0; color: #FFFFFF; left: 0; opacity: 0.7; filter: alpha(opacity=70); position: absolute; width: 100%; }
.carrusel #eslogan { font-size: 1.8em; font-weight: bold; opacity: 1; padding: 1em; filter: alpha(opacity=100); }
.carrusel #eslogan a { color: #FFFFFF; text-decoration: none; }
.carrusel .enlaces { position: absolute; right: 1em; top: 1em; }
.carrusel .enlaces a { margin-right: 0.5em; text-decoration: none; }
.carrusel #imagenCarrusel2 { clip: rect(0em, 45em, 25em, 0em); height: 100%; position: absolute; }
.carrusel #esloganCarrusel2 { background-color: #014488; bottom: 0; color: #FFFFFF; left: 0; opacity: 0.7; filter: alpha(opacity=70); position: absolute; width: 100%; }
.carrusel #eslogan2 { font-size: 1.8em; font-weight: bold; opacity: 1; padding: 1em; filter: alpha(opacity=100); }
.carrusel #eslogan2 a { color: #FFFFFF; text-decoration: none; }

.destacados { float: left; margin-top: 1.5em; width: 100%; }
.destacados ul { float: left; width: 100%; }
.destacados ul li { float: left; height: 14em; margin: 0 0 1em 2%; overflow: hidden; text-align: left; width: 32%; position: relative; }
.destacados ul li.primero { margin-left: 0; }
.destacados ul li.ultimo { margin-left: 0; float: right; }
.destacados ul li a { text-decoration: none; }
.destacados ul li img { width: 100%; }
.destacados ul li div.texto { background-color: #014488; color: #FFFFFF; bottom: 0; font-size: 1.2em; left: 0; opacity: 0.7; filter: alpha(opacity=70); padding: 0.5em 0; position: absolute; width: 100%; }
.destacados ul li div.texto p { padding-left: 1em; }

#ultimasNoticias { float: left; margin-top: 2em; text-align: center; width: 100%; }
#ultimasNoticias h2 { background-color: #9abce2; color: #ffffff; font-size: 1.7em; margin-bottom: 0.5em; padding: 0.2em 1%; text-align: left; width: 98%; }
#ultimasNoticias ul { float: left; width: 100%; }
#ultimasNoticias ul li { float: left; height: 17.5em; margin: 0 0 1em 2%; overflow: hidden; text-align: left; width: 23.5%; }
#ultimasNoticias ul li.primero { margin-left: 0; }
#ultimasNoticias ul li.ultimo { margin-left: 0; float: right; }
#ultimasNoticias ul li h3 { color: #014488; padding: 0.2em 0; }
#ultimasNoticias ul li h3 a { color: #014488; text-decoration: none; }

#ultimasNoticias ul li .imagen { background-color: #014488; color: #FFFFFF; display: block; height: 11em; width: 100%; overflow: hidden; }
#ultimasNoticias ul li .imagen img { width: 100%; }
#ultimasNoticias ul li p { color: #333333; text-align: justify; }

#contenido .bloqueIzq .news { margin-top: 1em; overflow: hidden; position: relative; width: 98%; }
#contenido .bloqueIzq .news img { background-color: #014488; color: #FFFFFF; display: block; height: 25em; }
#contenido .bloqueIzq .news h2 { color: #9ABCE2; font-size: 1.5em; padding: 0.5em 0; }
#contenido .bloqueIzq .news .texto { float: left; text-align: justify; width: 95%; }
    
.noticia { float: left; margin-top: 2em; width: 98%; }
.noticia h2 { color: #014488; float: left; font-size: 1.5em; padding-bottom: 0.5em; }
.noticia ul.resultados { float: left; width: 100%; }
.noticia ul.resultados li { display: inline-block; float: left; margin-bottom: 1em; overflow: hidden; text-align: left; width: 95%; }
.noticia ul.resultados li img { color: #014488; display: inline-block; float: left; width: 20%; }
.noticia ul.resultados li h3 { color: #9ABCE2; float: right; padding-bottom: 0.2em; width: 78%; }
.noticia ul.resultados li h3 a { color: #9ABCE2; text-decoration: none; }
.noticia ul.resultados li p { color: #333333; float: right; text-align: justify; width: 78%; }

.socios { float: left; margin-top: 1em; width: 100%; }
.socios .buscador { background-color: #FFB24A; color: #FFFFFF; float: left; padding: 1em 0.5em; width: 95%; }
.socios .buscador label { clear: both; float: left; font-weight: bold; width: 17%; margin-bottom: 0.5em; }
.socios .buscador input { float: left; margin-bottom: 0.5em; width: 83%; }
.socios .buscador input.boton { background-color: #9abce2; border-radius: 0.5em; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.85); color: #ffffff; cursor: pointer; display: block; float: right; font-size: 1.05em; font-weight: bold; margin: 0; padding: 0.3em 0.8em; text-decoration: none; width: auto; }
.socios h2 { color: #014488; float: left; font-size: 1.5em; padding: 0.5em 0; }
.socios ul.resultados { float: left; width: 100%; }
.socios ul.resultados li { border-top: 1px solid #014488; display: inline-block; float: left; margin: 0.5em 0; overflow: hidden; padding-top: 0.5em; text-align: left; width: 97%; }
.socios ul.resultados li .foto { background-color: #FFFFFF; color: #000000; display: inline-block; float: left; height: 7em; overflow: hidden; width: 20%; }
.socios ul.resultados li .foto img { height: 100%; }
.socios ul.resultados li .info { float: right; width: 78%; }
.socios ul.resultados li .info h3 { color: #014488; float: left; padding-bottom: 0.2em; width: 100%; }
.socios ul.resultados li .info h3 a { color: #014488; text-decoration: none; }
.socios ul.resultados li .info h4 { color: #9ABCE2; float: left; padding-bottom: 0.2em; width: 100%; }
.socios ul.resultados li .info p { color: #333333; float: right; text-align: justify; width: 100%; }
.socios ul.resultados ul.iconos { float: left; margin-top: 0.5em; }
.socios ul.resultados ul.iconos li { border: none; height: auto; padding: 0 0.5em 0 0; margin: 0; width: auto; }
.socios ul.resultados ul.iconos li a { display: inline-block; }

.socioslinks { margin-right: 1em; }
.socioslinks ul { text-align: center; }
.socioslinks ul li { margin-top: 3em; }
.socioslinks ul li a { opacity: 0.6; filter: alpha(opacity=60); }
.socioslinks ul li a:hover { opacity: 1; filter: alpha(opacity=100); }
.socioslinks ul li p { margin-top: 0.5em; }
.socioslinks ul li p.descripcion { text-align: justify; }

.detalleSocio { float: left; margin-top: 1em; width: 98%; }
.detalleSocio .foto { float: left; width: 10%; }
.detalleSocio .foto img{ background-color: #014488; width: 100%; }
.detalleSocio .info { float: right; width: 87%; }
.detalleSocio .info h2 { color: #014488; float: left; font-size: 1.5em; padding-bottom: 0.5em; width: 100%; }
.detalleSocio .info .datos { color: #9ABCE2; float: left; font-weight:bold; padding-bottom: 0.5em; width: 100%; }
.detalleSocio .info .datos span { display: block; }
.detalleSocio .info p { float: left; padding-bottom: 0.5em; text-align: justify; width: 100%; }
.detalleSocio .info ul.imagenes { float: left; width: 100%; }
.detalleSocio .info ul.imagenes li { display: inline-block; float: left; height: 3em; margin: 0 0.5em 0.5em 0; overflow: hidden; }
.detalleSocio .info ul.imagenes li img { height: 100%; }
.detalleSocio .info .mapa { float: left; margin-top: 1em; width: 100%; }
.detalleSocio .info .mapa iframe { background-color: #C3DBE5; float: right; height: 16em; width: 100%; }
.detalleSocio .info #mapaDetalle { height: 18em; }
	
ul.paginador { float: left; margin-top: 0.5em; width: 100%; }
ul.paginador li { float: left; background-color: #014488; color: #FFFFFF; margin-right: 0.5em; }
ul.paginador li.actual { background-color: #C3DBE5; color: #014488; }
ul.paginador li a { background-color: #014488; color: #FFFFFF; padding: 0.2em 0.5em; text-decoration: none; }
ul.paginador li.actual a { background-color: #C3DBE5; color: #014488; }

#contenido .bloqueDrch { padding: 0; }
#contenido .bloqueDrch .reservas { background-color: #FFFFFF; color: #FFFFFF; float: right; width: 100%; }
#contenido .bloqueDrch .reservas h2 { background-color: #9ABCE2; font-size: 1.1em; text-transform: uppercase; padding: 0.8em 0; }
#contenido .bloqueDrch .reservas iframe { background-color: #FFB24A; }
#contenido .bloqueDrch .reservas ul { float: left; }
#contenido .bloqueDrch .reservas ul li { float: left; display: inline-block; padding: 0.2em; }
#contenido .bloqueDrch .reservas ul li.activo { background-color: #E93149; }
#contenido .bloqueDrch .reservas .formularios { background-color: #E93149; float: left; text-align: left; width: 100%; }
#contenido .bloqueDrch .reservas .formularios form { padding: 1em; }
#contenido .bloqueDrch .reservas .formularios form h3 { float: left; padding: 0.2em 0 0.5em; text-transform: uppercase; width: 100%; }
#contenido .bloqueDrch .reservas .formularios form label { float: left; width: 40%; }
#contenido .bloqueDrch .reservas .formularios form input { margin-bottom: 0.8em; padding: 0 1%; width: 58%; }
#contenido .bloqueDrch .reservas .formularios form input.fecha { width: 50%; text-align: right; }
#contenido .bloqueDrch .reservas .formularios form img.calendario { float: right; }
#contenido .bloqueDrch .reservas .formularios form select { margin-bottom: 0.8em; padding: 0 0 0 1%; width: 60%; }
#contenido .bloqueDrch .reservas .formularios form label.numPersonas { margin-right: 1%; width: auto; } 
#contenido .bloqueDrch .reservas .formularios form select.numPersonas { float: left; margin-right: 2%; width: 15%; }
#contenido .bloqueDrch .reservas .formularios form a.boton { background-color: #781B26; clear: both; color: #FFFFFF; float: right; margin-bottom: 1em; margin-top: 0.5em; padding: 0.5em 1.5em; text-decoration: none; text-transform: uppercase; }
#contenido .bloqueDrch .mapa { float: right; margin-top: 1em; width: 100%; height: 13em; }
#contenido .bloqueDrch .mapa iframe { background-color: #C3DBE5; float: right; height: 13em; width: 100%; }
#contenido .bloqueDrch .mapa div.verGrande { background-color: #014488; color: #FFFFFF; float: right; width: 100%; }
#contenido .bloqueDrch .mapa div.verGrande a { color: #FFFFFF; display: inline-block; padding: 0.3em; text-decoration: none; }
#contenido .bloqueDrch .facebookPage { float: right; margin-top: 1em; width: 100%; }
#contenido .bloqueDrch .tiempo { float: right; width: 100%; margin-top: 1em; }
#contenido .bloqueDrch .tiempo ul.municipios { background-color: #9ABCE2; color: #FFFFFF; float: left; width: 100%; }  
#contenido .bloqueDrch .tiempo ul.municipios li { display: inline-block; float: left; width: 49%; cursor: pointer; }
#contenido .bloqueDrch .tiempo ul.municipios li a { color: #FFFFFF; text-decoration: none; }
#contenido .bloqueDrch .tiempo ul.municipios li a:hover { color: #014488; }
#contenido .bloqueDrch .tiempo iframe { width: 100%; }
#contenido .bloqueDrch .enlacesInteres { background-color: #149ABD; color: #FFFFFF; float: right; margin-top: 1em; width: 100%; }
#contenido .bloqueDrch .enlacesInteres ul { float: right; margin: 0.5em; }
#contenido .bloqueDrch .enlacesInteres ul li { float: left; text-align: center; width: 50%; }
#contenido .bloqueDrch .enlacesInteres ul li a { color: #FFFFFF; display: inline-block; padding: 0.5em 0; text-decoration: none; }
#contenido .bloqueDrch .enlacesInteres ul li a p { font-size: 1.1em; font-weight: bold; line-height: 1em; text-transform: uppercase; }

#contenido form .texto { width: 100%; }
#contenido iframe.reserva { height: 40em; margin-top: 2em; width: 100%; }

form.dataForm fieldset { display: block; margin: 0 0 1em; padding: 0 1em 1em; }
form.dataForm legend { color: #014488; border-bottom: 2px solid  #014488; padding: .3em 0em; font-size: 1.2em; margin-bottom: .6em; width: 100%; }
form.dataForm div { display: inline-block; float: left; margin: 1em 0 0 0; width: 49%; }
form.dataForm .first { clear: both; }
form.dataForm input[type="text"].datepicker, form.dataForm input[type="text"].datepicker { clear: both; float: left; }
form.dataForm input, form.dataForm textarea, form.dataForm select { display: block; margin-top: .3em; border: 1px solid #014488; width: 95%; }
form.dataForm input[type="submit"] { clear: both; float: right; width: auto; border: none; }
form.dataForm table { border: 1px solid #014488; float: left; margin-top: 0.3em; padding: 0 2%; width: 94%; }
form.dataForm table td { padding: 0.2em; }
form.dataForm table input { border: none ;float: left; margin-right: 0.2em; width: auto; }
form .error { color: red; float: left; width: 100%; }
form ul.error { color: red; float: none; width: auto; padding-left: 1em; padding-bottom: 1em; }
input.boton { background-color: #781B26; border: 0 none; color: #FFFFFF; cursor: pointer; font-size: 1.05em; font-weight: bold; padding: 0.4em 2em; }
input.boton:hover { background-color: #E93149; }
 
#pie { background-color: #DEDEDE; color: #383838; float: left; margin-top: 1em; text-align: center; width: 100%; }
#pie ul.legal { float: left; padding: 1em 1em 0; }
#pie ul.legal li { border-left: 1px solid; float: left; font-size: 0.8em; font-weight: bold; padding: 0 0.5em; text-transform: uppercase; }
#pie ul.legal li.primero { border-left: none; }
#pie ul.legal li a { color: #014488; text-decoration: none; }
#pie ul.enlaces { clear: both; display: inline-block; padding: 1em; }
#pie ul.enlaces li { float: left; display: inline-block; font-size: 0.9em; padding: 0 0.5em; }
#pie ul.enlaces li a { color: #014488; text-decoration: none; }