stile.css

html  {
  background-color: #66999;
  background-image: url("manga1.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%  ;
  font-family:Arial, Helvetica, sans-serif;
}




			
			* {
				margin:0px;
				padding:0px;
			}
			
			#header {
				margin: 0 auto;
				width:1000px;
				font-family:Arial, Helvetica, sans-serif;
                                opacity: 0.7;
                                float:left;
			}
                       

       

			
			ul, ol {
				list-style:none;
			}
			
			.nav > li {
				float:left;
			}
			
			.nav li a {
				background-color:#000;
				color:#fff;
				text-decoration:none;
				padding:10px 20px;
				display:block;
			}
			
			.nav li a:hover {
				background-color:#434343;
			}
			
			.nav li ul {
				display:none;
				position:center center;
				min-width:540px;
			}
			
			.nav li:hover > ul {
				display:block;
			}
			
			.nav li ul li {
				position:center;
			}
			
			.nav li ul li ul {
				right:-540px;
				top:0px;
			}
			
	#vikingos {
  background-color: skyblue;
  text-align: center;
  position: center;
 
  opacity: 0.9;
  margin:auto;
  width:500px;

  margin: 1rem;
  padding: 1rem;
  border: 0px solid #ccc;
  
 margin: 0 auto;
   width: 500px;
}	

	#contenidovikingo {
  background-color: skyblue;
  text-align: center;
  position: center;
 
  opacity: 0.9;
  margin:auto;
  width:500px;

  margin: 1rem;
  padding: 1rem;
  border: 0px solid #ccc;
  
 margin: 0 auto;
   width: 500px;
}	

#centrado{

text-align: center;
  position: center;
margin:1rem;
}

#agruparin{
width:500px;
background-color: skyblue;
background-image: url("up.jpg");
background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size:20%  ;
  text-align: center;
  position: center;
 
  opacity: 0.9;
  margin:auto;
  width:700px;

  margin: 1rem;
  padding: 1rem;
  border: 0px solid #ccc;
  
 margin: 10 auto;
   width: 1000px  ;
   height:300 ;


}	


#agrupar1{

background-color: gray;
background-image: url("iv.jpg");
background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size:55%  ;
  text-align: center;
  position: center center;
 
  opacity: 1.0;
  margin:30;
  width:500px;

  margin: 1rem;
  padding: 1rem;
  border: 0px solid #ccc;
  
 margin: 30 auto;
   width: 700px;



}	

#agrupar2{

background-color: gray;
background-image: url("bf.jpg");
background-position: center center;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size:55%  ;
  text-align: center;
  position: center center;




  opacity: 1.0;
  margin:30;
  width:500px;

  margin: 1rem;
  padding: 1rem;
  border: 0px solid #ccc;
  
 margin: 30 auto;
   width: 700px;



}	




#footer {
  background-color: black;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: white;
  opacity: 0.9;
position: relative;
}
#footer1 {
  background-color: black;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  color: white;
  opacity: 0.9;

}



                 #logo{
background-color: black;
position: 0 ;
opacity: 0.9;
  left: 0;
  bottom: 0;
  width: 1000;
 
  color: white ;
  text-align: left ;
 margin:  0;
   width: 100%;
}


}