/* CSS Document v 2.0*/
body {
	
	background-color: #000000;
	background-image: linear-gradient(180deg, #000000 0%, #112211 100%);

	text-align:center;
	margin:0px;
	padding:0;
	font-family: "Trebuchet MS";
	
	color:#AAA;

	}
	
h1 {font-size: 1.7rem;}
h2 {font-size: 1.6rem;}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.4rem;}
h5 {font-size: 1.2rem;}	
.btn-success,.btn-outline-success {background-color:#74a634;color:#eee;}
.btn-success:hover,.btn-outline-success:hover{background-color:#28a745}
input[type=search]{-webkit-appearance:none;outline:none;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{display:none; }
#main_orderform input {margin-right:5px;}
.col-centered{
float: none;
margin: 0 auto;
}	
#header {
    background:#000;
    position: relative;
}
	
#header #logo {position:relative; display: block; border: 0; margin-top:5px; margin-bottom:5px;}
#header .logo-wrap {padding-left:0px;}

#headermenu {position:relative;min-height:40px; background-color: #111;}
#headermenu nav {display:block;}

#logostripe {height:9px;
		background: url(../images/topmargin_logo.jpg) repeat-x; 
}

/*#logowrap {position:relative;float:left;}
#logo {height:57px; width:850px;
position:relative;top:-9px;left:-1px; 
		background: url("../images/header_tr.png") no-repeat;
		margin-bottom:-9px;float:left;
}*/
#logo a{
display: block;
height: 100%;
width: 80%;
}
#telefon-header{position:absolute;width:150px;height:40px;right:450px;top:20px;background:url("../images/telefon.png") #000 no-repeat; z-index:5; }
.skype_chat{position:relative; display:inline; }
.skype_chat p  {margin-left:150px!important; margin-top:-10px!important; margin-bottom:0px!important;}
.skype_chat img {margin-top:12px!important}

/* KoSiK */
.CartTable .d-md-block {
    display: table-cell !important;
}

#hkosik #hkosiktext{color: #fff; height:37px;float:left; background:#222;border:1px dashed #555;padding:3px 10px; margin:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
#hkosik #hkosiktext .nknadpis{position: relative; font-family: 'bebas_neue'; /*font-size: 1.3em; */padding-right: 10px;}
#hkosik #hkosiktext .nkvalue{position: relative; color: #ff2e13; font-size: 1.2em; font-weight: bold;}

#hkosik #hkosiktextbut {display: block; width:60px; height:37px; background:rgb(116,166,52);border:none;margin:0px; cursor:pointer; cursor: hand;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 1.5em;color: #fff; text-shadow: none; overflow: hidden; 
/* border radius */
-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;
}

/* searchform */
#searchform{position:relative}
#searchform #q{/*width:200px;*/ height:37px; float:left;background:#fff!important;border:none;padding:6px 10px!important; margin:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
/* border radius */
-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
#searchform button {
	position: absolute;
	font-size:1.5em;
	top:0;
	right: -60px;
	width:60px;
	height:37px; 
	background:rgb(116,166,52) ;
	border:none;
	margin:0px; 
	cursor:pointer; 
	color: white; 
	text-shadow: none; 
	overflow: hidden; 
	margin-top:12px;
	-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;
}


