* {padding: 0; margin: 0;}
html {height:100%; margin-left: -1px; overflow-Y: scroll;}
body {height:100%; margin: 0; padding: 0; font: 12px Trebuchet MS, Arial, Helvetica, sans-serif; color: #fff; background-image:url(bg.gif); background-position:center; background-repeat: repeat-y; background-color:#320000;}

h1 {font-size: 20px; color: #c09339; margin-bottom:5px;}
h2 {font-size: 16px; color: #c09339; margin-bottom:5px;}
h3 {font-size: 14px; color: #c09339; margin-bottom:0px;}
h4 {font-size: 12px; color: #c09339; margin-bottom:5px;}

p {margin-bottom:1em;}
.buscador {margin-bottom:0;}
.submit { background-color:#c09339; color:#320000; border:1px solid #FFF; margin:4px 0;}
a {color: #c09339; text-decoration: none;}
a:hover {color: #fff;}
li {list-style:square; margin-left:20px;}
ul {margin-bottom:10px;}
hr {display: block; border-top: 1px solid #c09339; margin: 10px 0 10px 0; padding: 0;}

.line {display: block; border-top: 1px solid #c09339; margin: 10px 0 10px 0; padding: 0; clear:left;}
.spacer-circulares {display: block; border-top: 1px solid #320000; margin: 10px 0 10px 0; padding: 0; clear:left;}

.grande { font-size:20px;}
.oro { color: #c09339;}
.oro-random { color: #c09339; margin-left:13px; margin-bottom:0; font-weight:bold;}
.roco { color: #320000;}
.oro-grande { color: #c09339; font-size: 20px;}
.rojo { color: #320000;}
.rojo-grande { color: #320000; font-size: 20px;}
.centre { text-align:center;}
.filosofia { text-align:center; background-image:url(filosofia-cosmetica.jpg);}


.textright {text-align:right;}
.fotos-eventos {margin:0 0 10px 10px; border: #c09339 solid 1px; float:right;}
.foto-evento {margin-left:10px; float:right; border: #c09339 solid 1px;}
.foto-producto {margin-left:10px; float:right; border: none;}
.foto-right {float:right;}
.fotos-tiendas {margin: 0 8px 10px 0; border: #c09339 solid 1px;}
.foto-cosmetica {margin:10px auto; border:1px solid #c09339; display:block;}
.texto-cosmetica { text-align:center;}
.foto-circulares {margin:6px; border:1px solid #c09339; float:left;}
.foto-circular {margin:10px auto; border:1px solid #c09339; display:block;}
.fotos-horizontal {margin:6px; border:1px solid #c09339; float:left;}
.fotos-dist {margin:10px auto; border:1px solid #c09339; display:block;}
.foto-random {width:148px; border:1px solid #c09339; margin:0 0 8px 13px;}
.video {border:1px solid #c09339;}

#fotos {width:200px; float:right;}

#header {height:170px; margin:0px auto 0px auto; background-image:url(header.jpg); background-position:center;}

#footerwrap {margin:0px auto; height:170px; background-image:url(footer.jpg); background-position:center;}
#footer {width:800px; height:45px; padding-top:15px; margin: 0px auto 0px auto; color:#320000; text-align:center;}
#footer p {margin-bottom:0; font-size:12px;}
.push {height:45px;}

#high {width:800px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -45px;}
#cosmetics {width:163px; margin:10px 0px 0px 10px; float:left; list-style:none;}
.noticias {margin:10px 0px 0px 13px; border: 1px solid #c09339;}
#natural {width:590px; padding:10px 10px 0px 0px; float:right; padding-left:15px;}
#buscador { width:150px; border-top: 1px solid #c09339; border-bottom: 1px solid #c09339; margin: 10px 0 8px 13px; padding:5px 0;}
#addthis { width:150px; border-bottom: 1px solid #c09339; margin: 10px 0 8px 13px; padding:5px 0 10px 0;}
#alta-cosmetica-natural { width:150px; margin: 10px 0 8px 13px;}

#eventos-noticias { width:590px;}
/*#eventos-noticias li { list-style:none; margin-left:0px;}*/
#eventos {width:280px; float:left;}
#noticias {width:280px; float:right;}


#map {width:590px; height:800px; margin-bottom:10px;}
#slideshow {width:588px; height:424px; margin-bottom:10px; display:block; border:1px solid #c09339;}
#slideshow2 {width:590px; height:400px; display:block;}

#language {height:26px; margin:0px; padding: 0 0 10px 12px;}

#menu{width: 163px; margin-bottom:10px; font-size:12px;}
.treeview, .treeview ul {padding: 0; margin: 0;}
.treeview ul {margin-top: 4px;}
.treeview .hitarea {float: left; cursor: pointer;}
/* fix for IE6 */
* html .hitarea {display: inline; float:none;}
.treeview li {margin: 0; padding: 3px 0px 3px 12px;}
#treecontrol {margin: 1em 0; display: none;}
.treeview .hover {color: #fff; cursor: pointer;}
.treeview-red li {color:#c09339; list-style:none;}
.level2 {color:#fac457;}
.level3 {color:#ffe3ab;}
.espanol {border:none;}
 
.main {/*border-bottom: 1px solid #c09339;*/ list-style:none;}

.productos {width:573px; background-image: url(productos.jpg); background-repeat:repeat-y; background-position: right; border:1px solid #c09339; padding:5px 5px 5px 10px; color:#333;}
.product {color:#c09339;}
.productlink {color:#320000;}
a:hover.productlink {color:#333;}