/* GENERAL ----------------------------- */
* { margin: 0; padding: 0; }
body {
 color: #555;
 font:normal 12px  Verdana,Arial,Helvetica, Sans-serif; 
 background:#fbd550 url(img/bk-amarillo.jpg) repeat-x; 
 margin-bottom:20px;
 text-align:justify;
 }
 
a {color:#3e78b3; text-decoration:underline;}
 
a:hover {color: #333; text-decoration:underline;}

/* LAYOUT GENERAL -------------------------- */
#wrap { width: 900px; margin: 0 auto;}
#header {border-left:1px solid #e8b72d; border-right:1px solid #e8b72d; height:113px; width:898px; background:url(img/rotate_blue.jpg) no-repeat top right; background-color:#FFFFFF;}
#contenidos { min-height:1px; background:#FFFFFF url(img/bk-content-gradient.jpg) repeat-x top; border-left:1px solid #e8b72d; border-right:1px solid #e8b72d; clear:both; }
#banner {margin-top:20px; text-align:center; }
h1, h2, h3, p, #contenidos #col2 ul, #colint ul, #contenidos #col1int ul { margin:0 0 13px 0; }
.clearfix {clear: both; margin:10px 0; }
.clearline{clear:both; border-top:1px solid #dedede; margin:20px 0;}
.clearlinehome{clear:both; border-top:1px solid #dedede; margin:5px 0;}
.logo { float:left; width:280px; text-align:center; }
.alert { background:#e2f3d3 url(img/ico-sobre.gif) no-repeat 10px 50%; font:normal 11px/16px Verdana, Arial, Helvetica, sans-serif; margin:15px 0; text-align:left; padding: 7px 7px 7px 35px; color:#333; border: 1px solid #cde0bb;}
.plecaesp { background:url(img/ver-en-esp-pleca.gif) no-repeat; height:29px; padding-left:35px; margin-bottom:12px; }
.plecaeng { background:url(img/ver-en-ing-pleca.gif) no-repeat; height:29px; padding-left:35px; margin-bottom:12px; }
.plecaesp a, .plecaeng a { font:normal 11px/29px Verdana, Arial, Helvetica, sans-serif; color:#333333; }
.bottomround { width:900px; height:45px; margin:0 auto; background:url(img/round-bottom-content.gif);}

/* LAYOUT FOTOS -------------------------- */
.picborde {float:right; border:4px solid #e9e6d2; padding: 3px; margin: 4px 0 0 10px;}
.picbordeleft {float:left; border:4px solid #e9e6d2; padding: 3px; margin: 4px 10px 0 0;}
.picr {float: right; margin: 0 0 5px 10px; }
.picl {float: left; margin: 0 10px 5px 0;}

/* COL1INT -------------------------- */
#col1 {width:650px; float: left;}
#col1int {width:600px; padding:25px 20px 0 20px; float:left; margin-right:10px;}
#col1int h1 { font: normal 30px/34px Georgia, "Times New Roman", Times, serif; color: #000; border-bottom:3px solid #edebde; padding-bottom:7px;}
#col1int h2 { font: bold 14px/18px "Trebuchet MS", Verdana, Arial, Helvetica; color: #004fa3;}
#col1int h3 { font: bold 12px/15px "Trebuchet MS", Verdana, Arial, Helvetica; color: #004fa3;}
#col1int ul#txt {
 font:normal 12px Verdana,Arial, Helvetica, Sans-serif;
 margin: 0 0 15px 15px;
 padding: 0;
 list-style: none; }
#col1int ul#txt li {
 line-height:20px;
 background: url(img/bullet.gif) no-repeat 0 9px;
 list-style:square;
 padding:3px 0 3px 3px; }
#col1int p { font: normal 12px/18px Verdana,Arial,  Helvetica; color: #555555;}

/* COL2 -------------------------- */
#col2home {width:230px; float:left; margin:20px 0 15px 0;}
#col2 {width:230px; float:left; margin:30px 0 15px 0;}
#col2 p, #col2home p { padding:4px; font: normal 11px/14px Verdana,Arial, Helvetica; color:#666; margin:0;}
#col2 h3, #col2home h3 { color:#614c27; font:bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;
background:url(img/bk-col2h3.gif); padding:6px 4px 6px 10px; margin:0; border-bottom:1px solid #db9500;}
#col2 h4, #col2home h4 { margin-top: 7px; padding:0 4px 0 4px; font:bold 11px/14px Verdana, Arial, Helvetica; color:#000;}
#col2 ul, #col2home ul { margin:0; padding:0; width: 230px; list-style: none; background:url(img/bk-col2.jpg) repeat-x;}
#col2 li a, #col2home ul li a {
 background:url(img/bullet2.gif) no-repeat 4px 8px;
 font: normal 11px/15px Verdana, Helvetica; color: #333;
 width: 210px;
 display: block;
 padding: 5px 3px 5px 17px;
 margin:0;
 border-bottom: 1px solid #e7e8e9;
 text-decoration: none;}
#col2 li a:hover {background-color:#eaecf0; text-decoration:underline;}

/* NAVIGATION productos -------------------------- */
ul#navproductos {height: 122px; width:600px; margin:0 0 20px 25px; list-style:none;}
#navproductos span {display:none;}

#navproductos li {float:left;}
#navproductos li a {display: block; height: 122px;}

li a#uva{width: 120px; background: url(img/btn-uva.jpg) no-repeat 0 0;}
a#uva:hover { background: url(img/btn-uva.jpg) no-repeat 0 -122px;}

li a#sandia {width: 120px; background: url(img/btn-sandia.jpg) no-repeat 0 0;}
a#sandia:hover {background: url(img/btn-sandia.jpg) no-repeat 0 -122px;}

li a#durazno {width: 120px; background: url(img/btn-durazno.jpg) no-repeat 0 0;}
a#durazno:hover {background: url(img/btn-durazno.jpg) no-repeat 0 -122px;}

li a#melon {width: 120px; background: url(img/btn-melon.jpg) no-repeat 0 0;}
a#melon:hover {background: url(img/btn-melon.jpg) no-repeat 0 -122px;}

li a#nuez {width: 120px; background: url(img/btn-nuez.jpg) no-repeat 0 0;}
a#nuez:hover { background: url(img/btn-nuez.jpg) no-repeat 0 -122px;}


/* NAVIGATION productos INGLES -------------------------- */
ul#navproducts {height: 122px; width:600px; margin:0 0 20px 25px; list-style:none;}
#navproducts span {display:none;}

#navproducts li {float:left;}
#navproducts li a {display: block; height: 122px;}

li a#grape{width: 120px; background: url(img/btn-grapes.jpg) no-repeat 0 0;}
a#grape:hover { background: url(img/btn-grapes.jpg) no-repeat 0 -122px;}

li a#watermelon {width: 120px; background: url(img/btn-watermelon.jpg) no-repeat 0 0;}
a#watermelon:hover {background: url(img/btn-watermelon.jpg) no-repeat 0 -122px;}

li a#peach {width: 120px; background: url(img/btn-peach.jpg) no-repeat 0 0;}
a#peach:hover {background: url(img/btn-peach.jpg) no-repeat 0 -122px;}

li a#melon2 {width: 120px; background: url(img/btn-melon2.jpg) no-repeat 0 0;}
a#melon2:hover {background: url(img/btn-melon2.jpg) no-repeat 0 -122px;}

li a#pecan {width: 120px; background: url(img/btn-pecan.jpg) no-repeat 0 0;}
a#pecan:hover { background: url(img/btn-pecan.jpg) no-repeat 0 -122px;}


/* FOOTER ------------------------------------------*/
.bottomround {width:900px; height:45px; margin:0 auto;}
#footer {width:900px; margin:0 auto; clear:both; text-align:center; clear:both; font:normal 11px/17px Verdana, Arial, Helvetica, sans-serif; padding:20px 0 15px 0; color:#9c650f; }
#footer a {color:#9c650f; text-decoration:underline; }
#footer a:hover {color:#000; text-decoration:underline;}

/* TABS superiores ------------------------------------------*/

#shademenu { float:right; width:685px; font-size:11px; line-height:normal; }
.shadetabs a { color:#CCCCCC; }
.shadetabs ul{margin-left: 0; margin-top: 88px; font:normal 11px Verdana; list-style-type: none;}
.shadetabs li{display: inline;margin: 0;}
.shadetabs li a{ float:left; background:url("img/tableftH.gif") no-repeat left -42px; margin:0; padding:0 0 0 3px; text-decoration:none;}
.shadetabs a span{ display:block; background:url("img/tabrightH.gif") no-repeat right -42px; padding:6px 12px 6px 6px; color:#FFF;}
.shadetabs a:hover { background-position:0% 0; cursor:pointer; color:#FFF; text-decoration:none; }
.shadetabs a:hover span { background-position:100% 0; cursor:pointer; color:#614c27; text-decoration:none;}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv {
 position:absolute;
 border: 1px solid #d9e0ea; /*THEME CHANGE HERE*/
 border-width: 1px;
 font:normal 11px Verdana;
 line-height:18px;
 z-index:100;
 background-color: #f1f4f8;
 visibility: hidden;}
.dropmenudiv a{
 width: auto;
 display: block;
 text-indent: 8px;
 border-top: 1px solid #d9e0ea; /*THEME CHANGE HERE*/
 padding: 2px 0;
 text-decoration: none;
 color:#333;}
* html .dropmenudiv a{ /*IE only hack*/width: 100%;}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/background-color: #d9e0ea; color:#333; text-decoration:none;}
tr ul{margin-left:0;}

#contenidos th, #contenidos td {
 font:normal 11px Verdana, Arial, Helvetica, sans-serif;;
 text-align: left;
 vertical-align: top;
 color:#333333;
 padding: 5px;
 border-bottom: 1px solid #dedede;
 border-right: 1px solid #dedede;}
#contenidos table {border-left: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-bottom:20px; border-collapse:collapse;}
#contenidos th { font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-align:left; padding:5px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; background:#4E328B url(img/bk-th.gif) repeat-x; }


#contenidos .directorio td {
 font:normal 12px/18px  Verdana,Arial, Helvetica, Sans-serif;
 text-align: left;
 vertical-align: top;
 padding: 10px;
 border-top: 1px solid #eaeaea;
 border-right: 1px solid #eaeaea;}\