/* Reset de estilos para controlar el "Cross Browsing"
Este reset es una adaptación del YUI de Yahoo!
*/
*, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 62,5%;font-family: inherit;vertical-align: baseline;}

body {line-height: 1;}

:focus {outline: 0;color: #0CA8E5;text-decoration: underline;}

ol, ul {list-style: none}

table {border-collapse: collapse;border-spacing: 0}

blockquote:before, blockquote:after, q:before, q:after {content: ""}

blockquote, q {quotes: "" ""}

input, textarea {margin: 0;padding: 0}

hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
strong {font-size: 1.1em;font-weight: bold;color: #FFFFFF;}

/**************ESTILOS GENERALES****************/

/***********SUPERSIZED*********/

		body {
			overflow:hidden;
			background:#000;
		}
	
		#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}
		#supersize{
			position:fixed;
		}
		#supersize img, #supersize a{
			height:100%;
			width:100%;
			position:absolute;
			z-index: 0;
			cursor:default;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}

/**********HEADER*************/

html,body{height:100%;}

div#general{position:relative;min-height:100%;#height:100%;_height:100%;z-index: 5;overflow:hidden;}

div#general div#header{width:100%;height:60px;margin-top:6%;background-color:#F39;float:left;}

div#general div#header ul#menu{display:block;width:100%;background-color:#000;float:left;padding-left:3px;}
	
div#general div#header ul#menu li{float:left;display:block;width:100px;height:60px;padding:5px 5px 5px 0px;}
div#general div#header ul#menu li a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:500;
	#font-weight:500;
	font-size:1,3em;
	letter-spacing:-1px;
	line-height:60px;
	text-align:center;
	background-color:#000;
	}

div#general div#header ul#menu li a:hover{color:#000;height:60px;}
div#general div#header ul#menu li a.actual{background-color:#C50707;height:60px;}

h1.txtCabecera{background-image:url(transparent);text-indent:-9999px;position:absolute;}

/***********DROPDOWN NAV***********/
.sf-menu ul {
	position:absolute;
	top:-999em;
	width:10em;
}
.sf-menu ul li {
	width:100%;
	border-bottom:#690c0c dashed 1px;
	#border-bottom:#690c0c solid 1px;
}
div#general div#header ul#menu ul.sf-menu li.current {
	margin-top:-5px;
}

div#general div#header ul#menu ul.sf-menu li.subNav{width:206px;height:65px;right:106px;background-color:#C50707;}
div#general div#header ul#menu ul.sf-menu li#subNav-facebook{border:none;}
div#general div#header ul#menu ul.sf-menu li.subNav a{/*text-align:right;*/text-indent:-9999px;right:10px;width:170px;}
.sf-menu li:hover {
	visibility:inherit; /* soluciona: 'sticky bug' para IE7 */
	#z-index:10000;/*soluciona: IE7 no interpreta bien z-index en ul*/
}
.sf-menu li {float:left;position:relative;}
div#general div#header ul#menu ul.sf-menu li a {
	display:block;
	width:100%;
	height:100%;
	float:right;
	position:relative;
	background-color:inherit;
	#background-color:transparent;/*soluciona: IE7 hereda color de fondo negro de la lista del menú*/
}

div#general div#header ul#menu ul.sf-menu li a.nav-extra-blog{background:url(../imagenes/iconos/ico-blog.png) no-repeat left top;line-height:65px;height:59px;}
div#general div#header ul#menu ul.sf-menu li a.nav-extra-blog:hover{background:url(../imagenes/iconos/ico-blog.png) no-repeat left bottom;}

div#general div#header ul#menu ul.sf-menu li a.nav-extra-ideas{background:url(../imagenes/iconos/ico-ideas.png) no-repeat left top;line-height:65px;height:59px;}
div#general div#header ul#menu ul.sf-menu li a.nav-extra-ideas:hover{background:url(../imagenes/iconos/ico-ideas.png) no-repeat left bottom;}

div#general div#header ul#menu ul.sf-menu li a.nav-extra-recetas{background:url(../imagenes/iconos/ico-recetas.png) no-repeat left top;line-height:65px;height:59px;}
div#general div#header ul#menu ul.sf-menu li a.nav-extra-recetas:hover{background:url(../imagenes/iconos/ico-recetas.png) no-repeat left bottom;}

