* {
margin: 0 0 0 0;
padding: 0 0 0 0
}
body {
background-color: #505024;

}

#center-page {
width: 1000px;
background-color: #343434;
margin: 0 auto 0 auto
}
#vlajky {
text-align: right;
padding: 0 10px 0 0;
}


#head {
width: 994px;
height: 180px;
background-image: url(img/sif-logo.jpg);
background-repeat: no-repeat;
background-color: black;
border-left: solid #000000 5px;
border-right: solid #000000 1px;
border-bottom: solid #000000 1px;
float: left
}


#main {
width: 1000px;
background-image : URL(img/3col-blk-efefef.gif);
float: left
}

#left, #right {
width: 192px;
float: left;
margin: 0 0 0 0;
padding: 0 4px 0 4px
}

#content {
width: 600px;
float: left;
margin: 0 0 0 0
}

#footer {
width: 998px;
height: 25px;
background-color: #222222;
border: solid #000000 1px;
float: left
}

#head h1 {
font-family: Arial, serif;
font-style : normal ;
font-size : 30pt; 
font-weight :bold;
text-shadow: 1px 1px 1px #000, 3px 3px 5px #803000;
float:left; 
color :#ff6c00;
 margin: 0 0 0 25px  }

#head p {
font-family: Arial, serif;
font-style : italic ;
font-size : 14pt; 
font-weight :bold;
float: left;
text-shadow: 1px 1px 1px #000, 2px 2px 3px #005050;
text-indent: 0px;
color :#009999;
margin: 5px 0 0 50px}


#left h3 , #right h3{
font-family: arial, tahoma, serif;
font-size: 12pt;
text-align: center;
padding: 5px 0 5px 0;
color: #ffcc00;
background-color: transparent;
}

#content h3{
font-family: arial, tahoma, serif;
font-size: 12pt;
margin: 20px 10px 5px 20px;
color: #000000;
background-color: transparent;
}

#left h5 , #right h5{
font-family: arial, tahoma, serif;
font-size: 8pt;
text-align: left;
padding: 0px 0 5px 0;
color: #ffcc00;
background-color: transparent;
}



#left p, #right p  {
font-family: arial, tahoma, serif;
font-size: 10pt;
text-align: center;
text-indent: 0px;
padding: 2px 0 2px 0;
margin: 0 0 0 0;
color: #efefef;
background-color: transparent;
}


#left p a, #right p a {
font-family: arial, tahoma, serif;
font-size: 9pt;
font-weight: bold;
color: #efefef;
background-color: transparent;
text-decoration: none
}

#left p a:hover, #right p a:hover {
color: #ffcc00;
background-color: transparent;
text-decoration: none
}

#content img { 
margin: 0px;
border: solid #000000 0px }

address  {
 font-family: Arial, serif; 
font-style: normal ;
font-size: 8pt; 
font-weight: bold; 
text-align: center; 
color: #ffffff;
padding: 4px 0 0 0 }

