body{
    background: linear-gradient(to bottom, #4285c9 0%, #ffffff 100%);
}
.menu{
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
}

#underlinemenu{
margin: 0;
padding: 0;
width: 100%;
text-align:center;
}

#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: center;
font-weight: bold;
font-size:25px;
width: 100%;
border: 0px solid #DFDFDF;
border-width: 1px 0;
}

* html #underlinemenu ul{ 
margin-bottom:10;
}

#underlinemenu ul li{
display: inline;
}
h1 {font-style:italic;
font-family:sans-serif;
}
h2 { font-family:sans-serif;
}
h3 {font-style:italic;
}
h4 {font-style:italic;
}



#underlinemenu ul li a{
float: center;
color: black;
margin: 40px;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;
background: none; 
}

#underlinemenu ul li a:hover{
color: black;
background-color: none;
border-bottom: 4px solid black;
padding-bottom: 0;
}

#container_2 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}



#okolohorni{
width:100;
text-align: center;
background:black;
}

#okolomenu{
width:100;
text-align: center;
}


#horni{
display:table;
margin:0 auto; 
}

div.gallery {
    margin: 15px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}