/* CSS Document */
body{
font-size: 15px;
line-height: 1.5;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-color: f4f4f4;
}
.container{
padding: 0px;
width: 80%;
margin: auto;
overflow: hidden;

}
.container2{
padding: 0px;
width: 80%;
margin: auto;
overflow: hidden;

}

/* Header */

header{
min-height: 70px;
padding-top: 30px;
color: white;
background-color: #35424a;
border-bottom: #61b445 4px solid; 
}
header a{
font-size: 17px;
color: white;
text-decoration: none;
text-transform: uppercase;
}

header a:hover{
font-size:17px;
font-weight: bold;
color: grey;
text-decoration: none;
text-transform: uppercase;
}

#current,#poloniex{
color: #61b445;
font-weight: bold;
    }
    
header ul{
margin: 0;
padding 0;
}
header #logo{
float: left;
}
header li{
float: left;
display: inline;
padding: 0px 10px 0px 10px;
}
header nav{
margin-top: 100px;
float: right;
}
#contact{
font-size: 19px;
float: right;
}
#contact span{
vertical-align: top;
padding-left: 10px;
}

footer{
color: white;
font-size: 19px;
background-color: #e8491d;
padding: 20px;
margin-top: 20px;
}

#showcase{
padding: 0;
margin: 0;
background: url(background.jpg) no-repeat 0 -500px;
min-height: 400px;
color: white;
text-align: center;
font-size: 20px;
}
#showcase h1{

padding-top: 100px;
margin-top: 0px;
font-size: 35px;
font-weight: bold;
}
#logo{
padding-bottom: 10px;
margin-bottom: 10px;
}

 #screenshots{
 display: inline;
 }
#screenshots h1{
text-align: center;

}
#screen{
float: left;
text-align: center;
width: 29%;
padding-top: 30px;
padding-left: 20px;
padding-right: 20px;
}
footer{
margin: auto;
text-align: center;
background-color: #61b445;
}

#logo{
background-image: url(logo.png);
}
#politika{
padding-top: 2.5%;
margin-top: 5%;
text-align: center;
background-color: rgba(60,64,74,0.05)
}
#politika p, #cenik p{
font-size: 17px;
padding-top: 2.5%;
text-align: left;
padding-bottom: 4%
}
#politika h1, #vodnistavby h1, #dopravnistavby h1, #nadpis, #cenik h1{
padding-left: 30px;
vertical-align: top;
display: inline;
font-size: 35px;
font-weight: bold;
color: #727c87;

}
#politika #obr{
display: inline;
}
#screenshots h1{
font-size: 35px;
font-weight: bold;
color: #727c87;
}

/* Photogallery */

#vodnistavby{
float:center;
width: 100%;
margin: auto;

overflow: hidden;
margin-top: 50px;
text-align: center;
padding-bottom: 50px;

}
#photogallery{

margin-top: 50px;
float: left;
width: 250px;
margin-left: 5%;
border: 2px solid #ccc;
}
#photogallery:hover{
border: 2px solid #fff;
}

#description{

}
#dopravnistavby{
float:center;
width: 100%;
margin: auto;
background-color: rgba(60,64,74,0.05);
overflow: hidden;
margin-top: 50px;
text-align: center;
padding-bottom: 50px;
padding-top: 4%;
padding-bottom: 15%;

}
#screenimg{
border: 2px solid #ccc;
}
#screenimg:hover{
border: 2px solid #fff;
}
#nadpisfotogalerie{
margin-top: 5%;
padding-left: 40px;
font-size: 40px;
font-weight: bold;
vertical-align: top;
color: #424242;
}
#titlephoto{
margin-top: 5%;
display: inline;
text-align: center;
}

#cenik{
padding-top: 2.5%;

text-align: center;

}

.realizovano{
padding-top: 8%;

}
#realizace{
display: inline-grid;
padding: 4%;
color: #fff;
margin-bottom: 3%;
min-height: 300px;
margin-left: 10%;
width: 300px;
background-color: #35424a;
}

#titlerea h1{
padding-left: 30px;
vertical-align: top;
display: inline;
font-size: 35px;
font-weight: bold;
color: #727c87;
padding-right: 10px;

}
#titlerea{
padding-top: 4%;
text-align: center;
}

/* Stroje */

.gallery{
width: 300px;
min-height: 400px;
margin-left: 40px;
margin-bottom: 10px;
display: inline-grid;
border: 2px solid #ccc;
}
.stroje{
margin-top: 5%;
}

.gallery p{

font-size: 17px;

text-align: center;


}
.gallery h3{
text-align: center;
color: #525a63;
}
.stroje h1{
display: inline;
}