span.highlight {color:#ead977}

/* navigace horni */

.topnav ul {margin:0;padding:0;}
.topnav li {margin:0;padding:0;list-style:none;float:left;position:relative;}
.topnav li a {font-family: 'Trebuchet MS'; color:#eee;font-size:1.2em;display:block;padding:9px 20px 9px 20px; text-shadow:
    -1px -1px 0 #3F9A25,
    1px -1px 0 #3F9A25,
    -1px 1px 0 #3F9A25,
    1px 1px 0 #3F9A25; }
.topnav li a.active {color:#ddd;padding:13px 15px 5px 15px; margin-right:15px; background-color: rgb(116,166,52); }
.topnav li a:hover {color:#fff;text-decoration:none;}
.topnav li ul { opacity: 0; position: absolute; left: 0; background: #2980b9; list-style-type: none; padding: 10px 20px; margin: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.topnav li:hover ul, nav li.over ul { opacity: 1; z-index:3; }
.topnav li ul li {float: none; }
.topnav li:hover ul li {  }
.topnav li ul li a { font-family:Calibri,Arial;font-size: 1.2em; display: block; padding: 5px 10px;white-space:nowrap}
.topnav li ul li a:hover {  }
.topnav li { transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease; }
.topnav li a { transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; }
.topnav li ul { transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease; }
.topnav li ul li { transition: height 1s ease;-webkit-transition: height 1s ease;-moz-transition: height 1s ease;-o-transition: height 1s ease; }

/* mobilni menu */
.mobmenu {display:none;width:20px; height:28px; float:left;padding-top:10px;background: url("../images/mobmenu.png") 50% 50% no-repeat ;border:none;margin:0px; cursor:pointer; cursor: hand;font: 0/0 a;color: transparent; text-shadow: none; overflow: hidden;}

.mobmenu_helper {display:none;}



/* obsah */



#obsah {/*position: relative; padding:2px 0 20px 0; font-size:1.2em;*/ }

/*leve menu */
menu {position: relative; /*width:225px;*/ padding: 0px; margin:0px; float:left; text-align:left;}
/*menu div {background: #2980b9; font-family: 'bebas_neue'; text-align: center; color: white;font-size: 1.5em; padding: 10px 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
*/

.img-fluid{border-radius: 5px;}

#content{text-align:left; background:#1f2226;/*padding-top: 10px;*/padding-bottom: 10px;border-radius: 5px;}
#content h2 { padding: 0px 0px 10px 0px;}

#leftcol {
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	/*width:200px;*/ /* actual value */
	padding:0px;
	background-color:#222222;
	z-index:100;
border-style:solid;
border-width:5px;
border-color:#333;
	}
#rightcol {
	float:right;
	
	voice-family: "\"}\"";
	voice-family:inherit;
	/*width:190px;*/ /* actual value */
	/*width:160px;*/
	padding:0;
	z-index:99;
	}
.banners_right {background:#222222 ;
       /* width:186px;*/
        border-style:solid;
	border-width:2px;
	border-color:#333;
        margin-bottom: 10px;}

.rightmenu {

        font-family: "Trebuchet MS";
	font-size:1em;
        text-align: center;
        background: url(../js/sdmenu/title_green.gif) repeat-x;
        color: #fff;
        display: block;
	padding: 5px 0px 5px 0px;
	font-weight: bold;
}
#topselling a {color:white;font-size: 10px; display:block;}





#header h1 {
	font-size:200%;
	padding:0px;

	text-align:center;
        letter-spacing: 10px;
	
	}
i.cart-remove-item  {color: #ff0000;
    font-size: 18px;
    cursor: pointer;
}
/*
#topnav {
	font-family:Trebuchet MS;
	margin:0px;padding:0px;
}	
#topnav ul {
			margin:0px 0px;padding:0px;list-style-type: none;text-align:center; display:block;
		   }
#topnav li {
			display:inline; 
			background-color:#113311;
			padding:0px 5px;
			font-weight:bold;
			border-left: 1px solid #444;
border-right: 1px solid #333;
border-top: 1px solid #444;
		   }
#topnav li:hover	  {
	border-left: 1px solid #555;
border-right: 1px solid #888;
border-top: 1px solid #555;
background-color:#114411;
}		   
#topnav li a:hover{color: #FFF;}	   
#topnav li a{color: #CCC;}	

*/


#nav-compat li {color:#ddd;font-size:0.75em}

.basket-cena {position:relative; left:5px; top:-5px;}
#basket-info{height:50px;position:relative;/*width:160px;*/float:left;top:10px;}
a#basket-info-value:hover span{color:#FFF;}
#basket-info-value {
  font-weight: bold;
}
#basket-info-value img{border:0px;}
.lower_cents{
	font-size: 85%;
}

#footer {
	
	background-color:#222226;
	margin-top:15px;
	padding: 10px;
	}	
#footer .nav-link {font-size:1em; padding:0.5em}
#footer ul li{list-style-type:none;}
	


.dopravaplatba ul{justify-content:center;}
.dopravaplatba li {display:inline-block;margin:3px;}

#navbarCollapse{
	
    padding-left: 0;
	}


/****************************	   
*							*
*   UVODNI STRANA - OFFER 	*
*							*	
*****************************/
.uvod_text {
		background: url(../images/topmargin_offer.jpg) repeat-x	#000000; 
		
		border: 2px solid #333;
		padding:10px;}

.offerblock { 
				/*margin: 0px 5px;*/
				margin: 0px;text-align:center; 
				/*padding: 0px 5px;*/
				}

.offer { text-align:center; 
		background: url(../images/topmargin_offer.jpg) repeat-x	#000000; 
		/*margin-right:3px;  margin-left:6px;*/
		border: 2px solid #333;border-radius: 5px;
	   }
.offer h4 {margin-right: 5px;
				margin-left: 5px; height:50px;margin-top:12px; font-size:16px; margin-bottom:0px;}
.offer p{margin:0px; padding:0px;}
.offer p.cena {font-weight:bold; font-size:1.1em ; text-align:center}
.offer p.cenag {font-weight:bold; font-size:1.1em ; text-align:center;color:#EEE;}
.offer img {
				border: none;
				margin-top:5px;margin-bottom: 5px;
			}

/****************************	   
*							*
*         ODKAZY 	        *
*							*	
*****************************/

a {
	color:#59ED63;
	text-decoration:none;
	}
a:hover {
	color:#EEE;
}
#login-modal a,#login-modal a:hover{
    color:#0056b3;
}
#content a {
	color:#EEE;
	}
#content a:hover {
	
	color:#59ED63;
	/*color:#EEE;*/
	}
#tabs  a {color:#EEE}	
#tabs  a.active {color:#000;background-color:#ccc}	
#tabs .nav-tabs .nav-link {border: 1px solid #ccc}

#tabs .nav-link-pulse:not(.active) {

  animation-name: color;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes color {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #8C6900;
  }
  100 {
    background-color: transparent;
  }
}
#tabs .nav-link-pulse .active { animation: none !important;}

#tabs {margin-bottom:10px;}

