/*---------- COMUNES ----------*/
body {background-image:url(../Imagenes/brickback.jpg); cursor:default}
div {display:none;}
a:visited,a:link,a:active {text-decoration:none; color:#FCC92F;}
a:hover { text-decoration:underline; color:#FCC92F}
.Titulo { 
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FCC92F;
text-align:center;
font-weight:700;
border:2px solid #2f5500;
background-image:url(../Imagenes/Boton4.gif);
height:30px;
margin-left:auto;
margin-right:auto;
}
.Peque-links {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FCC92F;
text-align:center;
margin-top:25px;
margin-left:auto;
margin-right:auto;
width:650px;
}
.Peque-links img {
height:45px;
width:45px;
}
.Descargar_info { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FCC92F;
text-align:center;
border:2px solid #2F5500;
background-image:url(../Imagenes/Boton3.gif);
}
.Descargar_info:hover {
background-image:url(../Imagenes/Boton4.gif);
}
.Imprimible { display:none}

/* Función para aumentar imágenes hasta 200x200 px */
.Lupa { 
position: relative;
z-index:1;
}
.Lupa:hover{
background-color: transparent;
z-index:2;
}
.Lupa span{ /* Estilo del borde y del texto */
position: absolute;
left: -100px;
visibility: hidden;
}
.Lupa span img{ /* Estilo imagen agrandada */
border:2px solid #FCC92F;
width: 200px;
height: 200px;
}
.Lupa:hover span{ /* Estilo para hover de imagen agrandada (con posición) */
visibility: visible;
z-index:3;
left: -35px;
top: -165px;
}

/* Función para aumentar imágenes hasta 200x200 px (con posición distinta al original) */
.Lupa2{
position: relative;
z-index:1;
}
.Lupa2:hover{
background-color: transparent;
z-index:2;
}
.Lupa2 span{ 
position: absolute;
left: -100px;
visibility: hidden;
}
.Lupa2 span img{ 
border:2px solid #FCC920;
width: 200px;
height: 200px;
}
.Lupa2:hover span{ 
visibility: visible;
z-index:3;
top: -162.5px;
left: -37.5px; 
}
/* Función para aumentar imágenes hasta 400x300 px */
.Lupa_larga{
position: relative;
z-index: 1;
}
.Lupa_larga:hover{
background-color: transparent;
z-index: 2;
}
.Lupa_larga span{
position: absolute;
left: -100px;
visibility: hidden;
}
.Lupa_larga span img{ 
border:2px solid #FCC920;
width: 400px;
height: 300px;
}
.Lupa_larga:hover span{
visibility: visible;
z-index:3;
top: -225px;
left: -50px; 
}
#Pie_foto {
width:250px;
height:25px;
font-weight:400;
}
#contenedor {
position:relative;
width:900px;
margin-left:auto;
margin-right:auto;
}
#contenedor2 {
position:relative;
width:990px;
margin-left:auto;
margin-right:auto;
}
#contenedor3 {
display:block;
position:relative;
width:95%;
margin-left:auto;
margin-right:auto;
}
/*---------- FIN COMUNES ----------*/

/*---------- INDEX ----------*/
.Boton {
width:400px;
height:45px;
border:2px solid #4F6F26;
background-image:url(../Imagenes/Boton1.gif);
} 
.Boton:hover {
background-image:url(../Imagenes/Boton2.gif)
}
.Texto_normal-Menu_index {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FCC92F;
border:2px solid #2F5500;
background-image:url(../Imagenes/Boton3.gif);
background-repeat:repeat-x;
background-color:#2F5500;
text-align:center;
}
.Boton_titulo_index {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:700;
}
.Texto_normal {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FCC92F;
}
#Texto_normal-Documentos {
font-size:16px;
font-weight:700;
text-align:center;
background-image:url(../Imagenes/Boton3.gif);
background-repeat:repeat-x;
background-color:#2F5500;
border:2px solid #2F5500;
width:500px;
height:30px;
margin-left:auto;
margin-right:auto;
}
#Texto_normal-Documentos:hover {
background-image:url(../Imagenes/Boton4.gif); 
}
/*---------- FIN INDEX ----------*/

