@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Bubblegum+Sans|Cinzel+Decorative|BenchNine|Imprima|Della+Respira|Oregano);
/* font-family: 'Bubblegum Sans', cursive;
font-family: 'Cinzel Decorative', cursive;
font-family: 'BenchNine', sans-serif;
font-family: 'Imprima', sans-serif;
font-family: 'Della Respira', serif;
font-family: 'Oregano', cursive;*/
html{
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 8%, rgb(223,230,18) 93%);
}
body{
	font-family: 'Imprima', sans-serif;
	margin: 0;
        
}
header{
	font-family: 'Cinzel Decorative', cursive;
        text-align: center;

}

header h1{
    font-weight: bolder;
    color: darkblue;  
}
header h2{
    margin-top: -25px;
    color: darkred;
}
nav{
	text-align: center;
}
#principal{
    width: 90%;
    height: 80%;
    margin: auto;
    text-align: center;
    background-color: blue;
    
}
section{
	float:left;
	width:40%;
	padding: 5px;
	border: 2px dashed lightgrey;
        background-color: lightyellow;
	margin:10px;
        font-family: 'Oregano', cursive;
        text-align: left;
	}
footer{
	font-family: 'BenchNine', sans-serif;
    font-size:12px;
    position:absolute;
	bottom:0;
	width:100%;
	text-align: center;
	letter-spacing: .1px;
    margin: 0 px;
        
    background-color: lemonchiffon;
    color:darkred;
}
.contingut{
    width:50%;
    background-color: lightcyan;
}
.contingut span{
    color: red;
}
footer img{
    padding-right: 10px;
    float:right;
}
footer span{
    font-size:10px;
    float: left;
    padding-left: 10px;
}
a:hover{
    color:red;
}