body{
font-family:Verdana;
font-size:20px;
background-color:#efefef;
}
header, footer{
	text-align:center;
	margin:15px;
}
h1{
	font-size:30px;
	color:blue;
	padding-bottom:5px;
	border-bottom:2px solid red;
}
h2{
	font-size:27px;
	color:#ff8494;
	}
h3{
	font-size:25px;
	color:orange;
	}

p{	padding-top:5px;
	line-height:1.5em;
	width:95%;
}
ul {
  /*list-style-type: none;*/
  margin: 0;
  padding: 0;
  width: 80%;
  background-color: #f1f1f1;
	list-style-type:none;
}

li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

/* Change the link color on hover */
li a:hover {
  background-color: #555;
  color: white;
}
br {
	clear:both;
}
nav{
float:left;
width:49%;
}
.sxedio{
	float:left;
    top:130px;
    margin:auto;
    width:44%;
    height:400px;
    # border:1px solid red;
   }
  .dentro{
    position:relative;
    width:100%;
	height:240px;
    top:80px;
     }
  .tree{
	position:absolute;
    color:green;
    font-size:220px;
	left: 120px;
    }
  .bell, .berry, .cane, .star, .snowman, .snowflake, .mappin1, .mappin2{
    position:absolute;
    color:red;
    font-size:25px;}
  .bell1{
    left:136px;
    top:60px;
  }
  .bell2{
    left:120px;
    top:110px;
  }
  .berry1{
    left:180px;
    top:90px;
  }
  .berry2{
  left:160px;
    top:130px;
    }
  .cane1{
    left:235px;
    top:50px;
    transform: rotate(-25deg);
  }
  .cane2{
    left:245px;
    top:110px;
    transform: rotate(-40deg);
  }
  .star{
  color:yellow;
  left:180px;
  top:-20px;
  font-size:40px;
  }
  .snowman{
  color:white;
  font-size:35px;
  left:183px;
  bottom:21px;}
  .snowflake{
  color:white;
  left:220px;
  top:120px;
  }
  .mappin1{
  transform:rotate(180deg);
  left:118px;
  bottom:39px;
  }
  .mappin2{
  transform:rotate(180deg);
  left:272px;
  bottom:39px;
  }
  .christmas{
  position:relative;
  margin-top:55px;
  width:100%;
  height:40px;
  font-family: 'Mountains of Christmas', cursive;
  color:red;
  font-size:35px;
  padding-left:93px;
  }