div#general div#header ul#menu ul.sf-menu li a.nav-extra-facebook{background:url(../imagenes/iconos/ico-facebook-red.png) no-repeat left top;line-height:65px;height:59px;}
div#general div#header ul#menu ul.sf-menu li a.nav-extra-facebook:hover{background:url(../imagenes/iconos/ico-facebook-red.png) no-repeat left bottom;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;top:4.4em;z-index:10000;}
.sf-menu a, .sf-menu a:visited  { /*soluciona: pseudo selector para IE6*/
	color:#C50707;
}
.sf-menu li {background:#000;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background-color:#C50707;outline:0;}

/************HOME**************/

div#general div#contIntro{position:absolute;width:1280px;height:420px;/*background-color:#0F9;*/clear:both;#margin-top:35px;top:30%;z-index:999;margin-left:15%;/*margin-right:auto;*/}

div#general div#contIntro{#position:relative;#top:10px;}


/***POSICIONAMIENTO Y TIOPGRAFÍA GENERAL DE LOS DIV PRINCIPALES***/

div#general div#contIntro div#citaIntro, div#introCocinas{position:relative;width:55%;height:auto;margin-left:10%;margin-top:2%;}

div#general div#contIntro div#citaIntro{/*para IE*/
	
	#text-transform:uppercase;
	#font-style:italic;
	#font-weight:bold;
	#font-size:1.2em;
	#letter-spacing:0;
	#line-height:-10em;
	#word-spacing:normal;
	
	}

div#general div#contIntro p, div#introCocinas h2, div#introCocinas h3{
	background-color:#000;
	width:auto;
	display:block;
	font-variant:small-caps;
	text-transform:uppercase;
	font-style:italic;
	#font-weight:bold;
/*	font-family:"Georgia,serif";
*/	font-size:2.2em;
	letter-spacing:0;
	line-height:1.2em;
	text-align:left;
	white-space:normal;
	text-decoration:none;
	word-spacing:normal;
	color:#FFF;
	opacity: 10;
	-moz-opacity: 10;
	filter: alpha(opacity=1000);
	margin-bottom:10px;
	padding:0px 5px 0px 5px;
	
	}
	
	div#general div#contIntro div#citaIntro p#autorCita, div#introCocinas h3{
	font-size:1em;
	display:inline;
	#font-size:1.3em;
	font-weight:bold;
	text-align:right;
	padding:5px 5px 5px 5px;
	margin-bottom:15px;
	#font-weight:bold;	
	}
	
	div#general div#contIntro p, div#introCocinas h2{
	font-size:2em;
	#font-size:2.3em;
	_font-size:2.3em;
	#font-weight:bold;
	_font-weight:bold;
	width:85%;
	}
	
	/****RESALTADOS ROJOS***/
	div#general div#contIntro div#citaIntro p#claim, div#introCocinas h3{background-color:#C50707;}
	
	/***SOLO CLAIM DE LA INTRO***/
	div#general div#contIntro div#citaIntro p#claim{
	font-size:1em;
	margin-top:15px;
	#font-size:1.2em;
	_font-size:1.1em;
	text-align:left;
	#width:85%;
	_width:85%;
	/*font-style:normal;*/
	#font-weight:bold;
	font-weight:400;
	padding:3px;		
	}
	
div#general div#contIntro div#citaIntro{#font-size:0.9em;}
div#general div#contIntro div#introAcana,div#txtContenido{position:relative;width:57%;height:auto;margin-left:10%;margin-top:2%;}
div#general div#contIntro div#introAcana p, div#general div#contIntro div#txtContenido p{
	background-color:#000;
	/*width:95%;*/
	width:auto;
	display:block;
	font-variant:small-caps;
	text-transform:uppercase;
	font-style:normal;
	font-family:Georgia, Times New Roman, Times, serif;
	font-size:1em;
	font-weight:400;
	#font-weight:500;
/*	#font-size:1.2em;
*/	letter-spacing:0;
	line-height:1.2em;
	text-align:left;
	white-space:normal;
	text-decoration:none;
	word-spacing:normal;
	color:#FFF;
	margin-bottom:5px;
	padding:1px 5px 1px 5px;
	}
	
div#general div#contIntro div#introAcana p strong, div#general div#contIntro div#txtContenido p strong{
	
	font-weight:normal;
	#font-weight:500;