/*---------- DOCUMENTOS ----------*/
.Boton_documentos {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FCC92F;
font-weight:700;
width:250px;
height:450px;
} 
.Boton_documentos tr {
text-align:center;
background-image:url(../Imagenes/Boton1.gif);
}
.Boton_documentos tr:hover {
background-image:url(../Imagenes/Boton2.gif)
}
.Boton_documentos img {
height:40px;
width:40px;
}
.Boton_documentos .Celda_vacia {
background-image:none;
}
.Boton_documentos .Celda_vacia:hover {
background:none;
}
.Tabla_documentos { 
font-family:Arial, Helvetica, sans-serif;
color:#FCC92F;
font-size:12px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
width:80%;
}
.Tabla_documentos tr {
text-align:center;
height:25px;
}
.Tabla_documentos td {
border-top:0px solid #4F6F26;
border-bottom:2px solid #4F6F26;
border-left:2px solid #4F6F26;
border-right:2px solid #4F6F26;
background-image:url(../Imagenes/Boton16.gif);
}
.Tabla_documentos td:hover { 
background-image:url(../Imagenes/Boton15.gif);
}
.Tabla_documentos .Celda_vacia {
border:0px;
background:none;
}
.Tabla_documentos .Celda_vacia:hover {
background-image:none;
}
.Tabla_documentos .Encabezado_instrucciones {
font-family:Arial, Helvetica, sans-serif;
color:#343434;
font-size:14px;
font-weight:bold;
background-image:url(../Imagenes/Boton4.gif);
border:2px solid #4F6F26;
}
.Tabla_documentos .Documentos_submenu {
font-family:Arial, Helvetica, sans-serif;
color:#FCC92F;
font-size:12px;
font-weight:bold;
background-image:url(../Imagenes/Boton3.gif);
background-repeat:repeat-x;
}
#Tabla_documentos-Videos {
width:60%;
}
#Tabla_documentos-Instrucciones {
width:100%;
}
#Tabla_documentos-Plagas {
width:50%;
}
#Tabla_documentos-Elementos {
width:75%;
}
/*---------- FIN DOCUMENTOS ----------*/

