HTML {
	margin:0; padding:0;
}

#htmlBackground {
	background:url(pageback.jpg) #a3acad repeat-x;	
}

#main {
	color:#000; font-family:palatino, Times New Roman, Times, Serif; margin:0; padding:0;
}

#principal {
	width:792px; position:relative; text-align:left; margin:0 auto; padding:0;
}

#backgroundMenu {
	background:url(backgroundMenu.gif) #003f72 no-repeat; height:115px; width:792px; margin:10px 0 0; padding:0;
}

#logosf {
	float:left;
}

/* Metodo para reemplazar el Span con la imagen */
#titulo {
	position:relative; 
	width:270px;
	height:34px;
	overflow:hidden;
	color:#FFF;
	float:left;
	font-family:palatino, Times New Roman, Times, Serif;
	font-size:12px;
	text-indent:22px;
	margin:0;
	padding:0;
}

#titulo span {
	display:block; position:absolute; left:0; top:0; z-index:1;	margin:0; padding:0; width:270px; height:34px; 
}

#mueblesDeOficina {
	background-image:url(sf-muebles.gif);
}

#archivos {
	background-image:url(sf-archivos.gif);
}

#cortinas {
	background-image:url(sf-cortinas.gif);
}

#escritorios {
	background-image:url(sf-escritorios.gif);
}

#paneles {
	background-image:url(sf-paneles.gif);
}

#lockers {
	background-image:url(sf-lockers.gif);
}

#amedida {
	background-image:url(sf-amedida.gif);
}

#puestos {
	background-image:url(sf-puestos.gif);
}

#sillas {
	background-image:url(sf-sillas.gif);
}

#sillones {
	background-image:url(sf-sillones.gif);
}

#cerramientos {
	background-image:url(sf-cerramientos.gif);
}

/*La imagen del tab izquierda lo pone sobre el tag base, la del derecho, sobre el span... */
#navbar {
	font-size:60%; float:left; text-transform:uppercase; width:792px;
	line-height:normal; font-family:arial, helvetica, tahoma, sans-serif;
}

#navbar UL {
	list-style-type:none; margin:0; padding:3px 3px 0;
}

#navbar LI {
	display:inline; margin:0; padding:0;
}

#navbar A {
	float:left; text-decoration:none; margin:0; padding:0 0 0 7px;
}

#navbar A SPAN {
	display:block; color:#fff; padding:5px 9px 4px 2px;
}

#navbar #current {
	background:url(tab_left.gif) no-repeat left top; font-weight:700; border-width:0;
}

#navbar #current SPAN {
	background:url(tab_right.gif) no-repeat right top; padding-bottom:5px; color:#fff;
}

#navbar A:hover {
	background:url(tab_left.gif) no-repeat left top;
}

#navbar A:hover SPAN {
	background:url(tab_right.gif) no-repeat right top;
}

/* SideBox amarillo */
#sidebox {
	float:left; width:171px; background-repeat:no-repeat; background-image:url(sb3t.gif); margin:5px 0px 0px 5px; padding:0;
}

#sideboxbottom {
	background-repeat:no-repeat;
	height:13px;
	background-color:#FFF;
	background-image:url(sb3b.gif);
	margin:0;
	padding:0;
}

#sideboximg {
	height:137px;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	margin:0;
}

/* SideBox Wide */
#sideboxwide {
	float:left;
	width:83px;
	background-repeat:no-repeat;
	background-image:url(sb8t.gif);
	margin:5px 0px 0px 5px;
	padding:0;
}

#sideboxwidebottom {
	background-repeat:no-repeat;
	height:13px;
	background-color:#FFF;
	background-image:url(sb8b.gif);
	margin:0;
	padding:0;
}

#sideboxwideimg {	
	height:137px;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;	
	margin:0;
}

/* ShowRoom (el sidebox de la derecha) */
#showroom #sidebox {
	float:left;
	width:430px;
	background-repeat:no-repeat;
	background-image:url(sb4t.gif);
	margin-left:3px;
	margin-top: 5px;
	margin-right: 5px;
	padding:0;
}

#showroom #sideboxbottom {
	background-repeat:no-repeat;
	height:17px;
	background-color:#FFF;
	background-image:url(sb4b.gif);
	margin:0;
	padding:0;
}

#showroom #sidebox H2 {
	font-size:0.75em;
	color:#000;
	font-family:Trebuchet, "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	text-align:center;
	vertical-align:middle;
	margin:0;
	padding:5px 3px 2px;
}