#nav-desc label,.detail-right .label{letter-spacing:0.1em;text-decoration: underline;margin-right:5px;}
.detail-right .label{color:#ead977}
#nav-desc p.desc{color:#ead962}
.ZELENA {color:#59ED63;}
.ZLUTA {color:yellow;}
.CERVENA {color:red}
#header a:hover {
	color:#7A2875;
	}	

#pismena {text-align:center; padding:0px; }
#pismena  a {
text-decoration: none;padding:5px;
font-size:1.3em
}
#pismena a:hover{ border-top:2px solid #59ED63; }


.navigace {background: #115511;}
.navigace a{
                width: 20px;
		display: inline-table;
		padding-left: 2px;
		padding-right: 2px;
		line-height: 18px;
		height: 18px;
		font-size: 16px;
               
		text-decoration: none;
		margin-left: 1px;
		margin-right: 2px;
		font-weight: bold;
		text-align: center;
		margin-top: 1px;

            }
.navigace a:hover{font-weight: bolder;}



 #obsah .thumbv {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 0 15px 2px #e6e6e6 inset;
    box-sizing: border-box;
    display: table;
    float: right;
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 380px;
}
#obsah .obrm {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 0 15px 2px #e6e6e6 inset;
    box-sizing: border-box;
    display: table;
    float: right;
    margin: 0 0 0 10px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 120px;
}

#kosikdetail {
    position: relative;
    width: 350px;
	    float: left;
}


/****************************	   
*							*
*  FORMULAR objednavkovy    *
*							*	
*****************************/

#order .required {text-decoration:underline}
#order .errors {color:red}
.errors  {color:red;list-style-type: none; font-size:0.8em; }
.form-errors{color:red;}

/****************************	   
*							*
* TABULKA - KOSIK, REKAP..  *
*							*	
*****************************/
.CartTable {vertical-align:middle; background:#222222; 
	
	border-bottom: 1px solid #424251;
    /*border-left: 1px solid #424251;
    border-right: 1px solid #424251;*/
	
    }
.CartTable th{	background: rgb(116,166,52) none repeat scroll 0 0;
    border-top: 1px solid #424251;
    color: #fff;
    font-size: 16px;
    padding: 5px;
    text-align: left;
	font-weight:bold;
	/*
	background-image: url("../images/btn_addtocart_repeat.gif");
			background-repeat: repeat-x;
			*/
	}
.CartTable td {border-bottom: 1px solid #424251;
    padding: 5px;vertical-align: middle;}	
.CartTable .quantity{   
	background: #fff none repeat scroll 0 0;
    display: inline-block;
    height: 42px;
	
    margin-right: 4px;
    padding-left: 6px;
    padding-right: 6px;
    white-space: nowrap; }
	
.CartTable .quantity .controls {	 background-color: #f6f6f6;
    border-left: 1px solid #d9d9d9;
    float: right;
    height: 40px;
    margin-right: -6px;
    margin-top: -9px;
    text-align: center;
    width: 17px;
}	
.CartTable .quantity input {
    margin-right: 6px;
    text-align: center;
    width: 15px;
	
}
.CartTable .quantity .controls .add {
    border-bottom: 1px solid #d9d9d9;
}
.CartTable .quantity .controls > * {
    color: #515151;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
}	
.CartTable	.product-info {
    margin-left: 62px;}	
.CartTable .title {
    
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 7px;
}

.CartTable .imgwrap { background-color: #fff;
    float: left;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin-top: 3px;
    padding: 0 5px;
    text-align: center;
    width: 50px;}

