*{
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}

html, body{
 background-color:#eef;
 padding:0;margin:0;
 font-family:"Trebuchet MS", Helvetica, sans-serif;
 font-size:16px;
 line-height:26px;
}

@-webkit-keyframes qfade{
 0%{opacity:1;}
 20%{opacity:1;}
 25%{opacity:0;}
 95%{opacity:0;}
 100%{opacity:1;}
}
@keyframes qfade{
 0%{opacity:1;}
 20%{opacity:1;}
 25%{opacity:0;}
 95%{opacity:0;}
 100%{opacity:1;}
}
.slideshow{
 position:relative;
 width:64%;
 padding:24% 0 0 0;
 float:right;
 margin-right:3%
}

.slideshow img, .slideshow div{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 /*border-radius:0.36em;*/
}
/*.slideshow div{
 background:linear-gradient(to right, 
  rgba(255,255,255,1), 
  rgba(255,255,255,0), 
  rgba(255,255,255,0), 
  rgba(255,255,255,0), 
  rgba(255,255,255,0), 
  rgba(255,255,255,0), 
  rgba(255,255,255,1));
}*/
.slideshow img:nth-child(5){
 -webkit-animation:qfade 50s 0s infinite;
 animation:qfade 50s 0s infinite;
}
.slideshow img:nth-child(4){
 -webkit-animation:qfade 50s 10s infinite;
 animation:qfade 50s 10s infinite;
}
.slideshow img:nth-child(3){
 -webkit-animation:qfade 50s 20s infinite;
 animation:qfade 50s 20s infinite;
}
.slideshow img:nth-child(2){
 -webkit-animation:qfade 50s 30s infinite;
 animation:qfade 50s 30s infinite;
}
.slideshow img:nth-child(1){
 -webkit-animation:qfade 50s 40s infinite;
 animation:qfade 50s 40s infinite;
}

a{
 text-decoration:none;
 color:#24e;
}

ul{
 list-style-type: none;
 margin: 0;
 padding: 0;
 margin-bottom:0.5em;
}

#wrap{
 background-color:#fff;
 margin:auto;
 width:960px;
}

#head, #foot{width:100%;}
#head:after {
 content: '';
 display: block;
 clear: both;
}
#menu, #main{float:left;}
#menu{
 width:30%;
 padding:0 0.5em;
}
#main{
 width:70%;
 padding:0 1em;
 color:#333334;
}

#menu li a{
 padding-left:0.5em;
 padding-right:0.5em;
 font-size:1.8em; 
 color:#fff; 
 display:block; 
 font-weight:bold;
 margin-bottom:0.2em;
 line-height:1.2em;
 width:100%;
 border-radius:0.2em;
}
#menu .yel{background-color:#fbd400;}
#menu .red{background-color:#d91919;}
#menu .blu{background-color:#009ece;}
#menu .bla{background-color:#131314;}

#menu .yel:hover{background-color:#fbf420;}
#menu .red:hover{background-color:#f93939;}
#menu .blu:hover{background-color:#20beee;}
#menu .bla:hover{background-color:#333334;}

#menu img{
  height: 2em;
}

#foot{text-align:center;}
#foot img{height:100px;}

p, #main ul{
 margin: 0.5em 0;
}

/*
#main ul{
 list-style-type: disc;
}*/

#main ul li:before {
    /* Unicode triangular bullet symbol */
    content: '\00a0\00a0\2023 ';
    color: #144;
    padding-right: 0.5em;
}

#main img{
  max-width: 100%;
}

h1{
 text-align:center;
 padding:0;
 padding-top:0.2em;
 margin:0;
 font-size:2em;/**/
 line-height:1.2em;
}

h2{
 font-size:1.5em;
}

h3{
 font-size:1.2em;
}

@media only screen and (max-width: 960px) {
 #wrap{width:100%;}
 #menu, #main{width:100%;}
 #menu{text-align:center;}
 #menu a{text-align:center;width:100%;padding:0;}
 #main{padding:0.5em;}
}