/*
Template name: Natural Essence
Template URI: http://templates.arcsin.se/natural-essence-website-template/
Release date: 2007-02-20
Description: Soft and natural single/two-column template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/


/* default elements */
* {margin: 0; padding: 0;}

body {
	background: #FFFFFF;
	color: #444444;
	font: normal 62.5% "Calibri" "MS Trebuchet", sans-serif;
	padding: 2% 0;
}

a {color: #642;}
a:hover {color: #963;}

big {font-size: 1.1em;}

h1 {
	font: normal 2.0em "Maiandra GD" "Book Antiqua" "Century Gothic", serif,sans-serif;
	color: #442;
	padding: 8px 0 2px
}

h1.grenat {
	color: #CC0001;
	}

h1 a {
	text-decoration: none;
	color: #006600;
}
h1 a:hover {
	text-decoration: none;
	color: #006600;
}

h2 {
	font: 1.4em "Calibri" letter-spacing:-0.5mm ,serif,sans-serif;
	color: #399820;
	padding: 8px 0 2px;
}
h3 {
	font: 1.2em "Calibri" letter-spacing:-0.5mm ,serif,sans-serif;
	color: #442;
	padding: 8px 0 2px
}
h4 {
	font-size:1em;
	font-weight: bold;	
}
h5 {
	font-size:1em;
	font-weight: bold;	
	color: #CC0001;
}

blockquote {
	background: url('../img/quote.gif') no-repeat;
	display: block;
	font: normal 1.1em "Bradley Hand ITC",Georgia,serif;
	padding-left: 26px
	}
blockquote SPAN {
	text-align: right;
	font: 0.7em "Calibri" ,serif,sans-serif;
	}

table {margin-bottom: 1.2em;}

form {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
/*li SPAN {
	font-weight: bold;		
}
*/
p {padding: 2px 0 10px;}
p SPAN {
	FONT-size: 0.9em;
	font-style: italic;	
}
.small {font: normal 0.9em sans-serif;}
small {font: normal 0.9em sans-serif;}
ul {padding: 0 2em 1.2em;}

/* structure */
#wrapper {
	background: #399820;
	margin: 0 auto;
	width: 752px;
}
#container {
	background: #FBF9F4;
	border-top: 1px solid #399820;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto;
	width: 750px;
}

/* header */
.title {
	background-position: center;
	background: #F0F4DB;
	border-top: 0px solid #399820;
}
.title h1 {
	color: #006600;
	font: normal normal bold 4.2em "Maiandra GD", Georgia, "Trebuchet MS", sans-serif;
	padding: 10px 0 10px 90px;
}

.header {
	border-top: 0px solid #399820;
	background: #DAD7C5 url("../img/NaturaWebHeader.jpg") no-repeat left bottom;
	height: 250px;
}


/* navigation */
.navigation {
	background: #F0F4DB;
	height: 31px;
	border-top: 1px solid #399820;
	border-bottom: 1px solid #399820;
}

/* Styles for the Agenda */
.listomeses {
	FONT: 0.8em "Lucida Sans Unicode",sans-serif;
}

ul.mes {
	list-style:none;
	margin:0;
	padding:0
}
ul.mes * {margin:0; padding:0}
ul.mes a {display:block; color:#000; text-decoration:none}

ul.mes li {
	position:relative;
	float:left;
	}
ul.mes .meslink {
	border-left: 1px solid #808080;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: normal;
	color: #444444;
}
ul.mes .activelink {
	padding-left: 2px;
	padding-right: 2px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #808080;
}
ul.mes .meslink:hover {
	color: #FFFFFF;
	background-color: #808080;
}
ul.mes .firstmeslink:hover {
	color: #FFFFFF;
	background-color: #808080;
}
.agenda {
	background: #FFFFFF;
	font-size: 1.3em;
	margin: 0 auto;
}


/* main */
.main#two-columns {
	background: #FFF;
}

/* bottom */
.bottom {
	background: #F0F4DB;
	border-top: 1px #399820 solid;
	color: #444;
	padding: 10px 20px;
}
.bottom .right {width: 49%;}

.bottom .left {width: 49%;}

/* footer */
.footer {
	background: #399820;
	color: #EED;
	padding: 3px;
}
.footer .left {width: 30%;}
.footer .right {
	width: 60%;
	text-align: right;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer .right a:hover {
	color: #FFF;
	text-decoration: underline;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
.footer .right a {
	color: #FFFFFF;
}

.footer .right {
	color: #FFFFFF;
}

/* gallery */
.gallery td {
	vertical-align: top;
	text-align: center;
}
.gallery em {display: block;}

/* misc */
.clearer {clear: both;} 
.clear {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {
	width: 64%;
	border-right-color: #F0F4DB;
	border-right-style: dotted;
	border-right-width: thin;
}
.col2 .right .content {background: #FFF;}
.col2 .right {width: 33%;}
.content {padding: 25px 12px;}
.left {float: left;}
.right {float: right;}
.right .content {padding: 30px 0px 12px;}

/* block list */
ul.block {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
	color: #553;
	display: block;
}
.block li em SPAN {
	color: #CC3300;
	text-decoration: line-through;
}
}
.block li a {
	color: #553;
	display: block;
}
.block li a {
/*	padding: 4px 3%; */
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
/*	background: #FFFFFF; */
	text-decoration: underline;
	color: #553;
}

.right .block li {border-color: #DCDACC;}

.right .block {border-color: #DCDACC;}
.right .block li a:hover {
	background: #F0F4DB;
}

/* file list */
ul.file {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.file li {
	PADDING-LEFT: 20px; BACKGROUND: url("../img/file_pdf.gif") 0px 8px no-repeat;
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.file li em {
	color: #553;
	display: block;
}
.file li a {
	color: #553;
	display: block;
}
.file li em {
	font-size: 0.9em;
	font-style: normal;
}
.file li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.file li a span {FONT-SIZE: 0.8em; color: gray}
.file li a:hover {
	background: #FFFFFF;
	color: #553;
}

.right .file li {border-color: #DCDACC;}

.right .file {border-color: #DCDACC;}
.right .file li a:hover {
	background: #F0F4DB;
}

/* Styles for the menu */
ul.menu {
	list-style:none;
	margin:0;
	padding:0
}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:32px; left:0; background:#F0F4DB; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#F0F4DB}
ul.menu ul li a:hover {background-color:#FFFFFF}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .firstmenulink {
	padding: 5px 7px 7px;
	font-weight: bold;
	color: #444444;
}
ul.menu .menulink {
	border-left: 1px solid #399820;
	padding: 5px 7px 7px;
	font-weight: bold;
	color: #444444;
}

ul.menu .menuhover {background:#F0F4DB url("../img/arrow.gif") 1px 12px no-repeat}

ul.menu .menulink:hover {background:#F0F4DB url("../img/arrow.gif") 1px 12px no-repeat}
ul.menu .sub {background:#F0F4DB url("../img/arrow.gif") 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

/* Styles for Events */
#event {
	PADDING-TOP: 1em
}
.event {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px
}
.mycomment {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.mycomment {
	BORDER-RIGHT: #e7e7e2 1px solid; BORDER-TOP: #e7e7e2 1px solid; BACKGROUND: #f7f7f2; BORDER-LEFT: #e7e7e2 1px solid; BORDER-BOTTOM: #e7e7e2 1px solid
}
.eventdate {
	FONT: 0.8em "Lucida Sans Unicode",sans-serif; float : left; WIDTH: 35px; MARGIN-RIGHT: 6px; LETTER-SPACING: 2px; TEXT-ALIGN: center
}
.eventdate SPAN {
	FONT-SIZE: 1.8em; LETTER-SPACING: 0px
}
.eventdetails {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FLOAT: left; PADDING-BOTTOM: 0px; BORDER-LEFT: #bbb 1px solid; PADDING-TOP: 0px
}
.eventdetailsname {
	PADDING-LEFT: 20px; BACKGROUND: url("../img/comments.gif") no-repeat; FONT: bold Verdana,sans-serif
}
.eventdetailslugar {
	PADDING-LEFT: 20px; FONT-SIZE: 0.8em; LINE-HEIGHT: 1.5em
}
.eventdetailslugar SPAN {
	text-decoration:underline
}
.eventdetailslugar P {
	MARGIN: 4px 0px 8px
}

/* JABONES */

.jabonfamily {
	FONT: bold 1.3em "Maiandra GD" "Book Antiqua" "Century Gothic", serif,sans-serif;
	TEXT-ALIGN: left;
	vertical-align:top; 
	COLOR: #595959;
	}
.jabonname {
	FONT: bold 1.0em "Maiandra GD" "Book Antiqua" "Century Gothic", serif,sans-serif;
	TEXT-ALIGN: Right;
	vertical-align:top; 
	}
.jabonname SPAN {
	FONT-size: 0.9em;
	font-style: italic;
	font-weight:normal;
	}
.arcilla {
	COLOR: #4F6228;
	}
.arcilla SPAN {
	COLOR: #85943C;
	}
.aroma {
	COLOR: #CC3300;
	}
.aroma SPAN {
	COLOR: #E36C0A;
	}
.sabroso {
	COLOR: #632423;
	}
.sabroso SPAN {
	COLOR: #933B29;
	}
.jabondescription {
	COLOR: #444444;
	vertical-align:top; 
	}
.jabondescription SPAN {
	font-style: italic;
	}