@charset "utf-8";
/* Hoja de Estilos para sitio AMSALA
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;
	font-size: 11px;
}

body {
	background-color: #624D3C;
}
.container {
	position: relative;
	width: 954px; /* valor previo: 754px; */
	margin: 0 auto;		
	z-index: 5;
}

#head {
	background-color: #FFFFFF;
	background-image: url(/_img/layout/puntos.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 102px;
}

#head h1 {
	width: 274px;
	height: 64px;
	position: absolute;
	left: 34px;
	top: 20px;
	background-image: url(/_img/layout/logo-amsala.gif);
	background-repeat: no-repeat;
}
#head h1 span {	display: none;}

#head .fecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #989B1C;
	position: absolute;
	top: 79px;
	right: 10px;
}

#nav {
	position: absolute;
	top: 21px;
	right: 10px;
}
#nav span { display: none; }
#nav li {
	float: left;
}
#nav li a {
	display: block;
	position: relative;
	height: 25px;
	background-image: url(/_img/layout/navegacion.gif);
	background-repeat: no-repeat;
}

#nav-home { width: 35px;}
#nav-contacto { width: 60px;}
#nav-mapa { width: 35px;}
#nav-cotizacion { width: 58px;}

/*primero, poner fondos estado normal*/
#nav-home a { background-position: 0 0;}
#nav-contacto a { background-position: -35px 0;}
#nav-mapa a {	background-position: -95px 0;}
#nav-cotizacion a {	background-position: -130px 0;}

/*segundo, poner fondos estado activo*/
#nav-home a.activo { background-position: 0 -50px; }
#nav-contacto a.activo { background-position: -35px -50px; }
#nav-mapa a.activo {	background-position: -95px -50px;}
#nav-cotizacion a.activo {	background-position: -130px -50px;}

/*tercero, estados hover*/
#nav-home a:hover { background-position: 0 -25px; }
#nav-contacto a:hover { background-position: -35px -25px; }
#nav-mapa a:hover {	background-position: -95px -25px;}
#nav-cotizacion a:hover {	background-position: -130px -25px;}


#menuDiv {
	height: 34px;
	background-image: url(/_img/layout/puntos.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#menu {
	position: absolute;
	top: 3px;
	left: 20px;
}
#menu span { display: none; }
#menu li {
	float: left;
}
#menu li a {
	display: block;
	position: relative;
	height: 23px;
	background-image: url(/_img/layout/menu.gif);
	background-repeat: no-repeat;
}

#menu-catalogo { width: 124px;}
#menu-ambientes { width: 126px;}
#menu-empresa { width: 116px;}
#menu-pedidos { width: 122px;} 

/*primero, poner fondos estado normal*/
#menu-catalogo a { background-position: 0 0; }
#menu-ambientes a { background-position: -124px 0; }
#menu-empresa a {	background-position: -250px 0;}
#menu-pedidos a {	background-position: -366px 0;}

/*segundo, poner fondos estado activo*/
#menu-catalogo a.activo { background-position: 0 -46px; }
#menu-ambientes a.activo { background-position: -124px -46px; }
#menu-empresa a.activo {	background-position: -250px -46px;}
#menu-pedidos a.activo {	background-position: -366px -46px;}

/*tercero, estados hover*/
#menu-catalogo a:hover { background-position: 0 -23px; }
#menu-ambientes a:hover { background-position: -124px -23px; }
#menu-empresa a:hover {	background-position: -250px -23px;}
#menu-pedidos a:hover {	background-position: -366px -23px;}

#main {
	background-color: #F7F8DF;
	background-image: url(/_img/layout/fondo.gif);
	background-repeat: repeat;
	padding-top: 10px;
	padding-bottom: 10px;	
}

#stage { margin-bottom: 7px; }

.contenido {
	background-image: url(/_img/layout/main-fondo-v2009.gif);
	background-repeat: repeat-y;
}

.main-top {
	background-image: url(/_img/layout/main-top-v2009.gif);
	background-repeat: no-repeat;
	background-position: top center;
	height: 24px;/* deberia ser 38px;*/
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 14px;
	text-align: right;
}

.main-top span {
	display: inline;
}

.main-top h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 17px;
	color: #333333;
	letter-spacing: -0.1em;
	display: inline;	
}
.main-bottom {
	background-image: url(/_img/layout/main-bottom-v2009.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 30px; /*deberia ser 38px;*/
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	margin-top: 11px;
	color: #989B1C;	
}
.main-bottom strong { font-weight: bold; }
.main-bottom a {
	color: #989B1C;
	text-decoration: none;
}
.main-bottom a:hover { text-decoration: underline; }

#anterior {
	position: absolute;
	left: 212px;
}
#anteriorMsg {
	position: absolute;
	left: 252px;
}

