body {
margin: 0 auto;
margin-bottom: 0px;
}
#container {
width: 780px;
background-image:url(images/fondo_cuerpo.jpg);
background-repeat:repeat-y;
margin: 0 auto;
padding: 0;
}
#header {
width: 780px;
height: 120px;
margin: 0 auto;
padding: 0;
}
.panal{
background-image:url(images/header3.jpg);
}
.abeja{
background-image:url(images/header5.jpg);
}
.miel{
background-image:url(images/header4.jpg);
}
.tabla{
padding-left:200px;
}
.recoleccion{
background-image:url(images/header2.jpg);
}
#lang {
height: 12px;
float: right;
margin: 0 auto;
padding: 0;
margin-right: 35px;
margin-top: 105px;
}
#lang ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin: 0 auto;
padding: 0;
}
#idiomas {
margin: 0 auto;
padding:: 0;
}
#idiomas li{
display: inline;
padding-left: 5px;
}
#idiomas li a{
margin: 0 auto;
padding: 0;
color: #3C1E00;
}
#idiomas li a:hover{
color:#B35900;
}
#nav {
width: 710px;
height: 45px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
text-align:center;
font-weight:bold;
margin: 0 auto;
background-color:orange;
}
#nav ul {
width: 710px;
height: 25px;
background-image:url(images/nav-bg52.png);
background-repeat: repeat-x;
margin: 0 auto;
text-align: center;
padding-bottom: 0px;
padding-top: 20px;
padding-left: 0px;
}
#navlist {
margin: 0 auto;
padding: 0;
}
#navlist li {
height: 40px;
display: inline;
padding-right: 20px;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 7px;
border-left: 2px solid orange;
border-right: 2px solid orange;
border-top: 1px solid orange;
background-color: #9D4F00;
}
#navlist li a{
height: auto;
text-decoration: none;
color: #FFF2CC;
}
#navlist li:hover {
padding-top: 10px;
}
#navlist li a:hover{
color: yellow;
padding-top: 5px;
}
#navlist li.active{
background-color:#ffe9a6;
padding-top:10px;
}
#navlist li.active:hover {
background-color: #ffe9a6;
}
#navlist li a.current { 
color:#9D4F00;
}
#navlist li a.current:hover {
color:#9D4F00;
cursor:default;
padding-top: 0px;
}
#content {
padding: 0;
width: 710px;
margin:0 auto;
}
#content0 {
width:710px;
height: 15px;
background-color:#FFF2CC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom: 0px;
background-color: #ffe9a6;
}
#content00 {
width:710px;
height: 25px;
background-color:#FFF2CC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom: 0px;
background-color: #ffe9a6;
}
#content00 ul{
width: 710px;
height: 25px;
margin: 0 auto;
text-align: center;
padding-top: 10px;
}
#content0 ul{
width: 710px;
height: 25px;
margin: 0 auto;
text-align: center;
padding-top: 10px;
}
#submenu {
margin: 0 auto;
padding: 0;
}
#submenu li{
height: 25px;
display: inline;
padding-right: 10px;
padding-left: 10px;
margin: 0 auto;
}
#submenu li a {
text-decoration: none;
color: #934900;
}
#submenu li a:hover {
text-decoration: underline;
color: #9D4F00;
}
#submenu li a.subcurrent {
color: #CA6500;
text-decoration:underline;
}
#content1 {
width: 210px;
float: right;
margin: 0 auto;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
background-color: transparent;
text-transform: lowercase;
}
#content1 ul{
width: 100%;
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
}
#menu {
margin: 0 auto;
padding: 0;
}
#menu li {
list-style-type: none;
display: block;
margin: 0;
padding: 0;
}
#menu li a{
display: block;
width: 201px;
padding: .5em 0 0.5em .5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #ffe9a6;
}
#menu li a:hover, #menu li a.active:hover {
color: #800000;
background: #ffedb8;
border-color: #aaab9c #fff #fff #ccc;
}
#menu li a.active {
background: #f0e7d7;
color: #800000;
}
.frase {
width: 200px;
heigth: 300px;
margin: 0 auto;
margin-top: 100px;
color:#C46200;
}
.frase h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
clear:both;
text-align:center;
}
#img {
margin-top: 100px;
text-align: center;
}
#content2 {
margin: 0 auto;
width:468px;
text-indent: 10px;
float:left;
padding-top: 10px;
padding-right: 10px;
padding-left: 20px;
padding-bottom: 30px;
border-right: 1px solid #E6A864;
}
#apicultor {
width: 200px;
height: 150px;
background-color: transparent;
float:left;
margin-top: 10px;
margin-bottom: 15px;
margin-left: 10px;
}
#mayorista {
width: 200px;
height: 150px;
background-color: transparent;
float:right;
margin-top: 10px;
margin-bottom: 15px;
margin-right: 10px;
}
#content2{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#c46200;
font-size:12px;
}
#content2 h2 {

