body { font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif; background: url("/images/ui/bg_pattern.gif"); }

#fondo-borde { background: url("/images/ui/bg_madera.png"); width: 1035px; height: 604px; padding: 8px 9px; margin: 2em auto 1em auto;}
#fondo { background: url("/images/ui/bg_madera.jpg"); width: 1035px; height: 604px;  }

#logo img { margin-left: 45px; margin-top: 22px;  float: left; }

#contenido-borde { background: url("/images/ui/sombra_pagina.png"); width: 774px; height: 358px; padding: 6px 6px;  float: right; margin-right: 25px; margin-top: 8em;  }
#contenido { width: 773px; height: 358px; }

#menu { float: right; margin-top: 2.8em; margin-right: 2em; }
#menu li { display: inline; }
#menu li a { margin: 0 0.8em;  font-size: 1.09em;  letter-spacing: 1px; text-transform: uppercase;  text-decoration: none; 	font-weight: normal; color: #B19977; }
#menu li.selected a { background-color: #472D20; font-weight: bold; color: #FFFFFF; overflow: hidden; background-color: #472D20; padding: 3.5em 8px 1em; }
#menu li a:hover { color: white; }
#menu li.selected a span { border-top: 2px solid #cecece; padding: 36px 0.8em 0.8em; overflow: hidden;  }



#submenu { float: left;  margin-left: 60px; margin-top: 95px;  position: relative; z-index: 1; width: 150px; }
#submenu li { background-image: url("/images/ui/separador_menu.png"); background-position: 0 100%; background-repeat: no-repeat; }
#submenu li a  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #874B22; text-decoration: none; padding: 1em 0 0.8em 0; display: block; }
#submenu li.selected a  { color: #BB9E66; }

#contenedor-iconos { width: 960px; margin: 3em auto 0 auto ; overflow: hidden;  }
#contenedor-iconos a, #contenedor-iconos span { float: right; padding-left: 25px; font-size: 0.9em; color: #666; text-decoration: none; display: block; height: 1.5em; padding-top: 0.5em; }
#contenedor-iconos a.es { background: url("/images/ui/micro_english.gif") 0 0.5em no-repeat; }
#contenedor-iconos a.en { background: url("/images/ui/micro_spanish.gif") 0 0.5em no-repeat; }
span.telefono { float: right; background: url("/images/ui/icono_telefono.gif") 0 0.15em no-repeat; padding-left: 25px; font-weight: bold; margin-right: 3em;  }

.no-visible { display: none; }
.contenedor-pie { width: 960px; margin: auto;  overflow: hidden; padding-top: 1em;}

ul.css {  text-align: right; padding: 0em 0em 0em 0em;  margin-right: 1em; }
	ul.css li { display: inline; margin: 0; padding: 0px; }
div.o2w { float: right; }

#o2w { float: right; padding-top: 0em; padding-right: 0px; color: gray; font-size: 0.7em; text-decoration:none; clear: both; margin-right: 1em;  margin-top: 1em; }
#o2w:hover { text-decoration: underline; }

#copyright {  clear: both; text-align: center; font: 0.9em verdana arial; color: #666666; float: left; }
#copyright p { margin-top: 0.5em; text-align: left;  }
#copyright a { color: #666; text-decoration: none; }
strong { font-weight: bold; }

.blanco { color: white; }

ul.servicios { float: right; margin-left: 400px; margin-top: 30px; margin-right: 50px; }
ul.servicios li { display: inline; margin-right: 2px; }
ul.servicios img.marca { padding-bottom: 3px; margin-right: 2em; }


p#anuncio { padding: 1.2em; background: black; color: white;  text-align: center; text-indent: 4em; font-size: 1.1em;  }
p#anuncio span { margin-right: 2em; background: #FF4A01 url("/images/flecha.gif") 100% 50% no-repeat;  padding: 0.2em 1.5em 0.2em 0.5em;  }
#anuncio-sombra { overflow: hidden; padding-bottom: 7px; background: url("/images/sombra.png") 0 100% repeat-x;  }
/*****************************************************************************************************************
* INDEX/VIEW
*****************************************************************************************************************/
#foto-contenido { margin-top: 1em; margin-left: -8em; float: left; position: absolute; }

