* {margin:0; padding:0;}
body, div, p, a, img, span, ul, ol, li, table, th, tr, td, dl, dt, dd, form, fieldset, legend, blockquote, applet, object {border:0;}

body { background:#cbe8f5 url(../design/bg.gif) repeat-x; font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3e3e3e; text-align:center; font-size:0.8125em; line-height:1.5em; }

/* GLOBAL
------------------------------*/
p { margin:9px 0; font-size:1em; }
table, td { font-size:1em; }
hr { display:none; }
.hr { display:block; background:url(../design/hr.gif) 0 50% no-repeat; height:16px; width:100%; }

.vlevo { float:left; margin:4px 15px 10px 0; border:1px solid #979796; }
.vpravo { float:right; margin:4px 0 10px 10px; border:1px solid #979796; }

.center { text-align:center; }
.a-right { text-align:right; }

a { color:#008fd2; text-decoration:underline; outline:none; }
a:hover { color:#008fd2; text-decoration:none; }

.nomp { margin:0 !important; padding:0 !important; }
.nobr { border:0 !important; }

.noscreen { display:none; }
.nostrong { font-weight:normal !important; }

h2 { color:#008fd2; font-size:1.6em; padding:9px 0 3px 0; line-height:1.4em; font-weight:bold; margin:0; }
h3 { color:#008fd2; font-size:1.2em; padding:9px 0 1px 0; line-height:1.4em; font-weight:bold; margin:0; }
h4 { color:#008fd2; font-size:1.0em; padding:9px 0 1px 0; line-height:1.4em; font-weight:bold; margin:0; }

.border { border-bottom:1px solid #ccc; }

small { font-size:0.9em; font-style:italic; line-height:1.3em;  }

.clean { clear:both !important; }

/* H1 REPLACE
------------------------------*/
h1 { float:left; display:block; position:relative; width:225px; height:133px; text-align:center; font-size:1.2em; background:url(../design/logo.gif) no-repeat;  }
h1 span { width:225px; height:133px; display:block; position:absolute; left:0; top:0; z-index:1000; cursor:pointer; background:url(../design/logo.gif) no-repeat; }
h1 a { color:#fff; text-decoration:none; display:block; width:195px; height:103px; padding:15px; }
h1 a:active, h1 a:hover { color:#fff; text-decoration:underline; }

/* LAYOUT
------------------------------*/
#all { width:916px; margin:0 auto; text-align:left; position:relative; }
#container { width:900px; background:url(../design/container.gif) repeat-y; padding:0 8px; }
.clear { width:100%; height:1px; font-size:0; clear:both; }

#platno { position:absolute; top:15px; right:8px; width:675px; height:171px; background:#fff url(../design/top.jpg) no-repeat; }
#platno p.adresa { position:absolute; width:225px; left:-233px; top:135px; display:block; text-align:center; color:#008fd2; font-size:0.9em; line-height:1.6em; margin:0; padding:0; }
#platno h2 { color:#fff; font-size:1.5em; font-weight:bold; text-align:center; width:450px; position:absolute; top:115px; right:5px; height:54px; line-height:54px; margin:0; padding:0; }
#platno h3 { position:absolute; top:0; width:220px; text-align:center; left:67px; color:#008fd2; font-weight:normal; font-size:1em; padding:0; }
#platno h3 .big { font-weight:bold; font-size:1.3em; line-height:2em; }
#platno h3 strong { line-height:2em; }
#platno p.uroky { position:absolute; top:119px; left:67px; width:220px; text-align:center; color:#fff; font-size:0.9em; line-height:1.3em; margin:0; }

.con-1 { background:url(../design/con-02.jpg) 100% 100% no-repeat; }

.pr { margin-top:30px; }
.pr h2 { padding-bottom:7px; color:#000; }
.pr h2 strong { color:#008FD2; }
.clanek { border-top:1px solid #C5F1FF; border-bottom:1px solid #C5F1FF; padding:4px 25px 13px; background:#EFF9FF; margin-bottom:20px }
.date { color:#999; font-size:11px; margin:0; padding:0; }
.clanek h3 a { text-decoration:underline; }
.clanek h3 a:hover { text-decoration:underline; color:#000; }

/* TOP
------------------------------*/
#top { position:relative; height:204px; background:url(../design/top.gif) repeat-x; width:916px; overflow:hidden; }

/* CONTENT
------------------------------*/
#content { float:right; width:621px; padding:5px 27px; position:relative; }
#content p { text-align:justify; }

h3.brd { border-top:1px solid #ccc; padding-top:10px; margin-top:10px; }
h3 a { text-decoration:none; }
h3 a:hover { text-decoration:underline; }

#drobky { z-index:100; display:block; padding:5px 0 0 0; color:#000; font-size:0.9em; margin:0; }
#drobky p { margin-bottom:0; }
#drobky a { text-decoration:underline; }
#drobky a:hover { text-decoration:none; }
#drobky strong a, #drobky strong { font-weight:normal; }

#content ul { margin:0; padding:2px 0 8px 15px; list-style:none; position:relative; }
#content ul li { padding:0 0 0 18px; font-size:1em; list-style:none; background:url(../design/li.gif) 1px 9px no-repeat; }
#content ol { margin:2px 0 8px 34px; padding:0; list-style:decimal; }
#content ol li { margin:0; padding:0; font-size:1em; }

#content a.list { padding:2px 0 2px 33px; font-size:1em; list-style:none; background:url(../design/li.gif) 15px 10px no-repeat; display:block; float:left; width:auto; clear:both; }

#content h3.clean { padding:20px 0 5px 0; }
.rssSubdate {padding-left:10px;}
#mapa { width:520px; height:450px; }

.kalkulacka1 { margin-top:20px; float:left; width:300px; background-color:#ebf6fb; border:1px solid #cbe8f5; height:145px; }
.kalkulacka1 fieldset { border:none; margin:0; padding:12px 0 0 0; }
.kalkulacka1 ol { list-style:none; margin:0 0 0 15px !important; padding:0; font-size:1em; }
.kalkulacka1 ol li { clear:both; width:100%; padding-top:5px !important; list-style:none; }
.kalkulacka1 label { width:130px; display:block; margin-top:2px; float:left; }
.kalkulacka1 input { padding:1px 2px; border:1px solid #ccc; width:115px; }
.kalkulacka1 input.odeslat { padding:2px 3px; text-align:center; border:1px solid #0188c8; width:70px; margin:10px 0 0 130px; background-color:#0188c8; color:#fff; }
.kalkulacka1 select { padding:1px 0; border:1px solid #ccc; width:121px; }

.kalkulacka2 { margin-top:20px; float:right; width:300px; background-color:#ebf6fb; border:1px solid #cbe8f5; height:145px; }
.kalkulacka2 table { width:100%; height:100%; }
.kalkulacka2 table td { vertical-align:middle !important; padding:0 15px; height:140px; }
.kalkulacka2 table td strong { font-weight:normal; }
.kalkulacka2 table td.strong { font-weight:bold !important; text-align:center; }
.kalkulacka2 table td.strong strong { font-weight:bold !important; }
.kalkulacka2 table td span { color:#FF0000; font-weight:bold; }
.kalkulacka2 table td span.green { color:#55a00b; }

.kalkulacka3 { margin-top:17px; background-color:#ebf6fb; border:1px solid #cbe8f5; height:auto; width:619px; clear:both; float:left; }
.kalkulacka3 table { width:100%;  }
.kalkulacka3 fieldset { padding:15px 0;  }
.kalkulacka3 table td { vertical-align:middle; text-align:center; width:50%; }

.voucher { padding:5px 5px; background-color:#0188C8; color:#fff; text-decoration:none; display:block; width:180px; margin:0 auto; }
.voucher:hover { background-color:#99A82F; color:#fff; text-decoration:none; }

/* CONTENT RIGHT
------------------------------*/
.akce { display:block; width:156px; height:166px; margin-bottom:7px; }
.news h3 { font-size:1em; padding:0; margin:0; color:#616f85; }
.news h3 a { color:#616f85; text-decoration:none; }
.news h3 a:hover { color:#616f85; text-decoration:underline; }
.news { padding:10px 0; }
.news p { padding:5px 0 0 0; position:relative; margin:0; font-size:0.9em; }
.news .datum { color:#c3c1c1; }

/* SIDEBAR
------------------------------*/
#sidebar { float:left; width:182px; padding:0 14px 5px 14px; background:#fff; }

#sidebar ul.menu { margin:0; padding:5px 0; list-style:none; background:#fff; }
#sidebar ul.menu li { display:inline; margin:0; padding:0; }             
#sidebar ul.menu li a { display:block; height:auto; color:#323232; text-decoration:none; font-weight:bold; padding:4px 10px 4px 22px; width:150px; font-size:0.85em; text-transform:uppercase; border-bottom:1px solid #eaeaea; background-image:url(../design/cisla.png); background-repeat:no-repeat; }
#sidebar ul.menu li.active a { color:#008fd2; }
#sidebar ul.menu li a:hover { color:#008fd2; text-decoration:none; }

.m8 a, .nobr { border:none !important; }

.m1 a { background-position:0 50%; }
.m2 a { background-position:-400px 50%; }
.m3 a { background-position:-800px 50%; }
.m4 a { background-position:-1200px 50%; }
.m5 a { background-position:-1600px 50%; }
.m6 a { background-position:-2000px 50%; }
.m7 a { background-position:-2400px 50%; }
.m8 a { background-position:-2800px 50%; }
.m9 a { background-position:-3200px 50%; }

.m1 a:hover, .m1.active a { background-position:-200px 50%; }
.m2 a:hover, .m2.active a { background-position:-600px 50%; }
.m3 a:hover, .m3.active a { background-position:-1000px 50%; }
.m4 a:hover, .m4.active a { background-position:-1400px 50%; }
.m5 a:hover, .m5.active a { background-position:-1800px 50%; }
.m6 a:hover, .m6.active a { background-position:-2200px 50%; }
.m7 a:hover, .m7.active a { background-position:-2600px 50%; }
.m8 a:hover, .m8.active a { background-position:-3000px 50%; }
.m9 a:hover, .m9.active a { background-position:-3400px 50%; }

#sidebar ul.menu li ul { margin:0; padding:5px 0 5px 0; background-color:#fff; border-bottom:1px solid #eaeaea; }
#sidebar ul.menu li ul li a { padding:4px 0 4px 25px; width:157px; height:auto !important; border-bottom:0; font-weight:bold; color:#323232 !important; font-size:0.85em; background:url(../design/li.gif) 12px 50% no-repeat !important; line-height:1.4em !important; text-transform:none; }
#sidebar ul.menu li ul li.active a { color:#008fd2; background:none; text-decoration:none; } 
#sidebar ul.menu li ul li a:hover { color:#008fd2 !important; background:none; text-decoration:underline; } 

#sidebar p.special { font-weight:bold; font-size:1.3em; padding:0 0 5px 0; color:#99a82f; margin-top:10px; border-bottom:1px solid #e5ecc5; }

.kalkulacka { width:225px; height:145px; display:block; background:url(../design/kalkulacka.jpg) no-repeat; position:relative; margin:0 -22px; }
.kalkulacka span { width:225px; height:145px; display:block; background:url(../design/kalkulacka.jpg) no-repeat; position:absolute; top:0; left:0; }

.news { padding:5px 0; margin-top:4px; }
.news h3 { font-size:0.9em; padding:0; margin:0; color:#000; }
.news h3 a { text-decoration:underline; color:#99a82f; }
.news h3 a:hover { text-decoration:none; color:#99a82f; }
.news p { padding:5px 0 0 0; position:relative; margin:0; font-size:0.9em; }


/* FOOTER
------------------------------*/
#footer { background:url(../design/footer.gif) no-repeat; color:#a3a3a3; width:919px; padding:18px 0 15px 0; position:relative; }
#footer p { margin:0 8px; font-size:0.9em; padding:0 14px; color:#008dcf; }
#footer a { color:#008dcf;}
#footer a:hover { text-decoration:underline; color:#333; }
.web-art { display:block; float:left; height:40px; overflow:hidden; position:absolute; right:15px; top:25px; width:90px; }
#footer p.doporucujeme { border-top:1px solid #addaef; margin-top:10px; padding-top:5px; }


/* FORM
------------------------------*/
#form { clear:both; padding-top:20px;}
fieldset { border:none; margin:0; padding:12px 0 8px 0; }
legend { display:none; }
#form ol { list-style:none; margin:0; padding:0; font-size:1em; }
#form ol li { clear:both; width:100%; padding-top:5px; }
#form ol li span { padding:0 0 0 5px; color:#FF0000; font-weight:bold; font-size:1.4em; }
#form label { width:120px; display:block; margin-top:2px; float:left; }
#form .styluj textarea { width:330px; height:150px; background:#fff; }
#form .styluj input { width:180px; float:left; background:#fff; }
#form .short input { width:150px; }
#form select { width:266px; float:left; background:#fff; }
#form .styluj textarea, #form .styluj select, #form .styluj input { padding:1px 2px; border:1px solid #ccc; }
#form .zemSubmit { width:auto !important; padding:5px; margin:5px 0 0 120px; }

ul.zemError { margin:5px 0 15px 20px !important; list-style:square; }
ul.zemError li { padding:0; list-style:square; }
.error, .alert { color:#FF0000; font-weight:bold; }

/* FORM2
------------------------------*/
#form2 { margin:10px 0 30px 0; position:relative; }
#form2 fieldset { border:none; margin:0; padding:0 0 15px 0; background:#EDEDED; -moz-box-shadow:0 0 4px #BAB2B2; -webkit-box-shadow:0 0 4px #BAB2B2; box-shadow:0 0 4px #BAB2B2; }
#form2 p { margin:0; padding:0 0 10px 0; }
#form2 ol { list-style:none; margin:0; padding:15px 25px 0 25px; font-size:0.9em; }
#form2 ol li { width:100%; padding:4px 0 8px 0; clear:both;list-style:none; color:#232323; background:none; }
#form2 ol li.form-zprava { border:none; }
#form2 ol li.form-odeslat { border:none; width:87px; padding:0; height:51px; margin:0; position:absolute; right:15px; bottom:12px; }
#form2 ol li em { color:#ccc; padding-left:10px; }
#form2 label { margin-top:0; float:left; width:220px; font-weight:bold; font-size:1.1em; padding-top:2px; }
#form2 .form_submit, #form2 .insert { padding-left:220px; }
#form2 textarea { width:320px; height:110px; }
#form2 input { width:190px; float:left; }
#form2 select { width:193px; float:left; }

#form2 textarea, #form2 select, #form2 input { background-color:#fff; padding:7px; border:0; font-family:Arial, Helvetica, sans-serif; font-size:1em; -moz-box-shadow:0 0 4px #BAB2B2; -webkit-box-shadow:0 0 4px #BAB2B2; box-shadow:0 0 4px #BAB2B2; }
#form2 textarea:active, #form2 textarea:focus, #form2 select:active, #form2 select:focus, #form2 input:active, #form2 input:focus { -moz-box-shadow:0 0 4px #2298F7; -webkit-box-shadow:0 0 4px #2298F7; box-shadow:0 0 4px #2298F7; }

#form2 .zemSubmit { background-color:#005FB7; color:#fff; width:100px; padding:0; height:43px; border:none; margin:0; cursor:pointer; font-size:1.3em; font-weight:bold; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 0 4px #BAB2B2; -webkit-box-shadow:0 0 4px #BAB2B2; box-shadow:0 0 4px #BAB2B2; }
#form2 .zemSubmit:hover { background-color:#34AB1F; color:#fff; }

#form2 .error, #form2 .alert { color:#FF0000; font-weight:bold; }

/*#form2 input.zemRequirederrorElement, #form2 textarea.zemRequirederrorElement { border:1px solid #ABABAB; }*/

#form2 .zemThanks { color:#fff !important; background:#74ae0f; font-weight:bold; padding:10px 15px; text-align:center; border:1px solid #ABABAB; font-size:0.9em; }
#form2 .zemThanks p { margin:0 !important; padding:0 !important; text-transform:uppercase; }
#form2 .zemThanks p strong { color:#fff !important; }

#form2 h4 { color:#00AAEA; font-weight:bold; font-size:1.2em; clear:both; padding:20px 0 3px 0; }

#form2 .povinne { color:#FF3300; font-weight:bold; font-size:1.1em; }

#form2 .zemError { color:#fff; margin:0; padding:13px 10px 13px 30px; background:#bc002c; margin:0 !important; }
#form2 .zemError li { background:none; list-style:disc; padding-left:0; }
#form2 .zemError strong { color:#EAFB7B; }

/* BONITA
------------------------------*/	
table.bonita td { padding:7px 10px 7px 0; }
table.bonita input, table.bonita select, #container2 textarea { width:120px; padding:1px; border:1px solid #b8b8b8; }
table.bonita select { width:124px !important; }
.submit { margin:10px 0 0 !important; padding:5px 7px; }
table.bonita input:focus, #container2 textarea:focus, table.bonita select:focus { border:1px solid #00CCFF; }

/* CLEARFIX
------------------------------*/
.clearfix {display: inline-block;}
.clearfix:after {content: ".";display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}