/*
Style Sheet para los ejercicios de Little Boxes
04 CSS - Primeros pasos
*/

* { padding: 0; margin: 0; }
html { height: 101%; } 
body {
  color: white;
  background-color:#FFFFFF;
  background-image:url(../imagenes/back.jpg);
  font-family:Verdana,Arial,Times New Roman,sans-serif;
  font-size:14px;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Tahoma,Verdana,Lucida Grande,sans-serif;
}
#wrapper {
  color: black;
  width: 85%;
/*  padding: 20px; */
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto; 
}
#encabezado {
  color: black; 
  padding-top: 10px;
	padding-right: 20px; 
	padding-bottom: 0; 
	padding-left: 20px;
}
       #encabezado p {
	      padding: 5px 0 5px 0;
	      margin-bottom: 0;
	    }
#navegacion { 
  text-align: center; /* rechtsbündig */
 color: black;
 padding: 5px 10px 4px 10px; 
 border-bottom: 1px solid #000;
 font-size:60%;
} 
  #navegacion ul {
	    margin-bottom: 0; /* keinen unteren Rand */ 
	  }
   #navegacion li {
      display: inline; 
      list-style-type: none;
      margin: 0;  
    }
      #navegacion a {
  color: black; 
  background-image:url(../imagenes/azulclarito.gif);
  padding: 2px 6px 2px 6px; 
  border: 1px solid #000;
  font-weight:bold;
  font-size:120%;
}
      #navegacion a:visited {
  color: #666; 
  padding: 2px 6px 2px 6px; 
  border: 1px solid #000; 
}

#navegacion a:hover, 
#inicio{
  text-decoration: none; /*  
   Unterstreichung aus */ 
  color:#000066;
  padding-bottom: 5px; /* ein Pixel  
   mehr als oben */ 
  border-bottom: none; /* Untere  
   Rahmenlinie aus */ 
}
#navegacion a:hover{
	background-image:url(../imagenes/botontrans.png);
	}


#areatexto { 
  padding-top: 20px ;
  padding-right: 20px; 
  padding-bottom: 20px;
  padding-left: 20px; 
}
#pie {
  padding: 20px;
  padding-top: 10px; 
  border-top: 1px solid #000; 
  margin-top: 20px; 
  color:black;
}
h1 { font-size: 150%;
     text-align: center;
     color: rgb(0, 0, 190);
	 } 
h2 { font-size: 130%; margin-bottom: 1em;}
strong { color: #4e9b88; }
address {
  text-align: center;  
  font-size: 95%; 
  font-style: normal; 
  letter-spacing: 2px; 
  line-height: 1.5em; 
}
a { text-decoration: none; outline: none; } 
a:link { color: #d90000;}
a:visited { color: #00C;
			text-decoration:none;
}
a:hover, a:focus { text-decoration: none; }
a:active { color: white; background-color: #d90000; }
.skiplink { display: none; }

p, ul { 
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ;
  margin-left: 0; 
}  
ul ul { 
  margin: 0; 
} 
li { 
  margin-top: 0 ; 
  margin-right: 0; 
  margin-bottom: 0; 
  margin-left: 1em; 
}