@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	font:normal 11px Arial, Helvetica, sans-serif;
	background:url(img/bg.gif) repeat-x top left;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
}

#solucionador{
background:none;}

#flash{
height:293px;}

#contenedor{
margin:0 auto;
width:800px;}

.trescol{
float:left;
width:224px;
margin:3px;
padding:10px 20px;
border-right:dotted 1px #338165;
background:url(img/bg-cuadros.jpg) no-repeat bottom right; }

.colder{
	padding:10px 8px;
	float:left;
	width:496px;
	margin:3px;
	font-family: Arial, Helvetica, sans-serif;
}

.int-colder{
width:47%;
float:left;
}

.int-colder-der{
width:47%;
float:right;
background:url(img/bg-cuadros.jpg) no-repeat bottom right;
}

 .int-colder#contacto{
border-right:dotted 1px #338165;
}

.titulo#baner{
margin:0 auto;
border-bottom:dotted 1px #338165;
}

#footer{
	color:#338165;
	padding-left:20px;
	text-align:center;
}

#footer-secc{
color:#338165;
text-align:center;}

/**************Secciones*********************/

.doscol{
float:left;
width:277px;
padding:10px 80px 10px 50px;
border-right:dotted 1px #338165;
background:url(img/bg-cuadros.jpg) no-repeat bottom right;
}
 
 .doscol-der{
float:right;
width:277px;
padding:10px 50px 10px 50px;
background:url(img/bg-cuadros.jpg) no-repeat bottom right;
 }

/****************************************************************texto y links*******************************************************/

.br{
clear:both;
height:10px;}

.titulo{
background:url(img/bg-subtitle.jpg) no-repeat top right;
font:bold italic 19px Arial, Helvetica, sans-serif;
color:#338165;
}

#titulo-seccion, #titulo-seccionvde{
margin:20px auto;
font-weight:bold;
font-style:italic;
padding-top:3px;
}

#titulo-seccion{
background:url(img/bg-title.jpg) top center no-repeat;
font-size:18px;
width:765px;
color:#4C3229;
padding-left:10px;}

#titulo-seccionvde{
background:url(img/bg-titlevde.jpg) center right no-repeat;
font-size:16px;
width:755px;
color:#4C3229;}

#titulo-seccionvde a:link, #titulo-seccionvde a:visited, #titulo-seccionvde a:active, #titulo-seccionvde a:hover {
color:#FFFFFF;
text-decoration:none;
float:right;
margin:-20px 10px;} 

.subtitulo{
color:#338165;
font:bold italic 16px Arial, Helvetica, sans-serif;
text-align:right;
background:url(img/bg-subtitle.jpg) no-repeat top right;
padding-right:15px;}

table#productos {
font-size:12px;
margin-top:10px;}

table#productos a:link img, table#productos a:active img, table#productos a:visited img{
border:solid 1px #B2D0C4;
}

table#productos a:link, table#productos a:active, table#productos a:visited{
text-decoration:none;
color:#000000;}

table#productos a:hover{
color:#338165;
text-decoration:underline;
}
table#productos a:hover img {
border:solid 1px #4C3229;
}

.telefono{
width:163px;
height:18px;
margin:0 auto;
text-align:center;
background:url(img/btn-tel.jpg) no-repeat center;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
padding-top:3px;
padding-left:5px;
color:#4C3229;
display:block;
text-decoration:none;}

.telefono:hover{
background:url(img/btn-tel-over.jpg) no-repeat center;}

.horario-chat{
display:block;
width:178px;
height:36px;
margin:0 auto;
}

.btn-correo{
display:block;
width:178px;
height:36px;
margin:0 auto;
background:url(img/mail.gif) no-repeat center;}


.btn-correo:hover{
background:url(img/mail-over.gif) no-repeat center;}

.enlaces img{
float:right;
margin-left:20px;
margin-bottom:5px;}

.enlaces{
height:120px;
text-align:left;}

.enlaces a:link, .enlaces a:active, .enlaces a:visited{
color:#338165;
font-weight:bold;
font-size:13px;}

.enlaces a:hover{
text-decoration:none;
color:#000000;}

b, strong{
color:#338165;
font-weight:bold;}
/****************************************************************termina texto*******************************************************/

/****************************************************************MENU*******************************************************/
#menu{
margin:5px 0px;
padding-left:100px;
height:27px;}

#menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
  
  /*para agrupar las listas con sus sublistas*/
  #menu li{
  float: left;
  position: relative;
  }
  
  /*estilo para las listas del segundo nivel, y ocultarlo en la web IE*/
  #menu li ul {
  display:none;
  position: absolute; 
  top: 27px;
  left: 0;
  z-index:99;
  }
  
  #menu ul li ul li{
  /*background:url(img/btn-submenu.jpg) no-repeat center; !important*/
 }
 
 /*decoracion de los submenus*/
 
 #menu ul li ul li a:link, #menu ul li ul li a:visited, #menu ul li ul li a:active{
