@media print,handheld  {
#hidden,.form,#foot,#top,img,#sidebar,#logo,#top,#topmenu,#slogan,#downmenu {
display:none;
}

h3 {
text-transform:uppercase;
text-align: center;
}

a {
color:#333;
}
}

@media screen,projection  {
*,*,form .form {
margin:0;
padding:0;
}

html,body {
height:100%;
}

body {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.4;
text-align:center;
color:#333;
background:url(../image/back.gif);
}

.p1 {
  border-color: #CEDFEF;
  background-color: #CEDFEF;
  padding: 10px 10px 10px 10px; 
}

.p2 {
  border-color: #CCF0D8;
  background-color: #CCF0D8;
  padding: 10px 10px 10px 10px;
}

.p3 {
  border-color: #F1DACB;
  background-color: #F1DACB;
  padding: 10px 10px 10px 10px;
}

.logged {
  text-align: right; 
  color:white;
}

hr,.form br {
display:none;
}

.cleaner {
clear:both;
font-size:1px;
height:1px;
line-height:1px;
}

img.pre {
float:left;
margin-right:13px;
margin-top:5px;
border:3px solid #c9d8cc;
}

#hidden {
left:0;
position:absolute;
top:-2000px;
width:100px;
}

#topbar {
width:100%;
height:10px;
font-size:1px;
background:url(../image/topbar.gif) repeat-x;
}

#main {
width:714px;
margin-left:auto;
margin-right:auto;
text-align:left;
position:relative;
background:#FFF;
}

#logo {
width:204px;
height:51px;
}

h1,h1 span {
width:204px;
height:51px;
font-size:130%;
position:absolute;
left:0;
top:0;
z-index:3;
overflow:hidden;
}

h1 span {
display:block;
z-index:4;
left:0;
cursor:pointer;
background:url(../image/logo.gif) no-repeat;
}

#middlebar {
width:714px;
height:26px;
margin-bottom:3px;
background:url(../image/middlebar.gif) repeat-x;
}

#sidebarfix {
height:100%;
background:#FFF url(../image/sidebarfix.gif) repeat-y left;
}

#content {
width:494px;
float:right;
padding-bottom:20px;
}

#content a {
color:#087521;
}

#content strong {
background:#eef7f0;
}

#content h3 {
text-transform:uppercase;
font-size:1.3em;
color:#087521;
padding:20px 20px 0;
}

#content h4 {
font-size:1.2em;
color:#087521;
padding:15px 20px 5px;
}

.contentul li {
list-style:none;
background:url(../image/contentli.gif) no-repeat 30px 10px;
padding:3px 20px 3px 45px;
}

#sidebar {
width:217px;
display:inline;
float:left;
margin-left:3px;
color:#F5F5F5;
background:#087521;
}

#sidebar h3 {
text-transform:uppercase;
font-size:1.3em;
padding:20px 20px 0;
}

#sidebar h4 {
font-size:1.1em;
padding:15px 20px 0;
}

#sidebar a {
color:#F5F5F5;
}

.sidebarul li {
list-style:none;
background:url(../image/sidebarli.gif) no-repeat 30px 10px;
padding:3px 20px 3px 45px;
}

#sidebar p,#content p {
padding:10px 20px;
}

#sidebarpic {
width:217px;
height:258px;
background:url(../image/sidebarpic.gif) no-repeat;
}

#top {
width:704px;
text-align:right;
font-size:0.8em;
padding-right:10px;
color:#000;
background:#FFF url(../image/sidebarfix.gif) repeat-y left;
}

#top a {
color:#000;
}

#foot {
width:688px;
border-bottom:3px solid #FFF;
text-align:center;
font-size:0.8em;
color:#F5F5F5;
background:#333;
margin:3px 3px 0;
padding:15px 10px;
}

#foot a {
color:#F5F5F5;
padding:0 5px;
}

#topmenu {
width:268px;
float:left;
}

#topmenu ul {
padding:15px 20px 20px;
}

#topmenu li {
list-style:none;
padding-left:35px;
background:url(../image/topmenuli.gif) no-repeat 5px 8px;
}

#topmenu li a {
font-size:1.4em;
text-decoration:none;
color:#333;
}

#topmenu li a:hover {
text-decoration:underline;
}

#downmenu, #downmenu2 {
width:468px;
font-size:0.9em;
font-weight:700;
background:url(../image/downmenu.gif);
margin:1px 3px;
padding:3px 10px;
}

#downmenu a, #downmenu2 a {
text-decoration:underline;
color:#333;
padding:0 5px;
}

#downmenu a:hover, #downmenu2 a:hover {
text-decoration:none;
}

#downbar, #downbar2 {
width:488px;
height:4px;
font-size:1px;
background:url(../image/downbar.gif) repeat-x;
margin:0 3px;
}

#slogan {
float:right;
width:223px;
text-align:center;
margin-right:3px;
display:inline;
overflow:hidden;
color:#F5F5F5;
background:#087521;
}

#sloganfix {
width:494px;
background:url(../image/slogan.gif) right repeat-y;
}

#slogan h2 {
font-size:1.7em;
font-family:Arial, Helvetica, sans-serif;
padding:15px 20px 0;
}

#login {
width:488px;
margin-left:3px;
margin-right:3px;
background:url(../image/login.gif) repeat-y;
}

#foot p {
padding:10px;
}

.form {
width:390px;
padding:10px 5px 0 10px;
}

.login_fieldset {
border:1px solid #087521;
margin:-10px 20px 15px 10px;
padding:10px 15px 15px;
}

p .error {
  color: red;
}

.login_legend {
font-size:1.2em;
font-weight:700;
color:#087521;
padding:17px 5px 20px;
}

form p#alert {
color:#DB0000;
padding:0 0 10px;
}

textarea {
width:310px;
height:80px;
margin-bottom:0;
}

#formular input, #formular select {
  margin-bottom: 10px;
}

input {
margin-bottom:0;
/*width:170px;*/
}

input.checkbox {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

input.checkbox {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

checkbox {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}


input#odeslat {
margin-top:15px;
width:80px;
border:0;
color:#FFF;
background:#087521;
}

label {
margin-top:5px;
}

#login form {
padding-left:280px;
padding-top:5px;
padding-bottom:4px;
}

#login fieldset {
border:0;
}

#login input {
width:60px;
border:1px solid #e1e1e1;
padding-left:2px;
background:#c9fcd5;
}

#login input#send {
width:25px;
border:1px solid #e1e1e1;
/*margin-left:10px;*/
background:#c9fcd5;
}

#login legend {
display: none;
}

.cotojatka-anchor {
border:2px solid #087521;
background:#e9f8ed;
padding:1px 5px;
}

#logo a,#content a:hover {
color:#333;
}
}