
/*certifikaty*/
p.certifikat { text-align:center;}
p.certifikat img{border: 3px solid #999; margin:8px;}
.rimg { float:right; margin-left:15px;}

.dwnlpl.short{display:inline-block;vertical-align: top;width: 690px;}
p.dwnl { text-align:center;}
p.dwnl a{ display:inline-block;}
p.dwnl img{border: 3px solid #999; margin:8px 8px 2px 8px;}

img.hreficon {vertical-align:middle; padding-right:5px;}

/*kontakty*/
#contact-gmap {width:960px; height:506px;}

ul.kontakty {margin: 0;}
ul.kontakty li {background: none;	padding: 0;	width: 320px;	float: left;	margin-bottom: 20px;	margin-right: 10px;	display: inline-block;}
.kontakty h2 {font-size: 18px;}
.kontakty h3 {font-size: 16px; font-weight:bold; margin-bottom:0.5em;}
.kontakty a.pin { margin-left:8px; cursor:pointer;}
/*.kontakty p {clear:both;}*/

/* PRODEJNI SIT */
#map {position: relative; float: right; margin-bottom: 35px; width:710px; height:500px; }
#map a.btn,
#contact-gmap a.btn {display:inline-block; margin:3px 0; padding:4px 10px; border: 1px solid #DADADA; color:#666; background: #f8f8f8 url(../page/butt_bg.jpg) bottom left repeat-x; cursor:pointer; text-decoration:none;}
#map a.btn:hover,
#contact-gmap a.btn:hover {background-image:url(../page/butt_bgh.jpg);}

#prodejni-sit {margin-bottom: 40px; font-size: 12px; width: 240px; height:500px; overflow: hidden; float: left; }
#vendor-pane {border-top: 1px dotted #999; width: 201px;}
#vendor-pane > span {display:block; padding: 10px 4px 7px 10px; background: none;}
#vendor-pane > div {cursor:pointer;border-bottom: 1px dotted #999; padding: 3px 4px 0px 10px; background: none;}
#vendor-pane > div > div{ display:none;}
#vendor-pane h2 {margin: 0; padding: 3px 0 0; font-size: 16px; text-decoration: underline; font-weight: bold; clear:none;}
#vendor-pane h3 {margin: 0; padding: 0 0 3px; font-size: 15px; text-decoration: underline;  clear:none;}
#vendor-pane p {padding: 3px 0; line-height:1.2em; clear:none;}
#vendor-pane img { float:right; margin-left:10px;}
#vendor-pane > div.active {color: #fff; padding: 6px 4px 3px 10px;}
#vendor-pane > div.active h2 {color: #fff; text-decoration: none;}
#vendor-pane > div.active a {color: #fff;}
#vendor-pane > div.active a:hover {text-decoration: none;}
#vendor-pane > div.active a.btn {display:inline-block; margin:3px 0; padding:4px 10px; border: 1px solid #DADADA; color:#666; background: #f8f8f8 url(../page/butt_bg.jpg) bottom left repeat-x; cursor:pointer;}
#vendor-pane > div.active a.btn:hover {background-image:url(../page/butt_bgh.jpg);}


.prodzn { float:right; margin-top:7px;}
.prodzn a{ margin:2px 0 2px 20px; padding:1px 0 1px 24px; background:url(../page/checkbox.png) no-repeat 0 0;}
.prodzn a:hover{ background-position: 0 -21px;}
.prodzn a.sel{ background-position: 0 -43px;}

.prodkraj { height:7px;}
.prodkraj a{ display:block; float:left;border: 1px solid #DADADA; background: url(../page/butt_bg.jpg) repeat-x; padding-left:10px;color:#666; width: 228px;height: 36px; line-height:36px; font-size:16px; text-decoration:none;}
.prodkraj a:hover,
.prodkraj a.sel{background: url(../page/butt_bgh.jpg) repeat-x;}
.prodkraj span{display:block; float:left; margin-left:10px; border: 1px solid #DDD; padding:0 20px; height: 36px; line-height:36px; font-size:14px; cursor:pointer;}

/* DETAIL PRODEJCE BIG */
#close-link {	background: url(../page/ico-close.gif) 50% 50% no-repeat;	border: 1px solid #ccc;	position: absolute;	top: 10px;	right: 10px;	width: 25px;	height: 25px;	cursor: pointer;	text-indent: -6000px;	font-size: 1px;z-index: 9;}
.xClear { clear: both; }
#info-box { position: absolute; top: 10px; left: 260px; z-index: 20; }
#info-box #info-box-content {width: 640px; height: 440px; padding: 20px 24px; border: 1px solid #CCC; background-color: #FFF; }
#info-box h2 {font-size: 25px; color: #666;}
#info-box p { font-size: 12px; }
#info-box .left-col {float: left; width: 190px; margin: 0 0 25px 0;}
#info-box .adresa {width: 170px; margin-right:10px;}

#info-box .brands {float: right; width: 270px; text-align:right;}
#info-box .brands img{ margin-left:7px;}
#info-box .brands.stm {position:relative; text-align:right;}
#info-box .brands.stm img.stamp{ position:absolute; top:-50px;left:0;}
#info-box .brands.stm span.zn{ display:block; width:100px; height:75px; text-align:left; margin:0 0 0 auto; }
#info-box a.btn {display:inline-block; margin:3px 0; padding:4px 10px; border: 1px solid #DADADA; color:#666; background: #f8f8f8 url(../page/butt_bg.jpg) bottom left repeat-x; cursor:pointer; text-decoration:none;}
#info-box a.btn:hover {background-image:url(../page/butt_bgh.jpg);}

.contact-box .brands {width: 90px;float: right;margin-left: 15px;}
.contact-box .brands img{margin-bottom: 5px;}
.contact-box .stmp{position: relative;float: right;left: 10px;top: -5px;}
.contact-box a.btn {display:inline-block; margin:3px 0; padding:4px 10px; border: 1px solid #DADADA; color:#666; background: #f8f8f8 url(../page/butt_bg.jpg) bottom left repeat-x; cursor:pointer; text-decoration:none;}
.contact-box a.btn:hover {background-image:url(../page/butt_bgh.jpg);}

img.stmp { position:relative; float:right; left:10px; top:-5px;}
.brandfoto {clear: right;}
.brandfoto img{ margin-right:7px;}


#ask-form {width: 676px; color: #666; float: left;}
#ask-form.short {width:630px;}
#ask-form input {width:158px;}
#ask-form textarea {width: 487px; height: 46px;}
#ask-form label {float: left; padding-bottom: 4px; width: 130px;}
#ask-form .formLine {padding-bottom: 14px; width: 315px;}
#ask-form .formLine.xClear {width: 640px;}
#ask-form .formLine.clear {padding-bottom: 10px;}
#ask-form .formLine.fRight label {width: 100px;}
#ask-form .last {position: relative; padding-top: 10px; margin: -5px 0 0 131px;}
#ask-form .last input {position: absolute; right: 0; width: 132px; font-size: 14px;}
#ask-form label.error {float: none; margin-left: 112px; width:auto;}
#ask-form .fRight label.error {float: none;margin-left: 82px; width:auto;}

/* Form Validation */
label.error { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:11px; font-weight:bold; line-height:13px; color:#eb340a;}
input.error,
select.error,
textarea.error { border:1px dashed #eb340a !important; background:#faebe7 !important; }
p.required { font-size:11px; text-align:right; color:#eb340a; }
div#prodejceiderror { font-size:12px; font-weight:bold; color:#eb340a; margin:7px 10px; display:none;}
.hd {display:none;}

.dwn3d {display: inline-block;vertical-align: top; width:250px; margin-left:10px; font-size:80%;}
.dwn3d .input{ margin-bottom:5px;}
.dwn3d select{ width:246px;}
.dwn3d h2 {font-size:15px; font-weight:bold;}
.dwn3d h3 {font-size:12px; font-weight:bold; margin-bottom:0;}

.gallery.rightgall {width: auto;float: right; margin-bottom:10px; margin-left:10px;}
.noclear {clear:none;}
.videogal {text-align:center;}
.videogal img {width: 220px; border: 1px solid #999;}
.videogal a{display:inline-block; margin:0 5px 10px; text-align:center; font-size:0.9em; text-decoration:none;}
.videogal a:hover img{border: 1px solid #000;}

p.navrhartop { text-align:right;padding: 20px 0 0 0; clear:both; }
p.navrhartop a {display:inline-block; height:38px; line-height:38px; padding:0 20px 0 50px; font-weight:bold; text-decoration:none;}
p.navrhartop a:hover{text-decoration:underline;}

.akt {margin:0 0 10px 0;}
.akt h2 {margin:0; clear:none;}
.akt .aktvice a{padding: 9px 0px 9px 30px;background: 0px 50% no-repeat;font-size: 14px;font-weight: bold;text-decoration: none;}


.navrharicouk,
.navrharicopr { display:inline-block; height:38px; line-height:38px; font-size:0.9em; font-weight:bold; padding-left:48px; padding-right:10px; background-repeat:no-repeat;}
.navrharicouk {background-position:0 -38px;}
.navrharicopr {background-position:0 0;}

.navrhar {text-align:right; padding-bottom:5px; padding-right:20px; float:right;}
.navrharh1 {padding:0;}
.grey {background-color:#E9E9E9; padding:10px 10px 0;margin-bottom: 1.2em;}
a.navrhar-ico {display:inline-block; height:46px; line-height:46px; ont-family: Myriad Pro,Arial,sans-serif; font-size: 16px; text-transform:uppercase; font-weight:bold; text-decoration:none; padding:0 20px 0 50px; background:0 0 no-repeat;} 
a.navrhar-ico:hover {text-decoration:underline;}
a.navrhar-ico.dis {background-image:url(/images/navrhar/navrhar-dis.png);color:#FFF;cursor:default;}
a.navrhar-ico.dis:hover,
a.navrhar-ico.dis:focus {text-decoration:none;color:#FFF;}

span.techok,span.techbad { display:inline-block; width:24px; height:24px; vertical-align:middle; background: center center no-repeat;}
span.techbad {background-image:url(../checkBAD.png);}
p#techres { font-weight:bold;font-size: 0.9em;line-height: 1.3em;}
p#techres .green {color:#65B965;}
p#techres .red {color:#C00;}

#tech6o2c{ float:right; width:140px; height:120px; margin:0 20px; overflow:hidden; position:relative;}
#tech6o2c .cnt { position:absolute; top:0; left:0; right:0; bottom:0px;}
#tech6o2c .cnt.ie {bottom:-16px;}

span.point {display:inline-block; width:16px; height:8px; background: no-repeat center center;}

.atyp {width: 960px; margin: 0 0 20px;}
.atyp div {display:inline-block;box-sizing:border-box;width: 314px;height: 475px;margin-left: 9px;border: 3px solid #00BBCE;padding: 4px;vertical-align: top;}
.atyp div:first-child {margin:0;}
.atyp ul {margin-top:15px;}
.atypgal { margin: 0 0 20px;border-top: 3px solid #00BBCE;border-bottom: 3px solid #00BBCE;}
.atypgal img{display:inline-block;vertical-align:top;}

.atypsend {
display: none;
font-size: 15px;
height: 26px !important;
padding: 10px 20px 0px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
background: #0EB1CC;
color: #FFF !important;
cursor:pointer;}
.atypsend:hover{color: #FFF !important;text-decoration: underline;
}