.btn-pulse {  animation-name: colorbtn;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes colorbtn {
  0% {
    background-color: #74a634;
  }
  50% {
    background-color: #28a745;
  }
  100 {
    background-color: #74a634;
  }
}
.inputtext-pulse {  animation-name: orangeframe;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes orangeframe {
  0% {
    background-color: #FFFFFF;
  }
  50% {
    background-color: #FFC926;
  }
  100% {
    background-color: #FFFFFF;
  }
}
.orange{color:orange}
/****************************	   
*							*
* 		  POD/KATEGORIE   	*
*							*	
*****************************/
#content h3{background-color:#000000; padding:2px 5px; /*border-bottom:#ead977 1px dotted;*/letter-spacing:2px;border-radius:5px}       
#content h1,#content h2,#content h3 { color:#ead977;}
/*.uvod_text h1 { font-size:1.5em;}*/

.product-listing .product-item{

/*border: 1px solid #38382B;*/
padding: 5px;
background-color: #23282e;
border: 1px solid #555;
border-radius: 10px;
margin:5px;


}
.product-image {
    position: relative;
    overflow: hidden;
    min-width: 70px;
    height: 150px;
    text-align: center;}
	
.product-item-name {
    overflow: hidden;
    white-space: wrap;
   
    line-height: 1.5em;
    overflow: hidden !important;
    
	}	
#content .product-item-name h3.listitem {

background-color:transparent;
font-size:1.1rem;
border-bottom:none;
}	
.price-box .price {
    font-size: 18px;
    font-weight: 600;
    color: #36D900;
}	
.details-box{font-size:0.8em}
.imgcol a{margin-bottom:1em;}
.sale-label {
    background: #FFFC00;
    color: #000000;
    font-size: 11px;
    font-weight: 600;
    line-height: 10px;
    padding: 5px;
    position: absolute;
    left: 5px;
    text-transform: uppercase;
    top: 15px;
    z-index: 1;
    border-radius: 0 20px 20px 0;
	
	}
.catbox {

padding-left:0px;padding-right:0px;
padding-top:0px;padding-bottom:0px;

background-color:#222;
border-style:solid;
border-width:3px;
border-color:#333;

}
.catbox .nadpis{font-weight:bold;
		font-size:1.2em;
		color:#000;
		/*width:100%;*/
		background : rgb(116,166,52);
		text-align:center;
		padding-bottom:2px;
		}
.catbox .nadpis a{color:#eee!important;display:block;}
.catbox ul {
list-style-type: none;
padding: 0px;
margin: 0px;}

.catbox li {
list-style-position: inside;
padding: 3px 2px 2px 3px;
margin-left: 0px;
}
.catbox li.nadpis {
list-style-position: inside;
padding: 0px 0px 2px 0px;
margin-left: 0px;
}

/*
#content .catbox ul li a {display: block;background-color:#222; color:#EEE}
#content .catbox ul li a:hover{background-color:#fff; color:black;}	*/
#content .catbox ul li.nadpis a:hover{/*color:#59ED63!important;display:block;*/}


#subcategory {background-color:#222; }
#subcategory a.list-group-item {border:1px solid #333; background-color:#292921;padding: .3rem .8rem; }
#subcategory a.active {background-color:/*#ffc969*/#d19b3d;}
#subcategory a:hover{ background-color:#d19b3d;color:#fff  }


.subcatbox td a {padding-right: 5px;
	padding-left: 5px; font-size:0.9em;}
	
/****************************	   
*							*
* 		PAGINATION       	*
*							*	
*****************************/
.paginate {
  text-align: center; margin-bottom:5px; }
  .paginate ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  .paginate li {
    display: inline; }
  .paginate a {
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px;
    margin: 1px 2px;
    padding: 5px 10px;
    display: inline-block;
    border-top: 1px solid #fff;
    text-decoration: none;
    color: #717171;
    font-size: smaller;
    font-family: "Helvetica Neueu", Helvetica, Arial, sans-serif;
    text-shadow: white 0 1px 0;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea);
    background-image: linear-gradient(top, #f9f9f9, #eaeaea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea'); }
    .paginate a:first-child, .paginate a.first {
      margin-left: 0; }
    .paginate a:last-child, .paginate a.last {
      margin-right: 0; }
    .paginate a:hover, .paginate a:focus {
      border-color: #fff;
      background-color: #fdfdfd;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fafafa));
      background-image: -webkit-linear-gradient(top, #fefefe, #fafafa);
      background-image: -moz-linear-gradient(top, #fefefe, #fafafa);
      background-image: -ms-linear-gradient(top, #fefefe, #fafafa);
      background-image: -o-linear-gradient(top, #fefefe, #fafafa);
      background-image: linear-gradient(top, #fefefe, #fafafa);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#fafafa'); }
    .paginate a.more {
      box-shadow: 0 0 0 0 transparent;
      border: 0 none;
      background: transparent;
      margin-left: 0;
      margin-right: 0; }
    .paginate a.active {
      box-shadow: rgba(0, 0, 0, 0.75) 0 0 0 0 inset;
      border-color: #505050;
      color: #f2f2f2;
      text-shadow: black 0 1px 0;
      background-color: #676767;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#5c5c5c));
      background-image: -webkit-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: -moz-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: -ms-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: -o-linear-gradient(top, #5f5f5f, #5c5c5c);
      background-image: linear-gradient(top, #5f5f5f, #5c5c5c);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#5f5f5f', EndColorStr='#5c5c5c'); }

.paginate-dark a {
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 1px;
  border-top: 1px solid #62686d;
  text-shadow: rgba(0, 0, 0, 0.75) 0 1px 0;
  color: #fff;
  background-color: #4e5458;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#575e63), to(#3f4347));
  background-image: -webkit-linear-gradient(top, #575e63, #3f4347);
  background-image: -moz-linear-gradient(top, #575e63, #3f4347);
  background-image: -ms-linear-gradient(top, #575e63, #3f4347);
  background-image: -o-linear-gradient(top, #575e63, #3f4347);
  background-image: linear-gradient(top, #575e63, #3f4347);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#575e63', EndColorStr='#3f4347'); }
  .paginate-dark a:hover, .paginate-dark a:focus {
    border-color: #61788a;
    background-color: #4d6374;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#566f82), to(#3e505e));
    background-image: -webkit-linear-gradient(top, #566f82, #3e505e);
    background-image: -moz-linear-gradient(top, #566f82, #3e505e);
    background-image: -ms-linear-gradient(top, #566f82, #3e505e);
    background-image: -o-linear-gradient(top, #566f82, #3e505e);
    background-image: linear-gradient(top, #566f82, #3e505e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#566f82', EndColorStr='#3e505e'); }
  .paginate-dark a.active {
    box-shadow: rgba(0, 0, 0, 0.75) 0 0 0 0 inset;
    border-color: #2d3035;
    background-color: #303338;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#303338), to(#2d3034));
    background-image: -webkit-linear-gradient(top, #303338, #2d3034);
    background-image: -moz-linear-gradient(top, #303338, #2d3034);
    background-image: -ms-linear-gradient(top, #303338, #2d3034);
    background-image: -o-linear-gradient(top, #303338, #2d3034);
    background-image: linear-gradient(top, #303338, #2d3034);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#303338', EndColorStr='#2d3034'); } 


 /*#paginationControl{
 width: 400px;
 background:#222226 ;
  margin-left: auto ;
  margin-right: auto ; text-align:center;
 }
#paginationControl .disabled { color:#59ED63; }

 #paginationControl a:hover {border-top: 2px solid #59ED63;}*/

/****************************	   
*							*
* 		BUTTON         	    *
*							*	
*****************************/
.button {

	display: inline-block;
	height: 34px;
	
	font-size: 11px;
	color: #ffffff;
	text-align: center;
	
	padding: 0px 11px;
	line-height: 34px;
	
	background: url('../images/btn_addtocart_repeat.gif') repeat-x;
	
	
	text-transform: uppercase;
	
}
.button_koupit{display:block;
	height: 20px;
	font-size: 10px; font-weight: bold;
	color: #FFF;
	text-align: center;
	padding: 0px 3px;
	line-height: 20px;
	
	background: url('../images/btn_addtocart_repeat.gif') repeat-x;
	}
.button_koupit_uvod{display:inline;
	
	font-size: 10px; font-weight: bold;
	color: #DDD;
	text-align: center;
	padding: 1px 3px;
	line-height: 20px;
	
	background: url('../images/btn_addtocart_repeat.gif') repeat-x;
	}
a.button_koupit_uvod:hover{color: #FFF!important;}
a.button_koupit:hover{color: #FFF!important;}
.navbutton {
height: 30px;display: inline-block;
border: 1px solid #DDDDDD;

padding: 0px 11px;
color: #ffffff;
font-size: 20px;

}
.navbutton:hover{/*border: 1px solid #115511;*/}

/****************************	   
*							*
*  		OSTATNÍ 		    *
*							*	
*****************************/

.tab-content{

	background-color: #222222;
	color: #eee;
	}
.detail_kusu{
   background: none repeat scroll 0 0 #fff;
    border: 1px solid rgb(116,166,52);
    border-radius: 5px;
    cursor: pointer;
    font-family: "bebas_neue";
    font-size: 1.3em;
    font-weight: normal;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 30px;
	}
.detail_submit{    background: none repeat scroll 0 0 rgb(116,166,52);
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    /*font-family: "bebas_neue";*/
    font-size: 1.3em;
    font-weight: normal;
    padding: 5px 10px;
    text-decoration: none;
	}


	
#productlist{}
#productlist > div {clear:both;}

#productlist .s1 {float:left;width:60px;height:50px;text-align:right;padding:2px 0;}
#productlist .s2 {float:left;text-align:left;padding:0 0 0 10px;}
#productlist  td.nazev{text-align:left;}
#productlist  td span.popis{font-size:0.8em!important; color:#bbb; }
#productlist .s4{float:right;text-align:right; font-size:1.2em;color:#fff;}

/* RWD TABLE */


.table-wrapper {
   position: relative;
   margin: 1em 5%;
}
.table-menu-wrapper {
   position: absolute;
   top: -2.5em;
   right: 0;
}
.table-menu {
   position: absolute;
   background-color: #333;
   /*padding: 10px;*/
   border: 1px solid #ccc;
   /*font-size: 1.2em;*/
   width: 12em;
   right: 0;
   left: auto;
}
.table-menu-hidden {
   left: -999em;
   right: auto;
}
.table-menu-btn {
   text-decoration: none;
   color: #333;
  /* font-size: 1.2em;*/
   /*background: #eee url(../_img/icon-menu.png) no-repeat 5px center;*/
   padding: .3em ;
   /*border: 1px solid #ccc;*/
   
   background-color: #4e5458;
    background-image: -moz-linear-gradient(center top , #575e63, #3f4347);
    border-top: 1px solid #62686d;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
	
	
}
.table-menu li {
   padding: .3em 0;
   list-style:none;
}



/* Table styles */
table#productlist {
    width: 100%;
    font-size: 1.2em;
}
#productlist thead th {
    white-space: nowrap;
    border-bottom: 1px solid #ccc;
    color: #888;
}
#productlist th, #productlist td {
   padding: .5em 1em;
    /*background-color: #fff;*/
    /*text-align: right;*/
}
#productlist th:first-child, 
#productlist td:first-child {
   text-align: left;
}
#productlist tbody th, #productlist td {
    border-bottom: 1px solid #e6e6e6;
}


.enhanced th,
.enhanced td {
   display: none;
}

.legacy-ie .enhanced th.essential, 
.legacy-ie .enhanced td.essential {
    display: inline;
}
.enhanced th.essential, 
.enhanced td.essential {
   display: table-cell;
}



@media screen and (min-width: 576px) {
    .legacy-ie .enhanced th.optional, 
    .legacy-ie .enhanced td.optional {
        display: inline;
    }
    .enhanced th.optional, 
    .enhanced td.optional {
        display: table-cell;
    }

	.product-item-name{
	
		height:4.5em;
	}
	}

@media screen and (min-width: 800px) {
   .legacy-ie .enhanced th, 
   .legacy-ie .enhanced td {
      display: inline;
   }
   .enhanced th, 
   .enhanced td {
      display: table-cell;
   }
}


.modal-dialog {
    max-width: 800px;

color:#3f3d40

}

#obrdetail {
    float: right;
    position: relative;
    text-align: right;
    width: 350px;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 2px solid #59ED63;
	background-color: #CCC;
	padding: 5px;
	opacity: 0.9;
        background-color: rgb(17,34,17);
        color: #EEEEEE;
}
#tooltip h3, #tooltip div { margin: 0; }

/* ramecek pri uspesne operaci */
.order-info-succes{height:28px; background:#333333 url(../images/bg-order-succes-check.gif) no-repeat 15px 15px;font-size:13px;color:#009900;padding:12px 0 0 40px;margin:auto;margin-bottom:2px;width:580px;}
.order-info-fail{height:28px; background:#333333 url(../images/bg-order-fail.gif) no-repeat 5px 10px;font-size:13px;color:#DD0000;padding:20px 0px 15px 45px;margin:auto;margin-bottom:2px;width:549px;}
.order-info {height:28px; background:#112211 url(../images/information_green.gif) no-repeat 14px 12px;font-size:13px;color:#EEE;padding:12px 0 0 40px;margin:4px auto;border:1px solid #009900;}

#content form .required
{
background-image:url(../images/required.gif);
background-position:top right;
background-repeat:no-repeat;
padding-right:13px;
}



.itemdetail {width:100%; border-color: #333333; border-style:solid;  border-width: 2px;background:#000000;margin-bottom:0px;padding-bottom:0px;}
.itemdetail tr td{padding-left:2px;}
.itemdetail tr td h1 {font-size:1.5em;color:#ead977;}
.listDetail {
	margin:0px; padding-bottom:5px;
font-size: 0.8em; color: #ABA;text-align:left;
}

.searchbox {
/*line-height: 31px; */
 vertical-align:top; margin-bottom:5px;margin-left:0px;}
#search {font-size:14px;  background:#EEE; color:black; margin:0px; padding:0px; /*padding-top:5px;*/}
.searchbox .button_search {display:inline;
	
	font-size: 12px; font-weight: bold;
	color: #DDD;
	text-align: center;
	/*padding: 2px 1px;*/
	/*line-height: 45px;*/
	
	background: url('../images/btn_addtocart_repeat.gif') repeat-x;}
hr {color:black; }
.searchbox img{border:0;}
.cena_detail { font-size:1.5em; color:#eee;}
.cena_scatlist {text-align:right; font-size:1.1em;}

.cena_tops{font-size:1.6em;}
.cena span {font-size:0.6em;}


.vlastnost {color: #CCC;}

.clear {clear : both;}

label.disabled {
  background-color: #A0A0A0;
}
.detail-right label {color:#ddd;vertical-align:middle}
.borderless td ,.borderless th{border:none}

time.icon
{
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 4em;
  height: 4em;
  background-color: #fff;
  margin: 0;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0;
  color: #fff;
  background-color: #74a634;
  border-bottom: 1px dashed #67932E;
  box-shadow: 0 2px 0 #67932E;
}

time.icon em
{
  position: absolute;
  bottom: 1.4em;
  color: #2f2f2f;
  font-size: 0.9em;
}

time.icon span
{
  width: 100%;
  font-size: 1.5em;
  letter-spacing: -0.05em;
  padding-top: 1.4em;
  color: #2f2f2f;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}

#zakaznik { font-size:0.7em; border:1px solid green; padding:1px; text-align:right; display:inline; margin-top:2px; margin-left:50px;}
.list-group-item{background-color:#222;color:#eee}
.list-group-item.active{background-color:#74a634;border-color:#ead977}


.tmavezelena {background-color:#112211;}
.zelenyramecek {background-color:#000000; padding:2px; border:rgb(18,139,39) 2px solid;}
legend{font-size:1.3em;background-color:#111811;color:#ead977;border: 1px solid #555;padding-left:8px;}
legend.mala{font-size:1.1em;}
fieldset{background-color:#222;border: 1px dashed #555;margin-bottom:5px;/*margin-top:10px;border:1px dotted green;*/ padding:5px;}
textarea{vertical-align: middle;}

.doprava-popis{font-size:0.8em;margin-bottom:10px;padding-left:20px;}
.banner {text-align:center;}
.highlight tr td a b { color: yellow;font-weight: bold;}
.highlight tr td a:hover b{color:#59ED63;}
.order_tab{background-color:#000000;}

#content .description {background-color:#112211;color:#DDDDDD;padding:2px;margin-bottom:5px;}
#content .description h3 {background-color:transparent; padding:0px; border:0px!important;letter-spacing:0px;}
#content .description a {text-decoration:underline!important;}
.vmiddle {vertical-align:middle;}
.middle { text-align: center;}
.indent {margin-left: 40px;}
.small {font-size: 0.75em;}
.breadcrumbs {font-size:0.8em;margin-top:5px;}
.breadcrumbs span:before {content:" > ";color:rgb(116, 166, 52);font-weight:bold;font-size:1.3em;}
#RightLogin{margin-bottom:5px;}
#RightLogin input{background-color:#222;border:1px solid #333;color:#CCC;}
#RightLogin label{color:#CCC; font-size:0.75em;}
.b_qty{width: 1.5em; background:black; color:white; font-weight:bold;}

.p_image{max-width:350px;}
.noborder{border:0;}
.red{color:red;}
.w80{width:80%;}
.w20{width:20%; text-align:right;padding-right:5px;}
.w70{width:70%;}
.topmargin{margin-top:15px;}
.bottommargin{margin-bottom:5px;}
.white{color:#FFF}
.related {
       
       display: block;
	padding-left: 25px;
	font-weight: bold;
	color: #FFF;
	/*background: url(../images/expanded_animated.gif) no-repeat 10px 7px ;*/
        background: url(../images/arrow_flashing.gif) no-repeat 4px 5px ;
	
	cursor: pointer; 

       
   }
.t_related a{
       
       font-size:10px!important;
       
   }


/*  KOSIKLINKS*/ 

.kosiklinks 
{text-align:center} 

.links {float: left; width:189px; text-align:center; 
		background: url(../images/topmargin_offer.jpg) repeat-x	#000;
		margin-right:3px; margin-left:3px;
		border: 2px solid #333;height: 220px;
	   }

.links  h4 {margin-right: 5px;margin-left: 5px; height:20px;margin-top:20px; font-size:1.1em; margin-bottom:2px; padding-bottom: 0px;}

.slideshow { width:150px; height:150px; padding:0; margin:auto; }

.slide {  margin: 0; padding: 0; }
.slide img{border-radius:5px;}
.links img { display:none; /*margin:auto;*/ }

.links img.first {display:block;}

.js .slide_hide{display:none;}

        
#news {
  min-height: 100px;
  
  }
#news ul {margin: 0px;
  padding-left: 5px;
    padding-right: 5px;
    border-color: #333333; border-style:solid;  border-width: 2px;
}
#news ul li {
  margin-top: 0px;
  
  list-style: none outside;
}
#news ul li a {font-size: 0.8em;
                margin-left: 10px;
                text-align: left;
               
            display: block;              
                
                }
#news ul li a:hover{}             
span.datum, span.datum2 {
  color: #DDD;
  font-size: 92%;
  width: 5em;
  padding-left: 15px;
  background: url(../images/ico-date.png) left center no-repeat;
}
span.datum {display:block}
span.datum2 {display:inline}
#news_main ul {margin-left: 0px; padding-left: 10px;}
#news_main ul li {margin-bottom: 10px; border-bottom: 1px #888 dotted;list-style-type: none;}
#news_main strong {/*position:absolute;
                   left:390px;*/
                   padding-left: 5px;
                   font-weight: bold; 
                   color:#59ED63}

#news_main .popis {padding-left:55px; padding-right: 5px; margin:5px 0px;color:#CCC;}


.doprava {margin-left: auto;
margin-right: auto;}
.doprava tr td {text-align:center;}
#dopravaplatba {margin-bottom: 0px;}
.gp_test {margin-top:10px; }
.gp_test a img{margin:0 auto;display:block;}
/* ON-OFF tlacitko */
 .onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
    display: none;
    }
    .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
    }
    .onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    .onoffswitch-inner:before {
    content: "ANO";
    padding-left: 10px;
    background-color: #22BA2E; color: #FFFFFF;
    }
    .onoffswitch-inner:after {
    content: "NE";
    padding-right: 10px;
    background-color: #DDDDDD; color: #999999;
    text-align: right;
    }
    .onoffswitch-switch {
    width: 18px; margin: 6px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 56px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
    }

/*  Vyskakovaci okno pro doobjednani */
#backgroundPopup{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:100%;  
width:100%;  
top:0;  
left:0;  
background:#000000;  
border:1px solid #cecece;  
z-index:1;  
}  
#popupContact{  
display:none;  
position:fixed;  
_position:absolute; /* hack for internet explorer 6*/  
height:700px;  
width:1000px;  
background: url(../images/topmargin_offer.jpg) repeat-x	#000000;
/*background:#333;  */
border:2px solid #333;  
z-index:2;  
padding:12px;  
font-size:13px;  
}  
#popupContact h1{  
text-align:left;  
color:#EAD977; 
font-size:22px;  
font-weight:700;  
padding-bottom:2px;  
margin-bottom:20px;  
}  
#popupContactClose{  
font-size:14px;  
line-height:14px;  
right:6px;  
top:4px;  
position:absolute;  
color:#eee;  
font-weight:700;  
display:block;  
}  

.decline {text-align:center;}
.decline_button {}
.tracking label {font-size:12px!important;}

.autocomplete-suggestions { border: 1px solid #999; background: #000; overflow: auto; cursor:pointer; text-align:left;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #333; }
.autocomplete-suggestions strong { font-weight: normal;  color:yellow; }

				
.skladem  {font-size:80%;color:#BAE133;font-weight:bold; text-shadow: 1px 1px #888;} 
.do3dnu  {font-size:75%;color:orange;font-weight:bold;}
.nedostupny  {font-size:75%;color:red;font-weight:bold;}	
/* AJAX LOADING */
/*.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}*/
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
.loading .modal {
    display: block;
}

/*****CLEARFIX*******/
.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix{display:inline-block; }
.clearfix{display:block;}
.clear{clear:both; height: 0; position:relative;}

.blank_row {height: 20px !important;}

.w100 {width:100%!important;}
.input-wrap {
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    padding: 9px 14px;
    position: relative;
	}
.input-wrap input {border: 0 none;}
.imgwrap{display:block;}


.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #2e353d;
  top: 0px;
  border-radius: 5px;
  height: 100%;
  color: #e1ffff;
}
.nav-side-menu .brand {
  background-color: #23282e;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
  /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #181c20;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #2e353d;
  border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #e1ffff;
  text-transform:uppercase;
  font-size:1.5em;
}
.nav-side-menu .sub-menu a {
  text-decoration: none;
  color: #e1ffff;
  text-transform:none;
  font-size:1.2em;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 4px solid #ead977/*#d19b3d*/;
  background-color: #4f5b69;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}


@media (max-width: 767px) {
	#navbarCollapse{
	
    padding-right: 0;
	}
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: rgb(116,166,52);
    color: #fff;
    width: 40px;
    text-align: center;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (max-width:997px) {
.nav-side-menu li a {
   font-size:1em;
}
}


@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
  
}
@media (max-width: 400px) {
	.nknadpis {display:none;}
}

.listgrid .fa {color:#ccc;}
.listgrid .fa.active{
 color: #FFF;
}
.select-item {display:inline;}

.listgrid  a,
.listgrid  a:hover{text-decoration:none;}

.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
section.slider{margin-top:15px;}
 /* jssor  loading skin spin css */
            .jssorl-009-spin img {
                animation-name: jssorl-009-spin;
                animation-duration: 1.6s;
                animation-iteration-count: infinite;
                animation-timing-function: linear;
            }

            @keyframes jssorl-009-spin {
                from {
                    transform: rotate(0deg);
                }

                to {
                    transform: rotate(360deg);
                }
            }
	 .jssora051 {display:block;position:absolute;cursor:pointer;}
                .jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
                .jssora051:hover {opacity:.8;}
                .jssora051.jssora051dn {opacity:.5;}
                .jssora051.jssora051ds {opacity:.3;pointer-events:none;}		
	 .jssorb031 {position:absolute;}
                .jssorb031 .i {position:absolute;cursor:pointer;}
                .jssorb031 .i .b {fill:#000;fill-opacity:0.5;stroke:#fff;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.3;}
                .jssorb031 .i:hover .b {fill:#fff;fill-opacity:.7;stroke:#000;stroke-opacity:.5;}
                .jssorb031 .iav .b {fill:#fff;stroke:#000;fill-opacity:1;}
                .jssorb031 .i.idn {opacity:.3;}
				
span.twitter-typeahead .tt-menu {
  cursor: pointer;

}
span.twitter-typeahead .tt-hint {top:5px!important;position:absolute;width:100%}
.dropdown-menu, span.twitter-typeahead .tt-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 1rem;
  color: #373a3c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px; }

span.twitter-typeahead .tt-suggestion {
  display: block;
  width: 100%;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  color: #373a3c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }
span.twitter-typeahead .tt-suggestion:focus, .dropdown-item:hover, span.twitter-typeahead .tt-suggestion:hover {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5; }
span.twitter-typeahead .active.tt-suggestion, span.twitter-typeahead .tt-suggestion.tt-cursor, span.twitter-typeahead .active.tt-suggestion:focus, span.twitter-typeahead .tt-suggestion.tt-cursor:focus, span.twitter-typeahead .active.tt-suggestion:hover, span.twitter-typeahead .tt-suggestion.tt-cursor:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgb(116,166,52);
    outline: 0; }
span.twitter-typeahead .disabled.tt-suggestion, span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover {
    color: #818a91; }
span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }
	
span.twitter-typeahead {
position: relative;
display: inline-block;
margin-top: 12px;
width:100%;
  }
  .input-group span.twitter-typeahead {
    display: block !important; }
    .input-group span.twitter-typeahead .tt-menu {
      top: 2.375rem !important; }				
      top: 2.375rem !important; }		

	
.suggestion-left{
 display: table-cell;
    padding-right: 10px;
    vertical-align: middle;}
	.suggestion-left img{max-width:50px; max-height:50px;}
.suggestion-body{	display: table-cell;
    font-weight: 400!important;
    vertical-align: middle;
    width: 10000px;}
.suggestion-right{display: table-cell;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;padding-left:10px}		



.tt-dropdown-menu {
	width: 100%;
}

.tt-hint {
    width: 100%;
}	

#loading-image{
			position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	/*background: url(../img/Preloader_2.gif) center no-repeat rgba(255,255,255,0.5);*/
	background: url(../images/ajax-loader.gif) center no-repeat rgba(255,255,255,0.5);
		
		}