/*
Style Sheet für die Little Boxes Übungsseiten
04 CSS - Die ersten Schritte 
*/

* { padding: 0;	margin: 0;	}
html	{height: 101%;	 }
body	{
	color: white; /*color de fuente*/
	background-color: #8c8c8c;/*color de fondo*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	}
#wrapper	{
	color: black;
	background-color: white;
	width:90%;
	background-position: top;
    margin-top: 20px;
	margin-right: 30px; 
	margin-bottom: 20px;
	margin-left: 30px; 
	
	}
	#encabezado	{
	color: black;
	background-color: #f3c600;
	background-image: url(encabezado_bg_rep.jpg);  
	padding-top: 10px;	
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	}	
		#encabezado img{
	background-color: white;
	padding: 0px;
    border: 0px solid #d9d9d9;
	}
		#encabezado p	{
	padding: 5px 0 5px 0;
	margin-bottom: 0;
	}
#navegacion { 
 text-align: right;
  color: black;
  background-color: #f3c600;
  background-image: url(encabezado_bg_rep.jpg);
  background-repeat: repeat-y;
  background-position: top left;
  padding: 5px 10px 4px 10px; 
  border-bottom: 1px solid #8c8c8c;
} 
  	
#navegacion ul	{
	margin-bottom: 0; /*sin margen inferior*/
	font: bold 9px verdana, sans-serif;
	}	
#navegacion li	{
	display: inline; /*li al mismo nivel*/
	list-style: none; /* sin viñetas*/
	margin: 0 ;
	
	}
#navegacion a	{ color: black;	
	background-color:#ffeda0;
	padding: 4px 8px 4px 8px;
	border: 1px solid #8c8c8c;
	}
#navegacion a:hover,	
#quisom #navi01 a,
#butlleti #navi02 a,
#concursos #navi03 a,
#noticies #navi04 a,
#temes-obligats #navi05 a,
#exposicions #navi06 a,
#opinio #navi07 a,
#LINKS #navi08 a,
#museu #navi09 a
 
{
 text-decoration: none; /* Unterstreichung aus */ 
	    color: black; 
	    background-color: white; 
	    padding-bottom: 5px; /* ein Pixel mehr als oben */ 
	    border-bottom: none; /* Untere Rahmenlinie aus */ 
	}
#navegacion a: active {background-color: white;	}
#areatexto	{
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom:20px;
	padding-left:20px;
	
			}
#pie	{
	padding: 20px;
	padding-top: 10px; /*relleno superior debajo de la linea*/
	border-top: 2px solid #ffeda0; /*Borde superior*/
	margin-top: 20px; /*margen superior encima de la linea*/
	}
h1	{ font-size: 150%;	}
h2	{ font-size: 130%;	
	  margin-bottom: 1em;	}
	strong { color: #000000; }  
	address	{
	text-align: center; /*centrar*/
	font-size: 80%; /*mas pequeño*/
	font-style:normal; /*fuente normal, no cursiva */
	letter-spacing: 2px; /*distancia entre las letras */
	line-height: 1.5em; /*distacia entre las lineas */
	}  
a { text-decoration: none; outline: none; }
a: link	{ color: #d90000;}
a: visited	{ color: #cc6666;	}
a: hover, a: focus	{ text-decoration:underline;	}
a: active	{ color: white; background-color: #d90000;	}
.skiplink	{ display:none;	}

p, ul	{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em; /*margen inferior*/
	margin-left: 0;	}
ul ul	{
	margin: 0;	}	
	
li	{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0; 
	margin-left: 1em; /*margen izquierdo*/
		}
		
.style2 {font-size: 10px}
.style4 {font-size: 10px; font-weight: bold; }

		
p	
	{
	font: 1em/1.5em Verdana, Arial, sans-serif;
	}