/* Ahoj, asi jsi koder, kdyz si zavital az sem a i kdyby ne tak je to jedno. Dovol mi tedy, abych ti popral prijemne pocteni. Bud tu jako doma. Pevne verim, ze se zde dobre vyznas. Tak sup, sup! */

/* -------- resetovani kaskadovych stylu -------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: none;outline: none;}
ul li{list-style: none;}

/* -------- globalni kaskadove styly -------- */

html{background: url(../img/bg-html.jpg) repeat-x center top;text-align: center;font-size: 75%;font-family: Tahoma, Verdana, sans-serif;height: 100%;}
body{height: 100%;background: url(../img/bg-body.gif) repeat-x;text-align: center;}

a{color: #000000;}
a:hover{color: #ffb515;}
/* a:visited{color: #b5b5b5;} */

img{background-color: #eeeeee;}

.no-screen{display: none;}
.cleaner{clear: both;}

/* prekryvaci obrazky (plati pro vsechny prvky, ktere prekryvaji obrazky (pristupnost bla bla bla)) */

h1, #cechy, .box h3{position: relative;overflow: hidden;}
h1 span, #cechy span, .box h3 span{position: absolute;top: 0;left: 0;z-index: 1;display: block;}

/* -------- hlavni obalovy prvek -------- */

#obal{width: 960px;margin: 0 auto;overflow: hidden;background: url(../img/bg-obal.jpg) no-repeat center top;text-align: left;}

/* --- logo neboli nadpis webu --- */

h1{width:172px;height:60px;float:left;display:inline;padding:5px 10px 0 0;background:#000000;text-align:right;font-size:1.8em;font-style:italic;}
h1 a{color:#ffffff;}
h1 span{width:182px;height:70px;background:url(../img/bg-h1-logo-plain.gif) no-repeat;}

/* --- logo neboli nadpis webu --- */

#cechy{width:120px;height:46px;float:left;display:inline;clear: both;font-size:1.2em;font-style:italic;display:block;}
#cechy span{width:120px;height:46px;background:url(../img/bg-h1-logo-plain-cechy.gif) no-repeat;}

/* --- menu webu --- */

#menu{width:522px;float:right;background:url(../img/bg-menu.jpg) no-repeat left bottom #2d3130;text-transform:uppercase;font-family:"Myriad Pro";font-size:1.1em;}
#menu li{float:left;display:inline;behavior: url('hover.htc');}
#menu li a{padding:27px 21px 27px 22px;display:block;background:#ffb515;text-decoration:none;}
#menu li a:hover{color:#ffffff;}

/* - zanorena (rozbalovaci) navigace - */

#menu li ul{display:none;position:absolute;}

#menu li:hover ul{display:block;width:200px;}
#menu li:hover ul li a{width:200px;padding:14px 0 14px 22px;background:#101010;border-bottom: 1px solid #1f1f1f;color:#eeeeee;}
#menu li ul li a:hover{background: #1f1f1f;}
#menu li ul li ul{display:none !important;}

/* --- div s akci nebo novinkou --- */

#akce{width:359px;height:270px;float:right;background:#121212;color:#979797;}

/* - formatovani obsahu - */

#akce a{color:#979797;}
#akce a:hover{color:#ffffff;}

#akce h2{margin:30px 10px 0 30px;font-size:2.2em;font-weight: normal;color:#fff;}
#akce h2 a{color:#fff;text-decoration:underline;}
#akce h2 a:hover{color:#979797;}

#akce p{margin:10px 0 0 30px;}

/* --- drobeckova navigace --- */

#drobky{width:925px;clear:both;padding:9px 15px 8px 0;background:url(../img/bg-drobky.jpg) no-repeat;text-align:right;text-transform:lowercase;font-family:Tahoma;font-size:0.95em;color:#aa7a11;}

#drobky li{display:inline;}
#drobky li a{display:inline;color:#aa7a11;}

/* --- boxy na uvodni strance --- */

.box{width:190px;min-height:360px;float:left;display:inline;margin:20px 0 0 0;padding:0 0 20px 0;background:url(../img/bg-box.gif) no-repeat right top #ffffff;color:#7d7d7d;}
.bez-stinu{width:180px;background:#ffffff !important;}

/* - formatovani obsahu - */

.box h3{width:180px;height:30px;}
.box h3 span{width:180px;height:30px;background-color:#000000;background-repeat:no-repeat;}

.box img{margin:1px 0 -5px 0;}

.box #uklid span{background-image:url(../img/nadpisy/box-uklid.gif);}
.box #hodinovy-manzel span{background-image:url(../img/nadpisy/box-hodinovy-manzel.gif);}
.box #pujcovna span{background-image:url(../img/nadpisy/box-pujcovna-cisticich-stroju.gif);}
.box #dalsi-sluzby span{background-image:url(../img/nadpisy/box-dalsi-sluzby.gif);}
.box #ubytovani span{background-image:url(../img/nadpisy/box-ubytovani-v-ostrave.gif);}

.box p{margin:15px 22px 5px 15px;line-height:175%;font-size:0.95em;}
.box p .vice{padding:0 12px 0 0;background:url(../img/bg-vice.gif) no-repeat right 55%;}
.box p .vice:hover{text-decoration:none;color:#000000;}
.box ul{margin:15px 22px 5px 15px;font-size:0.95em;}

.box ul li{margin:6px 0 6px;padding:0 0 0 10px;background:url(../img/bg-box-ul-li.gif) no-repeat left 7px;}
.box ul li a{color:#7d7d7d;}
.box ul li a:hover{color:#000000;}

/* --- kompletni formatovani obsahu podstranek --- */

#obsah{width:703px;min-height: 500px;float:left;margin:20px 0 0 0;background:url(../img/bg-obsah.gif) repeat-x;font-family:Tahoma;color:#585858;}

/* - formatovani obsahu - */

#obsah h2{padding:13px 20px 12px 25px;background:url(../img/bg-obsah-h2.gif) no-repeat #ffffff;text-transform:uppercase;font-family:"Myriad Pro";font-size:1.25em;color:#000000;}
#obsah h3{margin:13px 20px 8px 25px;text-transform:uppercase;font-family:"Myriad Pro";font-size:1.20em;color:#000000;}
#obsah h4{margin:13px 20px 8px 25px;text-transform:uppercase;font-family:"Myriad Pro";font-size:1.1em;color:#000000;}

#obsah p{margin:15px 25px 10px 25px;line-height:175%;}
#obsah address{margin:10px 25px 10px 25px;padding: 8px 10px;background: #f9f9f9;border: 1px solid #eeeeee;line-height:175%;font-style: normal;}

#obsah ul{margin:15px 30px 15px 45px;}
#obsah ol{margin:15px 30px 15px 42px;}
#obsah ul li{margin:5px 0 5px 0;line-height:20px;padding-left:14px;background:url(../img/bg-obsah-ul-li.gif) no-repeat left 7px;}
#obsah ul li ul{margin: 10px 15px 10px 5px;}
#obsah ul li ul li{}
#obsah ol li ol{margin: 10px 15px 10px 10px;}
#obsah ol li{margin:5px 0 5px 10px;line-height:20px;padding-left:3px;}

#obsah table{width: 650px;margin:10px 10px 10px 25px;border-collapse:collapse;}
#obsah table tr th{padding:7px 10px 7px 10px;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;text-align:left;font-weight:bold;}
#obsah table tr td{padding:7px 10px 7px 10px;background-color:#f7f7f7;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;}
#obsah table tr.sudy td{background-color: #e9e9e9;}
#obsah table tr.sudy th{background-color: #e9e9e9;}
#obsah table thead td{background-color:#5e6361;color: #ffffff;}
#obsah table .vtop{vertical-align: top;}

#obsah fieldset{margin: 15px 25px 15px 25px;border: 1px solid #d7d7d7;background-color: #ffffff;}
#obsah fieldset legend{border: 1px solid #d7d7d7;background-color: #ffffff;padding: 4px 5px 4px 5px;margin: 0 0 0 10px;overflow: hidden;}
#obsah fieldset table{width: 525px;margin: 10px 0 10px 10px;}
#obsah fieldset table tr td{background: transparent;border: none;}
#obsah fieldset table tr th{width: 120px;font-weight: normal;background:#fff;}
#obsah fieldset table tr td input{height: 22px;padding: 0 4px 0 4px;}
#obsah fieldset table tr td input#submit{color: #ffffff;background-color: #383431;border: none;height: 30px;padding: 0 10px 0 10px;}

#obsah .blocek{margin: 15px 25px 15px 25px;padding: 0 0 20px 0;border: 1px solid #d7d7d7;background-color: #ffffff;text-align: center;}
#obsah .blocek img{margin: 20px 0 10px 0;}

/* --- sloupec u obsahu webu a rychleho kontaktu --- */

#sloupec{width:237px;float:right;display:inline;margin:20px 20px 0 0;background:url(../img/bg-sloupec.gif) no-repeat;}

/* - formatovani obsahu - */

#sloupec h3{padding:14px 0 13px 16px;background:url(../img/bg-sloupec-h3.gif) no-repeat #ffb515;text-transform:uppercase;font-family:"Myriad Pro";font-weight:normal;font-size:1.15em;color:#ffffff;}
#sloupec h3.sedy{background:url(../img/bg-sloupec-h3-sedy.gif) repeat-y #161616;}

#sloupec ul{width:197px;margin:0 0 2px 0;font-size:0.95em;}
#sloupec ul li{width:197px;margin:1px 0 0 0;}
#sloupec ul li a{width: 100%;padding:11px 10px 11px 30px;display:block;background:url(../img/bg-sloupec-ul-li-a.gif) no-repeat #f6f6f6;text-transform:uppercase;text-decoration:none;color:#5a5a5a;}
#sloupec ul li a.rozbal{background-image:url(../img/bg-sloupec-ul-rozbal-a.gif);font-weight: bold;color: #000000;}
#sloupec ul li a:hover{background-position:right top;color:#000000;}
#sloupec ul li ul li{width: 191px;}
#sloupec ul li ul li a{padding-left:35px;background:transparent;}
#sloupec ul li ul li a:hover{text-decoration: underline;}

#sloupec address{padding:15px 15px 20px 20px;background:url(../img/bg-sloupec-address.gif) no-repeat;line-height:165%;font-size:0.95em;font-style:normal;color:#858585;}

/* --- globalni paticka webu --- */

#paticka{height: 100px;margin:50px 0 0 0;background:url(../img/bg-paticka.gif) repeat-x #5e6361;font-size:0.95em;color:#a97911;}
#paticka p{width:910px;margin:0 auto 40px auto;padding:12px 15px 28px 15px;background:url(../img/bg-paticka-p.gif) no-repeat #ffb515;text-align:right;}