/* CSS MOBIS default */

* { margin: 0; padding: 0;}

body { font-family: Arial, Verdana, Helvetica, sans-serif; background: #ffffff url(../images/bg-body.jpg) center top no-repeat; font-size: 90%; color: #000000}
talbe{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%; color: #000000}

div#bg-page { background: url(../images/bg-page.jpg) center 82px no-repeat; margin: auto;}
div#page { width: 960px; margin: 0 auto; text-align: left}
div#top { height: 86px; background: url(../images/bg-top.jpg) no-repeat; position: relative}
div#header { height: 130px; background: url(../images/bg-header.jpg) repeat-x}
div#header p {padding:0px 20px 0px 20px; margin:4px;}
div#header p.h11 {padding:10px 20px 0px 20px; font-weight:bold; font-size:130%; margin:4px;}

div#content-holder { background: url(../images/bg-content-holder.gif) repeat-x; padding: 0 0 0 0; margin: 0 auto 20px auto}


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* LOGO */
p#logo { width: 230px; height: 44px; position: relative; top: 24px; z-index: 50}


/* Volba jazyka */
div#top p.lang { float: right; color: #999999; margin: 5px 5px 0 0}
div#top p.lang a { color: #666666; font-size: 90%}
div#top p.lang .cz { background: url(../images/ico-cz.gif) right 0 no-repeat; padding-right: 23px}
div#top p.lang .en { background: url(../images/ico-en.gif) right 0 no-repeat; padding-right: 23px}

/* hotline */
/*
p.hotline { position: absolute; top: 40px; right: 10px; color: #0e4298; background: url(../images/bg-hotline.jpg) no-repeat; padding: 0 0 0 25px}
p.hotline span { font-size: 1.3em; font-weight: bold; color: #000000; padding: 0 0 0 10px}
*/

/* NAVIGACE */
#hornav { width: 100%; height: 35px; position: absolute; top: 46px; left: 20px; background: url(../img/bg-hornav.jpg) no-repeat}
#hornav ul { list-style: none; position: relative; left: 214px}
#hornav ul li { position: relative; width: 120px; height: 35px; float: left; margin: 0 0 0 1px;  overflow: hidden}
#hornav ul li.h01 span { position: absolute; width:100%; height: 100%; float: left; background: url(/images/bg-hornav.jpg) no-repeat}
#hornav ul li.h02 span { position: absolute; width:100%; height: 100%; float: left; background: url(/images/bg-hornav.jpg) -120px 0 no-repeat;}
#hornav ul li.h03 span { position: absolute; width:100%; height: 100%; float: left; background: url(/images/bg-hornav.jpg) -241px 0 no-repeat}
#hornav ul li.h04 span { position: absolute; width:100%; height: 100%; float: left; background: url(/images/bg-hornav.jpg) -362px 0 no-repeat}
#hornav ul li.h05 span { position: absolute; width:100%; height: 100%; float: left; background: url(/images/bg-hornav.jpg) -483px 0 no-repeat}
#hornav ul li.h06 span { position: absolute; width:100%; height: 100%; float: left; background: url(/images/bg-hornav.jpg) -604px 0 no-repeat}

#hornav ul li.h01 a:hover span, #hornav ul li.h01 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-on.jpg) no-repeat; cursor:pointer;}
#hornav ul li.h02 a:hover span, #hornav ul li.h02 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-on.jpg) -120px 0 no-repeat; cursor:pointer;}
#hornav ul li.h03 a:hover span, #hornav ul li.h03 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-on.jpg) -241px 0 no-repeat; cursor:pointer;}
#hornav ul li.h04 a:hover span, #hornav ul li.h04 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-on.jpg) -362px 0 no-repeat; cursor:pointer;}
#hornav ul li.h05 a:hover span, #hornav ul li.h05 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-on.jpg) -483px 0 no-repeat; cursor:pointer;}
#hornav ul li.h06 a:hover span, #hornav ul li.h06 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-on.jpg) -604px 0 no-repeat; cursor:pointer;}

/* eng verze */

#hornav.eng ul li.h01 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-eng.jpg) no-repeat}
#hornav.eng ul li.h02 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-eng.jpg) -120px 0 no-repeat;}
#hornav.eng ul li.h03 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-eng.jpg) -241px 0 no-repeat}
#hornav.eng ul li.h04 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-eng.jpg) -362px 0 no-repeat}
#hornav.eng ul li.h05 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-eng.jpg) -483px 0 no-repeat}
#hornav.eng ul li.h06 span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-eng.jpg) -604px 0 no-repeat}

#hornav.eng ul li.h01 a:hover span, #hornav.eng ul li.h01 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-eng-on.jpg) no-repeat; cursor:pointer;}
#hornav.eng ul li.h02 a:hover span, #hornav.eng ul li.h02 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-eng-on.jpg) -120px 0 no-repeat; cursor:pointer;}
#hornav.eng ul li.h03 a:hover span, #hornav.eng ul li.h03 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-eng-on.jpg) -241px 0 no-repeat; cursor:pointer;}
#hornav.eng ul li.h04 a:hover span, #hornav.eng ul li.h04 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-eng-on.jpg) -362px 0 no-repeat; cursor:pointer;}
#hornav.eng ul li.h05 a:hover span, #hornav.eng ul li.h05 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-eng-on.jpg) -483px 0 no-repeat; cursor:pointer;}
#hornav.eng ul li.h06 a:hover span, #hornav.eng ul li.h06 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(../images/bg-hornav-eng-on.jpg) -604px 0 no-repeat; cursor:pointer;}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* WELCOME */
div#welcome { width: 215px; height: 220px; background: url(../images/bg-welcome.jpg) no-repeat; padding: 15px 10px 0 10px; overflow: hidden; float: left}
div#welcome h1 { font-size: 1em; color: #000000}
div#welcome p { font-size: 0.85em; color:#333333}
div#welcome p.h1 { font-size: 1em; line-height: normal; font-weight: bold}
div#welcome a { text-decoration: underline; font-size: 0.75em; color: #333333}
div#welcome a:hover { text-decoration: none; color: #000000}
div#welcome a.about { padding-right: 17px; padding-left:2em; background:url(../images/bgr-more.jpg) 0 0 no-repeat; margin-left: 10px}

/* INTRO */
div#intro { float: left; height: 235px; background: url(../images/bg-header.jpg) repeat-x}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* NEWS - novinky */
div#news { width: 320px; margin: 10px 0 0 0; float: right; background: url(../images/bg-news.jpg) repeat-x;}
div.novinky { height: 30px; background-color: #a3cf2c;}
div.novinky span { font-family: 1em; color: #000000; padding: 7px 0 0 16px; display: block; font-weight:bold;}
div.novinky a.archiv { color: #FFFFFF; font-size: 0.75em; display: block; float: right; padding: 11px 20px 5px 15px; background: url(../images/bg-novinky-archiv.gif) 0 12px no-repeat}

div#news div.novinka { width: 270px; padding: 5px 5px 5px 5px; margin: 0 auto 5px auto; background: url(../images/bg-novinka.gif) 0 bottom repeat-x; font-size: 90%}
div#news div.novinka p.date { padding: 0 0 0 22px; font-weight: bold; background: url(../images/ico-news.gif) no-repeat}
div#news div.novinka a { color: #333333}

/* banner */
div#banner { margin: 20px auto 0 auto; width: 280px; height: 130px}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* HP content */
div#hp-content { width: 640px; float: left;  /*background: url(../images/bg-hp-content.jpg) right top no-repeat; */ }
div.slideshow { width: 620px; height: 240px; /*background: url(../images/slideshow.jpg) no-repeat;*/ margin: 10px auto 0 0;}

/* 3 BOXES O spolecnosti/Produkty/Fotogalerie */
div.box { width: 197px; height: 160px; float: left; margin: 17px 0 0 14px; position: relative}
div.box.first { margin-left: 0px}
div.box a.more { position: absolute; right: 0; bottom: 0; padding: 0 20px 2px 0; font-size: 0.85em; color:#333333; background: url(../images/bgr-more.jpg) right 1px no-repeat}

div.company { background: url(../images/bg-box-company.jpg) no-repeat;}
div.products { background: url(../images/bg-box-produkty.jpg) no-repeat;}
.company ul { margin-left:20px; margin-top:36px;}
div.foto { background: url(../images/bg-box-fotogalerie.jpg) no-repeat;}

div.company.eng { background: url(../images/bg-box-company-eng.jpg) no-repeat}
div.products.eng { background: url(../images/bg-box-produkty-eng.jpg) no-repeat}
div.foto.eng { background: url(../images/bg-box-fotogalerie-eng.jpg) no-repeat}

p.company {position: relative; top: 31px; left: 0px; overflow: hidden; width: 197px; height: 97px; margin: 0; padding: 0; font-size:1.5em;}
/*p.company a span, p.company a:hover span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/bg-company.jpg) 0 0 no-repeat; cursor:pointer;}*/
p.company a:hover span { background:url(../images/bg-company-on.jpg) 0 0 no-repeat;}

p.products {position: relative; top: 31px; left: 0px; overflow: hidden; width: 197px; height: 97px; margin: 0; padding: 0; font-size:1.5em;}
p.products a span, p.products a:hover span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/bg-products.jpg) 0 0 no-repeat; cursor:pointer;}
p.products a:hover span { background:url(../images/bg-products-on.jpg) 0 0 no-repeat;}

p.foto {position: relative; top: 31px; left: 0px; overflow: hidden; width: 197px; height: 97px; margin: 0; padding: 0; font-size:1.5em;}
p.foto a span, p.foto a:hover span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/bg-foto.jpg) 0 0 no-repeat; cursor:pointer;}
p.foto a:hover span { background:url(../images/bg-foto-on.jpg) 0 0 no-repeat;}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* SUBPAGE */
/* cesta */
div.path { width: 960px; height: 40px; background: url(../images/bg-path.jpg) no-repeat; color: #000000; font-size: 0.85em}
div.path span { position: relative; top: 15px; left: 264px}
div.path a { color: #000000; font-weight: normal; text-decoration:underline;}


/* INFO panel - leva strana */
div.info { width: 220px; float: left; padding: 35px 4px 20px 10px}
div.info p.nadpis { font-size: 1em; font-weight: bold; padding: 0 0 5px 0}
div.info p { font-size: 0.75em; color:#666666}
div.info a { color: #666666}

div.info ul { list-style: none; font-size: 1em; margin: 0 0 10px 10px}
div.info ul li { padding: 0 0 5px 0}
div.info ul li a { line-height: 1.5em; background: url(../images/list.gif) 0 2px no-repeat; padding: 0 0 5px 20px; text-decoration:none;}
div.info ul li a:hover {text-decoration:underline;} 
div.info ul.p2 { list-style: none; font-size: 0.95em; margin: 0 0 10px 20px}
div.info ul.p2 li { padding: 0 0 0px 0}
div.info ul.p2 li a { line-height: 1.5em; background:none; text-decoration:none;}
div.info ul.p2 li a:hover { text-decoration:underline;}

div.content { width: 686px; float: left; background: url(../images/bg-content.jpg) no-repeat; padding: 0 10px 20px 30px}

div.vize { padding: 10px 30px 10px 30px; margin: 0 0 20px 0; border: solid 1px #dbe2ee; border-right: none; border-left: none; background: #f4f7fd url(../images/bg-vize.jpg) 600px 10px no-repeat}
div.motto { padding: 10px 30px 15px 30px; margin: 0 0 20px 0; border: solid 1px #dbe2ee; border-right: none; border-left: none; background: #f4f7fd url(../images/bg-motto.jpg) 600px 10px no-repeat}

div.vize p.nadpis, div.motto p.nadpis { font-size: 1.2em}
div.vize p, div.motto p { color: #0e4298; width: 600px}

div.content img.module { border: solid 1px #e2e2e2; padding: 0 2px; margin: 10px 12px}

/* formular */
table.form { margin: 30px 0 0 0}
table.form tr {}
table.form tr td {}
table.form tr td input.text, table.form tr td textarea { /*background: #f7f7f7;*/ border: solid 1px #CCCCCC; color: #666666}
table.form td.textarea { padding: 0 0 0 60px}
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%}

/* fotogalerie */
p.popisek { color: #3366cc; font-size: 1em; padding: 0 0 0 0; text-align: center}
img { border: none;}
.mapa { margin: 10px auto 10px auto; padding: 10px 0 5px 0; text-align: right; background: #FFFFFF; border: solid 1px #E6E6E6; font-size: 0.85em; text-align:center}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ARCHIV */

div.content div.novinka { padding: 5px 5px 5px 5px; margin: 0 auto 5px auto; background: url(../images/bg-novinka.gif) 0 bottom repeat-x; font-size: 100%}
div.content div.novinka p.date { padding: 0 0 0 22px; font-weight: bold; background: url(../images/ico-news.gif) no-repeat}
div.content div.novinka a { color: #333333}
div.content img { border: solid 1px #CCCCCC; padding: 2px}
div.content p.photos { text-align: center}
div.content img { border: solid 1px #CCCCCC; padding: 2px; margin: 5px 5px 10px 5px}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* FOOTER */
div#footer { font-size: 0.8em; margin-top:4px; color: #666666; background: url(../images/bg-footer.jpg) repeat-x; height: 20px; padding: 15px 10px}
div#footer a { color: #666666; font-weight: normal}
div#footer span.top { float: right}
div#footer strong { color:#a3cf2c;}
div#footer .kod {display:none;}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* text elements */
h1, h2, h3, h4 { clear: left}
div.content h1 {font-size: 1.5em; color: #b3c902; background: url(../images/bg-h1.jpg) 0 bottom no-repeat; padding: 30px 20px 5px 35px; margin: 0 0 10px 0; font-weight: normal; border-bottom: solid 1px #cad845}
div.content h2 {font-size: 1.3em; color: #b3c902; background: url(../images/bg-h1.jpg) 0 bottom no-repeat; padding: 25px 20px 7px 35px; margin: 0 0 10px 0; font-weight: normal; border-bottom: solid 1px #cad845}
div.content h3 {font-size: 1.2em; color: #a3cf2c; background: url(../images/bg-h1.jpg) 0 bottom no-repeat; padding: 25px 20px 9px 35px; margin: 0 0 10px 0; font-weight: normal; border-bottom: solid 1px #cad845}
div.content h4 {font-size: 1em;	font-weight: bold}

div.content ul { list-style: none; font-size: 0.85em; margin: 0 0 20px 50px}
div.content ul li, div.content ul li a { line-height: 1.5em; background: url(../images/li.gif) 0 2px no-repeat; padding: 0 0 0 20px}
div.content ul li a {}

div.content a { text-decoration: underline; color: #0e4298}
div.content a:hover { text-decoration: none}

div.content table { font-size: 0.85em; margin: 0 0 30px 0}

p {padding: 0 0 10px 0; color: #333333; font-size: 0.85em; line-height: 1.5em; clear: left}

a:link, a:hover, a:visited { color: inherit}
a:hover { text-decoration: none;}
img { border: none;}
img.left { border: solid 1px #000000; float: left; margin: 0 30px 20px 37px;}
img.right { border: solid 1px #000000; float: right; margin: 0 0 20px 30px;}
hr { display: none}

/* classes */
.hidden {display: none}
.clr {width: 100%; font-size: 1px; clear: both}
.red {color: #cc0000}
.left {float:left; margin: 5px 10px 5px 0;}
.right {float: right; margin: 5px 0 5px 10px;}
.noborder {border: none}
.lblue {color: #66ccff; font-weight: bold;}
.center { text-align: center}
.small { font-size: 0.75em; padding-top: 10px}


/* serieUvod */
#serieUvod {font-size:11px;}
#serieUvod th {height:30px; padding:4px;}
#serieUvod td {color:#000000; padding:5px; vertical-align:top;}
/*
#serieUvod strong {font-weight:normal; color:#333333; display:block; margin-top:10px; text-align:left;}
#serieUvod i {font-weight:normal; font-weight:normal; color:#666666; display:block; text-align:right;}
#serieUvod u {font-weight:bold; text-decoration:none; color:#009900; display:block; text-align:right; text-decoration:none;}
#serieUvod a {font-weight:bold; color:#009900; text-align:right; text-decoration:underline;}
#serieUvod a:hover {font-weight:bold; color:#009900; text-align:right; text-decoration:none;}*/
#content-holder .polozka_infotext {width:685px ; float:left; padding:20px;}

#content-holder .polozka {width:220px; float:left; padding:10px; margin:0px; background: url(../images/bg-produkt.jpg) center top no-repeat; text-align:center;}
#content-holder .polozka table { text-align:left;}
#content-holder .polozka img {padding:0px; margin:0 10px 10px 10px;}
#content-holder td.vobrazek {height:160px; width:200px; text-align:center;}
#content-holder .polozka .nazev { font-size:110%; font-weight:bold;}
#content-holder .polozka .cena { color:#000000; font-weight:bold;}
#content-holder .polozka .cena a { color:#ffffff; font-weight:bold; background-color:#b3ca00; padding:1px 4px 1px 4px; font-size:10px; text-decoration:none;}
#content-holder .polozka .cena a:hover { color:#ffffff; font-weight:bold; background-color:#dbe27a; text-decoration:none;}

.polozka2 {width:140px; float:left; border:1px solid #666666; padding:0px; margin:1px; text-align:center}

.objednavka table strong {color:#a3cf2c; display:block;}
.objednavka table input {border: 1px solid #333333; width:110px; color:#000000;}
.objednavka table input.po {width:250px;}
.objednavka table textarea {width:250px; height:105px;}
.objednavka table td {padding:4px;}
.objednavka table th {padding:4px; color:#a3cf2c;}
.objednavka table input.tlac { color:#ffffff; font-weight:bold; background-color:#b3ca00; padding:1px 4px 1px 4px; font-size:10px; width:90px;}
.objednavka table input.tlac:hover { color:#ffffff; font-weight:bold; background-color:#dbe27a;}