background:url(img/btn-submenu.jpg) no-repeat center;
width:166px;}

 #menu ul li ul li a:hover{
background:url(img/btn-submenu-over.jpg) no-repeat center;
width:166px;}
 
  /*en fairfots es para acomodar el segundo nivel*/
  #menu li > ul {
	top: 27px;
	left: 0;
}
/*al pasar el mouse sobre se despliega el menu*/
#menu li:hover ul, #menu li.over ul{ display: block; }
	
	/*DECORACION DE LOS LINKS*/
	
#menu a:link, #menu a:visited{
font:bold 12px Arial, Helvetica, sans-serif;
color:#4C3229;
height:17px;
padding:5px 0px;
text-align:center;
text-decoration:none;
display:block;
background:url(img/btn-menu.jpg) no-repeat center; 
width:100px;
float:left;
}

#menu a:hover,  #menu  a:active{
background:url(img/btn-over.jpg) center;}

li.activo
{font:bold 12px Arial, Helvetica, sans-serif;
color:#4C3229;
height:17px;
padding:5px 0px;
text-align:center;
text-decoration:none;
display:block;
background:url(img/btn-over.jpg) no-repeat center; 
width:100px;
float:left;}

/******************************MENU ABAJO********************************************/
#menuabajo{
width:680px;
margin:0 auto;
clear:both;
height:15px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;}

#menuabajocenter{
width:680px;
margin:0 auto;
clear:both;
height:15px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;}

#menuabajo a, #menuabajocenter a{
font-size:10px;
font-weight:100;
text-decoration:none;
color:#492E25;}

#menuabajo a:hover, #menuabajocenter a:haover{
text-decoration:underline;}
	
/***************************************************** termina MENU*********************************************************/


/******************************************************Productos***************************************/

.transparent{
background:none;}

.img-prin{
width:500px;
padding:0px 0px 0px 25px;
float:right;
}

.prod{
width:120px;
margin:0px 2px;
float:left;
text-align:center;
}

.prod-unico{
width:120px;
margin:0px 5px;
float:none;
text-align:center;
}

.prod5{
width:95px;
margin:0px 5px;
float:left;
text-align:center;}

.separa-vertical{
width:40px;
float:left;}

 .colder .img-prin a:link, .colder  .img-prin a:visited, .colder  .img-prin a:active{
color:#005C39;
font-weight:bold; 
text-decoration:none;
font-style:italic;}

.colder .img-prin  a:hover{
color:#005C39;
font-weight:bold; 
text-decoration:none;
font-style:italic;}

.colder a:link, .colder a:visited,  .colder a:active{
color:#492e25;
font-weight:bold; 
text-decoration:none;}

.colder a:hover{
color:#00613F;
font-weight:bold; 
text-decoration:none;}

.tr{
clear:both;
text-align:center;}

