@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background: #009900;}

a {color:#090; text-decoration:none;}
a:hover {color: #000; text-decoration:underline;}
p {line-height:22px; font-size:16px; color:#300;}

p strong { font-weight:bold; font-size:18px; text-shadow: 1px 1px 1px  #FF9;}
h2 { font-size: 32px; color: #482400; text-shadow:#FF9 1px 1px 2px;}
h2.main { color: #630; margin:30px 0 0 0; float:left; text-shadow:#FF9 1px 1px 2px; padding:10px;}

.clear_88 {display:block; height:88px;}
#top-link {background:url(images/top-link.png) repeat-x; min-width:1600px; width:100%; height:43px; margin:0 auto 40px 0;}
#bot-link {background: url(images/bot-link.jpg); min-width:1600px; width:100%; height:88px; margin:0 auto;}

#head-wrap {background: url(images/head-bg.png) top center; height:555px; margin:0 auto; overflow:hidden; min-width:960px; }
#head-center { width:960px; height:500px; margin:0 auto;}

#mid-wrap {background: url(images/wood-bg.gif) top center repeat; width:inherit; min-width:960px; width:100%; height:auto; overflow:hidden; margin:0 auto;}
#mid-center{margin: 0 auto; width:960px;}

#menu-icos {width:600px; height:150px; margin:0 auto;}
#menu { margin:0 auto; width:700px; height:50px; font-size:0; position:relative; top:-60px; color: #FC0; z-index:2;}
#menu li {float:left; width:210px;}
#menu li a { margin:0 78px;}
#menu li.m-01 a {background: url(images/menu-els.png) 0px 57px; float:left; width:128px; height:28px;}
#menu li.m-02 a {background: url(images/menu-els.png) -127px 57px; float:left; width:148px; height:28px;}
#menu li.m-03 a {background: url(images/menu-els.png) -274px 57px; float:left; width:128px; height:28px; display:none !important;}
#menu li.m-04 a {background: url(images/menu-els.png) -403px 57px; float:left; width:110px; height:28px;}

#menu li.m-01 a:hover {background: url(images/menu-els.png) 0px 29px;}
#menu li.m-02 a:hover {background: url(images/menu-els.png) -127px 29px;}
#menu li.m-03 a:hover {background: url(images/menu-els.png) -274px 29px;}
#menu li.m-04 a:hover {background: url(images/menu-els.png) -403px 29px;}
#menu li.m-04 {margin-right:0;}
#menu li.m-01 {margin-left:0;}

.ico-menu {background: url(images/menu-els.png) -186px 0px; width:116px; height:120px; float:left; margin:0 42px; font-size:0; position:relative; top:45px;}
.ico-menu-02 {background: url(images/menu-els.png)-417px 0px;}
.ico-menu-04 {background: url(images/menu-els.png)-417px 0px;}
.ico-menu-03 {display:none !important;}
.ico-menu a {width:inherit; height:inherit; float:left; width:33%;}

.ico-menu.active { top:15px !important;}

#menu-links {width:600px; height:177px; position:absolute; text-align:center; z-index:22;}
#menu-links a {width:33%; float:left; height:177px; font-size:0px; text-indent:9999px; overflow:hidden;}

.ico-01 {background: url(images/menu-els.png); width:47px; height:47px; margin:10px auto;}
.ico-02 {background: url(images/menu-els.png) -47px 0; width:47px; height:47px; margin:10px auto;}
.ico-03 {background: url(images/menu-els.png) -93px 0; width:47px; height:47px; margin:10px auto;}
.ico-04 {background: url(images/menu-els.png) -140px 0; width:47px; height:47px; margin:10px auto;}

#logo-big {background:url(images/logo-big.png); width:283px; height:328px; margin:0 auto; margin-top: 50px; position:relative; top:25px;}
#logo-big a { width:inherit; height:inherit; float:left;}
#logo-big:hover { opacity: .8;}

#special-btn {width:64px; height:32px; float:right; margin:0 50px 0 0;}
#special-btn a {width:100%; height:100%; float:left;}
#sp-1 {background:url(images/btn1.png); width:32px; height:72px; float:left; position:relative; top:-20px; display:none !important;}
#sp-1:hover {background:url(images/btn1.png) 0 -72px; width:32px; height:72px; float:left;position:relative; top:-15px;}
#sp-2 {background:url(images/btn1.png) -34px 0px; width:32px; height:72px; float:left; position:relative; top:-20px;}
#sp-2:hover {background:url(images/btn1.png) -34px -72px; width:32px; height:72px; float:left; position:relative; top:-15px;}

#menu-bg{background:url(images/menu-bg.png); width:960px; height:52px; position:relative; top:-25px;}

#sub-menu-bg{background: url(images/submenu-bg.png); width:891px; height:36px; position:relative; top:-74px; margin:0 auto; z-index:0;}

ul.sub-menu {position:relative; top:20px; left:45px; z-index:5; float:left;}
#menu li ul.sub-menu.sub-02 {width:350px; left:10px;}
#menu li ul.sub-menu li{ font-size:20px; margin:0 1px; width:auto; line-height:20px; height:20px; opacity: .5; }
#menu li ul.sub-menu:hover li { opacity:1 !important;} 
#menu li ul.sub-menu li a{ padding:4px; margin:0 0 10px 0; border-radius:5px 5px 5px 5px; background: #FC0; float:none; color: #090; text-decoration:none; line-height:30px; border-bottom:2px #C60 solid;}
#menu li ul.sub-menu li a:hover{ background:none; float:none; color: #FC0; border-bottom:2px dashed #F90;}
#menu li ul.sub-menu li.active {opacity:1 !important;}

.half-col {width:410px; float:left; padding:0 40px 0 0; margin:0 10px 10px 20px;}
.half-col.b {background:url(images/stop.png) right top no-repeat;}
.half-col p {text-align:justify; padding: 0 10px 0 0;}

.left {float:left;}
.right {float:right;}

img.yuke {margin:0 0 0 70px;}

.hor-center h3 {margin: 10px 0 0px 0;}
.hor-center {width:960px; margin:0 auto;}
#foot-wrap{ height:580px; min-width:960px; background:#009900; color:#FC0; overflow:hidden;}
h2.kontakt {background: url(images/nadpis-kont.png); width:308px; height:40px; font-size:0; margin:20px 0 0 0;}
form {position:relative; z-index:10;}
form .udaje input {background:url(images/fomr-bg.png) left top; border: none; width:190px; height:30px; padding:0 0 0 10px; margin:0 20px 10px 0;}
form label {display:block; margin:0 0 10px 0;}
form .textzpravy {background:url(images/fomr-bg.png) 0 -43px; padding:15px; border:none; width:420px; height:154px; float:left; }
form input.odeslat {float:left; position:relative; top:190px; left:-450px; background:none; border:none; color:#FC0; font-size:22px;}
form input.odeslat:hover {color: #F90; cursor: pointer;}

.kont-col {float:left; width:430px; position:relative; z-index:11;}
.kont-col span { display:block;}
span.jmeno {font-size:20px; display:block; margin:0 0 10px 0; text-shadow:2px 2px 1px  #030;}
img.tel {margin:10px 20px 10px 10px; float:left;}

#foot-img  {background: url(images/footer-img.png); width:1055px; height:545px; float:left; position:relative; top:-380px; left:-100px; z-index:5;}
#footer-menu {background:#3F0; height:50px; line-height:50px;}
#footer-menu.contact {top:150px !important;}
ul.foot-menu { line-height:50px; height:50px; width:960px; margin:0 auto;}
ul.foot-menu li {color: #060; margin: 0 0 0 10px; float:left;}
ul.foot-menu li a {color: #060; text-decoration:none;}
ul.foot-menu li a:hover {color: #000;}
#footer-menu span{color: #090; float: right;} 

a.more{background:url(images/more-btn.png) no-repeat; padding:5px 5px 5px 30px; height:25px; display:block; text-decoration:underline;}

.infobox_big {background:url(images/big_infobox.png); width:915px; height:228px; margin:10px auto;}
.infobox_big p { width:700px; font-size:16px; line-height:24px; text-align:justify;}
.infobox_big p._smaller { width:640px;}

.hor_wrap {margin:30px auto 50px auto; width:1060px; height: 400px;}

.btn_info {background:url(images/btn_info.png); width:112px; height:132px; margin:30px;}
.btn_info:hover {background:url(images/btn_info.png) 0 -131px; width:112px; height:132px; margin:30px;}

.btn_product { width:277px; height:369px; float:left; margin:10px 38px; position:relative; top:0; border-radius: 15px 15px 15px 15px; cursor:pointer;}
.btn_product:hover {border-radius: 15px 15px 15px 15px; cursor:pointer;}

.btn_product._01 {background: url(images/bigbtn.png);}
.btn_product._02 {background: url(images/bigbtn.png) -277px 0;}
.btn_product._03 {background: url(images/bigbtn.png) -555px 0;}

.ico_product {position:absolute;}

.btn_product._01 .ico_product {background:url(images/chars.png); height:261px; width:225px; top:-2px; left:22px;}
.btn_product._02 .ico_product {background:url(images/chars.png) -225px 0; height:261px; width:172px; top:-12px; left:44px;}
.btn_product._03 .ico_product {background:url(images/chars.png) -395px 0; height:261px; width:175px; top:-5px; left:44px;}

.btn_product a {position:absolute; width:inherit; height:inherit; top:0; left:0;}
.btn_product h2, .btn_product p { position:absolute; bottom:0; width:217px;}
.btn_product h2 {bottom:99px; left:35px; font-size:24px; color:#FC0; text-shadow:none;}
.btn_product p { bottom:55px; left:25px; font-size:14px; line-height:15px; color:#FFF; padding:5px; border-radius:7px 7px 7px 7px;
background-color: rgba(256, 256, 256, .01); }
.btn_product:hover p {color:#000;}

.img_usb {position:absolute; top:340px; left:100px;}

.wapiti_ico {background:url(images/chars.png) -225px 0; height:261px; width:172px; margin:30px 30px 0 30px;}
.lanka_ico {background:url(images/chars.png) 0px 0; height:261px; width:226px; margin:20px 0 0 0;}
.yellen_ico {background:url(images/chars.png) -396px 0; height:261px; width:175px; margin:20px 20px 0 20px;}

ul.params h3 {display: inline; font-weight:bold; font-size:18px; color:#300;text-shadow:#FF9 1px 1px 2px; }
ul.params li {padding:10px; display:table;}
ul.params li .vert_center {display:table-cell; vertical-align:middle; height:auto; width: auto;}
ul.params li p { display: inline; width:200px; padding:0; margin:0;}

.ico-li {float:left; width:67px; height:80px; display:table-cell; margin:0 10px 0 0;}
.ico-li-01 {background:url(images/btn_li.png) no-repeat;}
.ico-li-02 {background:url(images/btn_li.png) 0 -80px no-repeat;}
.ico-li-03 {background:url(images/btn_li.png) 0 -160px no-repeat;}
.ico-li-04 {background:url(images/btn_li.png) 0 -240px no-repeat;}
.ico-li-05 {background:url(images/btn_li.png) 0 -320px no-repeat;}
.ico-li-06 {background:url(images/btn_li.png) 0 -400px no-repeat;}
.ico-li-07 {background:url(images/btn_li.png) 0 -480px no-repeat;}

.ico-li-08 {background:url(images/btn_li.png) 0 -560px no-repeat;}
.ico-li-09 {background:url(images/btn_li.png) 0 -640px no-repeat;}

.ico-li-10 {background:url(images/btn_li2.png) no-repeat;}
.ico-li-11 {background:url(images/btn_li2.png) 0 -80px no-repeat;}
.ico-li-12 {background:url(images/btn_li2.png) 0 -160px no-repeat;}
.ico-li-13 {background:url(images/btn_li2.png) 0 -240px no-repeat;}
.ico-li-14 {background:url(images/btn_li2.png) 0 -315px no-repeat;}
.ico-li-15 {background:url(images/btn_li2.png) 0 -396px no-repeat;}
.ico-li-16 {background:url(images/btn_li2.png) 0 -474px no-repeat;}
.ico-li-17 {background:url(images/btn_li2.png) 0 -80px no-repeat;}


.img_smsng {background-color:rgba(256, 256, 256, .1); border:10px solid rgba(256, 256, 256, .1); border-radius:10px 10px 10px 10px; position:relative; top:0; cursor:pointer;}

.thumb { border:7px solid #FFF; float:left; margin:0 0 5px 0;}
.thumb:hover { border:7px solid rgba(256, 256, 256, .5); float:left; margin:0 0 5px 0;}

.col_small {width:180px; overflow:hidden; margin:50px 0 0 20px; float:left;}
.col_small h3 {font-size:20px;color:#300; margin:0 0 10px 0;}

.clear_col {float:left; height:1px; width:80px;}