
/***************************************/
/***** ESTILO PESTAÑAS CONTENIDOS  *****/
/***************************************/

.preload1 {background: url(../pestanas/pro_drop4_2a.gif);}
.preload1 {background: url(../pestanas/pro_drop4_2b.gif);}

.prodrop4 {
	padding:0 0 0 3px;
	margin:0;
	list-style:none;
	/*height:75px;*/	
	/*background:transparent url(prodrop4/pro_drop4_back.gif);*/
	position:relative;
	/*z-index:100;*/
	font-family:"Times New Roman", Times, serif, Arial, Verdana;}
.prodrop4 li.top {display:block; float:left; }

.prodrop4 li a.top_link {
display:block;
height:44px;
line-height:15px;
color:#173756;
text-decoration:none;
font-size:9pt;
font-weight:bold;
padding:0 0 0 2px; 
cursor:pointer;
background: url(../pestanas/pestana_01.png) no-repeat;}

/*tamaño de la pestaña*/
.prodrop4 li a.top_link span {
line-height:34px;
display:block;
padding:0 0 0 0px;
width:95px;
height:36px;
background:url(../pestanas/pestana_01.png) right top;
}

.prodrop4 li a.top_link:hover {color:#000; background: url(../pestanas/pestana_02.png) no-repeat; line-height:25px;}
.prodrop4 li a.top_link:hover span {background:url(../pestanas/pestana_02.png) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#000; background: url(../pestanas/pestana_02.png) no-repeat; line-height:25px;}
.prodrop4 li:hover > a.top_link span {background:url(../pestanas/pestana_02.png) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:100; position:absolute; top:0; left:0;}


.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}


.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:160px;}
.prodrop4 ul.sub2 {width:160px;}
.prodrop4 ul.sub3 {width:160px;}
.prodrop4 ul.sub4 {width:160px;}
.prodrop4 ul.sub5 {width:160px;}
.prodrop4 ul.sub6 {width:160px;}
.prodrop4 ul.sub7 {width:160px;}


.prodrop4 :hover ul {left:0; top:32px; background: #b9d3fb; padding:3px; border:1px solid #9E9FA3; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; height:18px; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:18px; line-height:18px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#9E9FA3; color:#fff;}


/***************************************/
/*****   ESTILO MENU CAPITULOS     *****/
/***************************************/

#menu { 
font-family:"Times New Roman", Times, serif, Arial, Verdana;font-size: 10pt;  text-transform:uppercase;
font-weight:normal; 
width: 188px;
left: 20px; 
top: 20px; 
} 

/************ GENERAL ****************/
#menu #mainmenu0 a { 
/*color: #87B4C7; */
text-decoration: none; 
display: block; 
background-color: #D7D7D7; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px;
position:relative; 
border-color:#9E9FA3;
color:#000000;
} 

#menu #mainmenu0 a:hover { 
background-color: #F5F5F5; 
text-decoration:none;  
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px; 
position:relative; 
color:#000000;
font-weight: normal;
border-color:#FFFFFF;
} 

#menu #submenu0 a { 
text-decoration: none; 
display: block; 
background-color: #D7D7D7; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 150px; 
left: 10px; 
position:relative; 
color: #000000; 
} 


#menu #submenu0 a:hover { 
background-color: #F5F5F5; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
color:#000000;
width: 150px; 
border-color:#9E9FA3;

} 


/************ ATMOSFERA ****************/
#menu #mainmenu a { 
/*color: #87B4C7; */
text-decoration: none; 
display: block; 
background-color: #286B7C; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px;
position:relative; 
border-color:#9E9FA3;
color:#FFFFFF;
} 

#menu #mainmenu a:hover { 
background-color: #7EA6B1; 
text-decoration:none;  
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px; 
position:relative; 
color:#000000;
font-weight: normal;
border-color:#FFFFFF;
} 

#menu #submenu a { 
text-decoration: none; 
display: block; 
background-color: #32879C; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 150px; 
left: 10px; 
position:relative; 
color: #FFFFFF; 
} 


#menu #submenu a:hover { 
background-color: #BED3D8; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
color:#000000;
width: 150px; 
border-color:#9E9FA3;

} 





/************ AGUA ****************/
#menu #mainmenu2 a { 
/*color: #87B4C7; */
text-decoration: none; 
display: block; 
background-color: #84B2E0; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px;
position:relative; 
border-color:#9E9FA3;
color:#FFFFFF;
} 

#menu #mainmenu2 a:hover { 
background-color: #B5D1ED; 
text-decoration:none;  
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px; 
position:relative; 
color:#000000;
font-weight: normal;
border-color:#FFFFFF;
} 

#menu #submenu2 a { 
text-decoration: none; 
display: block; 
background-color: #7EAEDE; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 150px; 
left: 10px; 
position:relative; 
color: #FFFFFF; 
} 

#menu #submenu2 a:hover { 
background-color: #B5D1ED; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
color:#000000;
width: 150px; 
border-color:#9E9FA3;

} 


/************ SUELOS ****************/
#menu #mainmenu3 a { 
/*color: #87B4C7; */
text-decoration: none; 
display: block; 
background-color: #944F23; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px;
position:relative; 
border-color:#9E9FA3;
color:#FFFFFF;
} 

#menu #mainmenu3 a:hover { 
background-color: #BF957B; 
text-decoration:none;  
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px; 
position:relative; 
color:#000000;
font-weight: normal;
border-color:#FFFFFF;
} 

#menu #submenu3 a { 
text-decoration: none; 
display: block; 
background-color: #BF957B; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 150px; 
left: 10px; 
position:relative; 
color: #FFFFFF; 
} 

#menu #submenu3 a:hover { 
background-color: #DFCABD; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
color:#000000;
width: 150px; 
border-color:#9E9FA3;

} 