.img-prod{
margin-bottom:20px;
border:solid 1px #492e25;}

.boton1 a:link, .boton1 a:visited, .boton1 a:active {
padding:3px;
background:url(img/btn-largo.jpg) no-repeat center center;
width:233px;
float:left;
color:#000000;}

.boton1 a:hover{
color:#000000;}

.boton1 {
float:left;
width:233px;}

/*   Solucionador */

.linksolucionador a:link, .linksolucionador a:active, .linksolucionador a:visited{
float: right;
width:100px;
background:#FFFFFF;
border-left: 1px solid #cccccc;
border-right: 1px solid #999999;
text-align:center;
font: normal bold 12px Arial, Helvetica, sans-serif;
color:#4C3229;
text-decoration:none;
height:20px;
padding-top:5px;}

.active-soluc a:link, .active-soluc a:active, .active-soluc a:visited{
float: right;
width:100px;
background:url(img/btn-solucionador-over.jpg) no-repeat top right;;
border-left: 1px solid #cccccc;
border-right: 1px solid #999999;
text-align:center;
font: normal bold 12px Arial, Helvetica, sans-serif;
color:#4C3229;
text-decoration:none;
height:20px;
padding-top:5px;}

.linksolucionador a:hover{
color:#000000;}

.texto{
padding:0px 20px;}

#solucionador .submenu_sol a:active, #solucionador .submenu_sol a:link, #solucionador .submenu_sol a:visited {
width:171px;
height:25px;
padding-top:5px;
text-align:left;
padding-left:10px;
color:#000000;}

.active-soluc-enf a:link, .active-soluc-enf a:active, .active-soluc-enf a:visited {
float: right;
width:100px;
background:url(img/btn-soluc-enf-over.jpg) no-repeat top left;
border-left: 1px solid #cccccc;
border-right: 1px solid #999999;
text-align:center;
font: normal bold 12px Arial, Helvetica, sans-serif;
color:#4C3229;
text-decoration:none;
height:20px;
padding-top:5px;}

.active-soluc-plaga a:link, .active-soluc-plaga a:active, .active-soluc-plaga a:visited {
float: right;
width:100px;
background:url(img/btn-soluc-plaga-over.jpg) no-repeat top left;
border-left: 1px solid #cccccc;
border-right: 1px solid #999999;
text-align:center;
font: normal bold 12px Arial, Helvetica, sans-serif;
color:#4C3229;
text-decoration:none;
height:20px;
padding-top:5px;}

.active-soluc-maleza a:link, .active-soluc-maleza a:active, .active-soluc-maleza a:visited {
float: right;
width:100px;
background:url(img/btn-soluc-maleza-over.jpg) no-repeat top left;
border-left: 1px solid #cccccc;
border-right: 1px solid #999999;
text-align:center;
font: normal bold 12px Arial, Helvetica, sans-serif;
color:#4C3229;;
text-decoration:none;
height:20px;
padding-top:5px;}


/* IMGENES SOLUCIONADOR CULTIVOS*/

.cebolla{
background:url(img/fondo-cebollas.jpg) top left no-repeat;
}

/*MENU SOLUCIONADOR*/

#menu2{
margin:5px 0px;
height:28px;
float:right;}

#menu2 ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
  
  /*para agrupar las listas con sus sublistas*/
  #menu2 li{
  float: left;
  position: relative;
  }
  
  /*estilo para las listas del segundo nivel, y ocultarlo en la web IE*/
  #menu2 li ul {
  display:none;
  position: absolute; 
  top: 28px;
  left: 0;
  z-index:1;
  }
  
  #menu2 ul li ul li{
  /*background:url(img/btn-submenu.jpg) no-repeat center; !important*/
  font:normal bold 9px Arial, Helvetica, sans-serif;
 }
 
 /*decoracion de los submenus*/
 
 #menu2 ul li ul li a:link, #menu2 ul li ul li a:visited, #menu2 ul li ul li a:active{
/*background:url(img/btn-submenu.jpg) no-repeat center;*/
/*width:168px;*/}

 #menu2 ul li ul li a:hover{
/*background:url(img/btn-submenu-over.jpg) no-repeat center;*/
/*width:168px;*/}
 
  /*en fairfots es para acomodar el segundo nivel*/
  #menu2 li > ul {
	top: 28px;
	left: 0;
}
/*al pasar el mouse sobre se despliega el menu*/
#menu2 li:hover ul, #menu2 li.over ul{ display: block; }
	
	/*DECORACION DE LOS LINKS*/

#menu2 a:link, #menu2 a:visited{
font:bold 11px Arial, Helvetica, sans-serif;
color:#4C3229;
height:18px;
padding:5px 0px;
text-align:center;
text-decoration:none;
display:block;
border-right:1px solid #cccccc;
width:110px;
float:left;
}

#menu2 a:hover,  #menu2  a:active{
/*background:url(img/btn-over.jpg) center;*/
color:#000000;}

li.activado
{font:bold 10px Arial, Helvetica, sans-serif;
color:#4C3229;
height:18px;
padding:5px 0px;
text-align:center;
text-decoration:none;
display:block;
/*background:url(img/btn-over.jpg) no-repeat center;*/ 
width:110px;
float:left;}

.amarillo{
background:url(img/btn-soluc-vde.jpg) top right no-repeat;
}

.rojo{
background:url(img/btn-soluc-plaga.jpg) top right no-repeat;
}

.azul{
background:url(img/btn-soluc-enf.jpg) top right no-repeat;
}

.naranja{
background:url(img/btn-soluc-maleza.jpg) top right no-repeat;
}

.amarillo2{
background:url(img/btn-soluc-defic.jpg) top right no-repeat;
}

/* IMGENES SOLUCIONADOR CULTIVOS*/

.cebolla, .maiz, .sandia, .sorgo, .tomate, .melon, .chile, .soya{
height:65px;
float:left;
padding:0;
width:200px;
}

.cebolla{
background:url(img/fondo-cebolla.jpg) top left no-repeat;
}

.maiz{
background:url(img/fondo-maiz.jpg) top left no-repeat;
}

.sorgo{
background:url(img/fondo-sorgo.jpg) top left no-repeat;
}

.tomate{
background:url(img/fondo-tomate.jpg) top left no-repeat;
}

.sandia{
background:url(img/fondo-sandia.jpg) top left no-repeat;
}

.melon{
background:url(img/fondo-melon.jpg) top left no-repeat;
}

.chile{
background:url(img/fondo-chile.jpg) top left no-repeat;
}

.soya{
background:url(img/fondo-soya.jpg) top left no-repeat;
}