@charset "utf-8";
/* Hoja de Estilos para sitio Modul Cocinas v3
por: Ing. Octavio Velasco www.accend.com.mx
Copyright (c) 2007, Accend Consulting SC */

/* Copyright (c) 2007, Yahoo! Inc. All rights reserved. version: 2.2.2 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;}ol,ul {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;}

.clr {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

body, th, td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

em { font-style: italic; }

body,html {
	height: 100%;
	background-color: #003A50;
}

.container {
	position: relative;
	width: 760px;
	margin: 0 auto;		
	z-index: 5;
}

/* HEADING */
#head {
	background-color: #FFFFFF;
	height: 90px;
}
#head h2 {
	display: block;
	background-color: #003A50;
	text-align: right;
	height: 15px;
}
#head h2 a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	text-transform: uppercase;
	font-family: "Arial Black", Arial, Helvetica, Verdana, sans-serif;
}

#head h1 { 
	height: 48px;
	margin-top: 16px;
	background-image: url(/_img/layout/logo-modul-cocinas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 5px;
	border-bottom: #CCCCCC 1px solid;
}
#head h1 a {
	width: 189px;
	height: 48px;
	display: block;
}
#head span { display: none; }

#head p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	position: absolute;
	top: 40px; *top: 54px;
	right: 5px;
}

#nav {
	position: absolute;
	top: 0px; *top: 10px;
	right: 5px;
}
#nav li {
	float: left;
}
#nav li a {
	display: block;
	position: relative;
	height: 20px; /*contiene todos los estados del menu*/
	background-image: url(/_img/layout/iconos-navegacion.gif);
	background-repeat: no-repeat;
}

#nav-home { width: 36px;}
#nav-map { width: 39px;}
#nav-contacto { width: 60px;}
#nav-eo { width: 47px;}

/*primero, poner fondos estado normal*/
/* estoad estaos quedaron en los .css de cada seccion */

/*tercero, estados hover*/
#nav li a:hover, #nav li:hover a { filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }

/* TERMINA HEADING */
/* STAGE */
#stage { 
	height: 228px;
	background-position:left top;
	background-repeat: no-repeat;
}

#menu-fondo {
	width: 200px;
	height: 228px;
	background-color: #D5D5C2;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}
#menu { 
	position: absolute;
	top: 40px;
	left: 0;
	width: 200px;
	height: 140px;	
}

#menu span { display: none; }
#menu li a {
	display: block;
	position: relative;
	width: 200px; /*contiene todos los estados del menu*/
	background-image: url(/_img/stage/menu_v2.gif);
	background-repeat: no-repeat;
}
#menu ul li { float:right; }

#menu-cocinas-integrales { height: 46px;}
#menu-tiendas-cocinas { height: 47px;}
#menu-fabrica-cocinas { height: 47px;}

/*primero, poner fondos estado normal*/
#menu-cocinas-integrales a { background-position: 0 0; height: 46px; }
#menu-tiendas-cocinas a { background-position: 0 -46px;	height: 47px;}
#menu-fabrica-cocinas a { background-position: 0 -93px;	height: 47px;}

/*tercero, estados hover*/
#menu-cocinas-integrales a:hover { background-position: -200px 0; }
#menu-tiendas-cocinas a:hover { background-position: -200px -46px; }
#menu-fabrica-cocinas a:hover { background-position: -200px -93px;	}

/* Termina STAGE */
/* BREADCRUMB */
#breadcrumb {
	background-color: #FFFFFF;
	padding-bottom: 5px;
	margin-bottom: 6px;
	padding-top: 5px;
	font-size: 9px;
	letter-spacing: 1px;
	text-indent: 230px;
	border-bottom: #CCCCCC 1px solid;
}
/* Termina BREADCRUMB */
/* CONTENIDO */
#contenido {
	background-color: #FFFFFF;
}
#contenido div.container {
	border-bottom: #CCCCCC 1px solid;
	padding-bottom: 18px;
}

#principal {
	width: 530px;
	float: right;
	color: #282421;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#principal h2 { 
	font-size: 20px; 
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 10px;
	letter-spacing: -0.1em;
}
#principal h4 { 
	font-size: 12px;
	font-style: italic;
	margin-bottom: 20px;
}
#principal h5 {
	font-size: 12px;
	font-weight: bold;
}
#principal p {
	line-height: 1.3em;
	font-size: 11px;
	margin-top: 6px;
	margin-bottom: 9px;	
}
#principal ul {
	margin-left: 20px;
	margin-top: 6px;
	margin-bottom: 9px;	
}
#principal li {
	line-height: 1.2em;
	font-size: 11px;
	list-style-position: inside;
	list-style-type: square;
}
#principal strong { font-weight: bold; }

