/* colores */
/* verde: #006600 */
/* gris oscuro: #6b6f72 */
/* gris claro: #ebebeb */

a{ text-decoration: none }

.verde{ color: #006600 }

.limpio{ float: none; clear: both }

div.container{ width: 995px }
/*div.container{ background: transparent url(../images/crlisten.jpg) no-repeat; min-height: 551px }*/

/*  INICIO CABECERA     */
div.cabecera{ height: 62px; border-bottom: 1px solid #006600; overflow: hidden }
    
    a.enlacePortada{
	background: transparent url(../images/logotipo.jpg) no-repeat;
	margin: 5px 30px 0 0px;
	overflow: hidden;
	text-indent: -9999px;
	height: 50px;
	width: 201px;
	float: left
}
    
    ul.mainMenu{
	float: left;
	margin: 19px 0 0 20px;
	font-family: "Trebuchet MS", Verdana;
}
        ul.mainMenu li{ display: inline; font-size: 16px; font-weight: bold; list-style: none; float: left; text-transform: uppercase; margin-right: 125px }
            ul.mainMenu li.last{ margin-right: 0 }

            ul.mainMenu li a span{ background: transparent url(../images/cuadrado-menu-superior.gif) no-repeat 0 4px; margin-top: -3px; padding: 0 0 8px 13px; font-size: 11px; display: block; text-transform: none; height: 9px }
            ul.mainMenu li a:hover span{ background-position: 0 -14px }
            
            ul.mainMenu li a{ color: #006600 }
            ul.mainMenu li a:hover{ color: #6b6f72 }
                ul.mainMenu li a span{ color: #6b6f72 }
                ul.mainMenu li a:hover span{ color: #006600 }
                
    a.reservaOnLine{
	background: transparent url(../images/boton-haz-reserva-con-hover.gif);
	float: right;
	margin: 25px 0 0 0;
	height: 15px;
	display: none;
	text-indent: -9999;
	width: 132px
}
        a.reservaOnLine:hover{ background-position: 0 -20px }

/*  FINAL CABECERA    */

/*  INICIO CUERPO     */
div.content{ margin-top: 20px }

div.contentIzq, div.contentCent, div.contentDrch{ padding: 0 }
    div.contentIzq{ padding-left: 6px; width: 158px }
    div.contentCent{ margin-left: 3px }
    div.contentDrch{ margin-left: 11px }
/*  FINAL CUERPO      */

/*  INICIO COLUMNA IZQUIERDA  */
h2.verde{ font-size: 13px; font-weight: bold }
.contentIzq h2{ border-bottom: 2px solid #060 }
ul.menuSecciones{ list-style: none; margin: -7px 0 0 3px }
    ul.menuSecciones li{ border-bottom: 1px dotted #6b6f72; line-height: 23px }
        ul.menuSecciones li.last{ border-bottom: none }
    
    ul.menuSecciones li a{ color: #6b6f72 }
    
    ul.menuSecciones li a.active{ background: transparent url(../images/flecha-destacado-menuprincipal.gif) no-repeat 4px; display: block; border-bottom: 1px solid #006600; color: #000; font-weight: bold; padding: 0 0 0 11px; text-transform: uppercase }
        ul.segundoNivel li a.active{ background: none; border: none; padding: 0; text-transform: none }
    
    ul.segundoNivel{ margin-left: 4px }
        ul.segundoNivel li{ background: transparent url(../images/cuadrado-seccion-menu-principal.gif) no-repeat 0 9px; list-style: none; padding: 0 0 0 7px; margin: 0; overflow: hidden; width: 143px }

div.logotipos{
	text-align: center;
	margin-top: 50px
}
    a.reyno{ display: block; margin: 5px auto; background: transparent url(../images/reyno-de-navarra.jpg) no-repeat; width: 100px; height: 102px; text-indent: -9999px }

/*  FINAL COLUMNA IZQUIERDA  */

/*  INICIO COLUMNA CENTRAL  */
div.cabeceraSeccion{ background: transparent url(../images/cabeza-seccion-ejemplo.jpg) no-repeat right top; margin-top: 14px; padding-right: 325px; min-height: 250px; overflow: hidden }
div.cabeceraSeccionPortada{
	background: transparent;
	margin-top: 14px;
	min-height: 250px;
	overflow: hidden
}
div.cabeceraSeccion p{ color: #8a8a8a }

div.tituloSeccion{ background: #eee url(../images/fleha-blanca-cabecera.gif) no-repeat 30px bottom; min-height: 63px; margin-bottom: 5px; overflow: hidden }
    div.tituloSeccion h1{ font-size: 16px; font-weight: bold; margin: 6px 0 0 9px }
        div.tituloSeccion h1 span{ color: #000; text-transform: uppercase }
div.tituloSeccion p{ color: #000; font-size: 14px; margin: 6px 10px }

div.tituloPortada{ background: #eee url(../images/fleha-blanca-cabecera.gif) no-repeat 30px bottom; height: 200px; overflow: hidden; }

ul.paginador{ margin: 7px 0 0 0 }
    ul.paginador li{ display: inline }
        ul.paginador li a{ color: #006600 }

/*  FINAL COLUMNA CENTRAL  */

/*  LISTADO DE EVENTOS    */
ul.listadoEventos{ margin: 14px 0 0 0 }
    ul.listadoEventos li{ float: left; list-style: none; margin-right: 22px; width: 154px; padding: 0 }
        ul.listadoEventos li.last{ margin-right: 0 }

    ul.listadoEventos li h3{ background: #616161; color: #fff; display: block; font-size: 14px; margin: 0; padding: 5px }

    ul.listadoEventos li p{
	background: #ebebeb;
	color: #575757;
	font-size: 11px;
	height: 116px;
	margin-top: -4px;
	overflow: hidden;
	text-align: left;
	padding: 5px
}

/* FINAL LISTADO DE EVENTOS    */

/*  INICIO COLUMNA IZQUIERDA  */
div.contentDrch{ border-left: 1px solid #777 }

    div.contentDrch h2.verde{
	border-top: 1px dotted #006600;
	margin: 0
}
    
    p.organiza{
	background:transparent url(../images/flecha-destacados.gif) no-repeat scroll 86px 0;
	border-bottom:1px dotted #006600;
	color:#9F9F9F;
	font-size:11px;
	line-height:5px;
	margin:-5px 0 0;
}
    
    ul.eventosDestacados{ margin: 11px 0 0 0 }
        ul.eventosDestacados li{ border-bottom: 1px solid #777; color: #8b8b8b; list-style: none; margin-bottom: 6px }
            ul.eventosDestacados li.last{ border-bottom: none; margin-bottom: 0 }
                ul.eventosDestacados li.last img{ margin-bottom: -5px }

            ul.eventosDestacados li h4{ color: #8b8b8b; font-size: 13px; font-weight: bold; margin: 1px 0 0 7px }
            ul.eventosDestacados li p{ color: #8b8b8b; font-size: 11px; margin: -2px 0 6px 7px }
            ul.eventosDestacados li img{ margin-bottom: 6px }
/*  FINAL COLUMNA IZQUIERDA  */

/*  INICIO PIE DE PAGINA  */
div.piePagina{
	text-align: center;
	margin-top: 9px;
	word-spacing: 4px;
	font: normal 11px Georgia;
}
    div.piePagina, div.piePagina a{
	color: #383d41;
	font-weight: normal;

}
    div.piePagina a:hover{
	text-decoration: underline;
	color: #006600;
}
/*  FINAL PIE DE PAGINA   */


/*  ELEMENTOS EXCLUSIVOS PORTADA  */
div.portada.contentCent{ width: 817px; padding-right: 0; margin-right: 0 }

div.portada div.cabeceraSeccion{
	background: transparent url(../images/imagen_portada.jpg) no-repeat right top;
	margin-top: 14px;
	padding-right: 330px;
	min-height: 250px;
	height: auto;
	overflow: visible
}

div.portada div.tituloSeccion h1 span{ font-size: 13px; text-transform: none }

div.portada div.tituloSeccion{ height: auto; margin-right: -5px }

div.portada div.cabeceraSeccionContacto{ background: transparent url(../images/imagen_contacto.jpg) no-repeat right top; margin-top: 14px; padding-right: 330px; min-height: 250px; height: auto; overflow: hidden }

div.portada div.cabeceraSeccionReckrea{ background: transparent url(../images/imagen_reckrea.jpg) no-repeat right top; margin-top: 14px; padding-right: 330px; min-height: 250px; height: auto; overflow: hidden }

h2.verde.destacados span{ background: transparent url(../images/flecha-destacados.gif) no-repeat right 10px; padding-right: 15px }

div.portada ul.listadoEventos, div.portada ul.listadoEventos li.last{ margin-right: 0 }
    div.portada ul.listadoEventos li{ margin-right: 67px }
        div.portada ul.listadoEventos li h3, div.portada ul.listadoEventos li p{ background: #016201; color: #fff }
            div.portada ul.listadoEventos li p{ margin-top: -5px }
            
div.cuadroDestacado{
	background: #999999;
	color: #fff;
	padding: 5px 5px 0;
	margin-top: 20px;
}
div.cuadroDestacado a{
	color: #fff;
	text-decoration: underline;
}
div.cuadroDestacado a:hover{
	color: #000;
}
    div.cuadroDestacado p strong{ font-weight: bold }
    div.cuadroDestacado p{ font-weight: normal; padding: 0 0 4px 0 }
/*  FINAL ELEMENTOS EXCLUSIVOS PORTADA  */

h4.destacados{ font-size: 12px; padding:10px 18px 10px 18px; position:absolute; margin: 215px 0 0 0; background-color: #014701; opacity: 0.7; background-image: none; font-weight:bold; color:#FFFFFF; width: 200px }
img.galeras{ height: 250px; overflow: hidden }


/* formulario de contacto */

form{ float:left; margin-top:15px;}
fieldset{border: 0px solid #dadada;}

	input.caja[type="submit"]{ width:100px;}
	input.caja[type="reset"]{ width:100px;}
	input.caja[type="text"], textarea.caja{ padding:3px; width: 230px; height: 16px; background-color:#fff; border:#ccc 1px solid; color:#000000; font-family: Arial, Helvetica, sans-serif } 
	input.caja[type="text"]:focus, .cform textarea.caja:focus { background-color:#fafafa }
            textarea.caja{ height:60px }


.envio{ background: #666666; color: #FFFFFF; padding: 1px 10px; border-style: none }
    .envio:hover{ background: #006600; color: #FFFFFF }

.bots{
	margin:20px 10px 0 20px;
	color:#000;
	padding:2px;
	float:right;
}
.acepto{ margin:10px 0 0 86px;}
.acepto a{
	color: #CC0000;
	font-size: 14px;
}
.acepto a:hover{
	color: #333333;
	text-decoration: underline;
}
.aviso{font-size:10px; margin-left:5px;}
.direccion{
	font-size:10px;
	color: #666666;
}

ul.error_list{ list-style: none; margin: 0; padding: 0; text-align: center }
    ul.error_list li{ color: #cc0000; font-weight: bold }
	
.flash{
	display:block;
	width:800px;

}
.flash.portadatexto{
	float:left;
	width:390px;
	height:230px;
	background: #EEE;
}
.flash.portadaflash{
	float:left;
	width:395px;
}