/*	font-family:"Georgia,serif";
*/	font-size:1em;
	letter-spacing:0;
	line-height:1.2em;
	text-align:left;
	white-space:normal;
	text-decoration:none;
	word-spacing:normal;
	color:#FFF;
	}


div#general div#contIntro div#introAcana p.dest, div#general div#contIntro div#txtContenido p.dest{background-color:#C50707;}
div#general div#contIntro p#txtLocalizacion{width:235px;text-align:center;margin:0px;padding:0px;}

div#general div#contIntro div#mapa-loc-intro{border:#000 solid 4px;width:746px;}

div#general div#contIntro span#mapa-acana-home{display:block;width:765px;height:365px;border:solid #000 4px;}


/********LINEAS PARA GALERIAS***********/
div#general div#contIntro div#lineasCocinas{position:relative;left:125px;margin-top:0px;}
div#general div#contIntro div#lineasCocinas span#cabeceraLineas{
	display:block;
	width:65px;
	height:25px;
	background-color:#FFF;
	color:#474747;
	font-size:1.3em;
	line-height:1.3em;
	text-align:center;
	}

div#general div#contIntro div#lineasCocinas ul{width:500px;margin-top:0px;}
div#general div#contIntro div#lineasCocinas ul li{
	width:350px;
	height:100px;
	margin-bottom:5px;
	background-color:#000;
	color:#FFF;
	margin-top:0px;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	}

div#general div#contIntro div#lineasCocinas ul li#clasica{width:375px;}
div#general div#contIntro div#lineasCocinas ul li#clasica-armarios{width:530px;}
div#general div#contIntro div#lineasCocinas ul li#vanguardista-banios{width:470px;}

div#general div#contIntro div#lineasCocinas ul li#rustica{width:300px;}
div#general div#contIntro div#lineasCocinas ul li#rustica-armarios{width:450px;}

div#general div#contIntro div#lineasCocinas ul li#libreria-moderna{width:305px;height:150px;}
	
div#general div#contIntro div#lineasCocinas ul li a{
	display:block;
	height:100px;
	font-size:5em;
	color:#FFF;
	line-height:1.4em;
	text-align:left;
	text-decoration:none;
	padding-left:10px;
	}
	
div#general div#contIntro div#lineasCocinas ul li a#btn-librerias{padding-top:15px;height:140px;line-height:60px;}
	
div#general div#contIntro span#badgeLineasCocinas{
	position:absolute;
	left:0px;
/*	float:left;*/
	width:160px;
	height:140px;
	z-index:999;
	/*opacity: 0.9;
	-moz-opacity: 0.9;*/
	}


/************MICROFROMATO DE GEOLOCALIZACION*******************/

div#general div#contIntro div.geo{padding: 20px 0px 0px 12px;}
div#general div#contIntro span.verMapa{display:inline-block;margin-top:5px;margin-left:140px;#margin-left:115px;}
div#general div#contIntro span.verMapa a{display:block;background-color:#000;text-decoration:none;color:#FFF;padding:5px;} 
	
div#general div#contIntro div.geo, span.latitude, span.longitude{
	margin-top:-10px;
	#margin-top:-15px;
	width:500px;
	font-style:italic;
	font-size:0.9em;
	font-weight:bold;
	background-color:transparent;
	color:#FFF;	
	}
	
div#general div#contIntro p.contacto{font-size:1em;margin:3px;width:200px;}

/************FOOTER************/
div#footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:80px;
	background-color:#000;
	background-image:url(../imagenes/logo-acana-home.png);
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	clear:both;
	background-repeat: no-repeat;
	background-position: left center;
}	

div#footer>*{color:#FFF;line-height:50px;}
/*div#footer p#firma a{
	display:block;
	position:relative;
	font-family:helvetica,sans;
	font-size:0.6em;
	line-height:100px;
	width:98%;
	text-align:right;
	text-decoration:none;
	color:#000;
	}
div#footer p#firma{}*/
	
/****************CODA-SLIDER****************/

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left; }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }

.stripViewer .panelContainer .panel ul {text-align: left;margin: 0 15px 0 30px;}
		
.slider-wrap { /*Este div no es necesario pero ayuda a mentener las flechas verticalemente centradas*/
	position: relative;
	width: 100%;
	margin-top: -22px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	/*background-color: #454A50;*/
	}

