body {
margin: 0 auto;
padding: 15px 0px 0px 0px;
font: 74% verdana, "Trebuchet MS", arial, sans-serif;
text-align: center;
line-height: 1.7em;
color: #000;
background: #00334d url(images/ccc.jpg) repeat-x;
}
  /* WRAP */
#container {
width: 1000px;
margin: 0 auto;
padding: 0;
}
#container2 {
margin: 0;
padding: 0;
text-align: left;
color: #666;
background: #fff;
}
  /* BANNER */
#banner a, #banner2 a { 
position: relative;
width: 1000px;
margin: 0 0 30px 0;
padding: 0;
height: 180px;
background: #000 url(images/banner.jpg) no-repeat 0px 10px;
color: #000;
display: block;
border: none;
font-size: 1px;
}
#banner2 a {
margin: 0;
}
  /*TOP NAV*/
#navPyra {
margin: 0px;
background: url(images/hornimenu.png) no-repeat top right;
padding: 20px 0 23px 10px;
}
#navPyra li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navPyra a:link, #navPyra a:visited {
float: left;
font-size: 1.2em;
letter-spacing: 2px;
line-height: 1.2em;
font-weight: normal;
padding: 0px 12px 6px 12px;
text-decoration: none;
color: #000;
}
#navPyra2{
margin: 0px;
padding: 0 0 0 10px;
}
#navPyra2 li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navPyra2 a:link, #navPyra2 a:visited {
float: left;
font-size: 1.2em;
letter-spacing: 2px;
line-height: 1.2em;
font-weight: normal;
padding: 6px 12px 0px 12px;
text-decoration: none;
color: #000;
margin-bottom: 30px;
}
#navPyra2 a:link.active, #navPyra2 a:visited.active, #navPyra2 a:hover {
color: #708491;
background: url(images/dolu.jpg) no-repeat top center;
}
#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
color: #708491;
background: url(images/nahoru.jpg) no-repeat bottom center;
}
#navPyra a, #navPyra2 a {
border-bottom: none;
}
  /* SIDE CONTENT */
#side {
width: 200px;
float: left;
margin: 0 auto;
padding:  0 20px 0 20px;
background: inherit;
color: #999;
}
  /* SIDE NAV */
#side ul {
list-style: none;
margin: 10px 0 20px 0;
padding: 0;
border-top: 1px solid #d6d6d6;
}
#side ul li {
display: inline;
padding: 0;
margin: 0;
}
#side ul li a {
display: block;
color: #708491;
background: inherit;
text-decoration: none;
margin: 0;
padding: 7px 0;
border-bottom: 1px dashed #d6d6d6;
}
#side ul li a:hover {
text-decoration: none;
color: #000;
background: url(images/vpravo.jpg) no-repeat right center;
}
#side a.active {
font-style: italic;
background: url(images/vpravo.jpg) no-repeat right center;
}
  /* MAIN CONTENT */
#content {
width: 720px;
margin-left: 250px;
padding: 0 10px;
}
#content-full, #content-full-stred {
width: 1000px;
padding: 0px;
margin: 0px;
}
#content-full-stred{
text-align: center;
}
#content-full-okraj {
clear: both;
margin: 0px 20px 0 20px;
background: url(images/top_secret.jpg) no-repeat right top;
}
#navcontainer p {
text-align: justify;
}
#navcontainer h2 {
font: bold 110% verdana, arial, "Trebuchet MS", sans-serif;
}
  /* FOOTER */
#footer {
clear: both;
margin-top: 30px;
padding: 20px 20px 20px 20px;
font-size: 11px;
color: #fff;
background: #000;
}
#footer a {
text-decoration: none;
color: #fff;
border-bottom: 1px dashed #aaa
}
#footer a:hover {
border-bottom: 1px solid #f60
}

  /* LINKS*/
a { text-decoration: none;
color: #666;
border-bottom: 1px dashed #494949
}
a:hover {
border-bottom: 1px solid #f60
}
a img {
border: 0px;
}
  /* SEARCH BOX*/
legend {
font-weight: bold;
color: #000;
}
  /* TYPOGRAPHY */
h1, h2 {
margin: 0;
font: normal 150% verdana, arial, "Trebuchet MS", sans-serif;
letter-spacing: 2px;
color: #000;
background: inherit;
}
h2, h3 {
font: bold 120% verdana, arial, "Trebuchet MS", sans-serif;
letter-spacing: 1px;
padding: 0;
margin: 0;
}
blockquote {
font-style: italic;
color: #666;
}
.blok {
margin: 15px 0 15px 0;
height: 190px;
border-top: 1px solid #d6d6d6;
display: block;
clear: right;
padding: 10px 0 10px 0;
}
  /* CLASSES*/
#content img, .ram, .ramL, .ramR {
padding: 10px;
border: 1px solid;
border-color: #aaa;
margin-top: 10px;
margin-bottom: 10px;
}
.imgright, .ramR {
float: right;
margin-right: 0px;
margin-left: 10px;
}
.imgleft, .ramL {
float: left;
margin-right: 10px;
margin-left: 0px;
}
.imgcenter {
text-align: center;
margin: 10px auto;
display: block;
}
.clear {
clear: both;
}
.big {
margin: 5px;
font: 200% "Trebuchet MS", verdana, arial, sans-serif;
font-size: 200%;
line-height: 2em;
text-transform: uppercase;
background: #fff;
color: #2e2e2e;
}
#login-form {
background: #f4f4f4;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
margin-bottom: 30px;
width: 390px;
border: 1px solid #999;
padding: 10px 10px 0px 10px;

}
#login-form table {
margin-left: auto;
margin-right: auto;
}
#login-form table td.title {
  color: #666;
  text-align: right;
  padding-right: 10px;
}
.nadpis {
padding: 10px;
background: #f4f4f4;
font: bold 120% verdana, arial, "Trebuchet MS", sans-serif;
color: #2e2e2e;
}
.stred {
text-align: center;
}