/* CSS Document */

body
{
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #c7a67e; 
background-color: #000; font-size:small; text-align:center;
}
h1 { font-size:140%;  padding:0;margin:0; text-align:center;}
h2 { font-size:140%;padding:0;margin:9px 0px; }
p { line-height:130%; margin: 0; padding:5px 0px;}
ul {padding:0 0 0 1.5em; margin:0;text-align:left;}
li { display:inline;}
img{ border:none;} 
a:link {
color:#6699CC; background-color: transparent ;
text-decoration:none; font-weight:bold;  
}
a:visited {
	color: #6699CC; background-color:  transparent ;
	text-decoration:none;} 
a:hover 
 {
color: #6699CC; 
background-color: transparent; 
text-decoration: underline; } 
#container {width:900px; margin-left:auto; margin-right:auto; margin-top:15px;  }
#top { padding:0.5em; margin-bottom:0.5em; border-bottom:1px solid #563e20;}
.nav li { width:100%; text-align:center; margin:1em auto;  display:inline;   }
#th  { padding:10px;}
#main-intro {width:760px;margin-top:1em;margin-left:auto; margin-right:auto; }
#main  {width:50em;margin-top:1em;margin-left:auto; margin-right:auto;text-align:justify; }
#footer   {  font-size:80%;clear:both; padding: 1em ; margin:1em 0 ; background-color: #563e20;color:#c7a67e; }
.floatright {float:right; }
.floatleft  {float:left; }
.estoyAQUI { color:#c7a67e;  font-weight:bold; display:inline;  }
.spacer {clear:both;height:1px; visibility:hidden;   }
.img-intro {  padding:1em; border:2px solid #563e20; }
.imgPeq { margin:1em;padding:0.7em;border: 2px solid #9a7b54; }
.imgGr {border:.3em ridge #dcdcdc; padding:1em; margin:1em;  }
.size {font-size:80%; color:#563e20; background-color:transparent; }
.justify { text-align:justify;}
.page { width:600px;margin-left:auto;margin-right: auto; padding:1em;  } 
.tenue {width:400px; font-size:80%; color:#666; background-color:transparent;}
.credito {}
.visitas { float:left; margin-right:1em; color: #f90;background-color:transparent;; }
.marco-300 { height:320px; width:320px; padding:13px; margin:10px; border: 4px ridge #666;}
	
	
#cont-gallery { }
#holder {width:610px; margin:0 auto; position:relative; background:transparent url(images/pic6.jpg) 0 0 no-repeat; margin-bottom:10px;  height:400px; }
#scrollbox {padding:0; margin:0; width:110px; list-style:none; height:390px;  float:right;}
#scrollbox li {float:left;}


#scrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #fff; width:100px; height:80px; float:left;  margin:4px; font-family:"trebuchet ms", sans-serif; font-size:16px; text-align:center;}

#scrollbox a.slidea {background:url(images/pic1.jpg) no-repeat center center;}
#scrollbox a.slideb {background:url(images/pic2.jpg) no-repeat center center;}
#scrollbox a.slidec {background:url(images/pic3.jpg) no-repeat center center;}
#scrollbox a.slided {background:url(images/pic4.jpg) no-repeat center center;}



#scrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#scrollbox a span img {border:0;}

#scrollbox a:hover {border:1px solid #f00;}
#scrollbox a:hover span {width:480px; height:400px; left:0; background:#000; z-index:100;}

#scrollbox a:active {border:1px solid #000;}
#scrollbox a:focus {border:1px solid #000; outline:0;}

* html #scrollbox a:active span {width:480px; height:400px; top:0; left:90px; color:#000; background:#000; z-index:-1;}
#scrollbox a:focus span {width:480px; height:400px; top:0; left:90px; color:#000; background:#000; z-index:10; outline:0;}