#main-contenido {
	padding-top: 11px;
	width: 920px; /* 720px; */
	position: relative;
	left: 17px;
	background-image: url(/_img/layout/fondo-floral.gif);
	background-repeat: no-repeat;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


#submenu {
	color: #333333;
	font-size: 12px;
	width: 252px; /* 190px;*/
	float: left;
}

#submenu ul {
	margin-top: 20px;
	margin-left: 25px;
	width: 210px; /*150px;*/
}
#submenu li {
	list-style-image: url(/_img/layout/submenu.gif);
	list-style-position: outside;
	line-height: 1.8em;
}
#submenu a {
	color: #333333;
	text-decoration: none;
}
#submenu a:hover {
	font-weight: bold;
	text-decoration: underline;
}
#principal { float: left; }
#principal.conmenu { width: 668px; /* 530px;*/ }
#principal.sinmenu { width: 920px; }

#principal h2, #main-contenido h2 {
	font-size: 2em;
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
	margin-bottom: 12px;
}
#principal h3, #main-contenido h3 {
	font-size: 1.2em;
	color: #333333;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 6px;
}
#principal p, #main-contenido p {
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #646464;
}
#principal li {
	color: #646464;
	font-size: 1.2em;
}
#principal a:link, #main-contenido a:link {	color: #989B1C; }
#principal a:visited, #main-contenido a:visited {	color: #989B1C; }
#principal a:hover, #main-contenido a:hover { color: #CAD025; }
#principal a:active, #main-contenido a:active { color: #989B1C; }

#principal strong, #main-contenido strong { font-weight: bold;}

.fotoRight {
	float: right;
	margin: 20px;
}

#detalle {
	background-color: #D7DACF;
	background-image: url(/_img/layout/fondo-catalogo.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 630px;  /* 490px; /*deberia ser 520px;*/
	padding: 15px;
	position: relative;
	top: -9px;
}
#detalle .detalle_1er { margin-top: 0px; }

.relacionados a { color: #624D3C; font-size: 9px;}
.relacionados a:hover { color: #9FA31D;}

.imgDetalle {
	width: 285px;
	height: 285px;
	border: 1px solid #624D3C;
	margin-right: 15px;
}

#thumbs a {
	display: block;
	height: 60px;
	width: 60px;
	border: #E4E7D9 3px solid;
	margin-right: 12px;
	margin-top: 12px;
	float: left;
}
#thumbs a:link { border-color: #E4E7D9; }
#thumbs a:visited {	border-color: #E4E7D9; }
#thumbs a:hover { border-color: #C0C8A8; }
#thumbs a:active { border-color: #E4E7D9; }

#thumbs img {
	height: 60px;
	width: 60px;
	border: #624D3C 1px solid;
}
#thumbnail { background-color: #0033FF; }

#thumbnail .placeholder{
	background-color: #FFFFFF;
	width: 125px;
	height: 125px;
}
#thumbnail a {
	display: block;
	background-color: #E4E7D9;
	border: 1px solid #E4E7D9;
	padding-top: 9px;
	padding-left: 7px; /*9*/
	padding-right: 7px;		/*9*/
	padding-bottom: 3px;
	width: 125px;
	height: 160px;
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom: 14px;
	float: left;
	font-size: 0.9em;
	text-decoration: none;
	overflow: hidden;
}
#thumbnail p {	font-size: 10px; }

#thumbnail a:hover {
	background-color: #F1F3EC;
	border: 1px solid #D6D6D6;
	text-decoration: underline;
}
/*
.ambientesDiv {
	height: 153px;
	width: 510px;
	margin-bottom: 9px;
	border: 1px solid #CCCCCC;
	background-color: #FBFBFB;
}
#ambientes img {
	float: left;
	margin-right: 20px;
}
#ambientes h4{ 
	width: 240px;
	float: left;
	margin-top: 10px;	
}
.ambienteDescripcion {
SCROLLBAR-FACE-COLOR: #CAD025;
SCROLLBAR-HIGHLIGHT-COLOR: #FBFBFB;
SCROLLBAR-SHADOW-COLOR: #FBFBFB;
SCROLLBAR-3DLIGHT-COLOR: #FBFBFB;
SCROLLBAR-ARROW-COLOR: #F4F4F4;
SCROLLBAR-TRACK-COLOR: #F4F4F4;
SCROLLBAR-DARKSHADOW-COLOR: #FBFBFB;
	overflow: auto;
	height: 70px;
	width: 254px;
	float: left;
	margin-bottom: 9px;
	border: 0;
	background-color: #FBFBFB;
}

#ambientes p { font-size: 10px; }
*/

