body
{
 background-color: #111e28;
}

#container
{
 background-color: black;
 width: 1024px;
 height: auto;
 margin-left: auto;
 margin-right: auto;
}

#logo
{
 background-image: url(img/Tlostrony2.jpg);
 width: 1024px;
 height: 276px;
 margin-left: auto;
 margin-right: auto;
}

#menuL
{
 background-color: lightslategray;
 float: left;
 width: 670px;
 padding: 10px;
}
#menuR
{
 background-color: lightslategray;
 float: left;
 width: 314px;
 padding: 10px;
}
.optionL
{
 float: left;
 font-family: 'Abhaya Libre', serif;
 text-align: center;
 font-size: 25px;
 height: 25px;
 min-width: 100px;
 padding: 10px;
}
.optionL:hover
{
 background-color: #a3aeba;
 cursor: pointer;
}
.optionR
{
 float: right;
 text-align: center;
 font-size: 25px;
 min-width: 50px;
 height: 25px;
 padding: 10px;
}
.optionR:hover
{
 background-color: #a3aeba;
 cursor: pointer;
}
a.linkmenu
{
 color: white;
 text-decoration: none;
}

#top
{
 background-color: #111e28;
 padding: 15px;  
}

#topbar
{
 color: white;
 padding: 25px;
 font-size: 25px;
 text-align: center;
 letter-spacing: 2px;
 font-family: 'Tapestry', cursive;
}

#con2
{
 background-color: #111e28;
 padding: 15px;  
}

#content2
{
 background-image: url(img/S-tlo1.jpg);
 width: 1024px;
 height: 768px;
 margin-left: auto;
 margin-right: auto;
}
#contentL
{
 float: left;
 padding: 40px;
 width: 450px;
 text-align: center;
}
#contentR
{
 float: left;
 font-family: 'Libre Baskerville', serif;
 width: 450px;
 font-size: 18px;
 text-align: left;
 color: white
}
.bigtitle
{
 font-size: 25px;
 font-weight: 100;
 letter-spacing: 2px;
}

#con1
{
 background-color: #111e28;
 padding: 15px;  
}

#content1
{
 background-image: url(img/S-tlo2.jpg);
 width: 1024px;
 height: 768px;
 margin-left: auto;
 margin-right: auto;
}
#contentL
{
 float: left;
 padding: 40px;
 width: 450px;
 text-align: center;
}
#contentR
{
 float: left;
 font-family: 'Libre Baskerville', serif;
 width: 450px;
 font-size: 18px;
 text-align: left;
 color: white
}
.bigtitle
{
 font-size: 25px;
 font-weight: 100;
 letter-spacing: 2px;
}

#con3
{
 background-color: #111e28;
 padding: 15px;  
}

#content3
{
 background-image: url(img/MOTYWY-SPIRALA.jpg);
 width: 1024px;
 height: 683px;
 margin-left: auto;
 margin-right: auto;
}

#con4
{
 background-color: #111e28;
 padding: 15px;  
}

#content4
{
width: 1024px;
height: 96px;
margin-left: auto;
margin-right: auto;
}
.title
{
 color: white;
 font-family: 'Tapestry', cursive;
 padding: 28px;
 font-size: 40px;
 text-align: center;
 letter-spacing: 2px;
}

#con5
{
 background-color: #111e28;
 padding: 15px;  
}

#content5
{
 width: 1024px;
 height: 387px;
 margin-left: auto;
 margin-right: auto;
}
.cover
{
 display: inline-block;
 width: 500px;
 text-align: center;
 padding: 4px;
}
.cover p
{
 padding: 4px;
 margin-top: 10px;
}
.cover1
{
margin: 10px;
width: 254px;
height: 359px;
float: right;
overflow: hidden;
}
.cover2
{
 margin: 10px;
 width: 254px;
 height: 359px;
 float: left;
 overflow: hidden;
}

#con6
{
 background-color: #111e28;
 padding: 15px;  
}

#footerL
{
 float: left;   
 color: white;
 font-family: 'Merriweather', serif;
 text-align: center;
 width: 844px;
 padding: 20px;
}

#footerR
{
 float: right;
 text-align: center;
 width: 100px;
 padding: 20px;
}