/* reset css*/
html,body,h1,h2,h3,h4,h5,h6,p,address,img,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
ul {list-style: none;}
input, textarea, select { font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 100%; }
body {line-height: 1;color: #fff;background: #201805 url(../img/bckg.jpg) no-repeat; font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 63%; color: #D0C587;}
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}
label { display: block; padding-bottom: 0.2em; }

.article { padding: 0 20px 1em 20px; clear: both; }
.imgl { float: left; margin: 0 8px 15px 0; }
.imgr { float: right; margin: 0 0 8px 15px; }
.thickbox {background:none !important}
.article .thickbox img { border: 1px solid #E6E006; }

#wrap { width: 960px;}
#sound { position: absolute; right: 110px; top: 0; width: 80px; height: 40px; }
.iso { position: absolute; right: 0; top: 0; }


/* telo stranky s velkym obr v zahlavi */
#page { float: right; width: 780px; background-repeat: no-repeat !important; min-height: 480px; position: relative; _height:480px; margin-top: 80px;}
#skip { position: absolute; left: -999px; display: block; padding: 5px; background: #FFF73C; color: #644D1B;  }
#skip:focus, #skip:active, #skip:hover { left: 50%; top: 20px;  }
.motto { font-family: Georgia, "New York CE", utopia, sans-serif; font-size: 160%; line-height: 125%; }
.motto strong { color: #FFED00; font-weight: normal; }
.motto a { color: #e2db11 }

/* motto na titulce a textove str. */
.homepage .motto, .main .motto { color: #fff; width: 520px; position: absolute; top: 146px; left: 0;}
/*.homepage .motto { height: 466px; }*/
.motto p { padding: 10px; }

/* horni menu */
#logo, #logo span { height: 200px; width:179px; overflow:hidden; float: left; cursor: hand; cu\rsor: pointer;  }
#logo span { background: #201805 url(../img/logo.gif) no-repeat bottom; position: absolute; left: 0; top:0;}

#mainMenu { position: absolute; top: 0; z-index:99; }
#mainMenu li { float: left; background: url(../img/dotted.gif) repeat-x bottom; position: relative;}
#mainMenu a { text-decoration: none; color: #D0C587; display: block;  padding: 20px 5px 20px 10px; }
#mainMenu a:hover { color: #fff; }
#mainMenu li ul { position: absolute; left: -999em; top: 50px; z-index: 100; }
#mainMenu li { display: expression(isNaN(this.js)?(this.js=1,this.onmouseover=new Function("this.className+=' hover';"),this.onmouseout=new Function("this.className=this.className.replace(' hover','');")):false););}
#mainMenu li:hover ul, #mainMenu li.hover ul { left: 0; background: #41381B;  }
#mainMenu li li { padding: 0; float: none; background: none; margin-left: -18px; ma\rgin-left: 0;}
#mainMenu li li a { color: #FFF003; display: block; padding: 8px 10px; width: 20em; }
#mainMenu li li a:hover { background:#5E4F24 }

/* leve menu - hlavni sekce */
#prodMenu { float: left; background: url(../img/dotted.gif) repeat-x bottom; margin-top: 30px; clear: left; width: 180px; overflow: hidden;   }
#prodMenu hr { display: none; }
#prodMenu ul { width: 180px; height:300px; overflow:hidden;  }
#prodMenu li { height: 43px; overflow: hidden; margin-left: -18px; ma\rgin-left: 0;}
#prodMenu a { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #CFCBC0; font-size: 138%; text-decoration: none; line-height: 128%; display:block; padding: 5px 0 25px 10px; background-position: 0 0; _height:100%; background-position: 0 0; background-repeat: no-repeat; cursor: hand; cu\rsor: pointer; text-transform: lowercase;  }
#prodMenu a:hover, .bg_zdvih #m1, .bg_zemedel #m2, .bg_pripoj #m4, .bg_poklop #m5, .bg_bioplyn #m6, .bg_odevy #m7, .bg_fliegl #m3 {background: url(../img/dotted.gif) repeat-x;}

.bg_zdvih { background: url(../img/bg_menu8.jpg) !important;}
.bg_zemedel { background: url(../img/bg_menu2.jpg) !important;}
.bg_pripoj { background: url(../img/bg_menu3.jpg) !important;}
.bg_poklop { background: url(../img/bg_menu4.jpg) !important;}
.bg_bioplyn { background: url(../img/bg_menu5.jpg) !important;}
.bg_odevy { background: url(../img/bg_menu6.jpg) !important;}
.bg_main { background: url(../img/bg_menu0.jpg) !important;}
.bg_fliegl { background: url(../img/bg_menu7.jpg) !important;}

	/* polozky v levem menu */
	#m1 { background-image: url(../img/menu1.jpg); }
	#m2 { background-image: url(../img/menu2.jpg); }
	#m3 { background-image: url(../img/menu7.jpg); }
	#m4 { background-image: url(../img/menu3.jpg); }
	#m5 { background-image: url(../img/menu4.jpg); }
	#m6 { background-image: url(../img/menu5.jpg); }
	#m7 { background-image: url(../img/menu6.jpg); }

/* menu nahore */
#catMenu { width: 540px; position: absolute; top: 0; left: 180px; z-index:999;}
#catMenu li { display: table;float: left; width: 180px;}

	/* vertical centering - hvezdicka hack pro IE 7 */
	#catMenu a { display: table-cell; vertical-align: middle; position:relative; height: 50px; width: 180px; color: #fff; text-decoration: none; line-height: 130%; cursor: hand; cu\rsor: pointer; *display:block;}
	#catMenu b { display:block; padding: 0 8px; font-weight: normal; *position: absolute; *top:50%; }
	#catMenu i { font-style: normal; *position: relative; *top: -50%; }
	#catMenu a:hover { background: #FFF73C; color: #644D1B; }
	#catMenu .curr { background: #E1DA10; color: #685314; }

	/* barvy bunek */
	#catMenu .bg0 { background: #9A8C2B;  }
	#catMenu .bg1, #catMenu .bg3 { background: #726729;  }
	#catMenu .bg2 { background: #8D8022;  }

/* sloupeckove menu vedle obsahu v katalogu */
#col {margin-top: 254px; float: left;  }
#col #subMenu {padding: 0;min-height: 196px; _height:196px; background: transparent;}
#col #subMenu a { display: block; _height:1%; padding: 9px 10px; color: #644D1B; text-decoration: none; line-height: 120%; }
#col #subMenu a:hover { text-decoration: underline;}
#subMenu ul { width: 180px;  _height:196px; background: #726729; min-height: 196px; }
#subMenu li { position: relative; width: 180px; float:left; }

/* aktualni sekce */
#col #subMenu a.curr { background: #726729; color: #fff;}
#col #subMenu ul ul a.curr { color: #fff; border-left: 1px solid #605622;}
#col #subMenu ul ul ul a.curr { background: #726729; color: #fff; border-left: 1px solid #605622;border-bottom: 1px solid #605622;}

#subMenu li ul { position: absolute; left: -999px; top: 0; min-height: 0; height: auto; }
#subMenu li { display: expression(isNaN(this.js)?(this.js=1,this.onmouseover=new Function("this.className+=' hover';"),this.onmouseout=new Function("this.className=this.className.replace(' hover','');")):false););}
#subMenu li.hover ul { left: 180px;  }
#subMenu li:hover > ul { left: 180px;  }

#col #subMenu ul ul a { background: #726729; color: #FFF73C; border-bottom: 1px solid #605622;  }
#col #subMenu ul ul ul a { background: #FFF73C; color: #726729; border-bottom: 1px solid #DAD410;  }

#subMenu li.hover ul ul { left: -999px;}
#subMenu li li.hover ul { left: 180px;}

	/* stridajici se barvicky */
	#subMenu .bg2 { background: #FFF73C; }
	#subMenu .bg1 { background: #E6E006; }
	#subMenu .bg0 { background: #DAD410; }

#col div { background: #393013; width: 180px; padding: 10px 0 0 0; clear: left; }
#col div a { color: #fff; }
#col h2, .subscribe h2 { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #fff; font-size: 140%; font-weight: normal; padding: 0 10px; line-height: 120%; }
#col p, .subscribe p { padding: 5px 10px 10px 10px; line-height: 130%; }
#col img { display: block;}
#col .question h2 { background: url(../img/question.gif) no-repeat 10px 5px; padding: 5px 10px 0 35px; }


/* obsah */
.content { color: #000; line-height: 130%; float: left; background: #fff;}
.content p { padding: 0.2em 0 0.6em 0; }
.content h1 { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; color: #6D6B32; font-size: 224%; font-weight: normal; background: url(../img/h1.gif) no-repeat 0 0.1em; padding: 0 0 0 20px; margin: 10px 20px 20px 20px; line-height: 120%; }
.content h2, .content h3 { font-family: Georgia, "New York CE", utopia, sans-serif; color: #000; font-size: 153%; font-weight: bold; margin: 0.5em 0; line-height: 130%; }
.content h3 { font-size: 110%; margin: 0.3em 0; }
.content a { color: #6D6B32; }
.content a:hover { background: #E4DC00; color: #000; text-decoration: none;  }
.content ul li { background: url(../img/li.gif) no-repeat 10px 0.4em ; padding: 0 0 0.4em 25px;  }
.content ol { padding: 0 0 0.4em 25px;   }
.content th, .content td { padding: 0.5em 0.4em;  }
.content th { background: #E6E006; text-align: center; vertical-align: middle;}
.content td { background-image: url(../img/dotted.gif); background-repeat: repeat-x; background-position: bottom;}
.content tr.even { background-color: #ffffcc; }

/* obsah textova str */
.main .content { width: 340px; border-top: 25px solid #FFED00; background: #fff; margin: 32em 0 0 10px;}

/* divize */
.division .motto { float: left; width: 180px; margin-top: 450px; }
.division .motto p { background: #624E1B; }
.division .content { margin-top: 254px; float: right;width: 360px; position: relative; left: -60px;}

/* siroky katalog */
.wide #col { margin-left: 30px; display: inline; }
.wide .content { float: right;width: 570px; overflow:hidden; margin-top:254px; position:relative;}
.wide #catMenu { left: 30px; }

/* novinky pro titulku a pro divize*/
.news li { width: 180px; float: left; overflow: hidden;  }
.news .text, .news h2 { padding: 0.2em 10px; line-height: 130%; }
.news a { /* color: #FDED02; */ font-weight: normal; color: #000; }
.news h2 a:hover { text-decoration: none; color: #fff; }
.news .text { color: #fff; }
 { color: ; }
.date { display: block; color: #6D6B32; padding-bottom: 0.2em; }

.homepage .news { padding: 470px 200px 0 0; }
.homepage .news a { color: #FDED02;}
.homepage .news li { width: 200px; overflow: hidden; }

.division .news { width: 540px; margin-top: 400px; background: #9A8C2B url(../img/news.gif) repeat-y; padding: 10px 0 20px 0; float: left; overflow: hidden;}
.division .news ul { float: left; width: 360px }
.division .news .li3 { clear: left; }
.division .news .text { color: #614C21; padding-bottom: 1em }
.division .news h2 a { color: #000; }
.division .news h2 a:hover { color: #fff; }
.subscribe { float: right; width: 180px; }
.subscribe a { text-decoration: none; }
.subscribe a:hover { color: #fff;  }
.division .links ul { float: none; width: auto; }
.division .links li { float: none; padding: 0 10px 5px 10px; line-height: 130%; width: auto; color: #000;}
.division .links p { padding: 0 10px 5px 10px; }

.content .cat li { width: 570px; float: left; position: relative; padding: 0; }
.cat img { float: right; }
.cat .img { width: 120px; height: 110px; overflow: hidden; float: right; background-color:transparent !important;}
.cat .odd {background: #4C3F1D; }
.cat .even { background: #5E4F24; }
.cat .text { padding: 0 10px 10px 10px; line-height: 120%; color: #DCD2AF; }
.cat h3 { padding: 7px 10px 0.2em 10px; }
.cat h3 a { color: #fff; font-family: Georgia, "New York CE", utopia, sans-serif; font-size: 160%; text-decoration: none; line-height: 120%; font-weight: normal;}
.cat h3 a:hover { background: transparent; color: #E1DA10; }

.cat .tip { position: absolute; right: 80px; top: 30px; background: url(../img/tip.png) no-repeat; width: 40px; height: 40px;}
.cat .tip { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='./front/img/tip.png');}

.categories { margin-bottom: 1em; }
.content .categories li { background: url(../img/categories.gif) no-repeat 15px 0.3em; padding: 0.3em 0 0.5em 35px;}
.categories li a { font-family: Georgia, "New York CE", utopia, sans-serif; color: #000; font-size: 153%; font-weight: bold; line-height: 130%; text-decoration: none; }

/* strankovani */
.page { clear: both; margin: 20px 20px 0 20px;}
.page a { color: #000; padding: 2px; }


/* bckg pro sekce z leveho menu */
.main, .homepage { background: url(../img/bg_main.jpg); }
.div_zdvih { background: url(../img/bg_zdvih2.jpg); }
.div_zemedel { background: url(../img/bg_zemedel.jpg); }
.div_pripoj { background: url(../img/bg_pripoj.jpg); }
.div_poklop { background: url(../img/bg_poklop.jpg); }
.div_bioplyn { background: url(../img/bg_bioplyn.jpg); }
.div_odevy { background: url(../img/bg_odevy.jpg); }
.div_fliegl { background: url(../img/bg_fliegl.jpg); }

#footer { margin: 0 0 0px 0; width: 175px; clear:both;}
#footer hr { display: none; }
#footer p { line-height: 130%; background: url(../img/dotted.gif) repeat-x; padding: 10px 0 0 2px;}
#footer a { color: #D0C587; text-decoration: none; }

#seolista {text-align: left; margin: 10px 0 20px 2px;}
#seolista a { text-decoration: none; color: #D0C587; }
#seolista a:hover { color: #fff; }

input.ff,select {font-size:11px;border:1px solid #ccc;width:190px;padding:2px}
select {width:250px}
textarea{font-size:11px;border:1px solid #ccc;width:305px;padding:2px}

.mapsbubble * { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; vertical-align: top !important;  }
.mapsbubble table { width: auto !important; margin: 0 !important; }
.mapsbubble td { padding: 2px !important; }
.mapsbubble { width: 300px; height: 130px; overflow: auto;}
.mapsbubble b { font-size: 120%; }