@charset "iso-8859-1";

body{
    background-color: #660033;
}
.body2{
    background-image: url(../images/fondo.jpg);
}
a:link {
	text-decoration: none;
	color:#FFFF99;
	border-width:0px;
}
a:visited {
	text-decoration: none;
	color:#FFFF00;
	border-width:0px;
}
a:hover {
	text-decoration: none;
	color:#FF3300;
	border-width:0px;
}
a:active {
	text-decoration: none;
	color:#FFFFFF;
	border-width:0px;
}
.imagen {
	position:absolute;
    left:270px;
    top:98px;
}
.vinculos {
	position:absolute;
    left:280px;
    top:20px;
}
.galeria {
	position:absolute;
    left:10px;
    top:15px;
}
.texto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	line-height:normal;
	font-weight:normal;
	font-variant:normal;
	color:#FF3300;
	margin-top:2px;
	margin-left:10px;
}
.botTexto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #FF99FF;
	text-shadow: 2px 2px #000000;
	text-align: left;
	border-style:solid;
    border-width:4px;
	border-color:#660033;
	width: 462px;
	margin:2px;
	background-image: url(../images/botonLargo.jpg);
	padding:5px 10px 6px 8px;
	float: right;
}
.botTexto:link {
	color: #FF99FF;
	text-decoration: none;
}
.botTexto:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/botonLargo2.jpg);
}
.series {
	position:absolute;
    left:280px;
    top:20px;
}
.series ul{
    list-style: none;    
    flex-direction: column;
}
.series li {
    text-decoration: none; 
}
.series li a {
    display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
    border: 0px;
    box-shadow: 2px 2px #000000;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #FFFF99;
	text-shadow: 2px 2px #000000;
	text-align: left;
	margin-bottom:10px;
	background-image: url(../images/botonSerie.jpg);
    padding: 5px 5px 5px 5px;
    width: 270px;
    height: 50px;
}
.series li a:hover {
	color: #FFFFFF;
	background-image: url(../images/botonSerie2.jpg);
}
.pata {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FF6699;
	text-shadow: 1px 1px #000000;
	font-size: 9px;
	text-align: left;
	float: left;
	margin-top: -10px;
	margin-left: 6px;
}
.pata:link {
	text-decoration: none;
	color: #FFFF33;	
}

#divGaleria {
	  background-color: #660033;
      position: absolute;
	  margin-left: 200px;
      width: 90%;
      max-width: 1500px;
      float: left;
  }
#divFoto {
	  display: inline-block;
	  width: 90%;
      max-width: 1500px;
      box-shadow: 3px -3px 3px 0 rgba(0.5, 0.5, 0.5, 0.3);
      cursor: pointer;
  }
#divIconos {
	  white-space: nowrap;
	  overflow: auto;
	  height: 80px;
	  width: 90%;
      max-width: 1500px;
  }
#divIconos img {
	  outline: none;
	  margin: 3px;
	  cursor: pointer;
      border: 1px;
  }
#btn-menu {
    display: none;  
} 
header {
    width: 100%;
	z-index: 10;	
} 
header label {     
    display: none;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 136px;
    top: 52px;
} 
    header label:hover {
    cursor: pointer;  
}
    .menu{
    display: flex;
    width: 180px;
    flex-direction: column;
}
    .menu ul{
    margin-left: 20px; 
    list-style: none;    
    padding: 0;
    flex-direction: column;
}
    .menu li{
    text-decoration: none; 
    margin-left: -20px;    
} 
    .menu li a {
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFF66;
	text-shadow: 2px 2px #000000;
	text-align: left;
	width: 142px;
	background-image: url(../images/boton1.jpg);
	padding:5px 10px 6px 8px;
    margin-bottom: 5px;
	float: left;   
}
    .menu li a:hover {
   	color: #FF0000;
	background-image: url(../images/boton3.jpg);
} 
.menunav{
    display: flex;
    width: 180px;
    flex-direction: column;
}
    .menunav ul{
    list-style: none;
    margin-left: 20px; 
    padding: 0;
    display: flex;
    width: 180px;
    flex-direction: column;
}
    .menunav li{
    text-decoration: none; 
    margin-bottom: 4px;
    margin-left: -20px;    
} 
    .menunav li a {
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFF66;
	text-shadow: 2px 2px #000000;
	text-align: left;
	width: 142px;
	background-image: url(../images/boton1.jpg);
	padding:5px 10px 6px 8px;
	float: left;   
}
    .menunav li a:hover {
   	color: #FF0000;
	background-image: url(../images/boton3.jpg);
} 
@media only screen and (max-width: 1000px) {
    
    .galeria {
    top: 85px;
}
    #divGaleria { 
	  margin-left: 10px;
      margin-top: 10px;  
      width: 100%;
  }
    header label{
        display: block; 
    } 
    .botTexto {
	font-size: 12px;
    }
    .series ul li {
        font-size: 12px;
    }
       .menu {
        position: fixed;  
        background: rgba(0.8, 0.0, 0.4, 0.5); 
		z-index: 30; 
        width: 180px; 
        margin-left: -60%; 
		margin-top: 4px;
        transition: all 1s;   
    } 
    .menu ul {
        flex-direction: column;  
    } 
    #btn-menu:checked ~ .menu {  
        margin: 1px; 
    } 
}