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

a{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}          

html, body, #sb-site, .sb-site-container, .sb-slidebar {
	/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

html, body {
	width: 100%;
	overflow-x: hidden; /* Stops horizontal scrolling. */
}

html {
	height: 100%; /* Site is as tall as device. */
}

body {
	min-height: 100%;
	height: auto;
	position: relative; /* Required for static Slidebars to function properly. */
}

#overlay {
    background: #222;
    opacity: 0;
    position: absolute;
    z-index: -5;
    transition: visibility 0.5s, opacity 0.5s linear;
}

/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden;
}

/* ----------
 * 002 - Site
 */

#sb-site, .sb-site-container {
	/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
	width: 100%;
	min-height: 100vh;   
	position: relative;
	z-index: 1; /* Site sits above Slidebars */
/*	background-color: #ffffff;  Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}

/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
	content: ' ';
	display: table;
}

#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
    clear: both;
}

/* ---------------
 * 003 - Slidebars
 */

.sb-slidebar {
	height: 100%;
	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
	position: fixed;
	top: 0px;
	z-index: 0; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	background-color: #000; /* Default Slidebars background colour, overwrite this with your own css. */
}

.sb-slidebar, .sb-slidebar * {
	-webkit-transform: translateZ( 0px ); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.sb-left {
	left: 0; /* Set Slidebar to the left. */
}

.sb-right {
	right: 0; /* Set Slidebar to the right. */
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
	display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-style-overlay {
	z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
	.sb-slidebar {
		width: 85%;
	}
	
	.sb-width-thin {
		width: 55%;
	}
	
	.sb-width-wide {
		width: 85%;
	}
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
	.sb-slidebar {
		width: 80%;
	}
	
	.sb-width-thin {
		width: 40%;
	}
	
	.sb-width-wide {
		width: 70%;
	}
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
	.sb-slidebar {
		width: 70%;
	}
	
	.sb-width-thin {
		width: 25%;
	}
	
	.sb-width-wide {
		width: 55%;
	}
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 5%;
	}
	
	.sb-width-wide {
		width: 35%;
	}
}

/* ---------------
 * 004 - Animation
 */

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transform: translate( 0px );
	   -moz-transform: translate( 0px );
	     -o-transform: translate( 0px );
	        transform: translate( 0px );
	
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition:    -moz-transform 400ms ease;
	     -o-transition:      -o-transform 400ms ease;
	        transition:         transform 400ms ease;
	
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}











#sb-site, .sb-site-container {
	padding: 14px;
}

#sb-site{padding:0 0 0 0;}

.sb-slidebar {
	padding: 0 0 14px 0;
	color: #fff;
}

html.sb-active #sb-site, .sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close {
	cursor: pointer;
}

html.sb-active #sb-site #overlay{opacity:0.7;width:100%;height:96%;z-index:20;overflow:hidden !important;}

/* Fixed position examples */
#sb-site.top-padding {
	padding-top: 50px;
}

#fixed-top {
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
	background-color: red;
	z-index: 4;
}

#fixed-top span.sb-toggle-left {
	float: left;
	color: white;
	padding: 10px;
}

#fixed-top span.sb-toggle-right {
	float: right;
	color: white;
	padding: 10px;
}


#lista{display:none;}

body{
background: #fff;
font-size:14px;
font-family:"roboto";
font-weight:400;
color:#505050;
line-height: 1.5em;
}
/* -------------------------- general -------------------------------------*/


h1,h2,h3,h4{font-family:"roboto";font-weight:400;text-transform:uppercase;margin:15px 0;}