#showroom #sidebox P {
	padding-left:0; padding-top:5px; height:320px; vertical-align:middle; text-align:center; margin:0;
}

/* Ofertas  */
#showofertas #sidebox {
	float:left;
	width:340px;
	background-repeat:no-repeat;
	background-image:url(sb2t.gif);
	margin:3px;
	padding:0;
	margin-left: 30px;
}

#showofertas #sideboxbottom {
	background-repeat:no-repeat;
	height:17px;
	background-color:#FFF;
	background-image:url(sb2b.gif);
	margin:0;
	padding:0;
}

#showofertas #sidebox H2 {
	font-size:0.75em;
	color:#000;
	font-family:Trebuchet, "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif;
	text-align:center;
	vertical-align:middle;
	margin:0;
	padding:5px 3px 2px;
}

#showofertas #sidebox P {
	padding-left:0; padding-top:5px; height:328px; vertical-align:middle; text-align:center; margin:0;
	font-family:Verdana, Trebuchet, "Trebuchet MS", Arial, Tahoma, sans-serif; 	font-size:0.75em;
}


/* Divisiones de pantalla */
#fotos {
	height:380px; float:left; width:354px; margin:0; padding:0;
}

#shorwoom {
	float:left; width:438px; background-color:#39C; margin:0; padding:0;
}

/* Background del cuerpo principal */
#content {
	background:url(content-bot.gif) #fff no-repeat left bottom; margin:0;  padding:0 0 6px;
}

#content P {
	padding-right:15px; margin-bottom:0;
}

P {
	padding-left:20px; font-family:arial, helvetica, tahoma, verdana, sans-serif; font-size:75%;
}

P.small {
	font-size:65%;
}

SPAN.small {
	font-size:85%;
}

SPAN.date {
	font-size:85%; color:#999; font-style:italic;
}

P.big {
	font-weight:700; font-size:200%; text-align:center;
}

/* Texto click imagenes */
#leyenda_secciones {
	clear:both;
	padding-bottom:4px;
	padding-top:0;
	height:20px;
	text-align:center;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:700;
	margin:0;
}

/* Imagenes */
.imagen {
	cursor:pointer; border:none;
}

/* Pie */
#footer {
	clear:both;	background:#d6dddd; font-family:tahoma, geneva, verdana; height:22px;
	vertical-align:middle; text-align:center; margin:0; padding:0 15px 0 0;
}

#footer P {
	margin-top:2px; margin-bottom:0;
}

/* Fecha de Actualizacion */
#lastUpdate {
	text-align:center; font-size:10px; font-weight:700; font-family:tahoma, geneva, verdana;
}

#sideboxdescripcion,#sideboxwidedescripcion,#showroom #sideboxdescripcion {
	background-repeat:no-repeat; height:33px; margin:0; padding:0;
}

#sidebox H2,#sideboxwide H2 {
	font-size:10px; font-family:Verdana,Arial, Helvetica, sans-serif; font-weight:700; text-align:center; color:#000; margin:0; padding:5px 3px 2px;
}

#content UL,#content OL {
	padding-left:40px; font-size:75%; font-family:arial, helvetica, tahoma, verdana, sans-serif;
}

H2,H3,H4 {
	padding-left:20px; font-family:arial, helvetica, tahoma, verdana, sans-serif;
}

A:link,A:active,A:hover,A:visited {
	color:#000;	text-decoration:none;
}

/* Slider CSS */
#slider {
    width: 659px; 		/* The same as image width */
    height: 391px; 		/* The same as image height */
    position: relative;
	overflow: hidden;
	padding:0px 0px 0px;	
	margin-left:66px;
	margin-top:0px;
}
#slider UL {
    width: 659px; 		/* The same as the image width */
    position: absolute;
	list-style-type:none; margin:0; padding:0px 0px 0px;	
}
.sliderSpinnerImage {
    float: left; position: relative; margin:0; padding:0; width:100%; height:400px; text-align:center;  padding-top:160px;
}
.sliderImage {
    float: left; position: relative; margin:0; padding:0; width:100%; text-align:center; 
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 659px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
	text-align:left;
	display: none;
}
.sliderImage span strong{
    font-size: 14px;
}
.top {
	top: 0; left: 0;
}
.bottom {
	bottom: 0; left: 0;
}
.left {
	top: 0; left: 0; width: 110px !important; height: 120px; margin-left:75px;
}
#homepagenoscript p {
	color:#0000;
	font-size:14px; font-family:tahoma, geneva, verdana;
	font:bold;
	text-align:center;
}

