/* CSS Document */
* { 
padding:0; 
margin:0; 
} 

body
{
font-size: 100.01%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ccc; line-height:160%;
background-color: #000;  text-align:center;
}
h1 { font-size:130%; text-align: center;color:#aaa; margin:.5em 0 1em 0; }
h2 { font-size:120%; text-align: center;color:#999;}
h3 { font-size:110%; text-align: left; margin:1.5em 0; }
p { text-align:justify; margin-top:1em;}
#top p, #footer p {text-align:center;}
img {border: none;}
hr { color:#333;}
li { margin-left:1.5em;}
a:link {color: #69f;font-size: small;  text-decoration: none;  }
a:visited {font-size: small;  text-decoration: none; font-weight:bold;  }
a:hover {
color: #f90; background-color:transparent;
font-size: small;
text-decoration: underline; } 
a:active {
color : #f90; background-color:#000;display:inline;
font-size: small;  } 
#container
{width:770px; margin:1em auto; padding:1em;text-align: justify;font-size: 80%; border: 1px solid #333;  }
#top{ padding:.5em ;   }
#main {width:620px; margin:1em auto;text-align: justify;  }
#intro { padding:2em 0;}
.intro-left { float:left;display:inline; width:300px;    }
.intro-right {float:right; width:460px; }
img intro-right{ text-align:center;}
.nav{text-align: left;;display:inline;  margin-top:2em; font-size:80%;  }
#galeria {width:600px;margin:1em auto;text-align: center;font-size: 80%;}
.tenue {font-size:80%;color: #999; background-color:transparent;}
.tenueC {text-align:center;font-size:80%;color: #999; background-color:transparent;}

.fila { margin:.5em 0;padding:1em ;border-bottom:2px ridge #333;}

.th  {width:620px;  margin:1em auto;text-align: center;} 
.txt { width:550px;margin:1em auto;text-align:justify; }
#footer {padding:.2em ;  clear:both; color: #999; background-color:transparent; font-size:80%;
         text-align:center; margin:.5em 0;border:1px ridge #333;   } 

.center { text-align:center;}
.txt-2 { width:400px; text-align:justify; margin-left:auto; margin-right:auto;}
.aFoto { height:90px; width:60px;display:inline;  
	margin: 5px;
	padding: 5px;
	border: 1px solid #666;
}
.enlace {float:left;display:inline;      height:30px; width:100px; background-image: url(images/boton-2.gif); background-repeat:no-repeat;
 text-align:center; padding-top:5px; }
.img-right {float:right;border:3px ridge #999; padding:5px;    }

.imgGrande {border:4px ridge #999; padding:9px; margin:.5em 0;   }
.imgPeq { margin:.4em;padding:0.2em;border: 2px solid #333; }

.estoyAQUI {float:left; display:inline; text-align:center; padding-top:5px;  height:30px; width:90px; font-weight:bold; 
            color: #f90; background-color:#000;  background-image:url(images/boton-90.gif); 
            background-repeat:no-repeat;}
.float-left{ float:left;} 
.float-right{ float:right;}
.clear-div { clear:both; height:1px; visibility:hidden; }
.logo { height:100px; width:174px; float:right; margin:0px 10px ; background-image:url(images/logo-fotografo.gif); 
background-repeat:no-repeat; color:#666;} 
#page {text-align:right; width:600px;margin-left:auto;margin-right: auto; padding:1em; } 
.ir {float:right; padding:5px; background-image: url(images/boton-200.gif); height:30px; width:250px; text-align:right; background-repeat:no-repeat;}
.big {float:left; position:relative;top:-8px; height:25px; padding-top:7px;padding-right:1px; color: #f90; font-size:24px; font-weight:bold; font-family: "Times New Roman", Times, serif; }
.justify {text-align:justify;}


#main {width: 700px; 
 float: right;
 }
 #main-c {padding:1em 3em; }
 
 #cont-gallery { }
#holder {width:610px; margin:0 auto; position:relative; background:transparent url(imgs/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:24px; text-align:center;}

#scrollbox a.slidea {background:url(imgs/pic1.jpg) no-repeat center center;}
#scrollbox a.slideb {background:url(imgs/pic2.jpg) no-repeat center center;}
#scrollbox a.slidec {background:url(imgs/pic3.jpg) no-repeat center center;}
#scrollbox a.slided {background:url(imgs/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:#fff; 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:#fff; z-index:-1;}
#scrollbox a:focus span {width:480px; height:400px; top:0; left:90px; color:#000; background:#fff; z-index:10; outline:0;}