/*Estas 2 líneas especifican el estilo aplicado mientras el slider carga*/
.csw {display:block;width:100%;height:250px; overflow: hidden}
.csw .loading {display:block;width:250px;height:250px;margin: 30px auto;}

.stripViewer { /* Esta es la ventan de visualización*/
	position: relative;
	overflow: hidden;
	width: 100%; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height:420px;
	clear: both;
	/*background-color: #454A50;*/
	margin: auto;
	}
		
.stripViewer .panelContainer { /*Este es el div más grande para alojar los límites de los divs. El ancho se calcula y especifica en el JS*/
	position: relative;
	left: 0; top: 0;
	width: 1280px;
	list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	/*height: 50%;*/
	position: relative;
	width:1280px; /* Also specified in  .stripViewer  above */
	/*background-color: #454A50;*/
	}
		
.stripViewer .panelContainer .panel .wrapper { /* Contenedor para dar algo de padding a los paneles*/
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	}
	
	.stripNav ul li{ /* Div para la nav(the UL generated at run time) */
	position:absolute;
	text-indent:-9999px;
	}
	
.stripNavL, .stripNavR { /*las flechas*/
	position: absolute;
	top: 240px;
	#top: 265px;
	margin-left:52%;
	cursor:move;
	z-index:1000;
		}
		
.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
	text-indent:-9999px;
	}
		
.stripNavL {
	left: 0;
	}
		
.stripNavR {
		left: 60px;
		}
		
.stripNavL {
	background-image: url(../imagenes/btnMenos.png);
	background-repeat: no-repeat;
	background-position: top;
	}
		
.stripNavR {
	background-image: url(../imagenes/btnMas.png);
	background-repeat: no-repeat;
	background-position: top;
	}
		
.stripNavL:hover {
	background-image: url(../imagenes/btnMenos.png);
	background-repeat: no-repeat;
	background-position: bottom;
	}
		
.stripNavR:hover{
	background-image: url(../imagenes/btnMas.png);
	background-repeat: no-repeat;
	background-position: bottom;
	}
		
	
/***************************SLIDER FOTOS*********************************/

/******COCINAS********/
#panel-cocina-moderna,#panel-cocina-clasica,#panel-cocina-rustica {
	height: 100%;
	display: none;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

#panel-cocina-moderna{background-image:url(../imagenes/bg_panel-slide.jpg);}
#panel-cocina-clasica{background-image:url(../imagenes/bg_panel-slide_cocinas-clasicas.jpg);}
#panel-cocina-rustica{background-image:url(../imagenes/bg_panel-slide-cocinas-rusticas.jpg);}

/******BAÑOS*******/

#panel-banios-moderna,#panel-banios-clasica,#panel-banios-rustica {
	height: 100%;
	display: none;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

#panel-banios-moderna{background-image:url(../imagenes/banios/bg-banios-modernos02.jpg)}
#panel-banios-clasica{background-image:url(../imagenes/banios/bg-banios-vanguardistas.jpg);}
#panel-banios-rustica{background-image:url(../imagenes/banios/bg-panel-slide-banios-modernos.jpg)}

/******ARMARIOS*******/

#panel-armarios-moderna,#panel-armarios-clasica,#panel-armarios-rustica {
	height: 100%;
	display: none;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

#panel-armarios-moderna{background-image:url(../imagenes/armarios-a-medida-madrid/bg_slide-armarios-actual.jpg);}
#panel-armarios-clasica{background-image:url(../imagenes/armarios-a-medida-madrid/bg_slide-armarios-contemporanea.jpg);}
#panel-armarios-rustica{background-image:url(../imagenes/armarios-a-medida-madrid/bg_slide-armarios-vanguardia.jpg);}

/*******VARIOS*******/

#panel-varios-moderna,#panel-varios-clasica,#panel-varios-rustica {
	height: 100%;
	display: none;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

#panel-varios-moderna{background-image:url(../imagenes/bg_panel-slide-sillas-bis.jpg);}
#panel-varios-clasica{background-image:url(../imagenes/mesas-a-medida-madrid/bg_slide-mesas.jpg);}
#panel-varios-rustica{background-image:url(../imagenes/mesas-a-medida-madrid/bg_slide-complementos.jpg);}

/*******LIBRERIAS*******/

#panel-librerias {
	height: 100%;
	display: none;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

#panel-librerias{background-image:url(../imagenes/librerias/bg-slide-librerias.jpg)}

