body
{
    background-color: #2677B3;
    font-family: 'Lato', sans-serif;
}
 
#container
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
 
#logo
{
    color: white;
    margin-top: 20px;
    font-size: 44px;
    letter-spacing: 3px;
    font-weight: 900;
    text-align:center;
}
 
#menu
{

	width:100%;
	text-align:center;
	float: left;
	background-color:white;
	
}
 
#topbar
{
    background-color: #CA5C90;
    color: white;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 25px;
    height: 170px;
}
 
#topbarL
{
    float:left;
    padding: 20px;
    width: 138px;
    text-align: center;
    border-right: 2px dotted #cccccc;
}
 
#topbarR
{
    float: left;
    padding: 20px;
    width: 760px;
    font-size: 16px;
    text-align: justify;
}
 
#sidebar
{
    float: left;
    width: 148px;
    min-height: 620px;
    padding:20px;
    background-color: lightgray;
    text-align: center;
    font-size: 18px;
    
}
 
#content
{
    float: left;
    padding: 40px;
    width: 920px;
    background-color:  #A5BDC3;
    min-height: 580px;
    text-align:center;
}
#zdjecia
{
	width:50%; 
	height:50%;
	border: 1px solid white;
    border-radius: 5px;
    padding: 5px;  
} 

 
.option
{
    float: left;
    min-width: 50px;
    height: 20px;
    font-size: 18px;
    padding: 10px;
    opacity: 2;
    margin-left:35px;
}
 
.option:hover
{
    background-color: #000000;
    cursor: pointer;
}
 
.optionL
{
    font-size:18px;
    height:25px;
    padding: 10px;
    border-bottom: 2px dotted #444444;
}
 

 
.bigtitle
{
    font-size: 32px;
    font-weight: 900;
    letter-spacing: 2px;
}
#zdjecia:hover 
{
    box-shadow: 0 0 10px 7px rgba(165, 125, 125, 1);
	!opacity: 0.5;
}