/* *************************************************************************************************
 *
 *  Resety, globalni definice
 *   
 * ************************************************************************************************* */

a img, address, applet, area, blockquote, body, caption, code, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, img, legend, li, map, object, ol, p, param, pre, small, sub, sup, table, td, th, tr, ul {border:0;margin:0;padding:0;text-indent:0;font-size:100%;}
sub, sup {line-height:1;font-size:60%;}

table  {border-collapse:collapse;border-spacing:0;}
td, th {vertical-align:top;}
address {font-style:normal;}

.required, .red {color:red;}
.green {color:green;}
.cleaner {clear:both;font-size:0;height:1px;display:block;}
.hidden {display:none;}

.float-left {float:left;}
.float-right {float:right;}
.align-right {text-align:right;}
.align-center {text-align:center;}

:focus {outline:0;}

ul, ol {list-style:none;}
a {color:#0079c2;}
a:hover {color:#00ace4;text-decoration:none;}

.top, .bottom {font-size:0;}
.cleaner {clear:both;}
.align-right {text-align:right;margin:0 10px;}

h3 {font-size:120%;}
small {font-size:90%}

/* *************************************************************************************************
 *
 *  Rozvrzeni stranky
 *   
 * ************************************************************************************************* */

html {background:#c7ecac url('../images/design/back.gif') left top repeat-x;font:normal normal normal 80%/1.4 arial, Tahoma, Verdana, Arial "Lucida Grande", "Lucida Sans Unicode", sans-serif;color:#3d4735;}
body {background:url('../images/design/pozadi.gif') center top no-repeat;padding-bottom:20px;}
  
div#header {background:url('../images/design/pruh.gif') left top repeat-x;height:127px;position:relative;top:31px;}
div#header #head {display:block;height:111px;position:relative;top:8px;background:url('../images/design/header.gif') center top no-repeat;}
div#header #head a {background:url('../images/design/logo.gif') center top no-repeat;display:block;height:32px;width:340px;position:absolute;padding-bottom:2px;margin-left:25px;top:33px;left:50%;border-bottom:1px solid #b8b8b8;}  
div#header #head a strong, div#header #head a span {display:none;}
div#header p#moto {text-transform:uppercase;color:#71a3a5;width:500px;margin-left:-55px;text-align:center;left:50%;top:82px;position:absolute;font-size:13px;}

p#drob {position:absolute;top:165px;margin-left:-70px;width:500px;left:50%;text-align:left;}  
    
div#content {position:relative;top:65px;margin:auto;width:936px;height:50px;text-align:left;}

div#content div#right {background:url('../images/design/right-back.gif') center top repeat-y;float:right;width:555px;}
div#content div#right div.top {background:url('../images/design/right-top.gif') center top no-repeat;height:13px;}
div#content div#right div.bottom {background:url('../images/design/right-bottom.gif') center top repeat-y;height:8px;font-size:0;border-bottom:10px solid #c7ecac;}

div#content div#right div.pad {padding:0 15px 10px 15px;}
div#content div#right div.pad h1, div#content div#right div.pad h2, div#content div#right div.pad h3, div#content div#right div.pad p.sample {color:#4cad00; line-height:2em;}    
div#content div#right div.pad h1, .pagetitle {font-size:150% !important;}
div#content div#right div.pad h2 {font-size:130%;}
div#content div#right div.pad ul {list-style:disc;margin:0 0 10px 30px;}
div#content div#right div.pad ol {list-style:decimal;margin:0 0 10px 30px;}
div#content div#right div.pad li {margin-bottom:10px;}
div#content div#right div.pad p {padding-bottom:10px;;}
div#content div#right div.pad p.sample {text-align:center;width:200px;height:180px;float:right;margin:0 0 10px 10px;}
div#content div#right div.pad p.sample img {border:4px solid #bde0a1;display:block;}

div#search {background:url('../images/design/search.gif') center top repeat-y;width:175px;position:absolute;top:55px;left:50%;margin-left:-277px;z-index:3;text-align:left;}  
div#search form {background:url('../images/design/search-top.gif') center top no-repeat;padding:20px 15px 10px 15px;}
div#search form input.text {font-size:11px;border:1px inset #abadb3;width:104px;padding:3px 0;}
div#search form input.submit {background:url('../images/design/lupa.png') left top no-repeat;height:22px;width:22px;border:0;}
div#search ul {padding:0 15px 20px 15px;background:url('../images/design/search-bottom.gif') center bottom no-repeat;line-height:1.5em;}  
div#search ul li {padding-left:20px;}
div#search ul li.mapa {background:url('../images/design/icon-mapa.png') no-repeat 0 2px;}
div#search ul li.obalka {background:url('../images/design/icon-obalka.png') no-repeat 0 2px;}
  
p#callback {background:url('../images/design/callback.gif') center top repeat-y;width:175px;height:80px;position:absolute;top:55px;left:50%;margin-left:-465px;z-index:3;}
p#callback a {display:block;width:175px;height:80px;}  
p#callback span, p#callback strong {display:none;}

p#footer {text-align:center;background:url('../images/design/footer.gif') center top repeat-y;line-height:50px;height:50px;padding-left:20px;_padding-top:13px;_height:37px;}
p#copy {color:#7a906a;background:#c7ecac;padding:10px 0 0 20px;}
    
div#left {width:365px;float:left;}
div#left div.left {width:175px;float:left;line-height:1.5;}
div#left div.left div.left-top {background:url('../images/design/left-menu-top-back.gif') left top repeat-y;}
div#left div.left div.left-top div.top {background:url('../images/design/left-menu-top-top.gif') left top repeat-y;height:13px;}
div#left div.left div.left-top div.bottom {background:url('../images/design/left-menu-top-bottom.gif') left top repeat-y;height:9px;}
div#left div.left div.left-top h3 {background:#fff;margin:0 6px;padding:0 8px;color:#4cad00;line-height:1.6;}
div#left div.left div.left-top p {margin:10px 13px;}

div#left div.left div.left-bottom {background:url('../images/design/left-menu-bottom-back.gif') left top repeat-y;margin-top:10px;}
div#left div.left div.left-bottom div.top {background:url('../images/design/left-menu-bottom-top.gif') left top repeat-y;height:13px;}
div#left div.left div.left-bottom div.bottom {background:url('../images/design/left-menu-bottom-bottom.gif') left top repeat-y;height:13px;}
div#left div.left div.left-bottom h3 {background:#fff;margin:0 6px;padding:0 8px;color:#71a3a5;line-height:1.6;}
div#left div.left div.left-bottom address {margin:10px 13px;font-style:normal;}
div#left div.left div.left-bottom ul {margin:10px 13px;}
div#left div.left div.left-bottom ul li.tel {background:url('../images/design/icon-telefon.png') no-repeat 2px 0;padding:0 0 0 20px;}
div#left div.left div.left-bottom ul li.info {background:url('../images/design/icon-obalka-2.png') no-repeat 0 3px;padding:0 0 0 20px;}

div#left div.right {float:right;width:175px;line-height:29px;background:url('../images/design/right-menu-back.gif') left top repeat-y;}  
div#left div.right div.top {background:url('../images/design/right-menu-top.gif') left top no-repeat;height:13px;}
div#left div.right div.bottom {background:url('../images/design/right-menu-bottom.gif') left top no-repeat;height:20px;}

div#left div.right ul#nav {margin:0 6px;color:#000;font-size:11px;}
div#left div.right ul#nav li {display:inline;}
div#left div.right ul#nav li a {display:block;font-weight:bold;text-decoration:none;border-bottom:1px solid #fff;margin:0 1px;padding:0 10px;}

div#left div.right ul#nav a {font-weight:bold;color:#003b7b;background:#b3d7ed;}
div#left div.right ul#nav ul a {font-weight:normal;color:#003b7b;background:#e6f2f9;}
div#left div.right ul#nav .active a {background:#cce4f3;color:#000;}
div#left div.right ul#nav .active ul a {color:#003b7b;background:#e6f2f9;}
div#left div.right ul#nav .active .active a {color:#000;background:#e6f2f9;}
div#left div.right ul#nav li a:hover {background:#c2fb96;}

div#left div.right ul#nav li.active ul li.active a {background:#e6f2f9 !important;}

/* *************************************************************************************************
 *
 *  Novinky | mapa webu
 *   
 * ************************************************************************************************* */

div#content div#right div.news p, div#content div#right div.news h2 {margin:0 20px;}
div#content div#right div.news h2 {display:list-item;list-style:square;color:#00ace4;}
ul.mapa-webu li, ul.mapa-webu ul {margin-bottom:0 !important;}

/* *************************************************************************************************
 *
 *  formualar - obecnej styl
 *   
 * ************************************************************************************************* */

form {margin-bottom:10px;}
form fieldset legend {color:#0077c1;font-weight:bold;font-size:120%;*margin-left:-5px;margin-bottom:10px;padding-bottom:10px;*padding-bottom:0;}
form fieldset label {float:left;width:140px;} 
form fieldset input {color:#008000;font-weight:bold;width:160px;margin-bottom:3px;padding:1px 1px;margin-right:5px;float:left;}
form fieldset input.question {width:80px;}
form fieldset input.submit {color:#000;font-weight:normal;padding:1px 1px;*padding:0 1px;width:84px;}
form fieldset img {margin-top:3px;}
form fieldset br {clear:left;}

/* *************************************************************************************************
 *
 *  images - homepage | download
 *   
 * ************************************************************************************************* */

div.homeimages {margin:10px 0;text-align:center;}
div.homeimages p {margin:0;padding:0;} 
div.homeimages img {background:#fafafa;border:1px solid #aaa;padding:5px;margin:0 5px;}

a.stahnout {color:#6b86ae;display:block;float:right;padding-left:22px;background:url('../images/word.gif') no-repeat 0 0;}