/***** Reset (YUI) ******/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

/************* Estilos globales ***************/

html{background:#000;}
body{color:#999999;font-size:13px;font-family:"Century Gothic", "Georgia", sans-serif}
A{text-decoration:none;}
.clear{clear:both;}

#front-page{padding-top:84px;text-align:center;height:660px;background:url('/webroot/images/interface/fondo_inicio.jpg') repeat-x  center 125px;}
#front-page A{color:#666;font-size:16px;font-style:italic}
#front-stripe{height:124px;background:url('/webroot/images/cartuja-inicio.jpg') top center repeat-x;}

#flashcontent{width:100%;text-align:center;}

#portada{background:#fff url('../images/fondos/portada.jpg') no-repeat bottom center;width:100%;height:600px;overflow:hidden;position:relative;}
	#portada A{color:#000;font-size:14px;}
	#entrar{position:absolute;width:100%;text-align:center;bottom:10px;}
	#entrar A{font-weight:bold;}
	#pasarela{height:146px;background:url('../images/fondos/pasarela.jpg') no-repeat top center;display:none;}
	#seo{background:url('../images/fondos/fondo.gif') no-repeat top center;width:100%;height:234px;}
	#seo P{text-align:center;font-size:8px;margin-top:20px;}
/**************** Diagramaci�n *****************/

#encabezado{background:#000 url('/webroot/images/interface/background_top.jpg') repeat-x top center;height:140px;}
    #contenido-encabezado{width:1000px;margin:auto;position:relative;z-index:2;}
        #logo{position:absolute;left:17px;top:20px;}


#pie{background:url('/webroot/images/interface/background_bottom.jpg') repeat-x bottom center; padding-bottom:200px; border-top:dotted #2A261A 1px;}
    #contenido-pie{color:#61533a;width:1000px;margin:auto;padding-top:15px;}
        #contenido-pie P{margin-left:42px;}
		#contenido-pie .social{float:right;margin-right:60px;}


#cuerpo{position:relative;background:no-repeat top center;}
    #contenido-cuerpo{width:1000px;margin:auto;z-index:1;padding-bottom:20px;cursor:pointer;}
        #contenido-cuerpo H1{font-style:italic;z-index:1;font-size:40px;color:#fff;padding-left:42px;font-family:Georgia;}
            #contenido-cuerpo H1 IMG{z-index:2;margin-bottom:-18px;margin-left:-22px;}
        #contenido-cuerpo DIV{}
	#banners{position:absolute;z-index:1;top:25px;width:100%;padding:0px;max-width:1200px;}
		.banner{font-family:"century gothic";font-size:15px;padding:10px;text-align:center;width:200px;height:90px;overflow:hidden;margin-bottom:5px;text-transform:uppercase;background:url('../images/interface/fondo_banner.png') no-repeat;position:relative;left:-8px;}
			.banner a{color:#ccc;}
			.banner .cerrar{position:absolute;top:10px;right:12px;}
			
.columna{float:left;z-index:0;cursor:default;}
.columna-1{padding-left:27px;}
.columna-2, .columna-3{padding-left:7px;}


/**************** Menu y submenu ***************/

    #menu{position:absolute;top:55px;left:163px;}
        #menu LI{display:block;float:left;margin-left:15px;}
            #menu LI A{color:#666;font-style:italic;font-size:15px;display:block;height:37px;padding-top:11px;}
            #menu LI.seleccionado A, #menu LI A:hover{color:#b7d65f; background:url('/webroot/images/interface/menu_seleccion.png') no-repeat center top; }
			#menu LI.resaltado A{color:#d4e6a2;}

    #menu-usuario{position:absolute;width:189px;height:18px;background:url('/webroot/images/interface/menu_usuario.gif') no-repeat;right:100px;top:34px;text-align:center;padding-top:2px;}
        #menu-usuario A{color:#594d33;}
        #menu-usuario A:hover{color:#8c7951;}
        #menu-usuario IMg{vertical-align:middle;margin:0px 7px;}
        
    #submenu{position:absolute;top:110px;left:200px;display:none;}
        #submenu LI{display:block;float:left;margin-left:17px;}
            #submenu LI A{color:#666;font-style:italic;font-size:15px;}
            #submenu LI.seleccionado A, #submenu LI A:hover{color:#e2e3e0;}
    
    #submenu.lacartuja{display:block;}
    #submenu.eventos{display:block;width:700px;}
        #submenu.eventos LI{float:right}
    #submenu.gastronomia, #submenu.fechas{display:block;}
    #submenu.contacto{display:block;}
    
    #barra-menu{height:47px;background:#000;border-top:dotted #2A261A 1px;border-bottom:dotted #2A261A 1px;position:absolute;top:54px;width:100%;z-index:0;}


/************* Contenedores *************/

    #caja-subtitulo{cursor:default;background:#B7D65F;padding:15px;z-index:0;color:#000;font-style:italic;margin-bottom:20px;font-family:Georgia}
        #caja-subtitulo H2{font-size:40px;line-height:35px;}
        #caja-subtitulo P{font-size:25px; }
        #caja-subtitulo A{color:#000;text-decoration:underline;}

    .texto{cursor:default;background:#000;padding:15px;min-height:180px;height:auto !important;height:180px;}
        .texto H3{color:#aecb5b;font-size:20px;font-style:italic; margin-bottom:10px;}
        .texto P{margin-bottom:18px;text-align:justify}
        .texto STRONG{color:#aecb5b;font-weight:bold;}
        .texto DIV.separador{border:none;border-top:dashed 1px #999999;margin-top:10px;}
        
        .texto .columna-texto-izquierda{float:left;width:280px;}
        .texto .columna-texto-derecha{float:right;width:280px;}
        
    .lista{cursor:default;background:#000;margin-top:5px;height:200px;}
        .lista H3{background:#1a1a1a;color:#aecb5b;font-size:12px;padding:13px 15px;font-weight:bold;}
        .lista UL{padding:2px;}
            .lista LI{border-top:#292929 1px dashed;}
            .lista LI:first-child{border-top:none;}
                .lista LI A{color:#efefef;font-size:12px;font-weight:bold;display:block;padding:10px 15px;text-transform:uppercase;}
                .lista LI A:hover, .lista LI.seleccionado A{color:#aecb5b;}
			.lista UL.chartlist { float: left; border-top: 1px solid #EEE; width:595px;padding:0px;}
				.lista UL.chartlist LI { position: relative;display: block;  border-bottom: 1px solid #EEE; _zoom: 1;border-top:none;}
				.lista UL.chartlist LI LABEL { display: block; padding: 0.4em 4.5em 0.4em 0.5em;position: relative; z-index: 2; color:#FFFFFF;}
				.lista UL.chartlist .count { display: block; position: absolute; top: 0; right: 0; margin: 0 0.3em; text-align: right; font-size: 1em; line-height: 2em;}
				.lista UL.chartlist .indice { display: block; position: absolute; top: 0; left: 0; height: 100%; background: #8c7951; text-indent: -9999px; overflow: hidden; line-height: 2em;}
				.lista UL.chartlist LI:hover { background: #333333;}
    
    .caja-titulo{background:#000;min-height:200px;}
        .caja-titulo H3{background:#1a1a1a;color:#aecb5b;font-style:italic;font-size:18px;padding:7px 15px;}
    
    .lista-galeria{cursor:default;}    
        .lista-galeria LI{margin-top:6px;}
            .lista-galeria LI A{color:#999;font-weight:bold;display:block;padding:3px 15px;text-transform:uppercase;}
            .lista-galeria LI A:hover, .lista-galeria LI.seleccionado A{color:#aecb5b;background:#2E2E2E;}
			
	.boton{padding:10px;background-color:#B6D854;color:#000000; font-weight:bold;}
	.boton A{color:#000000; text-decoration:none;}
	.boton A:hover{text-decoration:none;}

    
 /************* Widgets *************/

       .galeria{cursor:default; background:#000;padding:15px;height:190px;position:relative;}
       
           .galeria .flecha{position:absolute;width:15px;top:0px;cursor:pointer;height:100%;background:url('/webroot/images/interface/flechas_galeria.png') no-repeat ;}
           .galeria .flecha-derecha{right:1px;background-position:center right;}
           .galeria .flecha-izquierda{left:1px;background-position:center left;}
           
           .galeria .slider{height:100%;position:absolute;left:16px;top:15px;cursor:pointer;overflow:hidden;}
               .galeria .slider UL{position:absolute;left:0px;top:0px;width:10000px;}
                   .galeria .slider UL LI{float:left;margin-right:20px;}

       #mapa-localizacion{border:solid #708923 2px;width:435px;height:211px;background:#fff;margin-top:3px;}
       #mapa-plano{border:solid #708923 2px;width:118px;height:211px;background:#fff;margin-top:3px;}
       #plano{background:url('/webroot/images/plano/0.png') no-repeat;width:542px;height:187px;}
       
    #especiales{width:100%;}
        #especiales TD{height:25px;}
        #especiales .fecha{color:#b7d65f;text-align:center;padding-right:10px}
        #especiales .evento{width:230px;color:#fff;padding-left:15px;border-left:dotted 2px #242424;border-right:dotted 2px #242424}
        #especiales .descargar{vertical-align:bottom;}
    
    #espacios-galeria{padding:12px 0px 5px 0px;}
        #espacios-galeria IMG{border:solid #666 2px;float:left;margin-right:13px;margin-bottom:13px;width:103px;height:93px;}

    INPUT.form_input_text, INPUT.form_input_password{width:132px;height:19px;background:#242424;color:#fff;border:none;}
    TEXTAREA{background:#242424;color:#fff;width:274px;height:66px;border:none;overflow:auto;}
    LABEL{margin-top:5px;display:block;}
    INPUT.form_input_submit, INPUT.form_input_reset{cursor:pointer;margin:14px 0px 0px 5px;width:65px;height:30px;background:#242424;color:#999;border:none;}

    .calendar_container{ display:none; position:absolute; left:200px; top:300px; z-index:1;} 
    .yui-skin-sam{position:absolute;}

	#show .contenedor-foto{position:absolute;z-index:-1;background:no-repeat top center;width:100%;height:497px;visibility:hidden;}

.altText{padding:3px;position:absolute;background-color:#000;color:#657439;display:none;z-index:5;}




/************** Estilos espec�ficos **************/

    .index #contenido-cuerpo H1{padding-top:255px;}
        .index .columna-1{width:550px;}
    
   .lacartuja #contenido-cuerpo H1{padding-top:275px;}
        .lacartuja .columna-1{width:600px;}
        .lacartuja .columna-2{width:325px;}
        .lacartuja .galeria .slider{width:290px;}
    
    .localizacion #contenido-cuerpo H1{padding-top:230px;}
        .localizacion .columna-1{width:467px;}
        .localizacion .columna-2{width:163px;}
            .localizacion .texto{padding-top:5px;min-height:220px;height:auto !important;height:220px;}
                .localizacion .texto P{padding-top:10px;line-height:17px;margin:0px;}
        .localizacion .columna-3{width:150px;}
    
    .espacios #contenido-cuerpo H1{padding-top:280px;}
        .espacios .columna-0{width:380px;}
        .espacios .columna-1{width:173px;}
        .espacios .columna-2{width:173px;}
        .espacios .columna-3{width:558px;}
        .espacios .columna-4{padding-left:27px;width:350px;}
        .espacios .texto{padding:7px;}
        
        .espacios .caja-flotante{position:relative;height:700px;margin-top:-244px;padding:20px;background:#1A1A1A url('/webroot/images/interface/fondo_caja_espacios.gif') no-repeat top center;}
            .espacios .caja-flotante H4{font-size:40px;color:#fff;padding-bottom:7px;margin-bottom:13px;background:url('/webroot/images/interface/espacios_borde_punteado.gif') no-repeat bottom left;}
            .espacios .caja-flotante H5{padding-bottom:8px; margin-bottom:3px; font-size:20px;color:#bfbfbf;background:url('/webroot/images/interface/espacios_borde_punteado.gif') no-repeat bottom left;}
            .espacios .caja-flotante .panoramica{border:solid #666 2px;}
        
        .espacios .detalle-salon{float:right;width:190px;padding:10px;padding-top:5px;height:207px;background:url('/webroot/images/interface/salon.gif');margin-left:10px;margin-bottom:10px;}
        .espacios .detalle-salon H6{color:#b7d65f;font-size:13px;font-weight:bold;}
        .espacios .detalle-salon .info{margin-top:15px;}
        .espacios .detalle-salon .detalle-capacidad{cursor:pointer;margin-top:15px;float:left;width:80px;}
            .espacios .detalle-salon .detalle-capacidad IMG{vertical-align:middle;margin-right:5px;}
        .espacios .detalle-salon .info A{background:#121212;color:#657439;padding:3px;}
 
        .espacios .caja-volver{padding:10px;background:url('/webroot/images/interface/fondo_lista_espacios.gif') no-repeat;height:219px;border-top:dotted 1px #1A1A1A;}
            .espacios .caja-volver A{color:#999;font-size:10px;text-transform:uppercase;font-weight:bold;}

    .gastronomia_old #contenido-cuerpo H1{padding-top:270px;padding-left:30px;}
        .gastronomia_old .columna-1{width:350px;}
        .gastronomia_old .columna-2{width:164px;}
        .gastronomia_old .columna-3{width:427px;}
        .gastronomia_old .galeria .slider{width:390px;}
    
    .gastronomia #contenido-cuerpo H1{padding-top:270px;padding-left:30px;}
        .gastronomia .columna-1{width:490px;}
        .gastronomia .columna-2{width:427px;}
        .gastronomia .galeria .slider{width:390px;}
    
    .restaurante #contenido-cuerpo H1{padding-top:270px;padding-left:30px;}
        .restaurante .columna-1{width:490px;}
        .restaurante .columna-2{width:427px;}
        .restaurante .galeria .slider{width:390px;}

    .kukala #contenido-cuerpo H1{padding-top:190px;}
        .kukala .columna-1{width:600px;}
		.kukala .columna-2{width:325px;}
		.kukala .galeria{padding-bottom:30px;}
        .kukala .galeria .slider{width:290px;}

	.masia #contenido-cuerpo H1{padding-top:190px;}
        .masia .columna-1{width:600px;}
		.masia .columna-2{width:325px;}
		.masia .galeria{padding-bottom:30px;}
        .masia .galeria .slider{width:290px;}

    .eventos #contenido-cuerpo H1{padding-top:270px;padding-left:30px;}
        .eventos .columna-1{width:520px;}
        .eventos .columna-2{width:427px;}
        .eventos .galeria .slider{width:390px;}
    
    .contacto #contenido-cuerpo H1{padding-top:270px;padding-left:30px;}
        .contacto .columna-1{width:490px;}
        .contacto .columna-2{width:303px;}
        .contacto .texto-contacto{background:#000 url('/webroot/images/interface/fondo_caja_contacto.gif') no-repeat bottom left;height:300px;line-height:17px;}
        .contacto .texto-contacto P{margin-bottom:0px;}
        .contacto .texto A{color:#b7d65f}
        .contacto .columna-contacto{float:left;width:132px;}
        .contacto .texto{min-height:270px;}

	.fechas #contenido-cuerpo.caja-imagen{padding-top: 497px;}

    .fechas #contenido-cuerpo H1{padding-top:275px;}
        .fechas .columna-1{width:373px;}
        .fechas .columna-2{float:none;width:460px;margin:auto;}
        .fechas .encabezado-columna{margin-top:5px;height:26px;left:17px;background:#B7D65F;font-size:15px;color:#000;font-weight:bold;padding:7px 10px 1px 10px;}
    
        .fechas .cuerpo-fechas{text-align:center;padding:0px 30px;}
            .fechas .cuerpo-fechas H3{font-size:20px;font-weight:bold;color:#fff;margin-bottom:25px;}
            .fechas .cuerpo-fechas P{font-size:16px;color:#fff;}
                .fechas .cuerpo-fechas P STRONG{color:#b7d65f;}
                .fechas .cuerpo-fechas P EM{display:block;font-style:italic;color:#fff;margin-top:20px;margin-bottom:0px;}
            .fechas .cuerpo-fechas H3 STRONG{color:#b7d65f;font-weight:bold;}
            .fechas .cuerpo-fechas IMG{margin:10px 0px;}
    
    .error404{text-align:center;font-size:20px;padding:30px;}
    
.calendar-icon{vertical-align:middle;}