#principal a {
	color: #517584;
	text-decoration: underline;
}
#principal a:hover { color: #488BB5; }

/* VERSION VERTICAL
#lineas-cocinas-home {
	background-image: url(/_img/layout/sep-lineas-cocinas.gif);
	background-repeat: repeat-y;
	width: 528px;
	height: 352px;
	padding-left: 2px;
	margin-bottom: 10px;
}
#lineas-cocinas-home div {
	width: 172px;
	height: 352px;
	margin-right: 5px;
	float: left;
	background-color: #F0F0F0;
}
#lineas-cocinas-home .lineas-cocina-last { margin-right: 0px; }
#lineas-cocinas-home a {
	width: 164px; /*deberia ser 172 pero con el padding se reduce en 8px 
	height: 344px; /*deberia ser 300 pero con el paddgin se reduce 8 px 
	display: block;
	padding: 4px;
	background-image: url(/_img/layout/mas-info.gif);
	background-repeat: no-repeat;
	background-position: 105px 337px;
	text-decoration: none;
	color: #333333;
}*/

/* VERSION HORIZONTAL */
.lineas-cocinas-home {
	width: 528px;
	height: 335px;
	margin-bottom: 10px;
	background-color: #999999;
}
.lineas-cocinas-home div {
	width: 528px;
	height: 80px;
	margin-bottom: 1px;
	background-color: #F0F0F0;
	border-bottom: #FFFFFF 2px solid;
	border-top: #FFFFFF 2px solid;
}

.lineas-cocinas-home div .Last { margin-bottom: 0; }

.lineas-cocinas-home a {
	width: 524px;
	height: 76px;
	padding: 3px;
	background-image: url(/_img/layout/mas-info.gif);
	background-repeat: no-repeat;
	background-position: 461px 66px;
	text-decoration: none;
	color: #CCCCCC;
	display: block;
}
.lineas-cocinas-home img { float: left; }

.lineas-cocinas-home a:hover { background-color: #F5F5F5; background-image:url(/_img/layout/mas-info-hover.gif); }
.lineas-cocinas-home .logoLinea { margin-top: 6px; margin-left: 10px; }

.lineas-cocinas-home p { display:none; }

/*#lineas-cocinas-home .logoLineaVeneto {	margin-bottom: 2px; }
#lineas-cocinas-home p { margin:0px; padding: 0px;}
#lineas-cocinas-home p img { float: left; margin-right: 8px; }
*/
.floaterRIGHT { float: right; margin-left: 12px; }
.floaterLEFT { float: left; margin-right: 12px; }

#galeria {
	width: 234px;
	height: 220px;
	float: right;
	margin-left: 12px;
	background-color: #F0F0F0;
	padding: 4px;	
}
#galeria .linkZoom {
	display: block;
}
#galeria a {text-decoration: none; }
#galeria h3 {
	font-size: 11px;
	color: #666666;
	text-transform: uppercase;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: normal;
	margin-bottom: 3px;
	margin-top: 0;
}
#crossfade-carac { position: relative; height: 500px; width: 230px; float: right; overflow: hidden; margin-left: 18px; }
#crossfade-carac .fader { display: block; }

/* Termina Principal */
/* LATERAL */
#lateral {
	width: 200px;
	margin-right: 30px;
	float: right;
}
#lateral ul {
	display: block;
	font-size: 11px;
}

#lateral ul li {
	/*height: 22px; se tuvo que comentariar debido a un bug en IE7 */
	text-indent: 26px;
	line-height: 22px;
	vertical-align: middle;
	border-top: #666666 1px solid;
	border-bottom: #F1F1EB 1px solid;
}
#lateral ul li.first {
	border-top: none;
}

#lateral ul li a {
	display: block;
	height: 22px;
	width: 200px;
	text-decoration: none;
	color: #585858;
	font-weight: bold;
}

#lateral ul li a:hover, #lateral li.submenu a:hover  { color: #FFFFFF; }

#lateral li.submenu {
	background-color: #FFFFFF; /*#F1F1EB;*/
	text-indent: 42px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B6B6B6;
}
#lateral li.submenu a { 
	color: #333333;
	font-weight: normal;
}
/* Termina LATERAL */
/* FOOTER */
#footer {
	border-top: 5px solid #FFFFFF;
	font-size: 9px;
	color: #CCCCCC;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 14px;
}

