* {
margin: 0;
}

html, body {
height: 100%; /* Required */
padding:0;
}

body {
cursor:default;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:11px;
color:#238FBA;
text-align: center;
background-color:#C1DEED;
background-image:url('bg.png');
background-repeat:repeat-x;
}

/*
li.tag
{
list-style-image: url('li_dot.png');
  display:block;
  float:left;
  clear:both;
  width:140px;

}
*/
#celok {
height: auto;
width: 824px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

#hlavicka
{
  display:block;
  float:left;
  clear:both;
  width:820px;
  text-align:left;
}

a.hlavicka
{
display:block;
float:right;
padding:7px;
text-decoration:none;
font-weight:bold;
font-size:13px;
color:#fff;
background-color:#238FBA;
margin-left:15px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
}

span.search
{
display:block;
float:right;
clear:both;
padding:7px;
padding-right:0px;
padding-top:15px;
text-decoration:none;
font-size:13px;
color:#fff;
background-color:transparent;
width:280px;
text-align:right;
}

#left
{
  display:block;
  float:left;
  clear:both;
  width:580px;
  padding:10px;
  text-align:left;
  margin-top:50px;
  background-color:#fff;
  font-size:12px;
  padding-bottom:30px;
}

#left h2 {
margin-bottom:30px;
}

#left p {
padding:10px;
}

#left a {
color:#37ccff;
font-weight:bold;
font-size:12px;
}

#right
{
  display:block;
  float:left;
  margin-top:40px;
  margin-left:20px;
  width:180px;
  padding:10px;
  text-align:left;
}

#error{
width:540px;
text-align:justify;
float:left;
margin-left:10px;
margin-bottom:20px;
padding:10px;
height:100%;
background-color:#FFBEB4;
border :#FF7777 1px solid;
font-size:12px;
color: #BC3A3A;
font-weight:bold;
}

#error h2{
color: #BC3A3A;
}

#success{
width:540px;
text-align:justify;
float:left;
margin-left:10px;
margin-bottom:20px;
padding:10px;
height:100%;
background-color:#D0FBBD;
border :#85D563 1px solid;
font-size:12px;
color: #68BC49;
font-weight:bold;
}

#success h2{
color: #85D563;
}

#paticka
{
  display:block;
  float:left;
  clear:both;
  width:816px;
  text-align:left;
  padding:10px;
  background-color:#fff;
}

span.box_header{
display:block;
float:left;
clear:both;
width:165px;
background-color:transparent;
background-image:url('ico.png');
background-repeat:no-repeat;
background-position:2px 2px;
font-weight:bold;
font-size:13px;
padding-left:30px;
padding-top:3px;
height:25px;
color:#195383;
}

div.box{
  display:block;
  float:left;
  clear:both;
  background-color:#fff;
  padding:5px;
  margin-bottom:30px;
}

a.box_tags
{
  display:block;
  float:left;
  clear:both;
  width:170px;
  color:#195383;
  font-weight:bold;
  font-size:13px;
  padding-left:14px;
  margin-left:4px;
  background-image:url('li_dot_l.png');
  background-repeat:no-repeat;
  background-position:0px 9px;
  padding-bottom:5px;
  padding-top:5px;
  border-bottom:1px solid #c5c5c5;
  text-decoration:none;
}

a.box_tags:hover
{
  background-image:url('li_dot.png');
}

span.form_left{
display:block;
float:left;
clear:both;
padding:5px;
width:230px;
font-size:12px;
font-weight:normal;
padding-top:9px;
}

span.form_right{
display:block;
float:left;
padding:5px;
width:320px;
}

input.form , textarea.form {
background-color:#fff;
color:#238FBA;
font-family:tahoma,sans-serif;
font-size:12px;
padding:4px;
width:270px;
border:2px solid #a5a5a5;
}

textarea.form {
font-size:11px;
height:100px;
margin-top:5px;
margin-bottom:5px;
}

input.form:focus , textarea.form:focus , input.search:focus {
border:2px solid #238fba;
}

input.submit{
background-color:#fff;
color:#238FBA;
font-family:tahoma,sans-serif;
font-size:12px;
font-weight:bold;
padding:3px;
border:2px solid #238fba;
}

input.search {
background-color:#fff;
color:#238FBA;
font-family:tahoma,sans-serif;
font-size:12px;
padding:4px;
width:155px;
border:2px solid #a5a5a5;
background-image: url('magnifier.png');
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left:25px;
}