address a {
color: #efefef}

h1 {  
font-family: Verdana;
font-style : normal ;
font-size : 16pt; 
font-weight: bold;
text-align : center;
color : #000000;
margin: 10px 0 10px 0 }

h2 {  
font-family: Verdana;
font-style : normal ;
font-size : 12pt; 
font-weight :bold;
text-align : center;
color : #343434}


#left h2 , #right h2{  
font-family: Verdana;
font-style : normal ;
font-size : 12pt; 
font-weight :bold;
text-align : center;
color : #ffffff}


p { 
font-family: Verdana;
font-style : normal ;
font-size : 10pt; 
font-weight : normal;
text-align : left; 
text-indent : 1em ;
color: #000000;
margin: 0 20px 10px 20px }

p.noindent { 
font-family: Verdana;
font-style : normal ;
font-size : 10pt; 
font-weight :normal;
text-align : left; 
text-indent : 0em ;
color: #000000;
margin: 0 20px 10px 20px }

#content a {
   color: #000000}

#content a:visited {
   color: #000000}
#content a:hover {
   color: #808080}

/* Dialog Box */
.sw {background: url(img/sw-blk.gif) 0 100% no-repeat #606060; width: 192px}
.se {background: url(img/se-blk.gif) 100% 100% no-repeat}
.nw {background: url(img/nw-blk.gif) 0 0 no-repeat}
.ne {background: url(img/ne-blk.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

.wsw {background: url(img/sw-whi.gif) 0 100% no-repeat #606060; width: 192px}
.wse {background: url(img/se-whi.gif) 100% 100% no-repeat}
.wnw {background: url(img/nw-whi.gif) 0 0 no-repeat}
.wne {background: url(img/ne-whi.gif) 100% 0 no-repeat; padding:10px}


#navbar {
width: 178px; /* set width of left */
margin: 0 0 0 9px;
background: #000;
}

#navbar ul { /* remove bullets and list indents */
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

/* style, color and size links and headings to suit */
#navbar a  {
font: bold 11px arial, helvetica, sans-serif;
line-height: 200%;
display: block;
background-image: url(img/button-211.gif);
background-repeat : no-repeat;
width: 178px;
height: 26px;
margin: 0 0 0 0;
padding: 2px 0 0 6px;
}



#navbar a {
color: #fff;
text-decoration: none;
}

#navbar a:hover {
color: #ffcc00;
line-height: 200%;
margin: 0 0 0 0;
padding: 2px 0 0 6px;
}

#navbar li {
/* make the list elements a containing block for the nested lists */
position: relative;
}

#navbar ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#navbar ul ul ul,
div#navbar ul ul li:hover ul ul
{display: none;}

div#navbar ul ul li:hover ul,
div#navbar ul ul ul li:hover ul {
  display: block;
background-image: url(img/button-211.gif);
background-repeat : no-repeat;
width: 178px;
height: 26px;
}

div.error {
padding: 3px 5px 3px 5px;
text-align: center;
background-color: red;
color: white;
font-family: arial, tahoma, serif;
font-size: 9pt;
font-weight: bold;
text-decoration: none
}

div#content li {
/* make the list elements a containing block for the nested lists */
position: relative;
font-family: Verdana;
font-style : normal ;
font-size : 10pt; 
font-weight :normal;
text-align : left; 
padding-left: 1em;
text-indent : -1em ;
margin: 0 0 0 50px;
}

div#content hr {
margin: 0 18px 0 18px;
}

div#content table.ramecek1px {
border: 1px solid black;
width: 100%;
border-collapse:collapse;
}

.ramecek {
background-color: #b0b0b0;
font-family: Verdana;
font-style : normal ;
font-size : 10pt; 
padding-left: 1em;
padding-right: 1em;
}
.rameceksv {
background-color: #efefef;
font-family: Verdana;
font-style : normal ;
font-size : 10pt; 
padding-left: 1em;
padding-right: 1em;
}
.rameceksvb {
border: 1px solid black;
border-collapse:collapse;
background-color: #efefef;
font-family: Verdana;
font-style : normal ;
font-size : 10pt; 
padding-left: 1em;
padding-right: 1em;
}
.ramecekbez {
border-style: none;
font-family: Verdana;
font-style : normal ;
font-size : 10pt; 
vertical-align:top;
}

.anketa {
border: none;
width: 100%;
border-collapse:collapse;
font-family: arial, tahoma, serif;
font-size: 8pt;
text-indent: 0px;
padding: 2px 0 2px 0;
margin: 0 0 0 0;
color: #ffcc00;
background-color: transparent;
vertical-align:bottom;
}
.anketa a {
color: #ffcc00;
background-color: transparent;
text-decoration: none
}
.anketa a:hover {
color: #ffffff;
background-color: transparent;
text-decoration: none
}