/*******LOCALIZACION*******/

#panel-localizacion {
	height: 100%;
	display: none;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}

#panel-localizacion #panelMapa{width:1080px; height:260px;background-image:url(../imagenes/iconos/mapaContacto.jpg);}

/*#panel-localizacion{background-image:url(../imagenes/bg-slide-contacto.jpg)}*/


/**********************VISOR FOTOS**********************/

/*.wrapThumbs ul{float:left;width:1100px;hwight:250px;background-color:red;margin-left:30%;margin-right:30%;}
.wrapThumbs ul li.thumb{display:block;width:200px;height:200px;float:left;margin-right:20px;background-color:#FFF;}
*/

.wrapThumbs{height:200px;width:1115px;position:absolute;top:50%;left:50%;margin-left:-557px;margin-top:-85px;}

.wrapThumbs span.asterisco{position:absolute;left:0px;top:-140px;left:-45px;color:#FFF;font-family:helvetica,arial,sans;font-size:7em;font-weight:bold;width:60px;height:60px;}
.wrapThumbs h2{
	width:350px;
	position:absolute;
	left:0px;
	top:-100px;
	font-family:Helvetica, Arial, Verdana, Geneva, sans;
	font-size:3em;
	line-height:0.9em;
	font-weight:bold;
	_font-weight:bold;
	letter-spacing:-0.7px;
	#letter-spacing:-2px;
	_letter-spacing:-2px;
	text-transform:uppercase;
	overflow:visible;
	}
#panel-cocina-rustica h2{width:380px;}
/*#panel-cocina-rustica h2{width:350px;}*/

.wrapThumbs p.txtGaleria, p.txtGaleriaSub,p.txtGaleriaSubDos,span.logoGaleria{
	width:720px;
	position:absolute;
	top:240px;
	left:20px;
	color:#FFF;
	font-family:helvetica,arial,sans;
	font-size:1.1em;
	font-weight:bold;
	line-height:1em;
	letter-spacing:-0.3px;
	#letter-spacing:-0.7px;
	}
.wrapThumbs p.txtGaleriaSub{top:285px;text-transform:uppercase;font-size:1em;#letter-spacing:-1px;}
.wrapThumbs span.logoGaleria{width:150px;height:32px;background:url(../imagenes/logo-acana-home-galeria.png) no-repeat center;top:315px;left:5px;text-indent:-9999px;}

span.btnCerrar{display:block;width:120px;height:40px;position:absolute;top:80%;left:80%;}
span.btnCerrar a{display:block;width:120px;height:40px;padding:3px;font-family:helvetica,arial,sans;font-size:1.3em;font-weight:bold;line-height:2em;background-color:#000;color:#FFF;text-decoration:none;text-align:center;}

ul.galeria {
	width: 2115px; /*--ancho aprox del stage donde centrar--*/
	#height:225px;
	_height:225px;
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
	background-color:#000;
	float:left;
	z-index:10;
	/*display:none;*/
}

ul.galeria li {
	float: left;
	margin: 10px 5px 10px 5px;
	padding: 0;
	text-align: center;
	border: 1px solid #000;
	/*-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px; CSS3--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fija el bug del doble margen--*/
}
ul.galeria li:hover {
	border-color:#CCC;	
}
ul.galeria li a.thumb {
	width: 200px; 
	height: 200px;
	/*padding: 5px;*/
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
ul.galeria li span { /*--cropeado de la imagen--*/
	width: 200px;
	height: 200px;
	overflow: hidden;
	display: block;
}
ul.galeria li a.thumb:hover {
	background: #333; /*--Si js estña desactivado aparece el efecto de remarcado--*/
}
ul.galeria li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--parael fecto relieve del separador--*/
}

/*ul.galeria li h2:hover{background-color:#F36;}*/

ul.galeria li a {text-decoration: none; color: #777; display: block;}

/**************TEMP************/
body#temporal{background:#c50707 url(../imagenes/fondoTemp.gif) no-repeat center fixed;}
#volverTemp{width:100px;height:60px;color:#FFF;background-color:#000;margin:5% 0 0 5%;}
#volverTemp a{display:block;text-decoration:none;color:#FFF;font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;font-size:1.8em;line-height:60px;text-align:center;}
#volverTemp a:hover{background-color:#490101;color:#FFF;}