.seaformZnackaModel {	width: 70%;	color: #666;	font-size: .8em;	background: #f1f1f1;	margin: 5px 0px 15px 0px;	border: #ccc 0px solid;	height: 54px;float:left;}
.seaformFulltext {	width: 30%;	color: #666;	font-size: .8em;	background: #f1f1f1;	margin: 5px 0px 15px 0px;	border: #ccc 0px solid;	height: 54px;float:left;}



select.muj{	width: 100%!important;background: White;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;	border: 0px none White;	font-size: 1em;	padding:8px;}


.seaformtd {	display: block;	float: left;padding-top:5px;padding-bottom:5px; }
	 
.kod{	width: 10%;padding: 18px 1% 18px 1%!important;}
.poleproselect{	width: 36%;padding: 11px 1% 11px 1%;}
     
.produktvRadkuCenaPuvodni{	color: #666666;	font-weight: bold;	text-align: center;	font-size: 1.15em;}
.produktvRadkuCenaPuvodni span{	text-decoration: line-through;}
.produktvRadkuCenaFinalni{	color: #262626;	font-size: 1.15em;	font-weight: bold;	text-align: center;}
.produktvRadkuCenaFinalni span{	color: #2a68b1;}
div.seaform div label{	color: #666666;	font-size: .7em;	clear: both;	display: block;	text-decoration: none;}

div.seaform input#KodProduktu{	text-align: left;	width: 165px;}



div.seaform input.seks{	text-align: center;	width: 40px;}
div.seaform input.seks:disabled{	background-color: #d9d9d9;color: White;}

div.seaform input.submitbutcont{	background-color: #2a68b1;	color: White;cursor: pointer;}
div.seaform input.submitbutcont:disabled{	background-color: #d9d9d9;	cursor: default;}

div.seaform div.koinpu{	width: 19%;}
div.seaform div.ks{	width: 3%;padding: 18px 0px 14px 1%;}
div.seaform div.ksinpu{	width: 5%;}
div.seaform div.submit{	width: 7%;	}


div.seaform div.produkt{	width: 28%;padding: 18px 0px 14px 1%;}

div.seaform div.produktvRadkuCenaPuvodni{	width: 10%;}
div.seaform div.produktvRadkuCenaFinalni{	width: 10%;}





a.contentadding{	background-color: #063173;	color: #f0f4f9!important;	text-align: center;	padding: 12px 20px 12px 20px;	cursor: pointer;	opacity: .9;	clear: both;	display: block;	width: 260px;	margin: 20px auto 10px auto;	text-decoration: none;}
a.contentadding:hover{	text-decoration: none;	background-color: #063173;	color: White!important;	color: #ffffff;opacity:1;}


td.produktvRadkuCenaPuvodni{	color: #666666;	font-weight: bold;}
td.produktvRadkuCenaPuvodni span{	text-decoration: line-through;}
td.produktvRadkuCenaFinalni{	color: #262626;	font-size: 1.35em;	font-weight: bold;}
td.produktvRadkuCenaFinalni span{	color: #2a68b1;}
td label{	color: #666666;	font-size: .6em;	clear: both;	display: block;	text-decoration: none;}

.pridejDoKosiku  {	color: White!important;	width: 180px;	padding: 8px 0px 10px 0px;cursor: pointer;	text-align: center;	font: normal 1.5em;	background: #063173; text-decoration: none;	display: block;	margin-top:-14px;}
.pridejDoKosiku:hover  {background: #093c8b; }

.pridejDoKosikuAkce  {	color: White!important;	width: 80%;	padding: 6px 0px 7px 0px;cursor: pointer;	text-align: center;	font: normal 1.1em;	background: #114798; text-decoration: none;	display: block;	margin: 0px auto 10px auto;}
.pridejDoKosikuAkce:hover  {background: #1cd399; }

#prepinac2{	margin: 10px auto 10px auto;	text-align: center;	clear: both;}
#prepinac2 a{	text-decoration: none;	padding: 5px 8px 5px 8px;	margin: 0px 5px 10px 5px;	color: #727272;	background-color: #F4F4F4;		}
#prepinac2 a:hover{	text-decoration: none;	color: White;	background-color: #063171;}
#prepinac2 a.aktivni{	text-decoration: none;		color: #000000;	background-color: #cdd6e3;}
#prepinac2 a.aktivni:hover{	text-decoration: none;		color: White;	background-color: #063171;}


#productInfoBox{	background-color: transparent;	margin: 20px 10px 0px 10px;	padding: 0px 0px 0px 0px;}

div#productInfoBoxRight{	float: left;	margin: 0px 1% 15px 0px;	width: 51%;	text-align: left;}

p#shortdesc{	color: #062d67;	font-size: 15px;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	height: 120px;}


div#productPhotoBox{	float: right;	margin: 0px 0% 15px 2%;	width: 45%;	text-align: left;}
div#productPhotoBox img{	width: 100%;	height: auto;	border: 0px none Gray;}

.sirka100{	display: block;	float: left;	width: 140px;}

.dnone{
	display: none;	
}

.lastyIcon22{	width: 22px!important;	height: 22px!important;}


input.submitform1{
	opacity: 0.9; 
	height: 36px;
	cursor: pointer;
	border: none;
	color: #eef5f8;
	font: 14px/36px;
	background: #062d67;
	padding: 5px 25px 5px 25px;
	position: relative; /*z-index: 50000;*/
	
}

input.submitform1:hover{	opacity:1;	color:#ffffff;}

input.submitform1[disabled=disabled] {	color: #eaeaea;	background: #cecece;	cursor: wait;	text-decoration: line-through;}

.cPoi{	cursor: pointer!important;}

a.tlaciktaprodutku{	background-color: #062d67;	color: #f0f4f9!important;	text-align: center;	padding: 5px 10px 5px 10px;	cursor: pointer;opacity:.9;}
a.tlaciktaprodutku:hover{	text-decoration: none;	background-color: #062d67;	color: White!important;	color: #ffffff;opacity:1;}

#zpetdokosiku2  {	color: White!important;	width: 180px;	padding: 8px 0px 10px 0px;	cursor: pointer;	text-align: center;	font: normal 1.5em;	background: #670606;	text-decoration: none;	display: block;}
#zpetdokosiku2:hover  {background: #062d67; }

.pokracovatobjednavka  {	color: White!important; 	width: 180px;	padding: 10px 25px 10px 25px;	cursor: pointer; 	text-align: center;	background: #066708;	font-size: 1.2em;	border: 0px none Aqua; }
.pokracovatobjednavka:hover  {background: #062d67;}

a.modryvelky{	color: White!important; padding: 10px 25px 10px 25px;		cursor: pointer;	text-align: center;	background: #066708;	font-size: 1.2em; 	border: 0px none Black;	width: 170px;	text-decoration: none;}
a.modryvelky:hover{	background: #062d67;}

input.vlozdokosiku{	color: White!important;	padding: 10px 25px 10px 25px;	cursor: pointer;	text-align: center;	background: #062d67;	font-size: 1.25em;	border: 0px none Black;}
input.vlozdokosiku2:hover  {background: #06357b;}

table.udajedouble{	width: 100%;	padding: 0px;	margin: 0px 0px 15px 0px;}
table.udajedouble td{	width: 48%;	padding: 1% 1% 1% 1%;	vertical-align: top;}

a.downloaditem{	display: inline-table;	position: relative;	width: 170px;	height: 170px;	background: transparent url(../img/download-icon3.png) no-repeat 0 0px;	text-decoration: none;	overflow: hidden;	color: #898989;	text-align: center;	font-size: .8em;}
a.downloaditem:hover{color: #686868;background: transparent url(../img/download-icon3.png) no-repeat 0 -170px;}
a.downloaditem span{	/*padding-top: 140px;*/	display: block;	text-align: center;	position: absolute;	top: 110px;	width: 100%;}

@media only screen and (max-width: 640px) 
{
    a.downloaditem{	width: 80px;height: 80px; background-size: 80px 160px;font-size: .6em; margin-bottom:20px;}
    a.downloaditem:hover{background-size: 80px 160px;background-position: 0px -80px;}
    a.downloaditem span{ top: 50px;}
} 

div.seaform div.poleproselectfull{	position: relative;}

#akcefullte button#search-form_is{	margin-bottom: 0;	position: absolute;	left: 180px;	top: 20px;	font-size: 24px;	line-height: 15px;	color: #474747;	background: none;	border: none;	box-shadow: none;	cursor: pointer;}
#akcefullte button#search-form_is:hover{color:#000;}



div.seaform div.seaformtd {	padding: 1%;	display: block;	float: left;}
	 
div.seaform div.produktvRadkuCenaPuvodni{	color: #666666;	font-weight: bold;	text-align: center;	font-size: 1.15em;}
div.seaform div.produktvRadkuCenaPuvodni span{	text-decoration: line-through;}
div.seaform div.produktvRadkuCenaFinalni{	color: #262626;	font-size: 1.15em;	font-weight: bold;	text-align: center;}
div.seaform div.produktvRadkuCenaFinalni span{	color: #2a68b1;}
div.seaform div label{	color: #666666;	font-size: .7em;	clear: both;	display: block;	text-decoration: none;}

div.seaform input, div.seaform select{	width: 100%;background: White;	-moz-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;	border: 0px none White;	font-size: 1em;	padding:8px;}
div.seaform input#KodProduktu{	text-align: left;	width: 165px!important;}

div.seaform div.poleproselect{	width: 150px;}

div.seaform input.seks{	text-align: center;	width: 40px;}
div.seaform input.seks:disabled{	background-color: #d9d9d9;color: White;}

div.seaform input.submitbutcont{	background-color: #2a68b1;	color: White;cursor: pointer;}
div.seaform input.submitbutcont:disabled{	background-color: #d9d9d9;	cursor: default;}


div.seaform div.koinpu{	width: 19%;}
div.seaform div.ks{	width: 3%;padding: 18px 0px 14px 1%;}
div.seaform div.ksinpu{	width: 5%;}
div.seaform div.submit{	width: 7%;	}


div.seaform div.produkt{	width: 28%;padding: 18px 0px 14px 1%;}

div.seaform div.produktvRadkuCenaPuvodni{	width: 10%;}
div.seaform div.produktvRadkuCenaFinalni{	width: 10%;}



.produkt2{	position: relative;width: 19.0%;	height: 475px;	float: left;	margin: 0px .5% 20px .5%;	border: 1px solid #ffffff;	background: #ffffff;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}
.produktpadd {	margin: 20px;	text-align: center;}
.produktpadd ul, .produktpadd li{	margin: 0px;	padding: 0px;list-style: none;}
.ilu_obrazek2pro2{	text-align: center;	margin: 0px auto 4px auto;	position: relative;}

.SklademDo7dnu:after {content: "";position: absolute;top: 0;right: 0;width: 0; height: 0; display: block;border-left: 65px solid transparent;border-bottom: 65px solid transparent;border-top: 65px solid #78a1dd;z-index:10;  font-size:10px;text-align: center;}
.SklademNaCeste:after {content: "";position: absolute;top: 0;right: 0;width: 0; height: 0; display: block;border-left: 65px solid transparent;border-bottom: 65px solid transparent;border-top: 65px solid #fea201;z-index:10;  font-size:10px;text-align: center;}
.SklademSkladem:after {content: "";position: absolute;top: 0;right: 0;width: 0; height: 0; display: block;border-left: 65px solid transparent;border-bottom: 65px solid transparent;border-top: 65px solid #45d8a9;z-index:10;  font-size:10px;text-align: center;}


.ilu_obrazek2prosquare{	width: 100%;	height: 245px;	text-align: center;	overflow: hidden;	background-color: White;	position: relative;}
.ilu_obrazek2prosquare a{	display: block;	position: relative;	width: 80%;	height: auto;margin: 0px auto 0px auto;}

.ilu_obrazek2prosquare:hover{		/*border: 4px solid #FFFFFF;*/}

.ilu_2pro{	height: auto;	width: 100%;}
.ilu_2pro:hover{	/*ahoj2*/}
.ceny{text-align: center;	font-size: 18px;	color: #d8080a;	padding-top: 4px;	height: 25px;}
.ceny2, .ceny2akce{text-align: center;	font-size: 15px;	color: #0e71b8;	padding-top: 0px;	height: 55px;	float: none;	width: 100%;	margin-left: 0px; }
.ceny2sleva{	font-size: 15px;margin-top: 0px;	display: block;}
.ceny2normal{	margin-top: 8px;	display: block;}
.ceny2akceleft  {width: 48%!important;float:left!important;display:inline-block!important;margin: 0px;}
.ceny2akceright {width: 48%!important;float:left!important;display:inline-block!important;margin: 0px;}

.ceny2informace{font-size: 12px!important;display:block!important;float:none!important;}


.cenaRed{font-weight: bold;color: Black;}
.cenapreskrtnutakatogire{	text-decoration: line-through;	color: #787878;	font-size: 12px;	margin-top: 0px;	display: block;	margin: 0px 0px 0px 0px;}
.cenypopis{	text-align: center;	letter-spacing: 0px;	text-indent: 0px;	margin: 0px 12px 0px 5px;	padding: 0px;	height: 39px;	overflow: hidden;	font-size: .8em;	display: none;}
p.cenypopis a.odkaztextem{	color: Black;	text-decoration: none;}
p.cenypopis a.odkaztextem:hover{	color: #156998;	text-decoration: underline;}

a.ProductDetail  {	position: relative;color: White;	width: 90px;padding: 4px 6px 4px 6px;	background: #0e71b8;	cursor: pointer;	text-align: center;	float: right;	font-size: 18px;	text-decoration: none;		margin-top: 8px;}
a.ProductDetail:hover  {	background: #db1b1b;	color: White;	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}


h2.h2produkt{	background: transparent none;	text-shadow: none;	padding: 0px;	margin: 0px;	text-align: center;	font-weight: normal;	height: 60px;	border-bottom: none;	font-size: 15px;	overflow: hidden;}
h2.h2produkt a{	color: #062d67;	text-decoration: none;	font-size: 15px;	font-weight: bold;}
h2.h2produkt a:hover{	color: #db1b1b;	text-decoration: none;}

form.formulparodutylist{	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;}
input.addProduct  {	color: White;	width: 90px;		padding: 8px 8px 8px 8px;	background: #2a68b1;		cursor: pointer;	font: bold 12px Trebuchet MS;	text-align: center;	float: left;}
input.addProduct:hover  {	background: #19559d;}

.sklademinfo {position: absolute;right: 7px;top: 15px;color:white;z-index:15;margin:0;padding:0;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);font-size:10px;  text-align: center;}


.SlevaInfo {background-color: #fea201;color: #ffffff; border-radius: 15px 0 15px;margin-bottom:8px;}
.SlevaInfoBlank {background-color: transparent;color: #ffffff; border-radius: 15px 0 15px;margin-bottom:8px;}

@media only screen and (max-width: 1480px) {
    h2.h2produkt{	height: 54px; margin-bottom:7px;}
    .produkt2{	width: 24.0%;height: auto;	margin: 0px .5% 20px .5%;}
    .produktpadd {	margin: 15px;}  

}
@media only screen and (max-width: 1280px) {
    .produkt2{	width: 32.3%;	margin: 0px .5% 20px .5%;font: normal 1em!important;}
    .produktpadd {	margin: 10px;}   
    .ilu_obrazek2prosquare{	height: auto; margin-bottom:10px;}
}

@media only screen and (max-width: 640px) {
    h2.h2produkt a{font-size: 12px;}
    .produkt2{	width: 48%;	margin: 0px 1% 20px 1%;}
    .produktpadd {	margin: 7px;} 
    .pridejDoKosikuAkce  {	width: 98%;	padding: 6px 0px 6px 0px;font-size: .9em!important;}
    /*.ilu_obrazek2prosquare{	height: 190px;} */
    .SlevaInfo {font-size: 10px;}
    .SlevaInfoBlank {font-size: 10px;}
    
    .grid-margin{margin: 0px!important; width:100%!important;}
    .stretch-card{margin: 0px!important; width:100%!important;}
    .card{margin: 0px .5% 10px .5%!important;width:99%!important;}
}
@media only screen and (max-width: 540px) {
    .produkt2{	width: 48%;	margin: 0px 1% 20px 1%;}
    .pridejDoKosikuAkce  {	width: 98%;	font-size: .75em!important;}
    /*.ilu_obrazek2prosquare{	height: 160px;}*/
}
@media only screen and (max-width: 420px) {
    .produkt2{	width: 48%;	margin: 0px 1% 20px 1%;}
    .pridejDoKosikuAkce  {	width: 100%;	;font-size: .65em!important;} 
    /*.ilu_obrazek2prosquare{	height: 130px;}*/
}

/*--------------------animace kliknuti-------------------*/
/* explosion container*/
.explosion {
	position: absolute; /* required if positioned on click else 'relative'*/
	width: 600px;
	height: 600px;
	pointer-events: none; /* make it clickable trhough*/
	z-index: 100000000000000;
}
  /* particle styling*/
  .particle {
    position: absolute; /*  required */
    width: 10px;
    height: 10px;
    border-radius: 50%;
    animation: pop 1s reverse forwards; /*  required*/
  }


/*  animation for particle fly away from the cursor*/
@keyframes pop {
  from {
    opacity: 0;
  }
  to {
    top: 50%;
    left: 50%;
    opacity: 1;
  }
}

.IcoSquareText {padding:10px;}

@media only screen and (max-width: 1280px) 
{
  .IcoSquareBlock{margin: 0px .5% 0px .5%; width:12.2%;text-align:center;padding:0px}
  .IcoSquareText {padding:5px;}
  .btn.btn-icons-big {width: 40px;height: 40px;padding: 7px;text-align: center;vertical-align: middle; }
    .btn.btn-icons-big i {margin: auto;line-height: initial;font-size: 1.3rem;}
} 

@media only screen and (max-width: 640px) 
{
  .IcoSquareBlock{margin: 0px .5% 0px .5%; width:12.2%;text-align:center;padding:0px}
  .IcoSquareText {padding:5px;}
  .btn.btn-icons-big {width: 30px;height: 30px;padding: 5px;text-align: center;vertical-align: middle; }
    .btn.btn-icons-big i {margin: auto;line-height: initial;font-size: .9rem;}
} 
@media only screen and (max-width: 480px) 
{
  .IcoSquareBlock{margin: 0px .5% 0px .5%; width:12.2%;text-align:center;padding:0px}
  .IcoSquareText {display:none;}
} 
@media only screen and (max-width: 640px) 
{
    h3{font-size: 18px;}
} 
