html { background: url(img/background.gif) repeat;}
body { background: url(img/layout.jpg) center top repeat-y;padding-top: 0; color: #393F46; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; margin: 0px auto; position: relative; text-align: center; width: 821px; }
h1, h2, h3, h4 { font-weight: normal; line-height: 120%; color: #0054A9; }
h1 { font-size: 160%; }
h2 { font-size: 120%; font-weight: bold; }
h3 { font-size: 110%; margin: 12px 0 5px 0;}
h4 { font-size: 100%; }
#head { background: url("img/header.jpg") no-repeat; color: inherit; height: 112px; position: relative; text-align: left; width: 778px; left: 22px; }
#logo { cursor: pointer; display: block; height: 51px; margin-left: 30px; position: absolute; text-align: left; text-decoration: none; top: 31px; width: 351px; z-index: 15; }
#logo span { background: url("img/anspraha-logo.gif") no-repeat; display: block; height: 51px; position: absolute; width: 351px; z-index: 5; }
#logo strong { color: black; position: absolute; text-decoration: underline; }
#logo:hover strong { text-decoration: none; }
#page { margin: 0px auto; position: relative; text-align: left; width: 821px; background: url(img/layout.jpg) repeat-y;}
#footer { width: 212px; clear: both; text-align: right; height: 50px; line-height: 1.2em; margin-left: 565px;}
#footer p { color: #ffffff; font-size: 85%; text-align: center; font-weight: bold;}
#footer a {color: white;background: transparent;} #footer a:hover {text-decoration: none;}
a { color: #0054A9; }
a:hover{ color: #A95500; }
#menu { background: url(img/menu.gif) repeat-x; margin: 0px auto; text-align: center; width: 775px; left: 23px; position: absolute; top: 112px; }
#menu a { background: url(img/menu.jpg) repeat-x; border-left: 1px solid #ECEDF4; border-right: 1px solid #81828C; color: #000000; font-weight: normal; height: 25px; margin: 0px; position: relative; top: 4px; padding: 5px 16px; font-size: 90%; }
#menu li { display: inline; list-style: none; margin: 0px; margin-right: -4px; padding: 0px; position: relative; }
#menu li a:hover{ background: url(img/menu-hover.gif) repeat-x; }
#menu li.current a{ background: url(img/menu-hover.gif) repeat-x; cursor: default; text-decoration: none; }
#menu ul { height: 24px; list-style: none; margin: 0px; padding: 0 0 7px 0; background: url(img/menu-bottom.jpg) no-repeat right bottom; }
#content { width: 760px; margin-top: 31px; margin-left: 1px; clear: both;}
#text {width: 460px;float: left;position: relative;left: 40px;padding: 40px 0 20px 0;}
#text ul {margin-left: 2em;padding: 0;}
#text li {margin: 0;padding: 2px 0;}
#text .padtop li {padding: 5px 0;}
#text p {margin: 9px 0;}
#page [id=text] {padding-top: 30px;}
#rightc {background: transparent url("img/right_c.jpg") repeat-x;width: 252px;float: right;position: relative;left: 38px;height: 619px;padding-bottom: 20px;}
#page [id=rightc] {height: auto;min-height: 619px;}
#sidebar {width: 218px; margin: 50px auto 0 auto;background: white url("img/sidebar.jpg") no-repeat;text-align:center;}
.sidebar-f {width: 218px;height: 15px;background: transparent url("img/sidebar-f.jpg") no-repeat;}
#sidebar p {padding: 0px 20px;text-align:left;}
#sidebar img {text-align:center;}
#sidebar h3 {padding:25px 20px 10px 20px;font-size:150%;font-weight:bold;text-align:left;}
#sidebar .center {padding-top: 18px;font-weight: bold;}
#sidebar ul {text-align:left;}
#navigace { position: absolute; top: 145px; left: 40px; }
#navigace p { padding: 0px; margin: 0px; font-size: 80%; }
.center {text-align:center;}
.box td, .box th {border: 0;vertical-align: middle;text-align: left;}
.box th h3 {margin: 0;font-weight: bold;padding: 0 0 3px 0;border-bottom: 1px solid silver;}
.box ul {margin-top: 10px;}
.box2 td {padding-top: 8px;line-height: 2;width: 216px;text-align: center;}
.box2 th {border-bottom: 1px solid silver;text-align: center;}
.box2 th h3 {border: 0;}


.fleft {float: left;}
img.fleft {margin: 0 15px 10px 0;}
.center {display: block;text-align: center;}
.bold {font-weight: bold;}
table {font-size: 100%;width: 100%;margin-bottom: 18px;}
td, th {padding: 3px 5px;border: 1px solid silver;background: white;}
th {text-align: center;font-weight: bold;}
.right {float:right;}
.chyba {border:1px solid #D70000;padding:5px;color:#D70000;}

.chyba h3 {font-weight:bold;color:#D70000;padding:0px;margin:0px; }

.ok {border:1px solid #D70000;padding:5px;color:#D70000;}

.ok h3 {font-weight:bold;color:#D70000;padding:0px;margin:0px;text-align:center;}

/* FORM */

#formular { width: 100%;font-size:90%;padding:20px 0px;}

#formular label,#formular input, #formular textarea, #formular p, #formular input.submit { display: block; float: left; margin: 3px 0px; }

#formular br { clear: left; }

#formular textarea {width:305px;}

#formular input.submit { float: right;}

#formular strong {color:#FF0000;font-weight:bold;font-size:110%;}

#formular fieldset { padding: 0px;border:none; }

#formular form, #formular p { margin: 0px; padding: 0px; }

#formular label, #formular p { color: black; display: block; margin-right: 10px; text-align: right; width: 40px; }

#formular legend { color: #7F7F7F; display: none; font-size: 80%; margin: 0px; padding: 1px 3px; padding: 0px; }

#formular p { font-size: 85%; text-align: left; width: 70%; }