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;  
}

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

#content1
{
 background-image: url(img/Spirala-banner-m.jpg);
 width: 970px;
 height: 300px;
 margin-left: 27px;
 margin-right: 27px;
}
#content2
{
 color: white;
 font-family: 'Tapestry', cursive;
 padding: 25px;
 font-size: 25px;
 text-align: center;
 letter-spacing: 2px;
}
#content3
{
 color: white;
 font-style: normal;
 font-family: 'Merriweather', serif;
 padding: 25px;
 margin-left: 27px;
 margin-right: 27px;
 font-size: 20px;
 text-align: left;
}
#content4
{
 color: white;
 font-style: italic;
 font-family: 'Merriweather', serif;
 padding: 25px;
 margin-left: 27px;
 margin-right: 27px;
 font-size: 20px;
 text-align: left;
}

#content5
{
 background-image: url(img/Spirala2-banner.jpg);
 width: 970px;
 height: 300px;
 margin-left: 27px;
 margin-right: 27px;
}
#content6
{
 color: white;
 font-family: 'Tapestry', cursive;
 padding: 25px;
 font-size: 25px;
 text-align: center;
 letter-spacing: 2px;
}
#content7
{
 color: white;
 font-style: normal;
 font-family: 'Merriweather', serif;
 padding: 25px;
 margin-left: 27px;
 margin-right: 27px;
 font-size: 20px;
 text-align: left;
}
#content8
{
 color: white;
 font-style: italic;
 font-family: 'Merriweather', serif;
 padding: 25px;
 margin-left: 27px;
 margin-right: 27px;
 font-size: 20px;
 text-align: left;
}

#content9
{
 background-image: url(img/CW-banner1.png);
 width: 970px;
 height: 300px;
 margin-left: 27px;
 margin-right: 27px;
}
#content10
{
 color: white;
 font-family: 'Tapestry', cursive;
 padding: 25px;
 font-size: 25px;
 text-align: center;
 letter-spacing: 2px;
}
#content11
{
 color: white;
 font-style: normal;
 font-family: 'Merriweather', serif;
 padding: 25px;
 margin-left: 27px;
 margin-right: 27px;
 font-size: 20px;
 text-align: left;
}
#content12
{
 color: white;
 font-style: italic;
 font-family: 'Merriweather', serif;
 padding: 25px;
 margin-left: 27px;
 margin-right: 27px;
 font-size: 20px;
 text-align: left;
}

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

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

#content13
{
 background-image: url(img/CW2-banner.png);
 width: 970px;
 height: 300px;
 margin-left: 27px;
 margin-right: 27px;
}

#content14
{
 background-image: url(img/CW2-banner2.png);
 width: 970px;
 height: 300px;
 margin-left: 27px;
 margin-right: 27px;
}

#content15
{
 background-image: url(img/CW2-banner3.png);   
 width: 970px;
 height: 300px;
 margin-left: 27px;
 margin-right: 27px;
}
#content16
{
 color: white;
 font-family: 'Tapestry', cursive;
 padding: 25px;
 font-size: 25px;
 text-align: center;
 letter-spacing: 2px;
}
#content17
{
 color: white;
 font-style: normal;
 font-family: 'Merriweather', serif;
 padding: 25px;
 margin-left: 27px;
 margin-right: 27px;
 font-size: 20px;
 text-align: left;
}
#content18
{
 color: white;
 font-style: italic;
 font-family: 'Merriweather', serif;
 padding: 25px;
 margin-left: 27px;
 margin-right: 27px;
 font-size: 20px;
 text-align: left;
}

#content19
{
 background-image: url(img/CW-banner-ks.jpg);   
 width: 970px;
 height: 300px;
 margin-left: 27px;
 margin-right: 27px;
}
#content20
{
 color: white;
 font-family: 'Tapestry', cursive;
 padding: 25px;
 font-size: 25px;
 text-align: center;
 letter-spacing: 2px;
}
#content21
{
 color: white;
 font-style: normal;
 font-family: 'Merriweather', serif;
 padding: 25px;
 margin-left: 27px;
 margin-right: 27px;
 font-size: 20px;
 text-align: left;
}

#content22
{
 background-image: url(img/CW-banner-zak.jpg);   
 width: 970px;
 height: 300px;
 margin-left: 27px;
 margin-right: 27px;
}
#content23
{
 color: white;
 font-style: normal;
 font-family: 'Merriweather', serif;
 padding: 25px;
 margin-left: 27px;
 margin-right: 27px;
 font-size: 20px;
 text-align: left;
}

#content24
{
 background-image: url(img/CW-banner-T1-2.jpg);   
 width: 970px;
 height: 300px;
 margin-left: 27px;
 margin-right: 27px;
}
#content25
{
 color: white;
 font-family: 'Tapestry', cursive;
 padding: 25px;
 font-size: 25px;
 text-align: center;
 letter-spacing: 2px;
}
#content26
{
 color: white;
 font-style: normal;
 font-family: 'Merriweather', serif;
 padding: 25px;
 margin-left: 27px;
 margin-right: 27px;
 font-size: 20px;
 text-align: left;
}

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

#con7
{
 background-color: #000000;
 padding: 15px;  
}

#content27
{
 background-image: url(img/Spirala-slajd3.jpg);   
 width: 970px;
 height: 300px;
 margin-left: 27px;
 margin-right: 27px;
}
#content28
{
 color: white;
 font-family: 'Tapestry', cursive;
 padding: 25px;
 font-size: 25px;
 text-align: center;
 letter-spacing: 2px;
}
#content29
{
 color: white;
 font-style: normal;
 font-family: 'Merriweather', serif;
 padding: 25px;
 margin-left: 27px;
 margin-right: 27px;
 font-size: 20px;
 text-align: left;
}
#content30
{
 color: white;
 font-style: normal;
 font-family: 'Merriweather', serif;
 padding: 25px;
 margin-left: 27px;
 margin-right: 27px;
 font-size: 20px;
 text-align: left;
}

a.link
{
 color: lightskyblue;
 text-decoration: none;
}

.hr {
border-top: 1px solid;
color: #808080;
text-align: center;
margin: auto;
padding: 20px;
width: 53%;
}

#con1
{
 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;
}