/************ RESIDUOS  SOLIDOS ****************/
#menu #mainmenu4 a { 
/*color: #87B4C7; */
text-decoration: none; 
display: block; 
background-color: #E7C287; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px;
position:relative; 
border-color:#9E9FA3;
color:#FFFFFF;
} 

#menu #mainmenu4 a:hover { 
background-color: #F1DBB7; 
text-decoration:none;  
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px; 
position:relative; 
color:#000000;
font-weight: normal;
border-color:#FFFFFF;
} 

#menu #submenu4 a { 
text-decoration: none; 
display: block; 
background-color: #E4BB76; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 150px; 
left: 10px; 
position:relative; 
color: #FFFFFF; 
} 

#menu #submenu4 a:hover { 
background-color: #FCF7EF; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
color:#000000;
width: 150px; 
border-color:#9E9FA3;

} 



/************ RESIDUOS MUNICIPALES  ****************/
#menu #mainmenu5 a { 
/*color: #87B4C7; */
text-decoration: none; 
display: block; 
background-color: #982633; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px;
position:relative; 
border-color:#FFFFFF;
color:#FFFFFF;

} 
#menu #mainmenu5 a:hover { 
background-color: #C17D85; 
text-decoration:none;  
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px; 
position:relative; 
color:#000000;
font-weight: normal;
border-color:#FFFFFF;

} 

#menu #submenu5 a { 
text-decoration: none; 
display: block; 
background-color: #C17D85; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 150px; 
left: 10px; 
position:relative; 
color: #FFFFFF; 
} 

#menu #submenu5 a:hover { 
background-color: #EEDDDF; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
color:#000000;
width: 150px; 
border-color:#FFFFFF;

} 



/************ BIODIVERSIDAD ****************/

#menu #mainmenu6 a { 
/*color: #87B4C7; */
text-decoration: none; 
display: block; 
background-color: #9F8CC9; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px;
position:relative; 
border-color:#9E9FA3;
color:#FFFFFF;

} 
#menu #mainmenu6 a:hover { 
background-color: #C6BADF; 
text-decoration:none;  
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px; 
position:relative; 
color:#000000;
font-weight: normal;
border-color:#FFFFFF;

} 

#menu #submenu6 a { 
text-decoration: none; 
display: block; 
background-color: #C6BADF; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 150px; 
left: 10px; 
position:relative; 
color: #FFFFFF; 
} 

#menu #submenu6 a:hover { 
background-color: #EEEBF5; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
color:#000000;
width: 150px; 
border-color:#9E9FA3;

} 



/************ RECURSOS FORESTALES ****************/

#menu #mainmenu7 a { 
/*color: #87B4C7; */
text-decoration: none; 
display: block; 
background-color: #B2CB91; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px;
position:relative; 
border-color:#9E9FA3;
color:#FFFFFF;

} 
#menu #mainmenu7 a:hover { 
background-color: #D1E0BD; 
text-decoration:none;  
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px; 
position:relative; 
color:#000000;
font-weight: normal;
border-color:#FFFFFF;

} 

#menu #submenu7 a { 
text-decoration: none; 
display: block; 
background-color: #B2CB91; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 150px; 
left: 10px; 
position:relative; 
color: #FFFFFF; 
} 

#menu #submenu7 a:hover { 
background-color: #F2F7EE; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
color:#000000;
width: 150px; 
border-color:#9E9FA3;

} 


/************ RECURSSOS PESQUEROS ****************/

#menu #mainmenu8 a { 
/*color: #87B4C7; */
text-decoration: none; 
display: block; 
background-color: #213F71; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px;
position:relative; 
border-color:#9E9FA3;
color:#FFFFFF;

} 
#menu #mainmenu8 a:hover { 
background-color: #7A8CAA; 
text-decoration:none;  
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 160px; 
position:relative; 
color:#000000;
font-weight: normal;
border-color:#FFFFFF;

} 

#menu #submenu8 a { 
text-decoration: none; 
display: block; 
background-color: #7A8CAA; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
width: 150px; 
left: 10px; 
position:relative; 
color: #FFFFFF; 
} 

#menu #submenu8 a:hover { 
background-color: #E7EAEF; 
padding:6px 8px 6px 10px;
margin:1px 9px 1px 5px;
color:#000000;
width: 150px; 
border-color:#9E9FA3;

} 



#menu #subbmenu a { 
color: #000000; 
text-decoration: none; 
display: block; 
background-color: #E9DCE8; 
padding:6px 5px 6px 10px;
margin:1px 9px 1px 5px;
width: 150px; 
left: 20px; 
position:relative; 
color:#000000;
} 

#menu #subbmenu a:hover { 
background-color: #C8A8C7; 
padding:6px 5px 6px 10px;
margin:1px 9px 1px 5px;
color:#FFFFFF;
}

#menu #subbbmenu a { 
color: #FFFFFF; 
text-decoration: none; 
display: block; 
background-color: #E9DCE8; 
padding:4px 5px 6px 10px;
margin:1px 9px 1px 5px;
width: 140px; 
left: 30px; 
position:relative; 
color:#000000;
} 

#menu #subbbmenu a:hover { 
background-color: #C8A8C7; 
padding:4px 5px 6px 10px;
margin:1px 9px 1px 5px;
color:#FFFFFF;
}  





/***************************************/
/********* SOMBRAS IMAGENES   **********/
/***************************************/
body{
	background-image: url(../imagenes/2008/fondo.jpg);
	/*background-color: #E6E6E6;*/
	color: #333;
	font-size: 13.5px;
	font-family: "Times New Roman", Times, serif;

}

/*.img-shadow {
  float:center;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }*/

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 8px;
  } 
  
  .img-shadow_chico img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
