body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:70%; color:#666666; text-align:center; 
background-color:#DDDDDD; padding-top:0.5em;}

p {
margin:0.2em 0 1.2em 0; padding:0.3em;}

h1{
padding:0; margin:0;font-size:450%; font-weight:normal; font-style:italic; 
font-family:"Trebuchet MS", verdana, arial, sans-serif;}

h1.index {color:#CCCC66;}
h1.quien {color:#8CD749;}
h1.contacto {color:#CC6633;}
h1.productos {color:#60B8F7;}
h1.mapa {color:#8A6E7A;}

h2 {
background-color:#DDDDDD; color:#3B4471; font-size:130%; font-weight:bold; margin:0.2em; padding:0; 
font-style:italic; font-family:sans-serif,verdana, arial;}

div {
margin:0; padding:0; display:block; border:1px;}
/*border:1px solid navy;}
*/
.pdf {
background: transparent url(../img/pdf.gif) no-repeat top right;
padding-right: 20px;}

a:link, a:visited {
color:#CCCC66; text-decoration:underline;}
a:hover {
color:#3B4471; text-decoration:none;}
a:active {
color:#CCCC66; text-decoration:underline;}
.container {
background-color:#FFFFFF; margin:0 auto 0 auto; padding:0; width:70%;}


.titleblock {
padding:2em; margin:0; text-align:left;
}
.titleblock p {
text-indent:4em; color:#3B4471;}

#index {
background-repeat:no-repeat; background-position:right center;background-image:url(../img/limon.jpg); }
#quien {
background-image:url(../img/leaf.jpg); background-repeat:no-repeat; background-position:right center;}
#productos {
background-image:url(../img/flor.jpg); background-repeat:no-repeat; background-position:right center;}
#contacto {
background-image:url(../img/contacto.jpg); background-repeat:no-repeat; background-position:right center;}
#mapa {
background-image:url(../img/mapaweb.jpg); background-repeat:no-repeat; background-position:right center;}

a.index:link, a.index:visited {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;font-weight:bold;}
a.index:hover {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#CCCC66; color:#FFFFFF;font-weight:bold;}
a.index:active {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;font-weight:bold;}

a.quien:link, a.quien:visited {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;font-weight:bold;}
a.quien:hover {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#8CD749; color:#FFFFFF;font-weight:bold;}
a.quien:active {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;font-weight:bold;}

a.productos:link, a.productos:visited {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF; font-weight:bold;}
a.productos:hover {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#60B8F7; color:#FFFFFF;font-weight:bold;}
a.productos:active {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;font-weight:bold;}

a.contacto:link, a.contacto:visited {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF; font-weight:bold;}
a.contacto:hover {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#CC6633; color:#FFFFFF;font-weight:bold;}
a.contacto:active {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;font-weight:bold;}

a.mapa:link, a.mapa:visited {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF; font-weight:bold;}
a.mapa:hover {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#8A6E7A; color:#FFFFFF;font-weight:bold;}
a.mapa:active {
display:block; float:left; width:19.97%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;font-weight:bold;}

.secciones {
margin:0em 1em 0em 1em; text-align:left; 
background-repeat:no-repeat; background-position:center;background-image:url(../img/plegadores.jpg);
color:#222222;
}
.seccionesIzda, .textoMapa{
float:left; padding:0; text-align:left; line-height:20px;}

.seccionesDcha, .mapaGoogle{
float:right; padding:0;text-align:right;}

ul {
list-style-type:none; float:center; display:block; line-height:0.1em; 
clear:both; margin:0; padding:0; background-color:#999999; white-space:nowrap;}

ul li {
display:inline;}

menu {
}
menu li{
list-style-image:url(../img/flechitas.gif);margin-left:4em}

.rightcontainer {
float:right; clear:both; width:13em; margin:1em 0 0 0; padding:0;}

.rightbox {
margin:0.5em; padding:0.3em; border:1px solid #999999; text-align:center;}

.rightcontainer h2 {
text-align:center; padding:0 0 0 0.2em;}

.linkbox a {display:block;}

.content {
clear:left; text-align:left; margin:1.2em 13.5em 0 0; padding:1em 1ex 1em 1.5ex; line-height:15px;}

.content h2 {text-indent:1em;}

.noticias {border:none;}

.footer {
color:#999999; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:1px solid #999999; text-align:left; clear:both;}

.footer .right {
float:right; clear:right; text-align:right;}

.footer p {margin:0;}

.new {color:#60B8F7;}