body {
    width: 930px;
	
	margin: 0;
	padding: 0;
	
	background-color: #4E692C;
	
	font-size: 12px;
	font-family: geneva, verdana, arial, helvetica, sans-serif;
	
    border-right-color: #333;
    border-right-style: solid;
    border-right-width: 1px;
}


#page_body {
    width: 930px;
	
	margin: 0;
	padding: 0;
	
	background-color: #D4D599;
	
	font-size: 12px;
	font-family: geneva, verdana, arial, helvetica, sans-serif;
}


hr { color: #ccc;
     background: #ccc; 
	 border: 0; 
	 height: 1px; 
	 
	 margin: 10px 0 20px 0;
	 }


/* =============================================  */
/*     Headers                                    */
/* =============================================  */


#header h1{
  width: 930px;
  
  height: 68px;

  margin: 0;
  padding: 0;
  
  color: #fff;
  background-color: #000;
}


#header h2{
  width: 930px;
  
  height: 83px;

  margin: 0;
  padding: 0;
  
  color: #fff;
  background-color: #fff;
}



/* =============================================  */
/*     Menu Side Bar                              */
/* =============================================  */


 #sidebar {
  width: 185px; 
  margin: 0;
  background-color: #D4D599;
	
  font-size: 0;
  line-height: 0;

  float: left;

  list-style: none;

 }




#sidebar p {
  margin: 80px 0 0 4;
  padding: 0;

  float: left;

  font-size: 12px;

  line-height: 50px;
}


 #sidebar li, #sidebar ul {
   margin: 0;
   padding: 0;
   border: 0;
}
  
  
  
#sidebar li a {
  margin: 0 0 4px 0;
  padding: 4px;

  color: #000;
  background-color: #B5B681;

  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  line-height: 12px;
  
  display: block;
  
  border-top: #777855 1px solid;
  border-bottom: #777855 1px solid;
  border-left: #909167 7px solid;
}



 #sidebar li a:hover {
  margin: 0 0 4px 0;
  padding: 4px;

  color: #000;
  background-color: #9A9B75;

  font-weight: bold;
  text-decoration: none;
  
  display: block;
  
  border-top: #777855 1px solid;
  border-bottom: #777855 1px solid;
  border-left: #828364 7px solid;
}   


#sidebar ul li a{
  margin: 0 0 3px 0;
  padding: 3px;

  color: #000;
  background-color: #B5B681;

  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  line-height: 12px;
  
  display: block;
  
  border-top: #777855 1px solid;
  border-bottom: #777855 1px solid;
  border-left: #909167 7px solid;
}


#sidebar ul li a:hover{
  margin: 0 0 3px 0;
  padding: 3px;

  color: #000;
  background-color: #9A9B75;

  font-weight: bold;
  text-decoration: none;
  
  display: block;
  
  border-top: #777855 1px solid;
  border-bottom: #777855 1px solid;
  border-left: #828364 7px solid;
}


  
#sidebar li#selected a, #sidebar li#selected a:hover{
  margin: 0 0 3px 0;
  color: #F1F2AC;
  background-color: #4E692C;

  font-weight: bold;
  text-decoration: none;

  display: block;

  border-left: #394D20 7px solid;
  border-top: #2C3C19 1px solid;
  border-bottom: #2C3C19 1px solid;
}


#sidebar li#selected ul li a{
  color: #000;
  background-color: #B5B681;

  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  line-height: 12px;
  
  display: block;
  
  border-top: #777855 1px solid;
  border-bottom: #777855 1px solid;
  border-left: #909167 7px solid;
}



/* sub menu  */

#sidebar li#selected ul{
  margin: 4px 0 4px 20px;
  padding: 0;
  
  list-style: none;
}


#sidebar ul li{
  margin: 0 0 0 0;
  padding: 0;
  font-weight: bold;
  list-style: none;
}



#sidebar li#selected ul li a{
  margin: 0 0 3px 20;
  padding: 3px;

  color: #000;
  background-color: #B5B681;

  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  line-height: 12px;
  
  display: block;
  
  border-top: #777855 1px solid;
  border-bottom: #777855 1px solid;
  border-left: #909167 7px solid;
}



#sidebar ul li#selected ul li a:hover{
  margin: 0 0 3px 20;
  padding: 3px;

  color: #000;
  background-color: #9A9B75;

  font-weight: normal;
  text-decoration: none;
  
  display: block;
  
  border-top: #777855 1px solid;
  border-bottom: #777855 1px solid;
  border-left: #828364 7px solid;
}



#sidebar li#selected ul li#sidebar_seleccionado a, #sidebar li#selected ul li#sidebar_seleccionado a:hover, #sidebar ul li#sidebar_seleccionado a, #sidebar ul li#sidebar_seleccionado a:hover{
  background-color: #80815B;
  display: block;

  border-left: #68694A 8px solid;
}