h1{font-size:29px;color:#000;line-height: 1.2em;margin-top:0;}
h2{}
h3{color:#444;font-size:14px;}
h4 {font-size:14px;text-align:left;}
h4 a{text-decoration:none;color:#3848BA;}
h4 a:hover{text-decoration:underline;color:#3848BA;}

strong{font-weight:bold;}
em{font-style:italic;}
sup{vertical-align:super;}

a img{border:0;}
a{text-decoration:underline;color:#056286;font-weight:normal;}
a:hover{text-decoration:none;color:#000;}

::selection {
	background:#056286;color:#fff;
	}
::-moz-selection {
	background:#056286;color:#fff;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}


#menu{width:100%;    padding-top: 5px;}
#menu ul{position:relative;padding:0px;margin:0px;background:;text-transform: uppercase;}
#menu ul li{position:relative;list-style-type:none;display:block;border-bottom:1px solid #ddf5ff;}
#menu ul li a{position:relative;text-decoration:none;display:block;color:#154471;padding:6px 10px 6px 10px;font-family:;font-size: 14px;    }
#menu ul li a img{position:absolute;top:1px;left:7px;}
#menu ul li a:hover{background:#056286;color:#fff;}
#menu ul li.active{background:#056286;color:#fff;}
#menu ul li.active a{color:#fff;}


#menu ul li ul{background:#ebf4fa;}
#menu ul li ul li{border-bottom: 0px solid #ffffff;}
#menu ul li ul li a{padding: 8px 10px 8px 15px;color:#c56804;}
#menu ul li ul li a:hover{background:#d0ecff;text-decoration: none;}
#menu ul li.active ul li a{color:#056286;text-shadow: none;}

#menu ul li ul li ul{background:#f7fcff;}
#menu ul li ul li ul li{}
#menu ul li ul li ul li a{padding: 7px 10px 7px 24px;}
#menu ul li ul li ul li a:hover{background:#c7e025;}
#menu ul li.active ul li ul li a{color:#004762;}

#menu ul li ul li ul li ul{margin:0px 0px 0px 0px;padding:3px 0px;background:#EBF4FA;}
#menu ul li ul li ul li ul li a{padding: 2px 10px 2px 28px;font-size:0.9em;}
#menu ul li ul li ul li ul li a:hover{}


#menu ul li.akciova-ponuka a{color:#a92446;}
#menu ul li.akciova-ponuka:hover > a{color:#fff;}

#menu ul li.cert a{color:#24b900;}
#menu ul li.cert:hover > a{color:#fff;}

/* ---------------------------- divs --------------------------------------*/


.upcont1{background:#056286;width: 100%;}
.upcont2{
background: #c7e025;
    box-shadow: 4px 3px 12px 1px #7d8e10;
    width: 100%;




}
.upcont3{   width: 100%;  padding-top: 15px;

}
.upcont5{background:#fff;width: 100%;}
.upcont4{border-top:10px solid #c7e025;padding-top:15px;padding-bottom:25px;background:#056286;color:#fff;position:relative;width: 100%;}



#top{
    height:106px;
    }


.sbcts{width:100%;padding:15px;background:#efefef;margin:0 0 20px 0;float:left;}

#logo1{float:left;margin:15px 0 0 0px;display:inline;width:250px;height:34px;z-index:10;}
#logo{float:left;margin:24px 0 0 15px;display:inline;width:300px;height:37px;z-index:10;}

#logo1 img{width:250px;}

.toprite{margin-top:18px;margin-right:25px;font-size:16px;float:right;text-transform:uppercase;display:inline;}
.toprite a{color:#fff;}
.toprite a:hover{color:#c7e025;}
.shcart{font-size:20px;position:relative;}
.shcart1{font-size:35px;position:relative;height:37px;}
.nakupny_kosik_top{margin-top:0px;}
.nakupny_kosik_circ{position:absolute;top:-10px;left:13px;width:20px;height:20px;background:#ccc;border-radius: 50%; display:inline-block;text-align:center;}
.nakupny_kosik_circ1{position:absolute;top:-5px;left:25px;width:20px;height:20px;background:#ccc;border-radius: 50%; display:inline-block;text-align:center;}
.nakupny_kosik_circ_green{background:#6fc100;}

.nakupny_kosik_num{font-size:10px;color:#fff;vertical-align:top;line-height:21px;font-family:"roboto";}
.nakupny_kosik_num1{font-size:11px;color:#fff;vertical-align:top;line-height:19px;font-family:"roboto";}
.nakupny_kosik_circ_green .nakupny_kosik_num{color:#fff;}


.searching{margin-top:0px;display:block;background:none;padding-top:12px;padding-bottom:12px;}
.searching .row{padding-top:0px;padding-bottom:0px;}

.searching2{display:none;width:100%;left:0;top:59px;background:#c7e025; z-index:500;
-webkit-box-shadow: 0px 6px 16px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 6px 16px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 6px 16px 0px rgba(50, 50, 50, 0.75);
}

#togsearch{display:none;float:right;cursor:pointer;margin:18px 15px 0 0;font-size:16px;}

.lupa:before {
  content: "\e003";
  font-size:20px;
  color: #fff;
}


.gltop{top:2px;}

.throw_mobile{width:100%;float:left;padding:12px 0;margin:0 0 1px 0;background:#fff;}
.throw_mobile .throw1{width:100%;float:left;}
.throw_mobile  a{color:#000;font-weight:normal;display:block;text-transform:uppercase;font-size:12px;}
.throw_mobile:hover a{color:#ff0099;}
.throw_mobile .thcell1{float:left;width:8%;min-height:25px;padding:0 0 0 0px;margin-left:5px;overflow:hidden;text-align:center;background:#fff;position:relative;overflow:hidden;}
.throw_mobile .thcell1 img{position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height:20px;}

.throw_mobile .thcell2{float:left;width:60%;overflow:hidden;padding:0px 0 0 10px;display:block;line-height:12px;}
.throw_mobile .thcell2 .prnm{line-height:13px;}
.throw_mobile .thcell2 .kd{font-size:10px;color:#0ae;font-family:"open sans";}


.throw_mobile:hover{background:#f4f4f4;}
.throw_mobile:hover .thcell2 .blng{color:#000;}
.throw_mobile .thcell3{float:left;overflow:hidden;width:30%;padding:0px 5px 0 0px;display:block;font-size:12px;text-align:right !important;}

#topmenu{}
#topmenu ul{list-style-type:none;float:left;margin:0;display:inline;padding:0;}
#topmenu li{float:left;font-size:15px;font-weight:bold;text-align:left;    text-transform: uppercase;}
#topmenu li a{padding:10px 13px;display:block;text-decoration:none;color:#000;}
#topmenu li a:hover{color:#fff;background:#809401;}
#topmenu li.l{border-right:0;}

#bc{background:#649dec;width:968px;height:20px;margin:0 0 0 -2px;}
#cent{background:#fff;padding-top: 20px;padding-bottom: 30px;}

#left{}
#left h3{font-size:22px;font-weight:normal;padding:0 0 5px 0px;margin:0;color:orange;}
.left1{margin:10px 0 0 0;float:left;width:100%;}
.left1 img{width:100%;}


#mid{    padding-bottom: 30px;}

#mid1{width:100%;}
#mid1 img{
    margin-top: 20px;
    margin-bottom: 20px;
    }
    
#myCarousel img {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#nav{font-size:13px;font-weight:normal;margin:0 0 0 0;color:#9e9e9e;padding:10px 0px;}
#nav .sep{color:#737373;padding-left:7px;padding-right:7px;}
#nav a{text-decoration:none;color:#9e9e9e;font-weight:normal;}
#nav a:hover{text-decoration:underline;color:#444;}
#nav img{padding:0 8px;}
#navrow{}
#nav .sep:before {
    font-family: 'Glyphicons Halflings';
    content: "\e258";
    text-indent: 0;
    position: relative;
    top: 2px;
    left: 0;
    font-size: 12px;
}

#d1a,#d1b{width:50%;text-align:center;padding:8px 0;float:left;cursor:pointer;text-transform: uppercase;}
#md1a,#md1b{width:50%;text-align:center;padding:8px 0;float:left;cursor:pointer;text-transform: uppercase;}
.itson{background:#494949;color:#f57304;}
.itsoff{background:#efefef;color:#494949;}
.mitson{background:#ffcd9e;color:#000;}
.mitsoff{background:#efefef;color:#494949;}


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

#mmen1{position:relative;width:100%;float:left;}
#men1{position:relative;width:100%;float:left;}
#men1 ul{position:relative;padding:0px;margin:0px;background:#494949;text-transform: uppercase;}
#men1 ul li{position:relative;list-style-type:none;display:block;border-bottom:1px solid #565656;}
#men1 ul li a{position:relative;text-decoration:none;display:block;color:#fff;padding:6px 10px 6px 10px;font-family:;font-weight: 700;font-size: 16px;    }
#men1 ul li a img{position:absolute;top:1px;left:7px;}
#men1 ul li a:hover{background:#df7503;color:#fff;}
#men1 ul li.active{background:#154471;color:#fff;}
#men1 ul li.active a{color:#ffa34e;}

* html #men1 ul li a{height:1px;}

#men1 ul li ul{background:#eee;}
#men1 ul li ul li{border-bottom: 1px solid #ffffff;}
#men1 ul li ul li a{padding: 8px 10px 8px 15px;color:#c56804;}
#men1 ul li ul li a:hover{background:#e97c0f;text-decoration: none;}
#men1 ul li.active ul li a{color:#000;text-shadow: none;}

#men1 ul li ul li ul{background:#e6fbff;}
#men1 ul li ul li ul li{}
#men1 ul li ul li ul li a{padding: 7px 10px 7px 24px;}
#men1 ul li ul li ul li a:hover{background:#d1f6fd;}
#men1 ul li.active ul li ul li a{color:#004762;}

#men1 ul li ul li ul li ul{margin:0px 0px 0px 0px;padding:3px 0px;background:#EBF4FA;}
#men1 ul li ul li ul li ul li a{padding: 2px 10px 2px 28px;font-size:0.9em;}
#men1 ul li ul li ul li ul li a:hover{}

.l2active{background:#d0ecff;}
.l3active{background:#c7e025;}

.act{background:#df7503;}
#men1 ul ul .act{background:#000;color:#fff;}
#mmen1 ul .act{background:#000;color:#fff;}
#mmen1 ul ul .act{background:#e87e02;color:#fff;}


/* --------------------- shopping cart -------------------------------------------------*/



#cart1 {float:left;margin:50px 0 4px 330px;display:inline;padding:10px 20px;background:#f2f2f2 url(http://www.autodoplnky-shop.eu/img/shopping-cart2.png) no-repeat 16px 31px;}
#cart1 h3{padding:0;margin:0;color:blue;font-size:14px;}
#cart1 div{padding:0px 0 0 40px;}
#cart1 a{padding:0px 0 0 0px;font-size:16px;font-weight:normal;text-decoration:none;color:blue;}
#cart1 a:hover{text-decoration:underline;}


/* --------------------- tabs -------------------------------------------------*/


#tabs {padding: 0;width:100%;float:left;margin: 20px 0 0 0;  }
#tabs ul { list-style: none; }
#tabs .nav { overflow: hidden; margin: 0 0 0 0px; }
#tabs .nav li {width:126px;float:left;margin: 0 3px 0 0;}
#tabs .nav li a{display:block;padding: 19px 5px 11px 5px;color:#000;font-size:13px;text-align:center;border:0;text-decoration:none;font-weight:normal;background:url(http://www.autodoplnky-shop.eu/img/tabsli.png) no-repeat;}
#tabs .nav li a:hover{color:#000;text-decoration:none;}
#tabs .nav li a.current{color:#000;font-weight:bold;padding: 19px 5px 11px 5px;background:url(http://www.autodoplnky-shop.eu/img/tabslicurr.png) no-repeat;}
.prod_content {color:#000;width:100%;}
.prod_content h2{display:none;}
#tab1{padding:10px;}

/* --------------------- footer -------------------------------------------------*/

#footer{}
.footdiv{padding-top:15px;}
.footdiv h4{margin:0;padding:0px 0 13px 0;color:#c7e025;font-size:16px;}


.footdiv ul{padding:0 0 0 5px;margin:0px;}
.footdiv ul li{list-style-type:none;display:block;}
.footdiv ul li a{text-decoration:none;display:block;font-size:12px;color:#fff;}
.footdiv ul li a:hover{color:#ccc;text-decoration:underline;}




/* --------------------- classes -------------------------------------------------*/


#mid1 h2{color:#015794;font-weight: 700;font-size: 20px;}

.h2list {width:31%;float:left;margin:0 5px 30px 0;}
.h2list img {width:80%;}
.h2list h2 a{text-decoration:underline;color:#015794;font-weight:bold;font-size:20px;line-height: 1.2em;}
.h2list h2 a:hover{text-decoration:none;color:#000;}



.h2list2 {width:31%;float:left;margin:0 5px 30px 0;}
.h2list2 img {width:80%;}
.h2list2 h2 a{text-decoration:underline;color:#015794;font-weight:bold;}
.h2list2 h2 a:hover{text-decoration:none;color:#000;}

.h2list3 {width:48%;float:left;margin:0 10px 30px 0;}
.vyn {height:550px;}
.vyn2 {height:260px;}
.h2list3 img {width:200px;}
.chj .h2list3 img {width: auto;
    height: 200px;}
.h2list3 h3 a,h3.h2main a{text-decoration:underline;color:#015794;font-weight:bold;font-size:20px;line-height: 1.2em;}
.h2list3 h3 a:hover,h3.h2main a:hover{text-decoration:none;color:#000;}
.h2list3 p strong a,a.ni {
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    padding: 4px 8px;
    display: block;
    border: 1px solid #db5301;
    margin: 10px 0 0 0;
    width: 190px;
    background: #ff8d26;
}

.h2list3 p strong{color: #000;}
.h2list3 p strong a:hover,a.ni:hover{text-decoration:none;color:#fff;background:#da5400;}


.vFloatImageRightImg{width:100%;max-width:400px;}


.nh2{font-weight:normal;font-size:18px;color:#3399CC;padding:10px 0;}

h2.h3v1 {padding:5px 0 5px 20px;font-weight:bold;font-size:18px;letter-spacing:0px;width:680px;border-bottom:3px solid #eee;border-top:3px solid #eee;}

h3{font-size:22px;}



.dokosika{float:left;width:100%;margin-top:70px;margin-bottom:25px;text-transform:uppercase;}

.inputcart{float:left;width:42px;margin-top:0px;position:relative;}
.inputcart input{width:100%;text-align:center;padding-right:10px;padding-top:4px;padding-bottom:4px;}
.inputcart2{display: inline-block;margin:7px 10px 0 -3px;}

.add2cart{float:left;margin-left:10px;margin-top:-10px;}

.btn-add2cart{color:#fff;background-color: #009b0d;border-color: #009b0d;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.btn-add2cart:hover{color:#fff;background-color:#6fc100;border-color:#6fc100;}




#cookie-bar {background:#003d54;z-index:3000;opacity:0.9; color:#fff; text-align:center; padding:7px 0;font-size:13px;}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}

a.cks{text-decoration:underline;color:#fff;}
a.cks:hover{text-decoration:none;color:#fff;}
#cookie-bar .cb-enable {background:#c7e025;color:#000; display:inline-block; border-radius:3px; text-decoration:none; padding:5px 20px; margin-left:20px;}
#cookie-bar .cb-enable:hover {background:#fff;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}


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

#quantity_wanted_p {
    display: inline-block;
    padding-right: 7px;
    margin-bottom: 0;
}

.quantity_input_wrap, .cart_quantity_button {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding-right: 20px;
}

.product_quantity_down, .cart_quantity_down {
    bottom: 0;
}

.product_quantity_up, .product_quantity_down, .cart_quantity_up, .cart_quantity_down {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 18px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    border-left: 0;
    text-align: center;
    position: absolute;
    right: 0; 
}


#quantity_wanted_p input, .cart_quantity .cart_quantity_input {
    border: 1px solid #e5e5e5;
    width: 40px;
    height: 40px;
    line-height: 28px;
    padding: 0 4px;
    text-align: center;
}

.product_quantity_up, .cart_quantity_up {
    border-bottom: 0;
    top: 0;
}

#quantity_wanted_p a{color:#333;text-decoration:none;background:#fbfbfb;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
#quantity_wanted_p a:hover{color:#fff;text-decoration:none;background:#333;}


.detailpic{margin:20px 0 20px 0;}
.detailcode{margin:70px 0 20px 0;}

.detailpic img {
    margin: 0 auto;
    max-height: 300px;
}

.btn-lg, .btn-group-lg > .btn {

    border-radius: 2px;
}

.kategs{}
.pps{margin-top:20px;}

table a, table a strong{color:#056286;}

table td{padding:0px 30px 0px 10px;}

table.tb,table.tb2 {
  width: 100%;
  max-width: 100%;
   margin-top: 20px;
  margin-bottom: 20px;
  border:0;
}
table.tb > thead > tr > th,
table.tb > tbody > tr > th,
table.tb > tfoot > tr > th,
table.tb > thead > tr > td,
table.tb > tbody > tr > td,
table.tb > tfoot > tr > td,
table.tb2 > thead > tr > th,
table.tb2 > tbody > tr > th,
table.tb2 > tfoot > tr > th,
table.tb2 > thead > tr > td,
table.tb2 > tbody > tr > td,
table.tb2 > tfoot > tr > td {
  padding: 8px;
 
  line-height: 1.42857143;
  vertical-align: middle;
  border-top: 1px solid #bbe2f5;
}
table.tb > thead > tr > th,table.tb2 > thead > tr > th, {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}


table.tb > tbody > tr:nth-child(odd) > td,table.tb2 > tbody > tr:nth-child(odd) > td {background:#e0f5ff;}
table.tb > tbody > tr:nth-child(even) > td,table.tb2 > tbody > tr:nth-child(even) > td {background:#f1f9ff;}


.kontakt{width:100%;}
.kontakt table{border:0;}


.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}

.h01{height:1px;}
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}

.vis0{visibility:hidden;}
.vis1{visibility:visible;}
.disp0{display:none;}
.disp1{display:block;}
.op0{opacity:0;}
.op1{opacity:1;}



.pad10{padding:10px 0;}

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

.sitemap ul{list-style-type:none;}
.sitemap ul li{padding:2px 0 2px 0;}
.sitemap ul a{text-decoration:none;color:#000;font-weight:bold;}
.sitemap ul a:hover{text-decoration:underline;color:#0099CC;}
.sitemap ul ul a{font-weight:normal;padding:0 0 0 20px;}

#counter{display:none;}

#message-sent{position:absolute;top:0;left:0;width:100%;height:100%;background:#102949;color:#fff;opacity:1;z-index:500;overflow:hidden;font-size:30px;text-align:center;padding-top:150px;}

#upnav {
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,.5);
    position: fixed;
    right: 40px;
    bottom: 120px;
    cursor: pointer;
    display: none;
    padding-top: 5px;
    padding-left: 5px;
    z-index: 530000;
}

#upnav:before {
    font-family: 'Glyphicons Halflings';
    content: "\e253";
    text-indent: 0;
    position: relative;
    top: 0;
    left: 0;
    font-size: 40px;
    color: #fff;
    line-height: 40px;
}

#copy{color:#fff;    padding-top: 10px;font-size:13px;}
#copy1{}
#copy2{text-align:right;display:none;}
#copy a{color:#fff;text-decoration:none;letter-spacing:0px;}
#copy a:hover{color:#000;text-decoration:none;}
#copy a span{color:#3399CC;text-decoration:underline;}
#copy a:hover span{text-decoration:none;}


#subcats-div{background:#EBF4FA;border:0px solid #eee;float:left;padding:15px 13px 10px 7px;margin:0 0 10px 0;display:inline;width: 100%;}
.subcats {
    margin: 0px 0 10px 0;
    }
.subcats h2{padding:0 0 0px 0 !important;margin:0;}
.subcats h2 a{text-decoration:underline;color:#015794;font-weight:normal;font-size:12px;letter-spacing:0px;}
.subcats h2 a:hover{text-decoration:none;color:#015794;}

.hint {display:none;padding-left:10px;font-weight:normal;}

.i1 {padding:5px;background:#EBF4FA;border:1px solid #3399CC;font-size:13px;outline:none;}

input.i3 {width:150px;margin:15px 0 0 0;font-weight:bold;padding:5px 10px 5px 10px;background:#3399CC;color:#fff;font-size:14px; outline:none;cursor:pointer;}
input.i3:hover {background:#102949;color:#fff;}


.input9 {cursor:pointer;font-weight:bold;margin:5px 0 0 300px;padding: 4px 10px;
 border: 1px solid #e9e9e9; border-top: 1px solid #afafaf; outline:none;background:#A9D76A;color:#000;}
.input9:hover {background:#98EC3C;color:#fff;}

#select-sort{}




.popis {     width: 100%;   margin: 10px 0 15px 0;}
.popis div {}

.popis1 {width:100%;margin:0 0 10px 0;float:left;display:inline;text-align:justify;}
.popis1 ul{list-style-image:url('http://www.autodoplnky-shop.eu/img/arr2.jpg');display:block;float:left;}
.popis1 ul li{text-align:left;padding:0 0 0 0;font-weight:bold;}

.headart {margin:15px 0;padding:15px;float:left;display:inline;text-align:justify;background:#f1f1f1;width:100%;font-weight:normal;}
.headart h2{padding:0;margin:0;font-size:16px;font-weight:bold;}
.headart h3{padding:10px 0 0 0;margin:0;font-size:15px;font-weight:bold;}
.headart ul{display:block;padding:10px 20px 0 20px;}
.headart ul li{text-align:left;padding:0 0 3px 0;}




#op{width:100%;}
#op h2 {padding:15px 0px;}
#op div {text-align:justify;}



table.prod {font-size:14px;font-weight:bold;}
table.prod tr{border-bottom: 1px solid #eaeaea;}
table.prod th{text-align:left;padding:8px;font-weight:normal;color:#555;}
table.prod td{text-align:right;padding:8px;}




.prod_details{}
.prod_detail {padding:0 0 10px 0;}
.prod_pic {margin:0 0 20px 0;}
.prod_mainpic {width:100%;float:left;overflow:hidden;position:relative;margin:0 0 20px 0;}
.prod_altpic1 {border:1px solid #ccc;padding:3px;margin:0 5px 5px 0px;float:left;display:inline;}
.prod_altpic1:hover {border:1px solid #555;}
.prod_altpic {border:1px solid #ccc;padding:3px;margin:0 5px 5px 0px;float:left;display:inline;}
.prod_altpic:hover {border:1px solid #555;}
.price_text {font-weight:normal;font-size:55px;color:#4487CD;letter-spacing:-2px;}


.amount_field {width:30px;font-size:18px;text-align:center;padding:4px;border:1px solid #eee;-moz-box-shadow: 2px 2px 2px #aaa;
-webkit-box-shadow: 2px 2px 2px #aaa;
        box-shadow: 2px 2px 2px #aaa;}

/* --------------------------------------------------------------------------*/
/* products listing */

.list {padding:10px 0 0 10px;height:460px;margin:0 0 15px 0;position:relative;background:#fff;}
.noritemargin {margin-right:0;}

.list h3{padding:0;margin:0;float:left;text-transform:uppercase;}
.list h3 a{text-decoration:none;color:#000;font-size:16px;letter-spacing:0px;}
.list h3 a:hover{text-decoration:underline;color:#000;}
.list_name {padding:0;margin:10px 0 13px 0;position:relative;z-index:10;}

.list_code {font-size:10px;font-weight:normal;color:#aaa;position:absolute;top:310px;left:15px;overflow:hidden;}
.list_code strong{color:#444;}

.list_brand {font-size:10px;font-weight:normal;color:#aaa;position:absolute;top:300px;left:105px;width:105px;height:20px;overflow:hidden;text-align:right;}

.list_pic {height:170px;padding:10px 0 10px 0;margin:0;position:relative;overflow:hidden;text-align:center;z-index:1;}
.list_img {height:160px;}

.list_desc {position:absolute;top:245px;left:11px;font-size:12px;overflow:hidden;text-align:justify;z-index:2;}

.list_loading {position:absolute;z-index:5;width:219px;height:105px;background:#fff;top:2px;left:2px;text-align:center;padding:80px 0 0 0;}
.list_mi {position:absolute;top:339px;left:13px;display:block;z-index:100;margin:0;padding:0;}
.list_mi a{text-decoration:none;color:#C67700;font-weight:bold;font-size:13px;letter-spacing:0;background:url(http://www.autodoplnky-shop.eu/img/arrow.png) no-repeat;padding:2px 0 3px 22px;}
.list_mi a:hover{text-decoration:underline;color:#000080;}

.list_price {
            position:absolute;top:316px;left:118px;
            display:block;width:119px;height:72px;z-index:98;margin:0;padding:0;
            background:url(http://www.autodoplnky-shop.eu/img/price_bg.png) no-repeat;
}
.list_price h4{
            float:left;width:99px;
            font-size:27px;color:#000;margin:0;padding:22px 0 0 0;
           letter-spacing:-3px;text-align:right;
            -webkit-transform: rotate(-6deg);
            -moz-transform: rotate(-6deg);
}


.list_oldprice {color:#777;position:absolute;top:6px;left:110px;display:block;width:100px;height:22px;z-index:5;margin:0;padding:0;font-size:22px;letter-spacing:-1px;}
.list_oldprice_strikethru {position:absolute;top:5px;left:85px;display:block;width:100px;height:28px;z-index:6;margin:0;padding:0;background:url(http://www.autodoplnky-shop.eu/img/strikethru.png) no-repeat;}



.list_akcia {position:absolute;top:-39px;right:-10px;display:block;background:url(http://www.autodoplnky-shop.eu/img/vyp.png) no-repeat;width:100px;height:87px;z-index:10;margin:0;padding:0;}
.list_novinka {position:absolute;top:-340px;right:-10px;display:block;background:url(http://www.autodoplnky-shop.eu/img/odv.png) no-repeat;width:100px;height:87px;z-index:10;margin:0;padding:0;}
.prod_log1 {position:absolute;top:250px;right:0px;display:block;background:url(http://www.autodoplnky-shop.eu/img/vyp.png) no-repeat;width:100px;height:87px;z-index:10;margin:0;padding:0;}
.prod_log2 {position:absolute;top:0px;right:0px;display:block;background:url(http://www.autodoplnky-shop.eu/img/odv.png) no-repeat;width:100px;height:87px;z-index:10;margin:0;padding:0;}
.autovysavac-gratis {position:absolute;top:20px;left:0px;display:block;background:url(http://www.autodoplnky-shop.eu/img/autovysavac-gratis.png) no-repeat;width:126px;height:176px;z-index:500;margin:0;padding:0;}
.autovysavac-gratis1 {position:absolute;top:-240px;right:0px;display:block;background:url(http://www.autodoplnky-shop.eu/img/autovysavac-gratis1.png) no-repeat;width:77px;height:36px;z-index:500;margin:0;padding:0;}

.spakc{padding:0px 0 20px 0;font-size:14px;color:#FF3499;font-weight:bold;}
.spakc a{color:#FF3499;text-decoration:underline;font-weight:bold;}

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

table.param{margin-top:20px;}
table.param td{padding:5px 5px 5px 10px;}
.odd {background:#e0e0e0;}
.even {background:#f3f3f3;}



hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    
}


.kod {font-size:12px;font-weight:normal;color:#aaa;}

#proceed{padding:40px 0 0 0;}

#steps {float:left;margin:5px 0 15px 0;width:100%;}

.ovrf{overflow-x:auto;}

.ImgButWrap1{margin: 0;display:block;color: #FFFFFF !important;
   
    border:0;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    padding: 9px 20px;
    background-color: #0099CC;text-decoration:underline;cursor:pointer;}

.ImgButWrap1:hover{background-color:#FF3399;text-decoration:none;}
    
.ImgButWrap{height: auto;width: auto;margin: 0;display: inline-block;}
.ImgButWrap a{
    color: #FFFFFF !important;
   
    border: 0 none;
    font-weight: bold;
    height: auto;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
    font-size: 14px;
    padding: 9px 20px;
    background-color: #0099CC;
}
.ImgButWrap a:hover{background-color:#FF3399;}

.mrg {margin:0 46px 0 0;display:inline;}
.mrg2 {margin:0 400px 0 0;display:inline;}
.mrg3 {margin:0 475px 0 0;display:inline;}
.mrg9 {margin:0 420px 0 0;display:inline;}

.table1 td{padding:5px 10px;}
.table2 td{padding:3px 5px;}

.gencheck{width:670px;float:left;padding:10px;background:#FFD5D5;border:2px solid red;}
.gencheck1{width:670px;float:left;padding:10px;background:#C6ECC6;border:2px solid green;}

.big2 {font-size:18px;}

.nitems{font-size:10px;color:#aaa;}



.CartButActive{
    color: #ddd !important;
   
    border: 0 none;
    font-weight: bold;
    height: auto;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
    background-color: #056286;
    float:left;
}

.CartButInactive{
    color: #444 !important;
   
    border: 0 none;
    font-weight: bold;
    height: auto;
    text-transform: uppercase;
    width: auto;
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
    background-color: #ddd;
    float:left;
}

.arrow {width:30px;height:30px;background:url(http://www.autodoplnky-shop.eu/img/rightarrow.png) top center no-repeat;float:left;}




.ship_inactive{float:left;width:680px;display:inline;background:#eee;margin:0 0 3px 0;border:3px solid #aaa;color:#aaa;cursor:pointer;}
.ship_active{float:left;width:680px;display:inline;background:#FFD2E9;margin:0 0 3px 0;border:3px solid #FF3399;color:#000;cursor:pointer;}

.hov:hover {cursor:pointer;}




.white{background:#fff;}

.h10 {height:10px;}
.h20 {height:20px;}

.bdata_header{width:660px;float:left;border:1px solid #aaa;padding:10px 10px 10px 10px;background:#444;color:#fff;margin:10px 0 0 0;}
#bdata{width:660px;float:left;border-bottom:1px solid #aaa;border-left:1px solid #aaa;border-right:1px solid #aaa;padding:15px 10px 20px 10px;background:#eee;}
#bdata_delivery{width:660px;float:left;border-bottom:1px solid #aaa;border-left:1px solid #aaa;border-right:1px solid #aaa;padding:15px 10px 20px 10px;background:#eee;}
.bdata_input {font-size:12px;color:#000;border:1px solid #aaa;padding:3px;background:#fff;-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.bdata_input_active {font-size:12px;color:#000;padding:3px;-moz-border-radius: 3px; -webkit-border-radius: 3px;background:#FFD2E9;border:1px solid #FF3399;}
textarea {width:530px;height:65px;}
.bdata_input_send {width:120px;border:0px solid #6677BC;font-weight:bold;padding:5px 10px 5px 10px;background:#C3E664;font-size:13px; -moz-border-radius: 3px; -webkit-border-radius: 3px;cursor:pointer;}
.bdata_input_send:hover {background:green;color:#fff;}

.w1 {width:220px;}
.w2 {width:60px;}
.w3 {width:88px;}
.w4 {width:223px;}
.w5 {width:124px;}
.w6 {width:40px;}

.trhidden{display:none;}
.mrg0{margin:0;}


.rec_all{float:left;background:#F0F1F3;padding:10px;border:1px solid #aaa;}
.rec_divm {float:left;padding:0;margin:0;}
.rec_div {float:left;width:330px;margin:0 10px 0 0;display:block;}
.rec_div1 {float:left;width:330px;margin:0 0 0 0;display:block;}

.rec_head {float:left;width:320px;background:#D4D4D4;color:#444;font-size:15px;font-weight:bold;padding:5px 0 5px 10px;}
.rec_cont {float:left;padding:10px 0 5px 10px;}




.shift1{float:left;width:80px;}

.rnd {-moz-border-radius:3px; -webkit-border-radius:3px;}
.gr{color:#777;}
.or{color:#D2F40A;}
.blu{color:#265975;}
.db{color:#96DC47;}
.bold {font-weight:bold;}
.red{color:#B02D00;}

.print {float:right;padding:10px 13px 0 0;}
.clear {clear:both;}
.text1 {font-weight:bold;font-size:15px;color:#3848BA;letter-spacing:-1px;}
.hide { position: absolute; top: -9999px; left: -9999px; }
span.shift{float:left;width:100px;text-align:right;padding-right:15px;}
.zoom{background:url(http://www.autodoplnky-shop.eu/img/zoom.png) no-repeat top left;}
a.sl {text-decoration:none;color:#000;font-weight:normal;font-size:11px;letter-spacing:0;padding:7px 0 7px 30px;}
a.sl:hover{text-decoration:underline;color:#000;}
a.sl1 {text-decoration:none;color:#3848BA;font-weight:normal;font-size:11px;background:url(http://www.autodoplnky-shop.eu/img/print.gif) no-repeat top left;padding:5px 0 0 25px;}
a.sl1:hover{text-decoration:underline;color:#3848BA;}
.searched{color:#000;}
.bld{font-size:16px;font-weight:bold;}
.bld1{font-size:14px;font-weight:bold;}
a.mail{text-decoration:underline;color:#1A43BC;font-weight:normal;}
a.mail:hover{text-decoration:none;color:#1A43BC;}

.span1{float:left;}



.pdct{float:left;padding:30px 0 0 0;width:100%;}
.pdct h3{padding:10px;font-size:22px;font-weight:bold;width:100%;border-bottom:1px solid #EBF4FA;}
.pl{width:35%;height:300px;float:left;padding:10px 0 0 0;}
.pl img{width:80%;}
.pr{width:60%;height:300px;float:left;padding:10px 0 0 0;}

.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }

header.carousel {
    height: 100%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}



.ovrlej{background:#000;position: absolute; cursor:pointer;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;  
    z-index:20;}


.ovrlej2{background:#000;opacity:0.8;position:absolute;z-index:10;width:100%;height:100%;top:0;left:0;}


.icon-prev,.icon-next{font-family: 'Glyphicons Halflings' !important;
    font-size:40px !important;
    width:80px !important;height:80px !important;}


.carousel-control .icon-prev:before {
    content: '\e079';
}
.carousel-control .icon-next:before {
    content: '\e080';
}

.carousel-indicators li {
    border: 2px solid #154471;
    width: 15px;
    height: 15px;
}

.carousel-indicators .active {
  background-color: #154471;
  width: 17px;
  height: 17px;
}

.hyperchill{margin-top:30px;}

.hyperchill ul{list-style-type: disc;margin-left: 20px;}

thead, .tb2 > tbody > tr > th{    background: #2777c0;
    color: white;}


table.tb2 a {color: #2777c0 !important;}

sup{    position: relative;
    font-size: 70%;
    line-height: 0;
    vertical-align: baseline;
    top:-6px;}
    

.tabulkaDetailProduktu thead td{background-color: #39b5f1;}


#logo img{width:300px;}

.cart{float:right;margin:32px 10px 0 0;}
.cartdiv{font-size:20px;color:#ccc;}
.cartdiv span{padding-right:15px;}
.cartdiv a{text-decoration:none;color:#000;}

.btn-topcart{color:#000;background-color:#cae6f1;border-color:#ffd;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;padding:6px 16px;}
.btn-topcart:hover{color:#000;background-color:#c7e025;border-color:#ffd;}
.btn-topcart:hover > a{color:#000;}

.mailkont{padding-top:8px;}
.mailkont a{text-decoration:none;color:#fff;font-size:15px;}
.mailkont a:hover{text-decoration:underline;}


#menuswitch{margin:3px 0 0 15px;position:relative;float:left;display:none;}

#nav-toggle { cursor: pointer; padding: 10px 35px 10px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 3px;
  width: 25px;
  background: #fff;
  position: absolute;
  display: block;
  content: '';
}
#nav-toggle span:before {
  top: -8px; 
}
#nav-toggle span:after {
  bottom: -8px;
}

#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
  transition: all 500ms ease-in-out;
}
#nav-toggle.faactive span {
  background-color: transparent;
}
#nav-toggle.faactive span:before, #nav-toggle.faactive span:after {
  top: 0;
}
#nav-toggle.faactive span:before {

  -ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
-o-transform: rotate(45deg); /* Opera */
-moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav-toggle.faactive span:after {

  -ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Safari and Chrome */
-o-transform: rotate(-45deg); /* Opera */
-moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}



.navbar {
    background:#056286;   
    box-shadow: /* Shadow beneath the bar and edge highlights. */ /* Layered single pixel shadows to create a one sided shadow effect. */ 0 5px 0 0 rgba(0, 0, 0, 0.01), 0 4px 0 0 rgba(0, 0, 0, 0.02), 0 3px 0 0 rgba(0, 0, 0, 0.04), 0 2px 0 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.08), /* Top highlight */ 0 1px 0 0 rgba(255, 255, 255, 0.1) inset, /* Left highlight */ 1px 0 0 0 rgba(255, 255, 255, 0.1) inset, /* Right highlight */ -1px 0 0 0 rgba(255, 255, 255, 0.1) inset, /* Bottom lowlight */ 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
   /* background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.05) 50%, rgba(0,0,0, 0.02) 51%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.02) 51%);     */
    background-size: 100%;
    background-repeat: no-repeat;
    border: none;
    width: 100%;
    left: auto;
    right: auto;
    height: 57px;
}

.navbar .sb-toggle-left {
    width: 45px;
    float: left;
    padding: 14px 14px 14px 1px;
}

.navicon-line {
    width: 24px;
    height: 4px;
    border-radius: 1px;
    margin-bottom: 3px;
    background-color: #fff;
}





#topleft{font-weight:normal;font-size:25px;letter-spacing:0px;text-transform:uppercase;
background:#056286;height:57px;width:100%;
}

#topleft .hdr{    margin-top: 17px;
    margin-left: 15px;
    float: left;

    font-size: 24px;
    font-weight: 700;}
    
#topleft .hdr img {
    height: 30px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}    
    
    
#topleft span{color:#fda24e;}


#lftmenu {text-transform:uppercase;padding:0px;float:left;width:100%;background:#1d69af;}

#lftmenu ul{position:relative;padding:0px;margin:0px;background:#8dd1ff;text-transform: uppercase;}
#lftmenu ul li{position:relative;list-style-type:none;display:block;border-bottom:1px solid #71c0f5;}
#lftmenu ul li a{position:relative;text-decoration:none;display:block;color:#000;padding:6px 10px 6px 15px;font-family:;font-weight: 400;font-size: 16px; }
#lftmenu ul li a img{position:absolute;top:1px;left:7px;}
#lftmenu ul li a:hover{background:#056286;color:#fff;}
#lftmenu ul li.active{background:#056286;}
#lftmenu ul li.active a{color:#fff;}


#lftmenu ul li ul{background:#fff;}
#lftmenu ul li ul li{border-bottom: 1px solid #f5f2f2;}
#lftmenu ul li ul li a{padding: 8px 10px 8px 15px;}

#lftmenu ul li.active ul li a{color:#000;text-shadow: none;}
#lftmenu ul li.active ul li a:hover{background:#056286;color:#fff;text-shadow: none;}


#lftmenu ul li ul li ul{background:#e6fbff;}
#lftmenu ul li ul li ul li{}
#lftmenu ul li ul li ul li a{padding: 7px 10px 7px 24px;}
#lftmenu ul li ul li ul li a:hover{background:#d1f6fd;}
#lftmenu ul li.active ul li ul li a{color:#004762;}

#lftmenu ul li ul li ul li ul{margin:0px 0px 0px 0px;padding:3px 0px;background:#EBF4FA;}
#lftmenu ul li ul li ul li ul li a{padding: 2px 10px 2px 28px;font-size:0.9em;}
#lftmenu ul li ul li ul li ul li a:hover{}
    
    
#lftmenu2 {text-transform:uppercase;padding:0px;float:left;width:100%;background:#1d69af;}
#lftmenu2 ul{position:relative;padding:0px;margin:0px;background:#154471;text-transform: uppercase;}
#lftmenu2 ul li{position:relative;list-style-type:none;display:block;border-bottom:1px solid #1d69af;}
#lftmenu2 ul li a{position:relative;text-decoration:none;display:block;color:#fff;padding:8px 10px 8px 15px;font-family:;font-weight: 700;font-size: 18px;    text-shadow: 0 1px 0 #000;}
    

#needhelp{float:left;padding-left:15px;padding-right:15px;width:100%;font-size:16px;color:#fff;margin-top:20px;margin-bottom:20px;}


.line14{width:100%;}




.h290{height:290px;}





#searchdiv{float:left;margin:33px 0 0 50px;width:500px;}
#searchdiv input{width:100%;padding:7px 8px;font-size:20px;text-align:left;display:block;border: 1px solid #fff;
    border-radius: 2px;line-height: 24px;font-family: ;
    font-weight: 400;}
    

#searchdiv_mob{width:100%;}
#searchdiv_mob input{width:100%;padding:4px 8px;font-size:15px;text-align:left;display:block;border: 1px solid #fff;
    border-radius: 2px;}
    
#searchdiv div{text-align:left;}



.twitter-typeahead { width: 100%; } 


.tt-hint {
	color: #d8d9da;
}



.tt-dropdown-menu {
	background-color:#f4f4f4;

	border-radius: 0 0 2px 2px;
	box-shadow: 0px 10px 30px #130a00;
	margin: 1px 0 0 0px;
	padding: 0 0 0 0;
  width: 800px;
}



.tt-suggestion {
	font-size: 14px;
  

}
.tt-suggestion.tt-is-under-cursor {

	
}
.tt-suggestion p {width:0;height:0;}




.searching2 .tt-dropdown-menu {
  overflow-y:scroll;
  max-height:400px;
  left: 0 !important;
  width:100%;

}

.video{vwidth:100%;}
.video iframe{width:100% !important;max-width:560px !important;margin-bottom:20px;}


.throw{width:800px;float:left;padding:12px 0;margin:0 0 0px 0;background:#fff;border-bottom: 1px solid #f5f5f5;}
.throw1{width:100%;float:left;}
.throw a{color:#000;font-weight:normal;display:block;text-transform:uppercase;font-size:16px;}
.throw:hover a{color:#f57304;}

.throw img{}
.thcell1{float:left;width:16%;min-height:50px;padding:0 0 0 0px;margin-left:15px;overflow:hidden;text-align:center;background:#fff;position:relative;}


.thcell1 img{position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height:40px;}

.thcell2{float:left;width:70%;overflow:hidden;padding:5px 0 0 15px;display:block;line-height:18px;    color: #056286;}
.thcell2 .prnm{line-height:22px;}
.thcell2 .kd{font-size:10px;color:#62a9da;}
.thcell2 .blng{font-size:10px;color:#989898;}

.throw:hover{background:#d0ecff;}




.thcell3{float:left;overflow:hidden;padding:3px 5px 0 0px;display:block;font-size:16px;text-align:right;}

.throw:hover .thcell2 .blng{color:#989898;text-shadow:none;}
.throw:hover .thcell2 {color:#F44336;}
.throw:hover .thcell3 {color:#F44336;}

.throw_mobile{width:100%;float:left;padding:12px 0;margin:0 0 1px 0;background:#fff;}
.throw_mobile .throw1{width:100%;float:left;}
.throw_mobile  a{color:#000;font-weight:normal;display:block;text-transform:uppercase;font-size:12px;}
.throw_mobile:hover a{color:#eb7604;}
.throw_mobile .thcell1{float:left;width:8%;min-height:25px;padding:0 0 0 0px;margin-left:5px;overflow:hidden;text-align:center;background:#fff;position:relative;overflow:hidden;}
.throw_mobile .thcell1 img{position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height:20px;}

.throw_mobile .thcell2{float:left;width:60%;overflow:hidden;padding:0px 0 0 10px;display:block;line-height:15px;}
.throw_mobile .thcell2 .prnm{line-height:13px;}
.throw_mobile .thcell2 .kd{font-size:10px;color:#0ae;}


.throw_mobile:hover{background:#f4f4f4;}
.throw_mobile:hover .thcell2 .blng{color:#000;}
.throw_mobile .thcell3{float:left;overflow:hidden;width:30%;padding:0px 5px 0 0px;display:block;font-size:12px;text-align:right !important;}



.showcat{

}



.sca{
margin:8px 0px 0 0;
padding:5px;
background:#fff;
width:100%;
height:170px;

text-align:left;
}

.hhh3{

background: #fdf0de; padding:10px 15px;
}

.hhh3,.hhh3 a{

text-decoration:none;
}

.hhh3 a:hover{
color:#000;
text-decoration:underline;
}

.showcatimg{
border:0px;padding:10px 10px 0 0;
text-decoration:none;
float:left;
}

p.scl{
float:left;
padding-top:10px;
width:450px;
margin:0px;
}

.dis1{position:relative;overflow:hidden;min-height:190px;}
.dis1 img{position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;}
.dis2{position:relative;color: #353535;}

.divik{    background: #efefef;
    float: left;
    width: 100%;
    padding: 10px;
    margin-top: 15px;}
    
.manuf{
background: #fdf0de;
    text-align: justify;
    padding: 15px;
}




.prod-price-eur {
    position: absolute;
    top: 150px;
    text-align: right;
    right: 30px;
    font-size: 30px;
    font-weight: bold;


    color: #000;
}


.slogan{

    color: #007cff;

    font-size: 20px;
    text-transform: uppercase;
    font-stretch: condensed;

    font-weight: 700;
}

h2.slogan{width:100%;padding:0;margin:15px 0;}

table.table-kosik{border-spacing: 1px;border-collapse: separate;font-weight:normal;font-size:13px;}
table.table-kosik td{padding:7px 5px 7px 5px;}
table.table-kosik a{font-weight:bold;color:#000;text-decoration:none;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

    border: 0;
}

.kosik-hint{font-size:13px;color:#333;}

.zaradenie{background: #fff4e9;width:100%;
    padding: 15px;}
    
.pricetag {
    font-size: 40px;
    color: #0ae;
    letter-spacing: -1px;
    width: 100%;
    float: left;
    margin-bottom: 15px;
}    



#details form
{color:#000;font-weight:bold;font-size:17px;letter-spacing:0px;
padding:0px;
margin:0px;
line-height:100%;text-align:center;
clear:both;
}
                                                            
#ar { position: absolute; top: -10000px; }
#pr { position: absolute; top: -9000px; }
.nd { position: absolute; top: -10000px; }

#detfrm
{color:#000;font-weight:bold;font-size:17px;letter-spacing:0px;
padding:0px;
margin:0px;
line-height:100%;text-align:center;
clear:both;
}

h2 {font-size:17px;}

input[type="checkbox"], input[type="radio"] {cursor:pointer;}

a.end {text-decoration:none;color:#000;font-weight:normal;}
a.end:hover {text-decoration:none;color:#000;}

.ii{float:left;padding:0px;margin:25px 0 0 8px;display:inline;}

span.b{color:#000;}

.paging {margin:0px 0 15px 0;width:100%;float: left;}

.paging a{padding:3px 6px;color:#000;text-decoration:none;text-align:center;}
.paging a:hover{;color:#fff;background:#000;text-decoration:none;}
.paging a.pgon{background:#000;color:#fff;text-decoration:none;}
.paging a.apage{background:#000;color:#fff;text-decoration:none;}


.paging .pagingleft{padding-left:0;}
.paging .pagingright{padding-right:0;}
.zobrazit{font-size:12px;}


#mid ul li a {color:#555;text-decoration:none;}
#mid ul li a:hover {color:#000;text-decoration:underline;}

.cz {color:#555;font-size:12px;letter-spacing:0px;}
.eur {color:#aaa;font-size:11px;letter-spacing:1px;}
.eur1 {color:#000;font-size:18px;letter-spacing:-1px;font-weight:bold;}
.eur2 {color:#aaa;font-size:20px;letter-spacing:-1px;font-weight:normal;}

.euro {padding:7px 0 5px 0;margin:0;line-height:1.3em;font-size:12px;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

    vertical-align: middle;

}


.obchpodm h2{margin: 15px 0 -5px 0;
    padding: 0;}
    
    
    
    
    
    
.displayprods .col-md-4, .displayprods .col-sm-6{ 
    padding-right: 12px;
    padding-left: 0px;
}

.listprod{float:left;width:100%;margin-bottom:10px;background:#ebf4fa;border:1px solid #eee;
height:390px;overflow:hidden;padding:10px;border-radius:2px;-webkit-transition: all .05s ease;
    transition: all 0.5s ease;}

.listprod:hover{background:#e6f8ff;border:1px solid #CCF1FF;/*background-image:linear-gradient(#0ae, #e6f8ff);*/}




.listprod a .prod-description{color:#8C8C8C;text-decoration:none;font-size:14px;font-weight:300;width:100%;height:90px;overflow:hidden;line-height:18px;float:left;}
.listprod a .prod-name{color:#056286;text-decoration:none;font-size:18px;font-weight:300;margin:0;padding:0;height:60px;width:100%;float:left;display:block;overflow:hidden;line-height:20px;}
.listprod:hover a .prod-name{text-decoration:none;} 
.listprod:hover a .prod-description{color:#000;}                   

.listprod .prod-code{font-weight:bold;color:#000;width:100%;height:20px;overflow:hidden;float:left;margin:5px 0;}
.listprod:hover  a .prod-code{color:#000;}
.listprod .prod-pic{width:100%;overflow:hidden;padding:0 0 0 0;height:130px;margin-bottom:10px;background:#fff;float:left;}
.listprod .prod-pic img{max-height:130px;margin:0 auto;}
.listprod .prod-tags{width:100%;float:left;margin-top:10px;height:5px;position:relative;}
.listprod .prod-price-vat{width:100%;float:left;font-size:25px;font-weight:normal;color:#056286;}


.listprod a,.listprod a:hover{text-decoration:none;}    
    
    
    
    
    
    
    
.tablek > thead > tr > th, .tablek > tbody > tr > th, .tablek > tfoot > tr > th, .tablek > thead > tr > td, .tablek > tbody > tr > td, .tablek > tfoot > tr > td {
    vertical-align: top;
}    
    
    
    
    
    
    
    
    

@media (max-width: 1238px) and (min-width: 992px) {

.btn-lg {
    padding: 12px 10px;
    font-size: 14px;
}
}

@media (max-width: 1077px) and (min-width: 992px) {

.kusy {display:none;
}
}


@media (max-width: 1118px){

#searchdiv {width:380px;}
}



@media (max-width: 1069px){
#topmenu li a {padding: 10px 10px;}
}

@media (max-width: 1023px){
#topmenu li a {padding: 10px 7px;}
}


@media (min-width: 992px){
.container {width: 95%;max-width:1170px;}
.searching2{display:none !important;}
.displayprods .col-md-4:nth-child(3n+1), .displayprods .col-sm-6:nth-child(3n+1) {padding-left:15px;}
}


@media (max-width: 991px) {

.container {width: 100%;}

#left{display:none;}
#menuswitch {display: block !important;}

#lista{display:block;}
#sb-site{padding:57px 0 0 0;}
.upcont1{display:none;}
.upcont2{display:none;}

.upcont3{padding-top:0;}

.footdiv{display:none;}

.displayprods .col-md-4:nth-child(even), .displayprods .col-sm-6:nth-child(even) {padding-right: 0px;}

#nav {   padding: 15px 0px;}


#togsearch{display:block;}

#mid1 img{
    margin-top: 20px;
    margin-bottom: 20px;
    max-width:100%;
    height:auto;
    }

.hdng{padding-left:0;padding-right:0;}

}      


@media (max-width: 768px) {

.h2list{width:48% !important;}
.h2list img{max-height:200px !important;width:auto !important;}

.prod-price-cz {
    position: relative;
    top: 0;
    right: 15px;
    float: right;
    width: 100%;
    margin-top: 5px;
    }

.prod-price-eur {
    position: relative;
    top: 0;
    right: 15px;
    float: right;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 20px;
    }
.dokosika{margin-top:20px;}
.detailcode {
    margin-top: 40px;
}
.displayprods .col-md-4, .displayprods .col-sm-6 {padding-right: 0px;}
} 


@media (max-width: 596px) {
.zobrazit{display:none;}
} 


@media (max-width: 546px) {


.h2list3{width:100% !important;}
.h2list3 img{max-height:200px !important;width:auto !important;}


table.tb2,table.tb {    font-size: 10px;}
table.table-kosik{font-size:12px;}

} 


@media (max-width: 433px) {


#logo1 {

    margin: 18px 0 0 0px;

    width: 200px;
    height: 25px;

}

#logo1 img{width:200px;}

}