#footerLinks { width: 650px; float: left;}
#footer a {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}
#footer a:hover { color: #FFFFFF; }
/* termina FOOTER */
/* FORMA DE CONTACTO */
.cuadro-contacto {
	background-color: #F1F1EB;
	border: 1px solid #488BB5;
	margin-top: 14px;
	margin-right:6px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
.input-text { font-size: 11px; color:#222222; }
.input-text-error { font-size: 11px; color: #FE9900; }
.requerido { 
	font-weight: bold;
	font-size: 9px;
	color: #006BAD;
}
#forma_contacto textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #F9F9F9;
	border: 1px solid #488BB5;
	padding: 3px;
}
#forma_contacto textarea.fill {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #F9F9F9;
	border: 1px solid #488BB5;
	padding: 3px;
	width: 98%;
}

#forma_contacto textarea.fill:focus {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #488BB5;
	background-color: #FFFFFF;
	border: 1px solid #66A7CE;
	padding: 3px;
	width: 98%;
}

#forma_contacto input {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #F9F9F9;
	border: 1px solid #488BB5;
	padding: 3px;
}

#forma_contacto input:focus {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #488BB5;
	background-color: #FFFFFF;
	border: 1px solid #66A7CE;
	padding: 3px;
}
#forma_contacto input.forma_error {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #FFECCE;
	border: 1px solid #FE9900;
	padding: 3px;}
#forma_contacto select {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #F9F9F9;
	border: 1px solid #488BB5;
	padding: 2px;	
}
#forma_contacto select:focus {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #488BB5;
	background-color: #FFFFFF;
	border: 1px solid #66A7CE;
	padding: 2px;	
}
.forma-opcion {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
	font-size: 11px;
	line-height: 1.5em;
}
#forma_contacto .forma_sinborde, #forma_contacto .forma_boton {
	border: none;
}
#forma-aviso-error {
	background-color: #FFFFFF;
	border: 1px solid #FE9900;
	text-align: center;
	padding: 10px;
	width: 410px;
	margin-left: 27px;
	margin-bottom: 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FE9900;
}
#forma_contacto input.ieFix {
	border: none;
	background-color: #F1F1EB;
}
/* Termina FORMA DE CONTACTO*/
/* RTA */
#buscador-store-gde {
	width: 224px; /* deberia ser 524 pero con el pad cambia*/
	height: 44px;
	background-image:url(/tiendas-cocinas/rta/_img/fondo-buscador-store-gde.jpg);
	background-repeat: no-repeat;
	background-color: #F5F5F5;
	padding-left: 300px;
	padding-top: 139px;
	margin-bottom: 26px;
}

#buscador-store-chi {
	width: 434px; /* deberia ser 524 pero con el pad cambia*/
	height: 42px;
	background-image:url(/tiendas-cocinas/rta/_img/fondo-buscador-store-chi.jpg);
	background-repeat: no-repeat;
	background-color: #F5F5F5;
	padding-left: 90px;
	padding-top: 14px;
	margin-bottom: 26px;
}
.profesional-rta{
	float:left;
	margin-right: 15px;
}
#rta-listado a {
	text-decoration: none;
}
.rta-listado {
	width: 524px;
	height: 55px;
	background-color: #F5F5F5;
	margin-top: 3px;
	margin-bottom: 3px;
}
.rta-listado a {
	background-image: url(/_img/layout/mas-info.gif);
	background-repeat: no-repeat;
	background-position: 454px 38px;
	display: block;
	height: 52px;
	width: 521px;
	border: 3px #FFFFFF solid;
}
.rta-listado a:hover {
	background-image: url(/_img/layout/mas-info-hover.gif);
	border: 3px #DDE6EC solid;
}
.rta-listado img {
	float: left;
	margin-right: 30px;
}
#rta-listado h6 {
	font-weight: bold;
	font-size: 13px;
	color: #E48100;
	margin-bottom: 6px;
	margin-top: 4px;
	padding-top: 8px;
	line-height: 100%;
}
#rta-listado span {
	font-size: 10px;
}
.rta-listado-detalle {
	width: 524px;
	height: 200px;
	background-color: #F5F5F5;
}
.rta-listado-detalle #crossfade { position: relative; height: 200px; width: 250px; float: left; overflow: hidden; }
.rta-listado-detalle #crossfade .fader { display: block; }

#rta-datos-detalle {
	padding-left: 265px;
	padding-top: 14px;
}
/* Termina RTA */
/* LIGHTBOX */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/_img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/_img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/_img/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* Termina LIGHTBOX */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

#principal .sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
}
#principal .sIFR-hasFlash h5 {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 12px;
}
/* TERMINA SIFR*/


#accend {
	display: block;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
}
#ligas-accend {
	float: left;
	filter: alpha(opacity=0); -moz-opacity: 0;	opacity: 0;
}
#accend a img {
	filter: alpha(opacity=70); -moz-opacity: 0.70;	opacity: 0.70;
}
#accend a:hover img {
	filter: alpha(opacity=100); -moz-opacity: 1;	opacity: 1;
}