/*
Design by Metamorphosis Design and Dana Šlancarová
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
margin: 0px;
padding: 0px;
}

a:link {
        color: #FFFFFF;
}

a:hover {
        text-decoration: none;
        color: #FCDD4C;
}

a:visited {
        color: #FFFFFF;
}

body {
        background: #5FEDFF url(images/back_all.gif) repeat-x;
        font: 10px Arial, sans-serif;
        color: #8B1D68;
}

#pismomenu {
        font: 10px Comic Sans MS, sans-serif;
        color: #8B1D68;
}

#content
{
        margin: 20px auto 0px;
        background: #1C7DEE;
        width: 810px;
        text-align: left;
}

#main
{
width: 810px;
padding-top: 0px;
padding-left: 0px;
}


#header {
        height: 368px;
        text-align: right;
        }

#logo {

width: 810px;
height: 200px;
text-align: left;
padding-left: 25px;
padding-top: 10px;
}


#logo a {
        text-decoration: none;
        text-transform: none;
        font-family: "Comic Sans MS", sans-serif;
        font-style: normal;
        font-size: 54px;
        color: #FCDD4C;
}
#logo H2 a
{
font-size: 42px;
padding-left: 140px;
}


#menu
{
background-color: #1C7DEE;
margin: 0 auto;
width: 810px;
height: 40px;
padding-top: 0px;
padding-left: 0px;
font: 10px Comic Sans MS, sans-serif;
color: #8B1D68;
}

#menu ul {
        list-style: none;
        margin-left: 20px;        
}

#menu li {
        
        display: inline; 
      }

#menu a {
        float: left;
        text-decoration: none;
        color: #FFFFFF;
        font-weight: bold;
        padding: 12px;
        font-size: 12px;
        text-transform: uppercase;
}

#menu a:hover {
        color: #8B1D68;
        text-decoration: none;
        background-color: #FCDD4C;
}


#text {
  background: #FFF url(images/table_back2.gif) repeat-x scroll 0 0;
  padding: 10px 15px 15px;
  font-size: 1.5em;
}             

#text a {
        text-decoration: none;
        color: #258FCD;
}

#text a:hover {
        color: #8B1D68;
        text-decoration: none;
}



#paragr {
  padding-bottom: 6px
}             

        
#left
{
        width: 220px;
        margin-left: 20px;
}

#left H3
{
width: 310px;
height: 36px;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
padding-top: 15px;
text-transform: uppercase;
color: #ffffff;
background: url(images/title.gif) repeat-x
}

#left ul {
        list-style: none;
        margin-bottom: 10px;
        background: url(images/title_back.gif) repeat-x top;
}


#left li ul {
        border: 0px;
        margin-left: 20px;
        margin-bottom: 10px;
        padding-top: 20px;
        background: none;
}

#left li li {
        padding: 4px 20px;
}

#left a {
        color: #F5FFDC;
        text-decoration: none;
}

#left a:hover {
        color: #F5FFDC;
        text-decoration: underline;
}

#left a:visited {
        color: #F5FFDC;
}

#left p
{
padding: 10px;
}


#right
{
float: right;
width: 510px;
padding-left: 20px;
padding-right: 20px;
}

#right H4
{
        margin: 0;
        padding: 0px;
        font-size: 12px;
        color: #F5FFDC;
}

#right a
{
color: #F5FFDC;
text-decoration: none;
}

#right a:hover
{
color: #F5FFDC;
text-decoration: underline;
}

#right a:visited
{
color: #F5FFDC;
text-decoration: none;
}

#right p {
        margin: 0;
        padding: 0;
        padding-bottom: 10px;
}

#right h2 {
        margin: 0;
        padding: 0;
        padding-top: 10px;
        color: #F5FFDC;
}

#right ol, #right ul
{
margin-left: 30px;
}


#footer {
        margin: auto;
        height: 60px;
        width: 810px;
        clear: both;
        align: center;
        padding-top: 20px;
        background: url(images/footer.gif) repeat-x 0 0;
        border-top: 4px solid #8B1D68;
}

#footer p {
        text-align: center;
        color: #ffffff;
        font: .9em Comic Sans MS, sans-serif;
}

#footer a {
        color: #ffffff;
        text-decoration: underline;
}
#footer a:hover {
        color: #ffffff;
        text-decoration: underline;
}