@charset "utf-8";
/* CSS Document */
@font-face {
font-family: Viner Hand ITC, Arial, Helvetica, sans-serif;
src: url(fuentes/Viner Hand ITC.TTF);}

body {
margin:0;
padding:0; 
text-align:center;
background:#000 url(imagenes/interface.jpg) top no-repeat} 

#contenedor { 
text-align:left; 
margin:auto;
width:800px; 
height:auto;
background:transparent;} 

#header { 
width: 800px; 
height:200px;
float: left;
background:transparent;
position:relative;}

#header h1 a{
margin:0;
display: block;
overflow:hidden;
text-indent:-2000px;
background:transparent;
height: 200px;
width: 280px;
position: absolute;
top: 0;
left:0;}

#menu { 
width:800px; 
height:80px;
float:left;
background:transparent;}

#galeria{
width: 800px;
height:auto;
float: left;
background:transparent;
position:relative;
padding:0 0 0 0}

#galeria li { 
display:inline; 
float:left; 
width:150px;
height:112px; 
background:#FFF; 
padding:5px; 
margin:5px; 
/*text-align:center;*/}

/*------------------------MENU---------------------*/

#nav { 
background:transparent;
width:800px; 
height:80px; 
margin:0;
padding:0;}

#nav span { display: none; }

#nav li, #nav a { height:80px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; display:inline; }

#nav-01 { width:115px; margin-left:0px;}

#nav-02 { width: 200px;}

#nav-03 { width: 80px;}

#nav-04 { width: 150px;}

#nav-05 { width: 130px;}

#nav-06 { width: 120px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */

#nav-01 a:hover { background:url(imagenes/menu_over.jpg) -1px 21px no-repeat; }

#nav-02 a:hover { background:url(imagenes/menu_over.jpg) -116px 21px no-repeat; }

#nav-03 a:hover { background:url(imagenes/menu_over.jpg) -316px 21px no-repeat; }

#nav-04 a:hover { background:url(imagenes/menu_over.jpg) -396px 21px no-repeat; }

#nav-05 a:hover { background:url(imagenes/menu_over.jpg) -546px 21px no-repeat; }

#nav-06 a:hover { background:url(imagenes/menu_over.jpg) -676px 21px no-repeat; }

/*--------------------------------------------------------------------------*/
#contenido {
width:780px;
height:615px;
float:left;
background:transparent;}

#home, #documentacion, #fotos, #genealogia, #contacto, #links {
width:780px;
height:585px;
float:left;
clear: left;
margin:0 0 0 10px;
background:transparent;} 

/*#home h1 {
text-indent: -3000px;
background: url(imagenes/h1.png) no-repeat 0px 20px ;
width:579px;
height:90px;
margin:0 0 0 10px;}

#documentacion h1 {
text-indent: -3000px;
background: url(imagenes/h1.png) no-repeat 0px -50px ;
width:391px;
height:70px;
margin:0 0 0 10px;}

#fotos h1 {
text-indent: -3000px;
background: url(imagenes/h1.png) no-repeat 0px -120px ;
width:391px;
height:70px;
margin:0 0 0 10px;}

#genealogia h1 {
text-indent: -3000px;
background: url(imagenes/h1.png) no-repeat 0px -330px ;
width:391px;
height:90px;
margin:0 0 0 10px;}

#contacto h1 {
text-indent: -3000px;
background: url(imagenes/h1.png) no-repeat 0px -260px ;
width:391px;
height:90px;
margin:0 0 0 10px;}

#links h1 {
text-indent: -3000px;
background: url(imagenes/h1.png) no-repeat 0px -190px ;
width:391px;
height:70px;
margin:0 0 0 10px;}*/

h1 {
font-size:30px;
padding:10px 10px 0 15px;
font-family: Viner Hand ITC, Arial, Helvetica, sans-serif;
color: #000;
font-weight:700;}

h2{
font-size:20px;
padding:10px 10px 10px 15px;
font-family: Viner Hand ITC, Arial, Helvetica, sans-serif;
color: #000;
font-weight:700;}

#der_col {
width:800px;
height:550px; 
float: left;
clear:right;
background:transparent;
margin:0 10px 0 0;
padding:0 10px 0 0;}

#menu_abajo{
margin:0;
padding:0;
text-align:center;
width:800px;
height:30px; 
float: left;
background:transparent;
position:relative;}

#pie {
clear:both; 
width:800px; 
height:310px;
background:transparent;
position:relative;}

#pie h1 a{
margin:0;
display: block;
overflow:hidden;
text-indent:-2000px;
background:transparent;
height: 210px;
width: 350px;
position: absolute;
top:80px;
left: 25px;}

#pie h2 a{
margin:0;
display: block;
overflow:hidden;
text-indent:-2000px;
background:transparent;
height:65px;
width: 150px;
position: absolute;
top:55px;
left:390px;}

p{
font-size:20px;
padding:10px 30px 0 20px;
font-family: Viner Hand ITC, Arial, Helvetica, sans-serif;
color: #000000;
font-weight:700;}

p strong{color: #C00;}

#home, #documentacion, #fotos, #genealogia, #contacto, #links li{
font-size:20px;
font-family: Viner Hand ITC, Arial, Helvetica, sans-serif ;
list-style-type:disc;
padding:10px 10px 10px 15px;
color: #000;
font-weight:700;}

li a{
color:#000;
text-decoration:none;}

li a:hover{
color:#930;}

p a{color:#000000;
text-decoration:none;}

p a:hover{ color:#0066FF;}

#pie p {
padding:10px 10px 0 10px;
color:#000;}

#pie p a{
text-decoration:none;
padding:0 0 0 0;
font-family: Viner Hand ITC, Arial, Helvetica, sans-serif ;
color:#C00;
font-weight:700;}

#pie p a:hover{ color: #000;}

.style1 {font: bold 16px Arial;
	color:#4b448b;}
	
.style1 a{font: bold 16px Arial;
	color:#D12947; text-decoration:none;}	

.style1 a:hover{font: bold 16px Arial;
	color:#4b448b; text-decoration:none;}
	
.style2 {font: bold 13px Arial;
	color: #0033FF;}
	
/*---------------------menu pie-----------------*/

.menupie{
margin:0;
padding:0 0 0 60px;
float: left;
font:700 18px Viner Hand ITC, Arial, Helvetica, sans-serif;
width: 100%;
overflow: hidden;}

.menupie li{
list-style: none;
display: inline;}

.menupie li a{
float: left;
color:#000;
margin:0;
padding: 0 0 10px 25px;
text-decoration: none;}

.menupie li a:visited{
color:#000;}

.menupie li a:hover{
color: #930;}