/* CSS Document */
html, body {width:100%; height:auto;}
                                            /* -CONDICIONES GENERALES- */
html {
 height: 101%; /* scroll vertical siempre visible */
}
											 
body {background-color: #FFFFFF;
      text-align:center;
	   margin:0 auto;
	  padding:0;clear: right;}
	  
	  
#contenedor{width:790px;
            height:auto;
            text-align:left;
			margin:0 auto;
			padding:0 ;	
			position:relative;}
			
				  
#cabecera{ width:780px;
           padding:0 0 5px 0;/*arriba, derecha, abajo, izquierda*/
		   text-align:left;
		   }
		   
		   	  
#cooooooooontenido{
width:780px;
height:auto;
margin:10px 0 10px 0 ;
padding:0;
text-align:left;
float:left;
border:hidden;
border-top:#e3870c solid 1px;
border-left:#e3870c solid 1px;
border-bottom:#e3870c solid 1px;

}

#fotosG{width:248px;
        	height:350px;
			padding:0;
			margin:20px 0 15px   5px;
            float: right;
	        text-align:left;
			border: #AFACA9 4px solid;
			clear:both;
			}

/*#thumb ul{width:770px;/*arriba, derecha, abajo, izquierda
height:67px;
float:left;
display:block;
padding:0;
margin-top:6px;
bottom:0;
background-image:url(rhm1_bg.gif) repeat-x;
background:#F8B744;
}






}*/
#thumb{
position:absolute;
top:0;
left:450px;
border:0;
margin:2px;}
	        
#thumb ul li{width:120px;
height:auto;
float:left;
list-style:none;
text-decoration:none;
display:inline;}


.rhm1{width:780px;
      height:64px;
      background:url(rhm1_bg.gif) repeat-x;		

}


.rhm1-left{background:  transparent url(rhm1_l.gif) no-repeat scroll center right;
           width:15px;
           height:64px;
           float:left;
}

.rhm1-right{background: transparent url(rhm1_r.gif) no-repeat scroll center right;
	        width:15px;
	        height:64px;
	       float:right;
  }


.rhm1-bg{background:url(rhm1_bg.gif) repeat-x;
         height:64px;
  }


.rhm1-bg ul{list-style:none;
	        margin:0 auto;
   }

.rhm1-bg li{float:left;
            list-style:none;
   }


.rhm1-bg li a{float:left;
              display:block;
			  color:#ffe8cc;
              text-decoration:none;
              font:12px 'Lucida Sans', sans-serif;
              font-weight:bold;
              padding:0 0 0 15px;
              height:64px;
              line-height:40px;
              text-align:center;
        	  cursor:pointer;	
}

.rhm1-bg li a span{float:left;
                   display:block;
       	           padding:0 32px 0 15px;

}

.rhm1-bg li.current a{color:#fff;
                    background:url(rhm1_hover_l.gif) no-repeat left 5px;

}


.rhm1-bg li.current a span{color:#fff;
                        background:url(rhm1_hover_r.gif) no-repeat right 5px;

}

.rhm1-bg li a:hover{color:#fff;
	                background:url(rhm1_hover_l.gif) no-repeat left 5px;

}

.rhm1-bg li a:hover span{color:#fff;
 	                     background:url(rhm1_hover_r.gif) no-repeat right 5px;

}

		   
.par{width:400px;
     padding:15px 0 0 10px;
	 float:left;
	 text-align:left;
	 font-family:'Lucida Sans', sans-serif;
	 font-size:.8em;
	 color:#5f5f5f;
	
	 }			   

.par1{width:240px;
     font-family:'Lucida Sans', sans-serif;
	 font-size:.8em;
	 color:#5f5f5f;
		 }			   
		 
.par2{width:600px;
      padding:15px 0 0 35px;
     font-family:'Lucida Sans', sans-serif;
	 font-size:.8em;
	 color:#5f5f5f;	
	 } 

.lista{width:200px;
     padding:25px 0 10px 35px;/*arriba, derecha, abajo, izquierda*/
	 float:left;
	 text-align:left;
	 font-family:'Lucida Sans', sans-serif;
	 font-size:.8em;
	 color:#5f5f5f;
	 }

  
.rombo{list-style-image: url(1.gif); 
        padding-bottom:20px;        /* IMAGENES PARA LISTA ORDENADA ACT.ADICIONALES */
		    }
			
			
#contenidof{width:480px;
height:510px;
          	padding:4px ;
			margin:0 45px auto;
			float:left;
			font-size:1em;
			text-align:left;
			background:url(hoja.png) no-repeat;
			}


	  
#form{width:170px;
      margin:0;
	  padding:2px;
	  font-family:'Lucida Sans', sans-serif;
	 font-size:.8em;
     }		
		

	   
	   
	   
#footer{width:780px;
height:auto;
bottom:0;
padding:2px;
margin-bottom:10px;
margin-top:6px;
border:hidden;
text-align:center;
text-decoration:none;
font-family:'Lucida Sans', sans-serif;
	 font-size:.8em;
	 color:#5f5f5f;
	  }
/*position:fixed; bottom:0; left:0;  para mantener el pie abajo y a la izquierda*/



.gallerycontainer{
	float:left;
	width:400px;
	height:auto;
	padding-left:5px;/*arriba, derecha, abajo, izquierda*//*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px #AFACA9 solid ;/*le pone un borde al thumbnail*/
margin: 0px 0px 3px 0;/*Le pone un borde a la imagen grande que se abre*/
}

.thumbnail:hover img{
border:1px solid #AFACA9  ;/* Le pone un borde  a la imagen chica thumbnails cuando pasa el raton por encima*/
background-color:black;/*color de fondo del thummbnail*/
}

.thumbnail span{ /*CSS for enlarged image- estos parametros manejan los atributos de la imagen del hover- la grande*/
position: absolute;
top:70px;
left:525px;
z-index:1;
background-color: #AFACA9;/*color de fondo para el cuadro de la imagen del hover*/
padding:0;
border:0;
visibility: hidden;
color:#000;/*le pone color al texto*/
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
padding: 2px;/*le da borde a la imagen grande*/
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top:244px;
right:250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}