font-size: 20px;
clear:both;
color: #C46200;
}

#content2 h2 a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
clear:both;
color: #C46200;
text-decoration:none;
}
#content2 h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
clear:both;
color: #C46200;
}
#content2 h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
clear:both;
color: #C46200;
}
#content2 p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
line-height: 15px;
color: #C46200;
}
#footer {
width: 780px;
height: 90px;
clear:both;
margin: 0 auto;
padding: 0;
color:#C46200
}
.frasco {
background-image:url(images/footer-bg-miel3.jpg);
}
.trozopanal {
background-image:url(images/footer-bg-miel4.jpg);
}
.flores {
background-image:url(images/footer-bg-miel2.jpg);
}
#footerlist {
margin: 0 auto;
padding: 0;
padding-top: 10px;
text-align: center;
font-size:11px;
color:#C46200;
}
#footer ul {
text-align: center;
}
#footerlist li {
display: inline;
list-style-type: none;
padding-right: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;

}
#footerlist li a{
text-decoration: none;
color:#B35900;
}
#footerlist li a:hover {
color: #623100;
text-decoration: underline;
}
#footer p,
#footer p a,
#footer p a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #2F1700;
border: none;
text-align: center;
font-size: 10px;
}
#footer p a:hover{
color: #713800;
}
.lea {
float: right;
color: #934900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-indent: 0;
}
.lea:hover {
color: orange;
text-decoration:none;
}




#formu{
clear:both;
width:466px;
margin:0;
padding:0;
}
#appform {
margin: 0px;
font-size: 100%;
}
#appform div label{
display:block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
float:left;
text-align:right;
width:200px;
padding-top:5px;
}
 #appform .fields {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #fff;
border-right-color:#fff;
border-top-color:#9D4F00;
border-left-color:#9D4F00;
background-color:#fff;
width:180px;
padding-left:5px;
}
div legend{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:bold;
color:#9D4F00;
}
.fields{
color:#9D4F00;
}
fieldset{
border:1px #9d4f00 solid;
}
#appform fieldset div{
padding-top:10px;
}
#appform fieldset label{
color:#9d4f00;
margin-right:5px;
}
#appform fieldset  input.fields{
margin:5px;

}
#appform input.fields{
float:left;
margin-left:0;
}
#apform  div textarea.fields{
float:left;
text-align:left;
}
.mail{
margin-left:108px;
}
.name{
margin-left:41px;
}
.welcome span
{
	display:none;
}
#mapa {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;

}
#mapa h2 {
font-size: 15px;
color: #FF8000;
}
#mapa ul{
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mapa li{
list-style-type: none;
}
#mapa li a{
color:#9D4F00;
padding-left: 20px;
}
#mapa li a:hover{
color: #FF8000;
}
#header h1, #header p{
margin-left:-9999px;
position:absolute;
}