/*---------- VIDEOS E INSTRUCCIONES ----------*/
.Tabla_instrucciones { 
font-family:Arial, Helvetica, sans-serif;
color:#FCC92F;
font-size:12px;
width:225px;
height:325px;
margin-left:auto;
margin-right:auto;
}
.Tabla_instrucciones tr {
text-align:center;
height:25px;
}
.Tabla_instrucciones td {
border-top:0px solid #4F6F26;
border-bottom:2px solid #4F6F26;
border-left:2px solid #4F6F26;
border-right:2px solid #4F6F26;
background-image:url(../Imagenes/Boton16.gif);
}
.Tabla_instrucciones td:hover { 
background-image:url(../Imagenes/Boton15.gif);
font-size:16px;
}
.Tabla_instrucciones .Celda_vacia { /* Estilo para las celdas vacías */
border:0px;
background:none;
}
.Tabla_instrucciones .Celda_vacia:hover {
background-image:none;
}
.Tabla_instrucciones .Borde_sup { /* Estilo para la primera celda (borde superior) */
border-top:2px solid #4F6F26;
}
#Encabezado_instrucciones { 
font-family:Arial, Helvetica, sans-serif;
color:#343434;
font-size:14px;
font-weight:bold;
background-image:url(../Imagenes/Boton4.gif);
border:2px solid #4F6F26;
}
.Logo_youtube {
border:2px solid #2F5500;
height:225px;
width:225px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.Logo_youtube img {
height:100px;
width:100px;
}
.Logo_youtube img:hover {
height:200px;
width:200px;
}

/* Sub-apartado de Videos e Instrucciones */
#Abonos { display:block; width:15%; float:left; color:#FCC92F; font-family:Arial, Helvetica, sans-serif}
#Abonos ul {list-style-type:none; width:70%}
#Abonos li { height:30px; border-top:1px solid #2F5500; border-left:1px solid #2F5500; border-right:1px solid #2F5500; text-align:center; line-height:1.75em; background-color:#132A00;}
#Abonos li:hover { background-color:#598700}
.Abonos_titulo { background-image:url(../Imagenes/Boton4.gif); background-repeat:repeat-x; font-weight:bold;}
.Abonos_titulo:hover { background-image:url(../Imagenes/Boton4.gif); background-repeat:repeat-x;}
#Tabla { display:block; width:84%; margin-left:16%; font-family: Arial, Helvetica, sans-serif; color:#FCC92F; font-weight:bold}
#Tabla table { margin-left:auto; margin-right:auto; width:99%}
#Tabla td { text-align:center; background-image:url(../Imagenes/Boton4.gif); background-repeat:repeat-x; border:2px solid #2F5500}
#Tabla #Imagen { background-image:url(../Imagenes/Boton17.gif); background-repeat:repeat-y; background-color:#132A00}
.Texto_oscuro { color:#343434;}

/*---------- FIN VIDEOS E INSTRUCCIONES ----------*/

/*---------- PLAGAS ----------*/
.Encabezado { /* Usado en Plagas.html*/
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#343434;
text-align:center;
font-weight:700;
background-image:url(../Imagenes/Boton4.gif);
background-repeat:repeat-x;
background-color:#81BE00;
border:2px solid #2F5500;
width:100%;
height:35px;
}
#Encabezado_plagas {
width:456px;
height:30px;
border-bottom:0px;
font-size:13px;
margin-top:20px;
}
.Tabla_imagenes {
margin-left:auto;
margin-right:auto;
background-color:#132A00;
border:2px solid #2F5500;
width:456px;
}
.Tabla_imagenes td {
text-align:center;
width:33%;
}
.Tabla_imagenes tr { 
height:140px
}
.Tabla_imagenes img {
border:2px solid #4F6F26;
width:130px;
height:130px;
}
.Texto_normal-Menu_plagas {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FCC92F;
text-align:center;
background:url(../Imagenes/Boton16.gif);
border-left:2px solid #2F5500;
border-right:2px solid #2F5500;
border-top:1px solid #2F5500;
border-bottom:1px solid #2F5500;
}
.Texto_normal-Menu_plagas:hover {
background: url(../Imagenes/Boton15.gif);
}
/* sub-apartados de Plagas */
.Tabla_imagenes-plagas {
margin-left:auto;
margin-right:auto;
background-color:#132A00;
border:2px solid #2F5500;
}
.Tabla_imagenes-plagas img {
height:150px;
width:150px;
}
.Tabla_imagenes-largas {
margin-left:auto;
margin-right:auto;
background-color:#132A00;
border:2px solid #2F5500;
}
.Tabla_imagenes-largas img {
height:150px;
width:300px;
}
/*---------- FIN PLAGAS ----------*/

/*---------- ELEMENTOS ----------*/
.Index_texto_normal {
font-family:Arial, Helvetica, sans-serif;
color:#FCC92F;
font-size:12px;
text-align:center;
border:2px solid #2F5500;
background-image:url(../Imagenes/Boton3.gif);
background-repeat:repeat-x;
background-color:#2F5500;
}
.Botones-35x35 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FCC92F;
font-weight:700;
border:2px solid #2F5500;
background-image:url(../Imagenes/Boton5.gif);
text-align:center;
height:35px;
width:35px;
vertical-align:middle;
}
.Botones-35x35:hover {
background-image:url(../Imagenes/Boton6.gif);
}
.Botones-65x35 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FCC92F;
font-weight:700;
border:2px solid #2F5500;
background-image:url(../Imagenes/Boton7.gif);
text-align:center;
height:35px;
width:65px;
vertical-align:middle;
}
.Botones-65x35:hover {
background-image:url(../Imagenes/Boton8.gif);
}
.Tabla_imagenes-elementos {
margin-left:auto;
margin-right:auto;
background-color:#132A00;
width:1000px;
height:320px;
}
.Tabla_imagenes-elementos td {
text-align:center;
border:2px solid #2F5500;
}
.Tabla_imagenes-elementos img {
height:125px;
width:125px;
border:2px solid #4F6F26
}

/* sub-apartados de Elementos*/
.Elementos_texto_normal {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FCC92F;
border-left:2px solid #4F6F26;
border-right:2px solid #4F6F26;
background-image:url(../Imagenes/Boton17.gif); 
background-repeat:no-repeat;
background-color:#132A00;
}
.Titulo_secundario {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#699C00;
font-weight:700;
}
.Texto_con_title {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#699C00;
}
#Descargar {
width:300px;
height:30px;
}
/*---------- FIN ELEMENTOS ----------*/

/*---------- FACTORES ----------*/
.Factores_menu {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FCC92F;
width:100%;
text-align:center;
}

.Factores_menu td {
background-image:url(../Imagenes/Boton3.gif);
background-repeat:repeat-x;
height:30px;
border:2px solid #2F5500;
}
.Factores_menu td:hover {
background-image:url(../Imagenes/Boton4.gif);
background-repeat:repeat-x;
font-size:18px;
}
.Factores_imagenes {
text-align:center;
width:65%;
}
.Factores_imagenes div img {
border:2px solid #2F5500;
}
.Tabla_factores {
margin-left:auto;
margin-right:auto;
width:98%;
}
.Tabla_factores td {
width:50%;
text-align:center;
}
.Tabla_factores img {
height:150px;
width:150px;
}
/*---------- FIN FACTORES ----------*/