#sidebar ul li#selected ul li#select3 a, #sidebar ul li#selected ul li#select3 a:hover,
#sidebar ul li#selected ul li#select3 a:visited,#sidebar ul li#selected ul li#select3 a:active{
  margin: 0 0 3px 20px;
  padding: 3px;

  color: #000;
  background-color: #9A9B75;

  font-weight: normal;
  text-decoration: none;
  
  display: block;
  
  border-top: #777855 1px solid;
  border-bottom: #777855 1px solid;
  border-left: #828364 7px solid;
}


/* =============================================  */
/*     Contents                                   */
/* =============================================  */




#container {
   width: 730px;
   
   margin: 0 0 0 0px;
   padding: 0;
  
   background-color: D4D599 url(sidebar_color.jpg) top left repeat-y;

   line-height: 18px;
}



#content {
 width: 509px;

 margin: 0;
 padding: 10px 18px 50px 18px;

 color: #000;
 background-color: #fff;
 
 float: right;
}


#content_main {
 width: 730;

 margin: 0;
 padding: 15px 20px 30px 15px;

 color: #000;
 background: url("./webatlas/vista bosque.jpg");
 
 float: right;
}



#content_list {
 width: 730;

 margin: 0;
 padding: 15px 20px 30px 15px;

 color: #000;
 background-color: #fff;
 
 float: right;
}


#content a:link, #content ul a:link, #content li a:link, #content ul li a:link{
  color: #4A4AFF;
}

#content_main a:link, #content_main ul a:link, #content_main li a:link, #content_main ul li a:link{
  color: "blue";
}


#content a:visited, #content ul a:visited, #content li a:visited, #content ul li a:visited{
  color: #9D4DE8;
}


#content a:active, #content ul a:active, #content li a:active, #content ul li a:active,
#content a:hover, #content ul a:hover, #content li a:hover, #content ul li a:hover{
  color: #666666;
}



#content h2, #content_list h2 {
   margin: 0 0 8px 0;
   padding: 0;

   font-size: 24px;
   font-style: italic;
   font-family: serif, sans-serif, monospace, geneva;
   color: #666666;
}


#content h3, #content_list h3 {
   margin: 0 0 4px 0;
   padding: 0;
   
   font-size: 16px;
}


#content h4, #content_list h4 {
   margin: 0 0 4px 0;
   padding: 0;
   
   font-family: verdana, serif, sans-serif, monospace, geneva;
   font-size: 12px;
}



#content p, #content_list p{
   margin: 0 0 16px 0;
   padding: 0;
   
   line-height: 16px;
}



#content abbr, #content_list abbr{
   cursor: help;
}


#content blockquote, #content_list blockquote {
  width: 70%;

  margin: 0 10% 0 10%;
  padding: 7px;
   
  background-color: #eee;
   
  font-style: italic;
   
  border-left-style: solid;
  border-left-width: 4px;
  border-left-color: #A5A5A5;
}



#content ul, #content_list ul{
  list-style-type: square;
}

#content_main ul{
  color: "blue";
}


#content ul li, #content_list ul li{
  margin : 0 0 5px 0;
  padding: 0;
}



#content span.descripcion, #content_list span.descripcion {

   color: #999;
   font-size: 11px;
}



/* =============================================  */
/*     Spacers                                    */
/* =============================================  */


div.spacer {
  clear: both;
  width: 0;
  height: 0;

  margin: 0;
  padding: 0;
 
  font-size: 1px;
  line-height: 1px;
}



div.spacer2 {
  clear: both;
  width: 0;
  height: 0;

  margin: 0;
  padding: 0;
 
  font-size: 1px;
  line-height: 0;
}



p.spacer{
  clear: both;
}




/* =============================================  */
/*     Breadcrumbs                                */
/* =============================================  */


#breadcrumbs{
  width: 90%;

  margin: 0 0 15px 0;
  padding: 7px;

  background-color: #F7F7F7;

  font-size: 10px;
  
  border-style: dashed;
  border-width: 1px;
  border-color: #E8E8E8;
}


/* =============================================  */
/*     Other Links                                    */
/* =============================================  */


#links, #links ul{
  width: 100%; 
   height: 18px;
    margin: 0;
    padding: 0;

    color: #000;
    letter-spacing: -0.1em;
    background-color: #BEBEBE;

    border-bottom-color: #E9E9E9;
    border-bottom-style: solid;
    border-bottom-width: 1px;

 }


   #links ul li {
     display: inline;
   }
  
  
   #links ul li a {
	 color: #000;
	 
	 padding: 4px 8px 6px 8px;
	 

     font-size: 11px;
     font-weight: normal;
     text-decoration: none;


     float: left;
   }


   #links ul li a:hover {
     color: #FFD200;

     background-color: #8B8B8B;
   }   


  #links a:visited, #links ul a:visited, #links li a:visited, #links ul li a:visited{
    color: #FFFFFF;
   }

   #links ul li.selected a, #links ul li.selected a:hover{
     color: #E4E5A4;
	 
     background-color: #C0A890;
 }