/* ----------------------------------------------------------------------------------------------------------
reset a obecne formatovani
---------------------------------------------------------------------------------------------------------- */
body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, blockquote, fieldset, legend, ol, ul, li {margin:0; padding:0; border: 0}
input, select, label {vertical-align:middle;outline:0}
ul, ol {list-style-type:none}
p {line-height:1.7}
table {border-collapse:collapse; border-spacing:0}
hr {display:none}
h1, h2, h3 {font-family:"Trebuchet MS";font-weight:normal;font-style:italic;line-height:1.2}
h1 {margin:0 0 20px}
.section p a {color:#396585;background:url(img/a-ico.gif) no-repeat 100% 0;padding-right:10px}
.section p a, .aside p a {font-weight:bold}
.section p a:hover, .aside p a:hover {color:#2D4F68}
.btm {font-size:0;line-height:0}
.nobg {background:none !important}

form p {clear:both}
form label {float:left;color:#457DA7;font-weight:bold}
form input.txt {border:1px solid #A5ACB2;padding:2px 1px 0;height:20px}
form textarea {border:1px solid #A5ACB2;padding:2px}
form input.txt:focus, form textarea:focus {border:1px solid #457DA7}

/* ----------------------------------------------------------------------------------------------------------
zaklady dokumentu
---------------------------------------------------------------------------------------------------------- */
html {background:#398ED5 url(img/html-bg.png) repeat-x 0 0}
body {font: normal 62.5%/1 Verdana,Tahoma,sans-serif;width:990px;margin:0 auto;background:#fff url(img/body-bg.png) repeat-y;position:relative}

/* odkazy */
a {color:#396585;text-decoration:underline}
a:hover {color:#2D4F68;text-decoration:none}

/* obecne tridy */
.right {text-align:right}
.left {text-align:left}
.center {text-align:center}
.float-r {float:right}
.float-l {float:left}
.bold {font-weight:bold}
.italic {font-style:italic}

/* menu pro lepsi pouzitelnost */
ul.usability {position:absolute;top:0;left:-9999px}

/* ----------------------------------------------------------------------------------------------------------
hlavicka
---------------------------------------------------------------------------------------------------------- */
.header {width:990px;height:330px;background:#fff url(img/header-bg.jpg) no-repeat;position:relative}

.header a.home , .header a.home:hover, .header a.home span{display:block;width:474px;height:84px;position:absolute;top:81px;right:100px;border:0 none}
.header a.home span {top:0;left:0;background:url(img/a-home-bg.jpg) no-repeat;cursor:pointer}
.header p , .header p span {display:block;width:345px;height:80px;position:absolute;top:220px;left:79px}
.header p span {top:0;left:0;background:url(img/header-p-bg.jpg) no-repeat}

/* ----------------------------------------------------------------------------------------------------------
hlavni navigace
---------------------------------------------------------------------------------------------------------- */
ul.nav {width:934px;height:59px;background:url(img/nav-bg.png) no-repeat;padding:1px 27px 1px 29px;margin:0 0 25px 0}
ul.nav li {float:left;background:url(img/nav-li-bg.png) repeat-y 100% 0;padding:0 2px 0 0}
ul.nav li a {float:left;padding:24px 21px 23px;color:#fff;font-size:1.3em;background:#4C86B2 url(img/nav-a-bg.png) repeat-x 0 0;text-align:center;text-decoration:none}
ul.nav li.nobg a {padding:23px 0 24px;width:134px}
ul.nav li a:hover, ul.nav a.active {color:#fff;background:#4C86B2 url(img/nav-a-bg.png) repeat-x 0 -59px;text-decoration:none}

/* ----------------------------------------------------------------------------------------------------------
obsah
---------------------------------------------------------------------------------------------------------- */
.section {width:560px;float:right;background:#F1F8FE url(img/section-bg.png) no-repeat 0 0;margin:0 40px 0 0;display:inline;padding:30px 20px;position:relative}
.section h1 {font-size:2.5em}
.section h2 {font-size:2em;clear:both}
.section p {font-size:1.3em;margin:20px 0}

.section ul {margin:20px 0 20px 15px;line-height:1.5;height:100%}
.section ul li {font-size:1.3em;background:url(img/ul-li-bg.png) no-repeat 0 0;padding:0 0 0 20px;margin:8px 0}
.section ul li ul li {font-size:1em}

.section .btm {width:600px;height:30px;background:url(img/section-btm-bg.png) no-repeat;position:absolute;left:0;bottom:0}

.section img.float-r {margin:8px 0 0 5px}

.section a.reg, .section a.reg span {display:block;width:195px;height:35px;position:relative}
.section a.reg span {position:absolute;top:0;left:0;background:url(img/a-reg-bg.png) no-repeat}

.section address {font-size:1.3em;line-height:1.5;margin:20px 0}
.section address img {vertical-align:middle}

/* kontaktni formular */
form.contact fieldset {padding:0 20px}
form.contact fieldset label {width:80px}
form.contact fieldset p.antispam label {width:170px}
form.contact fieldset input.txt {width:180px}
form.contact fieldset textarea {width:400px;height:150px}
form.contact fieldset p {padding:5px;margin:0}
form.contact fieldset p.right {padding-right:30px}

/* registrace */
form.registration label {width:190px;text-align:right;padding:0 15px 0 0}
form.registration p {padding:4px 0;margin:0}
form.registration p span {font-size:0.85em}
form.registration input.txt, form.registration select {width:160px}
form.registration input.submit, form.registration input.finish {display:block;margin:10px auto}
form.registration legend {font-size:1.4em;font-weight:bold;background:#CDE7FC;padding:8px}
form.registration fieldset {padding:15px 0;background:#EBF4FE;border:1px solid #CFE7FC;margin:15px 0}

/* databaze */
.database {background:#F1F8FE url(img/database-bg.png) no-repeat 0 0;float:none;display:block;width:900px;margin:0 auto;padding:15px 0 30px}
.database .btm {width:900px;background:url(img/database-btm-bg.png)}

.database table {width:100%;font-size:1.2em}
.database table tr:hover {background:#E1F0FD}
.database table tr.head {background:#99CBF9}
.database table tr.head th {width:20%;text-align:left;padding:10px 8px}
.database table tr.head:hover {background:#99CBF9}
.database table td {padding:8px;border-bottom:1px solid #CEDEEC;line-height:1.3}

.database table.detail th {width:20%;text-align:left;border-bottom:1px solid #CEDEEC;padding:8px}
.database table.detail tr.photos:hover {background:transparent}
.database table.detail tr.photos th, .database table.detail tr.photos td {border-bottom:0 none}

.database h1, .database p, .database h2 {padding:0 20px}
.database h2 {margin:0 0 20px}

.admin {width:1300px;background:#F1F8FE}
.database .admin table tr.head th {width:auto;text-align:left;padding:10px 8px}
.database .admin p.bold {padding:0 20px}
.database .admin div.img {float:left;margin:5px 5px 5px 0;text-align:center}
.database .admin div.img img {display:block;margin:0 0 3px}

/* ----------------------------------------------------------------------------------------------------------
sloupec
---------------------------------------------------------------------------------------------------------- */
.aside {width:260px;float:left;background:#F1F8FE url(img/aside-bg.png) no-repeat 0 0;margin:0 0 0 40px;display:inline;padding:30px 15px;position:relative}
.aside .box h2 {width:230px;font-size:2em;background:url(img/aside-h2-bg.png) no-repeat;padding:13px 15px}
.aside .box {margin:0 0 20px;background:#D5EAFD url(img/aside-box-bg.png) no-repeat 0 100%;padding:0 0 10px;height:100%}
.aside .box p {font-size:1.2em;color:#333;background:#D5EAFD url(img/aside-box-p-bg.png) no-repeat 0 0;padding:10px}
.aside .btm {width:290px;height:30px;background:url(img/aside-btm-bg.png) no-repeat;position:absolute;left:0;bottom:0}

.aside .cite {background:none;margin-top:0}
.aside .cite h2 {background:none;padding-top:0}
.aside .cite p {background:url(img/cite-p-bg.png) no-repeat 0 0;padding:15px 10px 0 55px} 
.aside .cite p.nobg {padding-left:10px}
.aside .cite blockquote {background:#A2D0FB url(img/aside-bq-bg.png) no-repeat 0 0;color:#000;padding:15px;font: italic 1.2em/1.6 Arial}
.aside .cite blockquote p {font-size:1em;padding:0;background:transparent}
.aside .cite blockquote img {padding:1px; border:2px solid #7DBEF9;margin:5px 5px 0 0;position:relative}

.aside .login form p {padding:10px}
.aside .login form p.nobg {padding-top:0}
.aside .login form p.right {padding-right:20px}
.aside .login form p label {width:60px}
.aside .login form p input.txt {width:165px}

/* horni navigace */
ul.sec-nav {position:absolute;top:35px;right:28px}
ul.sec-nav li {float:left}
ul.sec-nav li a {font-size:1.2em;padding:0 8px 0 15px;line-height:1.1;border:0 none;text-decoration:underline}
ul.sec-nav li a:hover {border:0 none;text-decoration:none}
ul.sec-nav li a.home {background:url(img/sec-nav-ico.gif) no-repeat 0 0}
ul.sec-nav li a.map {background:url(img/sec-nav-ico.gif) no-repeat 0 -14px}
ul.sec-nav li a.mail {background:url(img/sec-nav-ico.gif) no-repeat 0 -28px}

/* ----------------------------------------------------------------------------------------------------------
paticka
---------------------------------------------------------------------------------------------------------- */
.footer {width:935px;height:95px;background:#3A6889 url(img/footer-bg.jpg) no-repeat;position:relative;padding:30px 0 0 55px}
.footer p {font-size:1.1em;color:#fff}
.footer p a {color:#fff}

/* ----------------------------------------------------------------------------------------------------------
nezaraditelne
---------------------------------------------------------------------------------------------------------- */

/* hlasky formulare */
p.ok {border:1px solid #33CC33;padding:8px !important;color:#009900;text-align:center;margin:10px 0;background:#fff !important}
p.error {border:1px solid #FF4040;padding:8px !important;color:#FF0606;text-align:center;margin:10px 0 !important;background:#fff}

/* kroky v registraci */
.aside .box p.actual {background:#F1F8FE;border:1px solid #CFE8FC;padding:5px}
.aside .box p.actual span {font-weight:bold}

/* reklamy */
.ad {text-align:center}
.ad.float-l {margin:5px 5px 5px 0}
.aside .ad {margin-bottom:15px}
.ad.line {text-align:left;margin:15px 0;padding:0 40px}

.steps, .steps span {display:block;width:560px;height:90px;overflow:hidden;position:relative}
.steps span {position:absolute;top:0;left:0;background:url(img/5kroku-bg.jpg) no-repeat}

/* ----------------------------------------------------------------------------------------------------------
cistice
---------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clr {clear:both;height:0;font-size:0;line-height:0}