div.texto { font-size: 0.91em; color: #C6A86D; line-height: 1.4em; margin-top: 6.75em; float: right; margin-right: 3em; width: 330px; }

h2 { 	font-size: 1.8em; color: #FFFFFF; line-height: 1.16em; font-weight: normal; margin-bottom: 1em; }

/*****************************************************************************************************************
* GALERIA
*****************************************************************************************************************/
#miniaturas { width: 228px;  height: 305px;  margin: auto;  float: left; }
#miniaturas li { display: block; float: left;  padding: 0; margin-bottom: 0em; overflow: hidden; width: 228px; height: 305px;}
#miniaturas li img { padding: 0px; margin: 0px; }
#miniaturas li a { margin: 1px 1px 1px 2px; overflow: hidden; display: block;  float: left;  }

div.scroll {  padding-top: 2px; padding-left: 1px;}

#foto-media { float: right; width: 540px;  }
#foto-media div.descripcion { background-color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.83em; display: block; width: 99%; height: 24px; margin: -28px auto 0 auto; z-index: 1;position: relative;  }
#foto-media div.descripcion a {  padding: 0.5em 1em ; display: block; color: white; text-decoration: none;  }
#foto-media div.descripcion span { color: #ccc; float: right; background: url("/images/ui/zoom.gif") no-repeat; padding-left: 15px; height: 24px; padding-top: 2px;}


div.flechas { margin: 1em auto;  }
div.flechas a.prev { margin-left: 90px;  }
div.flechas a.next { margin-left: 10px;  }

#galerias-secciones { position: absolute; margin-top: -4em; background: url("/images/troquel.jpg") no-repeat; width: 778px; overflow: hidden; height: 22px; padding: 0.4em 0 0 1em;  }
#galerias-secciones li { display: inline; padding: 0.5em 0; font-size: 0.91em;  }
#galerias-secciones li a { color: #874B22; text-decoration: none; padding: 0 2em;  }
#galerias-secciones li.selected a  { color: white; }
/*****************************************************************************************************************
* CONTACTO
*****************************************************************************************************************/
div.texto.contactar {color: #C6A86D; line-height: 1.4em; margin-top: 2em; float: right; margin-right: 2em; width: 490px; }

#form-contacto { width: 490px; float: right; clear: both; }
#form-contacto label { float: left; width: 220px; font-size: 0.91em; margin-bottom: 1em; min-height: 4em; }
#form-contacto label input, #form-contacto label select { font-size: 0.91em; width: 19em;  }
#form-contacto label span { display: block; color: white; padding-bottom: 0.3em;  }
#form-contacto label #texto { width: 22em; font-size: 0.91em;  height: 6em; }


#form-contacto div.texto-a-enviar, #form-contacto div.campos { background: url("/images/ui/dots.gif") 0 0 repeat-x; overflow: hidden; clear: both; width: 460px; padding-top: 1em; margin-top: 1em; margin-right: 2em;  }

#form-contacto .boton-enviar { float: right; margin-top: -4em; margin-right: 10em; background: #733D19; border: 0px; font-size: 0.91em; color: white; font-weight: bold; padding: 0.2em 0.5em; }

label.error { padding: 0; margin: 0.1em 0; color: red; position: absolute; clear: both; margin-left: -20em; margin-top: 2.3em;   }


span.direccion { padding: 1em 1em 0 1em; margin-top: 2em; background: url("/images/ui/dots.gif") repeat-x; display: block; width: 10em;   }
span.direccion-bottom { padding: 0em 0em 1em 1em;  background: url("/images/ui/dots.gif") 0 100% repeat-x; display: block; width: 10em;  }

a.google-maps { background: url("/images/ui/icono_mapa.png") no-repeat; padding-left: 40px; width: 10em; color: white; font-size: 0.95em; display: block; margin-top: 8em; }


/*****************************************************************************************************************
* SCROLL
*****************************************************************************************************************/

.holder .scroll-pane {
	padding-right: 10px;
	overflow: hidden;
	float: left;
	height: 225px;
}

a.jScrollArrowUp {
	background: transparent url(/images/desplazamiento_arriba.gif) no-repeat 0 0;
}


a.jScrollArrowDown {
	background: transparent url(/images/desplazamiento_abajo.gif) no-repeat 0 0;
}

.holder .jScrollPaneDrag {
	background: transparent url(/images/scroll.gif) no-repeat 0 0;
}

.holder .scroll-pane {

}
.holder .jScrollPaneTrack {

}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}

.jScrollPaneDrag {
	position: absolute;
	width: 15px;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 11px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 11px;
}