/* HOME */

#home-noticias {
	background-image:url(/_img/layout/noticias-bg.gif);
	background-position: center;
	background-repeat: repeat-y;
	margin-top: 8px; margin-bottom: 8px;
}

#home-noticias #notibackgd {
	background-image:url(/_img/layout/noticias-bottom.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#home-noticias #notitop {
	background-image:url(/_img/layout/noticias-top.gif);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
}

#home-noticias ul {
	display: block;
	background-image: url(/_img/layout/noticias-label.gif);
	background-repeat: no-repeat;
	background-position: 100px 0px;
}

#home-noticias li {
	font-size: 	12px;
	margin-left: 340px; margin-right: 18px;	margin-bottom: 10px; margin-top: 10px;
	list-style-image: url(/_img/layout/bullet.gif);
	list-style-position: outside;
}

/*FOOTER*/

#footer {
	background-image: url(/_img/layout/puntos.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: #ECE4DF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	padding-top: 20px;
	padding-bottom: 1px;	/*15px era antes de LIGAS ACCEND*/
	text-transform: lowercase;
}
#footer a {
	color: #ECE4DF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer-links {	width: 840px; float: left; }

#crossfade { /*position: relative;*/ height: 260px; width: 520px; /*float: right; overflow: hidden;*/ margin-bottom: 15px;}
#crossfade .fader { display: block; }

/* FORMA DE CONTACTO */
.cuadro-contacto {
	background-color: #F1F3EC;
	border: 1px solid #CCCCCC;
	margin-top: 14px;
	margin-right:6px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	position: relative;
}
.input-text { font-size: 12px; color:#222222; }
.input-text-error { font-size: 12px; color: #FE9900; }
.requerido { 
	font-weight: bold;
	font-size: 10px;
	color: #95981B;
}
#forma_contacto textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color: #95981B;
	background-color: #F8F5F3;
	border: 1px solid #624D3C; /*#488BB5;*/
	padding: 3px;
}
#forma_contacto textarea.fill {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color: #95981B;
	background-color: #F8F5F3;
	border: 1px solid #624D3C;
	padding: 3px;
	width: 98%;
}
#forma_contacto textarea.fill:focus {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color: #95981B;
	background-color: #FFFFFF;
	border: 1px solid #CAD025;
	padding: 3px;
	width: 98%;
}
#forma_contacto input {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #95981B;
	background-color: #F8F5F3;
	border: 1px solid #624D3C;
	padding: 3px;
}
#forma_contacto input:focus {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #95981B;
	background-color: #FFFFFF;
	border: 1px solid #CAD025;
	padding: 3px;
}
#forma_contacto input.forma_error {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #FE9900;
	background-color: #FFECCE;
	border: 1px solid #FE9900;
	padding: 3px;
}
#forma_contacto select {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #95981B;
	background-color: #F8F5F3;
	border: 1px solid #624D3C;
	padding: 2px;	
}
#forma_contacto select:focus {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color: #95981B;
	background-color: #FFFFFF;
	border: 1px solid #CAD025;
	padding: 2px;	
}
.forma-opcion {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #666666;
	font-size: 14px;
	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: 608px;
	/*margin-left: 27px;*/
	margin-bottom: 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FE9900;
}

/******Termina forma de contacto */
/* 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 */

/*.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/

/**/
.sIFR-hasFlash #principal h2, .sIFR-hasFlash #main-contenido h2 {
	visibility: hidden;
	font-size: 20px;
}
.sIFR-hasFlash #ambientes h4 { visibility: hidden; font-size: 20px; } 
.sIFR-hasFlash #main-top h3 { visibility: hidden; } 
/*****************************/

#ligas-accend {
	color: #624D3C;
	filter: alpha(opacity=50); -moz-opacity: 0.50;	opacity: 0.50;
}
#ligas-accend a {
	color: #5E4A39;
	text-decoration: none;
}
#accend {
	display: block;
	float: right;
}
#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;
}

/* AMBIENTES */ 

#ambienteDetalle {
	border: 1px solid #666;
	background-color: #F7F8DF;
	padding: 18px;
	width: 684px;
}

#ambienteDetalle h5 {
	font-weight: bold;
	font-size: 16px;
}

#ambienteDetalle th {
	margin: 4px; padding: 4px;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	font-style: italic;
}
#ambienteDetalle td {
	margin: 4px; padding: 4px;
	font-size: 11px;
	color: #333;
}