/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 20px 0;
	padding: 0;
	background: #a05c8b;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

/* Content */

#content {
	width: 700px;
	margin: 0 auto;
	background: url(images/img4.gif);
}

#colOne {
	float: right;
	width: 160px;
	padding: 20px 10px 0 10px;
}

#colOne h2 {
       margin: 2px;
}

#colTwo {
	float: right;
	width: 360px;
	padding: 20px 10px 0 10px;
}

#colThree {
	float: right;
	width: 120px;
	padding: 10px;
}

#colOneTwo {
	float: right;
	width: 540px;
	padding: 20px 10px 0 10px;
}

#colTwoThree {
	float: right;
	width: 480px;
	padding: 20px 10px 0 10px;
}

div.texto {background-color:#ffe982;padding:8px;}

h1, h2, h3 {
	color: #800080;
}

h2 {
	font-size: 1.6em;
}

h2.news {color:red;font-weight:bold;font-style:italic;font-size:20px;}

.blacktitle {
	color: #61899f;
}

h3 {
	margin: 0;
	font-size: 1em;
}

h3.news {color: black;font-style:italic;}

p, ul, ol, blockquote {
	margin-top: 0;
}

span.sabor {
    color: green;
    font-weight: bold;
    font-style: italic;
}
span.sano {
    color: #800080;
    font-weight: bold;
    font-style: italic;
}

span.shopattent {
    color:red;
    font-weight:bold;
    font-style:italic;
    background-color:#ffff00;
    padding:2px;
}

.error {
    color: red;
}

/* a:link {*/
a {
#	border-bottom: 1px dotted #800080;
	text-decoration: none;
#	color: #3284B5;
	color: #800080;
}

a.sabermas { color: red; font-weight:bold;}

a:hover, a.sabermas:hover {
#	border: none;
#	border-bottom: 1px dotted #800080;
    color: blue;
}

a img {
        border-botom:1px;
        border-style:none;
        border: none;
}

button.basket {
    border:none;
    margin:1px;
}
button.basket:hover {
    border:solid;
    border-width:1px;
    margin:0px;
}

img {
	border: none;
}

input.amount {
        width: 25px;
}

/* Header */

#header {
	width: 700px;
/*	height: 176px; */
	height: 145px;
	margin: 0 auto;
	background: url(images/img1.jpg) no-repeat; 
}

#header * {
	margin: 0;
	border: none;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: normal;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 140px 0 0 20px;
	font-size: 3em;
}

#header h2 {
	float: left;
	padding: 165px 0 0 3px;
	font-size: 1em;
}

/* Menu */

#menu {
	width: 700px;
	height: 34px;
	margin: 0 auto;
/*	background: #37AEF2 url(images/img2.gif)*/
	background: #8ea8b9 url(images/img2.gif)
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 24px;
	padding: 9px 20px 0 20px;
	text-decoration: none;
	color: #FFFFFF;
}

#menu .active a {
	background: url(images/img5.gif);
	color: #FFFFFF;
}

#menu a:hover {
	background: url(images/img5.gif);
	color: #FFFFF0;
}


/* Footer */

#footer {
	width: 700px;
	margin: 0 auto;
	padding: 10px 0;
	background: url(images/img6.gif) repeat-x;
	font-size: smaller;
}
#footer * {
	color: #ffffff;
}
.teaser-r {background-color:#d0fa8a; padding:2px; margin-top:5px; margin-bottom:0px;}
.teaser-news {background-color:#d3d3d3; padding:2px; margin-top:0px; margin-bottom:0px;}
.alga {color:#c7450a;}
.chicha {color:#800080;}
.huacatay {color:green;}
.lucuma {color:#fb630d;}

/*
colores en reserva:
amarillo teaser: f4f46b
*/

/*
.rand {width:360px; margin:0}
.o1, .o2, .o3, .o4, .u1, .u2, .u3, .u4 {display:block; overflow:hidden;}
.o1, .o2, .o3, .u1, .u2, .u3 {height:1px;}

.o1 {margin:0 5px; background:#999;}
.u1 {margin:0 5px; background:#fff;}

.o2, .u2 {margin:0 3px; border-width:0 2px;}
.o2 {background:#ccc; border-left:1px solid #999; border-right:1px solid #aaa;}
.u2 {background:#ccc; border-left:1px solid #eee; border-right:1px solid #fff;}

.o3, .u3 {margin:0 2px;}
.o3 {background:#ccc; border-left:1px solid #999; border-right:1px solid #ddd;}
.u3 {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #fff;}

.o4, .u4 {height:2px; margin:0 1px;}
.o4 {background:#ccc; border-left:1px solid #999; border-right:1px solid #eee;}
.u4 {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #fff;}

*/
.content {background:#ffe982; }

.rand p {margin:0}