*{
	margin:0;
	padding:0;
}
div.cart_details p,
.kosiktb tr td,
a:hover,
.produktIK,
ul.oe_menu  a,
.word table.okraj2 td,
ul.oe_menu li.lang ul li img{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

img{
	border:none
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #fff;
	overflow-x:hidden;
	margin:0px;
	padding:0px;
}
.clr{
  clear:both
}
.bg_img{
	position:fixed;
	z-index:0;
	width:100%;
	height:100%;
	top:0px;
	left:0px
}
.bg_img img{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:0;
}
.bg_img2{
	background-image:url('../images/pattern.png');
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
}
h2{
	position:absolute;
	top:140px;
	left:50px;
	font-size:40px;
	font-weight:normal;
	color:#97CE15;
	text-shadow:3px 3px 5px black, 3px 3px 5px black, -1px 0px 5px black, 0px -1px 5px black, -1px 0px 5px black;
	z-index:3
}
/*tien - menu*/
.oe_overlay{
	background-image:url('../images/op06.png');
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
}
.oe_overlay2{
	background-image:url('../images/op09.png');
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
}
/*menu*/
ul.oe_menu{
	list-style:none;
	position:relative;
	margin:0px 0px 0px 40px;
	height:0px;
	text-transform:uppercase;
	z-index:9;
	top:30px
}
ul.oe_menu > li{
	padding-bottom:2px;
	float:left;
}
ul.oe_menu > li > a{
	display:block;
	background-image:url('../images/op09.png');
	color:#BFE1F2;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	width:90px;
	height:70px;
	padding:10px;
	margin-right:10px;
	z-index:999;
  border:1px solid #0087CB;
  border-radius:15px 0px 15px 0px;
  -webkit-border-radius: 15px 0px 15px 0px;
  -moz-border-radius: 15px 0px 15px 0px;
  box-shadow:4px 4px 5px black, inset 4px 4px 18px rgba(0,135,203,0.4), inset 0px 0px 2px 2px rgba(0,135,203,0.4);
  -moz-box-shadow:4px 4px 5px black, inset 4px 4px 18px rgba(0,135,203,0.4), inset 0px 0px 2px 2px rgba(0,135,203,0.4); 
  -webkit-box-shadow: 4px 4px 5px black, inset 4px 4px 18px rgba(0,135,203,0.4), inset 0px 0px 2px 2px rgba(0,135,203,0.4); 
}
ul.oe_menu > li > a img{
  margin-left:12px
}

ul.oe_menu > li > a.selected {
	background:#BFE1F2;
	color:#101010;
	opacity:1.0;
   box-shadow: inset 4px 4px 8px #202020, inset -2px -2px 4px #363636;
  -moz-box-shadow: inset 4px 4px 8px #202020, inset -2px -2px 4px #363636; 
  -webkit-box-shadow: inset 4px 4px 8px #202020, inset -2px -2px 4px #363636; 
}
ul.oe_menu > li > a:hover, .oe_wrapper ul.hovered > li > a {
	background:#BFE1F2; color: #000000;
  box-shadow: inset 4px 4px 8px #202020, inset -2px -2px 4px #363636;
  -moz-box-shadow: inset 4px 4px 8px #202020, inset -2px -2px 4px #363636; 
  -webkit-box-shadow: inset 4px 4px 8px #202020, inset -2px -2px 4px #363636;   
}
ul.oe_menu div{
	position:absolute;
	top:94px;
	left:1px;
	background:#fff;
	width:auto;
	min-width:370px;					/*treba prispÄ‚â€žĂ˘â‚¬ĹˇÄ‚â€šĂ‚Â´sobiÄ‚â€žĂ„â€¦Ä‚â€žĂ˘â‚¬Ĺľ*/
	height:auto;
	min-height:120px;
  margin-top:0px;
	padding:30px 200px 30px 30px;
	display:none;
}
ul.oe_menu div ul li a{
	text-decoration:none;
	color:#222;
	padding:4px 10px;
	margin:2px;
	display:block;
	font-size:12px;
}
/*******************************************/
ul.oe_menu div ul li a.other1{
  background:#40A8DC;
  color:black
}
/*******************************************/
ul.oe_menu div ul li span img{
	display:none
}
ul.oe_menu div ul li:hover span img{
	position:absolute;
	max-width:170px;
	display:block;
	float:left;
	right:15px;
	top:15px
}
ul.oe_menu div ul li:hover span img{
	position:absolute;
	max-height:150px;
	display:block
}
ul.oe_menu div ul li a:hover{
	background:#000;
	color:#008BD0;
}
ul.oe_menu div ul li a.selected{
	background:#000;
	color:#008BD0;
}
ul.oe_menu li ul{
	list-style:none;
	float:left;
	width: auto;
	margin-right:10px;
}
li.oe_heading{
	color:#004D9B;
	font-size:16px;
	margin-bottom:10px;
	padding-bottom:6px;
	border-bottom:1px solid #004D9B;
}

/*banner*/
ul.oe_menu li.banner{
	float:right;
}
ul.oe_menu li.banner a img{
	height:auto;
	max-height:120px;
	width:auto;
	margin-top:-25px
}


/*logo*/
ul.oe_menu li.logo{
	float:right;
}
ul.oe_menu li.logo h1 a img{
	height:auto;
	max-height:120px;
	width:auto;
	margin-top:-25px
}
/*lang*/
ul.oe_menu li.lang{
	display:block;
	width:30px;
	height:81px;
	line-height:27px;
	padding-top:7px;
	padding-left:2px;
	float:right;
	margin-right:7px
}
ul.oe_menu li.lang ul li img{
	margin:0px;
	height:20px ;
	border:1px solid black;
	border-radius:5px;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;

}
ul.oe_menu li.lang ul li img:hover{
	box-shadow:0px 0px 5px 3px #0087CB;
	-moz-box-shadow: 0px 0px 5px 3px #0087CB;
	-webkit-box-shadow: 0px 0px 5px 3px #0087CB;
}
ul.oe_menu li.lang ul li img.active{
	box-shadow:0px 0px 5px 3px #0087CB;
	-moz-box-shadow: 0px 0px 5px 3px #0087CB;
	-webkit-box-shadow: 0px 0px 5px 3px #0087CB;
}
/*obsahova Ă„Ĺ¤asÄąÄ„*/
.obsah{
  position:absolute;
  width:100%;
}
.dva-stlpce-index{
	width:700px;
	margin:auto
}
.dva-stlpce{
	width:700px;
	margin:0px auto 250px auto;
	background-image:url('../images/op09.png');
	padding:20px;
	color:white;
	position:relative;
	top:150px;
	left:0px;

  border:1px solid #0087CB;
  border-radius:20px 0px 20px 0px;
  box-shadow:3px 3px 10px black, inset 4px 4px 18px rgba(0,135,203,0.4); 

}
/*facebook*/
.facebooooooook {
 position: fixed; top:155px; right: 0; cursor: Pointer; z-index:999;
}



/*lišta v pravej strane*/
.novinka_left {
 position: fixed; bottom: 60px; right: 0; cursor: Pointer; z-index:99999; 
}
.novinka_left_samotny1 {
 z-index: 1000; position: relative; margin-right: -210px; height: 168px; width: 315px;;
  background:url('../images/novinka1.png') no-repeat;
}
.novinka_left_samotny2 {
 height:168px; width:315px; 
 display:block;
 z-index:99; position:relative;
 background:url('../images/novinka2.png') no-repeat;
}







/*word*/
.word{
	margin:0px auto 0px auto;
	background-position:center top;
}
.word a.cros{
	position:absolute;
	top:20px;
	right:20px;
}
.word a.cros img{
	height:15px;
	width:15px;
	display:block
}
.word p{
	margin-bottom:7px;
	margin-top:7px;
	line-height:20px
}
.word a{
	text-decoration:none;
	color:#A6CE39
}
.word a:hover{
	text-decoration:underline
}
.word hr{
	height:1px;
	background-color:#A6CE39;
	border:none
}
.word h3{
	color:#A6CE39;
	font-size:28px;
	text-shadow:2px 2px 2px black
}
.word table{
  margin:auto
}

.word table.okraj td {
 padding: 1px 3px; border: 1px solid #0087cb;
}
.word table.okraj2 td {
 padding: 1px 3px; border: 1px solid #003956;
}
.word table.okraj2 td:hover {
 padding: 1px 3px; border: 1px solid #0087cb;
}

/* strankyfiles */
.strankyfiles {
}
.strankyfiles .imgtype {
 float: left; margin: 0 10px 10px 7px;
}
.strankyfiles h4 {
 margin: 7px 0 10px 0; padding: 3px 6px 3px 6px; font-size: 120%; background: #45af00;
}
.strankyfiles .veci {
 float: left; width: 600px; margin: 0 0 10px 0;
}
.strankyfiles .veci h5.nazov {
 margin: 5px 0 3px 0; padding: 3px 6px 3px 6px; font-size: 90%; background: #F7F7F7; font-weight: none;
 background: url(../img/bgfiles.png) repeat;
}
.strankyfiles .veci h5.nazov a {
 color: #ffffff; font-size: 100%; 
}
.strankyfiles .veci p {
 padding: 1px 3px 1px 3px; text-align: justify;
}
.strankyfiles .imgdownload {
 float: left; margin: 1px 0 0 7px;
}
/* /strankyfiles */

.bottom {
 height: 10px;
}

/*footer*/
.footer{
	height:70px;
	width:100%;
	background:url('../images/vlnka.png') no-repeat;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:9999;
	font-size:11px;
  text-align:center;
}
.footer-obsah{
	z-index:99999;
	margin:6px auto 0px auto;
	padding-top:30px;
}
.footer-obsah a.logo img{
  height:50px;
  position:absolute;
  top: 15px;
  left:15px

}
.footer-obsah ul li{
	float:left;
	list-style-type:none;
  margin-top:-10px;

}
.footer-left{
  position:absolute;
  top:35px;
  left:205px;
  color:#0000C0;
  padding-left:10px;
  text-align:left;  
}
.footer-left input.text,
.footer-right input.text{
	border:1px solid #0000A3;
	background-color:#D9E5F7;
	color:#4040FF;
	padding: 2px 3px;
	margin-left:-10px;
	font-size:11px;
	height:15px;
	width:120px;
	border-radius:5px
}
.footer-left input:focus,
.footer-right input:focus{
	background-color:white;
	color:#000080
}
.footer-left input.ok,
.footer-right input.ok{
	padding:2px 5px;
	cursor:pointer;
	height:25px
}
.footer-right{
	padding-left:20px
}
div.footer-center{
	width:100%;
	position:fixed;
	bottom:0px;
	z-index:9999;
}
div.footer-center a{
  text-align:center;
  margin:auto;
	text-decoration:none;
	color:white;
	background:black;
  letter-spacing:1px;
  padding:3px 10px 0 10px;
	border-radius: 10px 10px 0 0;
  border:1px solid #B0B0B0;
  border-bottom:none;
  box-shadow:0 0 10px black;
  font-size:12px
}
div.footer-center a:hover{
	border:1px solid #0080FF;
}
/*partneri*/
.partneri-index{
	position:fixed;
	bottom:50px;
}
.partneri a img{
	max-height:60px
}
.part{
	padding:10px;
	text-align:center;
	font-size:17px;
	color:yellow;
	text-shadow:1px 1px 1px black
}
 /*INFO*/
.info{
	margin-right:15px;
}
.info img{
	height:25px;
	margin-top:5px;
	cursor:help
}
.info ul{
	background-color:black;
	color:yellow;
	display:block;
	position:absolute;
	bottom:34px;
	border:1px solid #0087CB;
	border-bottom:none;
	text-align:center;
	margin-left:-50px;
	border-radius:10px 10px 0px 0px;
	display:none
}
.info:hover ul{
	display:block
}
.info ul li{
	clear:both;
	width:160px;
	line-height:20px
}
.info ul li.nadpis{
	line-height:25px
}
.info ul li a{
	height:20px;
	width:160px;
	display:block;
	text-decoration:none;
	color:white
}
.info ul li a:hover{
	text-decoration:underline
}





.infostudio-index{
	position:fixed;
	bottom:0px;
  width:100%; height:75px;  
  background:rgba(0,0,0,0.8);
  border-top:3px solid black;
  padding:0px;

}
.infostudio{
position:absolute;
  z-index:9999999
}



/*internetový obchod*/

.produktIK{
  border:1px solid #004466;
  padding:5px;
  margin:5px 0;
  float:left;
  display:inline-table;
  width:690px ;

}
.produktIK:hover{
  border:1px solid #0087CB;
  box-shadow:0px 0px 5px #0087CB;
  border-radius:10px
}
div.technology{ 
  cursor: hand;
  cursor: pointer;
  font-weight:100;
  font-size:20px;
  display:block;
  width:20px;
  float:left
}

div.technology-nadpis{
  float:left;
  width:370px;
  margin-right:10px;
  color:#FFFFC0;
  font-size:12px;
  padding-left:5px;
  line-height:24px;
  font-weight:normal;
  letter-spacing:1px
}
div.technology-cena{
  float:left;
  color:#A6CE39;
  font-size:20px;
  width:255px;
  line-height:22px;
}
div.technology-cena span{
  float:left;
  color:#B6B6B6;
  font-size:18px;
  width:60px;
  display:block;
  text-align:right;
  margin-right:10px
}
div.technology-cena span.cross{
  width:60px;
  height:24px;
	background:url('../img/crossprice.png') center center no-repeat;
	position:absolute;
	opacity:0.7
}
div.technology-cena span.new{
  float:left;
  color:#A6CE39;
  font-size:20px;
  line-height:24px;
  width:70px;
}

div.technology-cena span.zlava{
  float:left;
  color:white;
  font-size:18px;
  width:50px;  width:90px;
  display:block;
  text-align:center;
  margin-right:15px;
  font-size:16px;
}
div.produktIK input[type=image]{
  position:absolute;
  width: 24px, height: 24px
}
div.thelanguage{
  clear:both;
  font-weight:normal;
  font-size:12px;
  margin:5px;
  padding-top:10px;
  letter-spacing:1px;
  border-top:1px solid #004466
}
div.thelanguage span{
  margin-bottom:3px;
  display:block;
}
div.thelanguage span strong{
  color:yellow
}
.openlanguage{color: #00FF00;}
.closedlanguage{color: #A6CE39;}

p.konecnacenadph{
  font-size:12px;
  color:#FF00FF;
  letter-spacing:1px
}
div.cart_details{
	width:100%;
	position:fixed;
	top:0px;
	z-index:9999;
  text-align:center;
}
div.cart_details p{
  margin:auto;
  background:black;
  width:270px;
  height:25px; line-height:25px;
  border-radius:0 0 10px 10px;
  border:1px solid #B0B0B0;
  border-top:none;
  box-shadow:0 0 10px black;
  font-size:12px
}
div.cart_details p:hover{
	border:1px solid #0080FF;
  border-top:none;
}
div.cart_details span{
  color:#606060
}
div.cart_details img{
  width:15px;
  position:absolute;
  top:5px
}

/* košík*/

.kosiktb {
 clear: both;
 width: 100%;
 font-size: 13px;
 color: #000000;
 border-top: 1px solid #A6CE39;
 border-bottom: 1px solid #A6CE39;  
}
.kosiktb td {
  padding: 2px;
  color:white
}
.kosiktb tr:hover {
  background:#413E42
}
.kosiktb tr.head td {
  color:black;
  padding:0px 3px
}
.kosiktb input {
 width: 20px;
 font-size: 90%;
}
.kosiktb input[type=image] {
  height:12px; width:12px
}
.kosikveci {
 width: 100%; padding: 8px 4px 10px 0; text-align: right; font-size: 110%; border-bottom: 1px solid #A6CE39;clear:both
}
.kosiksumy {
 float: right;

}
.kosiksumy td {
 padding: 1px 3px 1px 5px; font-size:12px
}
.kosiksumy .cenaobjednavky td {
 padding-top: 15px; padding-right: 0;  
}
.kosiksumy .cenaobjednavky span {
 padding: 2px 3px 2px 3px; color:#A6CE39; font-size:14px;
}
.kosiksumy.predzlavou {
 font-size: 80%;
}
p.prazdnyKosikInfo{
text-align:center;
margin-top:10px;
margin-bottom:-50px;
color:#B3CBED
}
input.dalsiKrok{
  float:right;
  padding:3px 7px;
  margin-top:15px;
  cursor:pointer;
  cursor:hand
}
input.mensieODS{
  margin-top:-7px
}


/* registrácia */

.blok {
  padding:0 0 40px 40px;
  margin:15px 0 25px 0px;
  line-height:25px;
  font-size:12px;
  color:#000000;
  font-weight:bold;
  border:1px solid #0087CB;
	background:#BFE1F2;
	color:#101010;
   box-shadow: inset 2px 2px 4px #00356A, inset -2px -2px 4px #062C43;
  -moz-box-shadow: inset 2px 2px 4px #00356A, inset -2px -2px 4px #062C43; 
  -webkit-box-shadow: inset 2px 2px 4px #00356A, inset -2px -2px 4px #062C43;
}
.uhrada  {
  padding:0 0 10px 40px;
}
.blok p{
  font-size:18px;
  color:#062C43;
  text-shadow:1px 1px 3px white;
  text-align:center
}
.blok input[type=text]{
  border: 1px solid #0080C0;
  color:black;
  margin-top:3px;
  padding:2px 5px
}
.blok span.red{
  color:red
}
.blok .leftreg{
  float:left;
  width:75px;
  text-align:right;
  padding-right:15px
}
.blok .rightreg{
  float:left;
  margin-right:10px
}
.blok .riadok{
  clear:both;

}
.chybneForm{
  margin: 15px 0 0px 0;
  padding: 5px;
  background: #FFD0D0;
  border: 1px solid red;
  color:black;
  box-shadow: inset 0px 0px 10px #FF4040;
  font-size:12px;
  letter-spacing:1px
}
.kontrolaForm{
  margin: 15px 0 0px 0;
  padding: 5px;
  background: #CFFFCF;
  border: 1px solid #00FF00;
  color:black;
  box-shadow: inset 0px 0px 10px #40FF40;
  font-size:12px;
  letter-spacing:1px;
  font-size:14px;
  font-weight: bold;

}
.chybneForm span{
  font-size:14px;
  font-weight: bold;
}

div.schovatRozbalit{
  position:absolute;
  top:20px; right:45px;
  height:16px; line-height:16px
}
div.schovatRozbalit img{
  margin-left:5px;
}