* { font-size: 100%; }
small {
  font-size: 11px;}
body {
	color: #111;
	background-image: url(../obr/back-small.png);
	background-color: #fff;
	background-position: center 0px;
	background-repeat: repeat-x;
	background-size: auto 100px;
	text-align: center;
	font-family: Verdana, Geneva, Sans-Serif, Arial, Helvetica;
}

#telowebu {
	position: relative;
	text-align: left;
	top: 93px;
	margin: 0 auto 0 auto;
	background-color: #fff;
	width: 980px;
	height: 380px;}

A {
	text-decoration: none;
	color:#8AB420;}

A:hover {
	color: #272d70;
	text-decoration: underline;}

img {
	border: 0px;}

.doprava {
	position: fixed;
	left: 50%;
	text-align: center;
	top: 169px;
	width: 70px;
	margin-left: 500px;
	z-index: 55;
	font-size: 12px;}

.doprava .cenovka {
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0px 0px 1px rgba(0, 0 ,0, .4);
	color: #f9c126;}

.doprava .dopravazdarma {
	overflow:hidden;
	height: 113px;
	width: 70px;
	position: absolute;
	top: 0px;}

/*
 * HLAVICKA
 * */

.logo {
	position: relative;
	top: 5px;
	left: 0px;}

.hlavicka {
	position: absolute;
	top: -100px;
	background-image: url(../obr/vrch-small.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	height: 100px;
	width: 980px;}

.kosik {
	position: absolute;
	top: 25px;
	left: 820px;
	width: 140px;
	height: 68px;
	text-align: right;
	color: #fff;
	font-size: 12px;}

.kosik a{
	color: #fff;}

.kosik .basket{
	position: absolute;
	left: -10px;
	top: 0px;}

.kosik .cenovka{
	text-align: right;
	position: absolute;
	left: 74px;
	top: 10px;}

.kosik .kusu{
	text-align: right;
	position: absolute;
	left: 90px;
	top: 25px;}

.login {
	position: absolute;
	top: 5px;
	right: 20px;
	width: 500px;
    color: #F6BE23;
	text-align: right;
	font-family: Verdana, Geneva, Sans-Serif, Arial, Helvetica;
	font-size: 12px;}

.reg {
	position: absolute;
	right: 10px;}

.log {
	position: absolute;
	right: 110px;}

.login .logout button{
	position: absolute;
	top: -5px;
	right: 10px;
	cursor: pointer;
	text-align: left;
	border: 0px;
	background: none;
	color: #fff;
	width: 100px;}

.login .loggin button{
	position: absolute;
	top: -5px;
	right: 80px;
	cursor: pointer;
	text-align: left;
	border: 0px;
	background: none;
	color: #fff;
	width: 100px;}

.login a{
	color: #ccc;}

.logform {
	position: absolute;
	top: 25px;
	left: 176px;
	width: 180px;
	padding: 12px 5px 5px 17px;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(50,50,50,.4) inset, 0 1px 0 rgba(255,255,255,.2);}

.log_in:before {
    content: '';
    position: absolute;
    border-width: 0px 8px 8px 8px;
    border-style: none solid solid solid;
    border-color: transparent transparent rgba(50,50,50,.4) transparent;
    top: -8px;
    left: 180px;}

.log_in input {
    border: 0;
    margin: -2px;
    padding: 5px 0px 0px 0px;}

.log_in button{
    overflow: visible;
    margin: -2px;
    position: relative;
	cursor: pointer;
    top: -2px;
    border-radius: 0px 8px 8px 8px;
    background-color: #8ab420;
    background-image: url('../obr/button.png');
    background-repeat: repeat-x;
    background-position: bottom;
    color: #fff;
    width: 70px;
    height: 26px;
    border: 0;
    padding: 0;}

.nevyrizene {
	position: absolute;
	top: 40px;
	width: 230px;
	height: 35px;
	text-align: center;
	color: black;
	padding-top: 5px;
	border: 1px rgba(255,255,255,.4) solid;
	background-color: rgba(255,255,255,.2);
	border-radius: 10px;
	left: 140px;}

.nevyrizene:before {
    content: '';
    position: absolute;
    border-width: 0px 8px 8px 8px;
    border-style: none solid solid solid;
    border-color: transparent transparent rgba(255,255,255,.4) transparent;
    top: -9px;
    left: 207px;}

/*
 * MENU
 * */

.menu {
	position: absolute;
	top: -10px;
  }

.menu ul{
/*
    background-image: url('obr/menu.png');
*/
	position: relative;
	left: -40px;
	font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
	list-style: none;}

.menu .selected {
	color: #272d70;
  text-decoration: underline;
}

.menu li.selected{
	list-style: none outside url('../obr/strom1.gif');
  text-decoration: none;}

.menud li.selected{
	list-style: none outside url('../obr/strom2.gif');
  text-decoration: none;}

.menu .first {
  height: 28px;
  width: 170px;
  padding: 7px 0 0 10px;
  background-image: url('../obr/menu.png');
}

.menu a {
    color: #000;}

.menu li a{
	color: #000;}

.menud li {
    margin-left: 40px;
    width: 150px;
	letter-spacing: 1px;
	font: italic 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
	list-style: none outside url('../obr/strom0.gif');}

.menut li {
    margin-left: 60px;
    width: 130px;}

.menud li a{
	color: #5a7716;}

.menut li a{
	color: #353535;
	font: normal 13px 'lucida sans', 'trebuchet MS', 'Tahoma';}

.menu ul li a:hover{
	color: #272d70;}

.menud a:hover{
	color: #05372b;}

.find {
	position: relative;
	top: 30px;
	width: 250px;
	left: -100px;
	border: 0px;}

.find button {
	overflow: visible;
	position: absolute;
	border: 0px;
	padding: 0;
	width: 60px;
	height: 27px;
	cursor: pointer;
	color: #fff;
	font-family: 'lucida sans', 'trebuchet MS', 'Tahoma';
	background-color: #265A88;
	border-radius: 0px 3px 3px 0px;}

 .find input {
	background-image: url('../obr/lupa-ico.png');
	background-repeat: no-repeat;
	background-size: 22px;
	background-position: 2px 3px;
	background-color: #eee;
	z-index: 20;
	padding-left: 30px;
	height: 25px;
	min-width: 250px;
	max-width: 250px;
	float: left;
	color: #000;
	font: bold 13px 'lucida sans', 'trebuchet MS', 'Tahoma';
	border: 0px solid #686868;
	border-radius: 3px 0px 0px 3px;  }

.informace {
	text-align: center;
	border: solid rgba(16,35,114,.2) 1px;
	border-style: none solid dotted solid;
	width: 179px;
	border-radius: 6px 6px 6px 6px;
	margin: 0 auto 0 auto;}

.infonadpis {
	font-style: normal;
	border-radius: 6px 6px 0px 0px;
	background: rgba(16,35,114,.2);}

/*
 * OBSAH
 * */

.obsah {
	position: absolute;
	top: 0px;
	left: 190px;
	width: 790px;
	height: 200px;
	background-color: #fff;}

.obsah h1 {
	position: relative;
	top: 10px;
  z-index: 5;
	color: #272d70;
	font-size: 30px;
	text-shadow: 1px -1px 1px rgba(0, 0 ,0, .2);}

.drobky {
	position: relative;
	top: 4px;
	left: 15px;
	font-size: 14px;
	z-index: 15;
	}

.drobky A {
	color: #638219;}

.drobek {
	position: relative;
	top: 6px;
	left: -2px;}

.nobutton {
	border: 0px;
	background: none;
	cursor: pointer;}

.registrace {
	color: #000;
	font-size: 14px;
	width: 320px;
	text-align: right;
	position: relative;
	left: 50px;
	top: 20px;}

.regvyhody {
	position: absolute;
	left: 400px;
	font-size: 13px;
	top: 50px;}

.error {
	border: solid #272d70 1px;
	position: relative;
	padding-left: 60px;
	width: 300px;
	left: 30px;
	text-align: center;
	height: 100px;
	border-radius: 20px;
	background: rgba(16,35,114,.2);}

.errorx {
	width: 460px;
	font-size: 14px;
	text-align: left;
	border: solid #272d70 1px;
	position: relative;
	padding: 0px 0px 0px 40px;
	left: 30px;
	border-radius: 20px;
	background: rgba(16,35,114,.2);}

.errorx li {
	list-style: none outside url('../obr/cross.gif');
	padding:  0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;}

.soldier {
	position: absolute;
	top: 40px;
	left: -20px;}

.soldierx {
	position: absolute;
	z-index: 20;
	bottom: 50px;
	left: -10px;}

.regvyhody li {
	list-style: none outside url('../obr/tick.gif');
	margin-bottom: 5px;}


h2 {
	font-size: 22px;
	color: #272d70;}

.infozbozi {
	position: absolute;
	width: 300px;
	height: 220px;
	top: 100px;
	left: 440px;}

.voucher {
  position: absolute;
  right: 30px;
	background: rgba(39,45,112,.2);
  border-radius: 10px;
  width: 320px;
  height: 80px;
}

.voucher h4 {
  text-align: center;
  position: relative;
  top: -10px;
  }

.voucher input {
  position: relative;
  top: -25px;
  text-align: center;
  margin: 0 auto 0 auto;
  }

.vouchermessage {
  position: absolute;
  left: 20px;
  width: 380px;
  height: 140px;
  font-size: 14px;
}

.vouchermessage h4 {
	color: #272d70;
}

.hodnoceni {
	position: relative;
	left: 30px;}

.hodnocenihvezdy {
	position: relative;
	left: 195px;
	cursor: help;
	top: -24px;
	overflow:hidden;
	height: 20px;
	width: 100px;}

.hodnocenihvezdyfiltr {
	position: relative;
	left: 0px;
	cursor: help;
	top: -24px;
	overflow:hidden;
	height: 20px;
	width: 100px;}

.hodnocenifiltr {
	position: absolute;
	left: 30px;
	top: 155px;}

.hodnocenihvezdydole {
	position: relative;
	left: 150px;
	top: -24px;
	overflow:hidden;
	height: 20px;
	width: 100px;}

.hodnocenihvezdyrecenze {
	position: absolute;
	left: 65px;
	padding-top: 51px;
	z-index: 1002;
	overflow:hidden;
	display: none;
	height: 20px;
	width: 100px;}

.hvezdysede {
	z-index: 2;
	position: absolute;
	margin-top: 51px;
	left: 65px;
	display: none}

.hvezdyzlate {
	 cursor: help;}

.hodnot{
	font-size: 10px;
	position: relative;
	top: 10px;
	left: -86px;}

.hodnot2{
	font-size: 10px;
	position: relative;
	top: 10px;
	left: -55px;}

.hodnot a{
	color: #3f3f3f;}

.hodnot2 a{
	color: #3f3f3f;}

.extrahodnoceni {
	z-index: 5;
	position: absolute;
	top: -65px;
	left: 80px;
	width: 180px;
	padding: 12px 5px 5px 17px;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(50,50,50,.4) inset, 0 1px 0 rgba(255,255,255,.2);}

 .hodnocenidole {
	position: relative;
	top: -2px;
	overflow:hidden;
	height: 20px;
	width: 100px;
}

.hodnoceniodeslat input {
	background-color: #fff;
	overflow: visible;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 20px;}

.hodnotform:before {
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color:  transparent rgba(50,50,50,.4) transparent;
    top: 47px;
    left: -8px;}

.hodnotform input {
    border: 0;
    margin: -2px;
    padding: 5px 0px 0px 0px;}

.hodnotform button{
    overflow: visible;
    margin: -2px;
    position: relative;
    top: -2px;
    border-radius: 0 5px 5px 0;
    width: 70px;
    height: 26px;
    border: 0;}

.hodnocenitabulka {
	padding: 0px;
	text-align: center;
	margin: 0 auto 0 auto;
	width: 400px;}

.recenze {
	#	background-color: blue;
	margin: 0 auto 0px auto;
	width: 600px; }

.recenze p {
	margin: 0;
}

.links {
	width: 600px;
	position: absolute;
	left: 24px;
	display: none;
	z-index: 50;
}

.vsenej {
	height: 100px;
	position: absolute;
	width: 700px;
	top: 230px;}

.vsenej li {
	width: 220px;
	height: 100px;
	position: absolute;
	top: 0px;
	list-style: none;
}

.vsenej img {
	position: relative;
	left: 125px;}

.vsenej .nej {
	position: absolute;
	left: 0px;
	text-align: center;
	top: 40px;
	text-shadow: 1px 1px 1px rgba(0, 0 ,0, .5);
	color: #272d70;
	font-size: 14px;
	padding: 20px 40px 0 0px;
	height: 50px;}

.vsenej h3 {
	position: absolute;
	text-shadow: 1px 1px 1px rgba(0, 0 ,0, .5);
	font-size: 21px;
	text-align: center;
	top: -18px;
	width: 130px;
	color: #f9c126;}

.bestsellers {
	width: 770px;
	height: 240px;
	padding: 0px 10px;
	margin: 0px;
}
.bestsellers h2 {
	margin: 0px 5px;
}
.bestsellers h3 {
	margin: 0px 35px;
}
.bestsellers h4 a {
	color: #000;
	position: relative;
	top: 0px;
}
.bestsellers li {
	width: 180px;
	height: 150px;
	list-style: none;
	float: left;
	margin: 5px;
}
.bestsellers img {
	margin: 0px auto;
	margin-left: -10px;
	display: block;
}
.bestsellers .filtr {
	width: 175px;
	padding: 1px 3px;
}
.bestsellers .filtr .cena {
	left: 120px;
}
.bestsellers .filtr .obrazek:hover {
  cursor: auto;
}

.kategorie ul {
	width: 700px;}

.kategorie .blabla{
	font-size: 14px;
	color: #666;
	top: 55px;
	left: 10px;
	position: absolute;
	border-radius: 6px 6px 0 0;
	padding: 5px 10px 5px 10px;
	background: rgba(16,35,114,.2);}

.kategorie .albalb{
	font-size: 14px;
	color: #666;
	top: 331px;
	left: 10px;
	position: absolute;
	border-radius: 0 0 6px 6px;
	padding: 5px 10px 5px 10px;
	background: rgba(16,35,114,.2);}

.kategorie li {
	width: 240px;
	position: absolute;
	list-style: none;
	padding: 3px;
	height: 65px;
	color: #666;
	border-radius: 6px;
	margin: 10px;
	font-weight: bold;
	background-color: rgba(16,35,114,.2)}

.kategorie hr {
	width: 755px;
	position: relative;
	top: 40px;
	left: -30px;
	color: rgba(16,35,114,.2);
	height: 1px;}

.kategorie li:hover {
	background-color: rgba(16,35,114,.1)}

.kategorie li .tekst{
	position: relative;
	top: -27px;
	left: 10px;}

.recenze:hover .links {
	display: block;
}

.recenze:hover .hodnocenihvezdyrecenze {
	display: block;}

.recenze:hover .hodnocenirecenze {
	display: block;}

.recenze:hover .hvezdysede {
	display: block;}

.recenzejmeno{
	text-align: center;
	position: relative;
	width: 180px;}

.recenzeuzivatel{
	font-size: 18px;
	padding-right: 20px;
	text-align: left;
	width: 180px;
	color: #272d70;	}

.recenzeobsah{
	position: relative;
	left: 190px;
	top: -48px;
	width: 410px;}

.hodnocenirecenze {
	position: absolute;
	display: none;
	margin-top: 80px;
	left: 40px;}

.hodnocenirecenze input {
	border: 0px;
	background-color: #fff;}

.recenze hr {
	position: relative;
	top: 1px;
	color: rgba(0,0,0,.9);}

#tabulka .vlozithodnoceni button{
	overflow: visible;
    margin: -2px;
    position: relative;
    top: -10px;
    background-color: #fff;
    border: 0;
    padding: 0;
    cursor: pointer;}

.obrazky {
  z-index: 4;
	position: absolute;
	height: 385px;
	top: 90px;
	left: 00px;}

.img1 {
  z-index: 0;
  position: absolute;
  top: 24px;
  left: 50px;}
.img2 {
  position: absolute;
  left: 400px;
  top: 242px;}
.img3 {
  position: absolute;
  left: 500px;
  top: 242px;}
.img4 {
  position: absolute;
  left: 600px;
  top: 242px;}

.cena {
	text-align: left;
	width: 300px;
	top: 40px;
  left: -50px;
	position: relative;
	background-color: white;}

.koupit {
	width: 210px;
  left: -20px;
	position: relative;
	top: 70px;
	text-align: right;
	padding: 10px 20px 43px 0px;
    background: rgba(16,35,114,.5);
    border-radius: 10px;}

.koupit button, .koupit .dostupnost {
	overflow: visible;
  position: relative;
  left: -5px;
  float: right;
  border: 0;
  padding: 0;
  cursor: pointer;
  height: 33px;
  width: 140px;
  font: bold 15px/33px 'lucida sans', 'trebuchet MS', 'Tahoma';
  color: #fff;
  background-image: url('../obr/button2.png');
  background-repeat: repeat-x;
  background-color: #272d70;
  border-radius: 0 6px 6px 0;
  text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);	}

.koupit .dostupnost {
  width: 180px;
  text-align: center;
  border-radius: 6px 6px 6px 6px;	}

 .koupit input {
	text-align: right;
	position: relative;
	left: 24px;
  height: 31px;
  float: left;
  font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
  border: 0;
  background: #eee;
  border-radius: 6px 0 0 6px;  }


.vasecena {
	width: 100px;
	text-align: right;}

.cenax {
	font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
	color: #da0014;
	position: relative;
	top: -22px;
	left: 140px;
	width: 100px;
	font-size: 22px;}

.dph {position: relative;
	top: -22px;
	cursor: help;
	left: 128px;
	color: 3f3f3f;
	font-size: 10px;}

.skladem {
	width: 100px;
	text-align: right;
	position: relative;
	top: -7px;
	left: 30px;}

.sklad {
	position: relative;
	top: -7px;
	left: 68px;
	font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
	color: #339933;
	font-size: 18px;}

.dodani {
	position: relative;
	top: 5px;
	left: -26px;
	color: #339933;
	font-size: 10px;}

.skladkosik {
	font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
	color: #339933;}

.skladkosiknot {
	font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
	color: #da0014;}

.vernostni {
	position: relative;
	top: -17px;
	left: -29px;
	cursor: help;
	font: normal 13px 'lucida sans', 'trebuchet MS', 'Tahoma';
	color: #272d70;}

.bodykosik {
	color: #272d70;}

.green {
	color: #5a7716;
  font-weight: bold;
	text-shadow: 1px -1px 1px rgba(0, 0 ,0, .2);}

.nakupem {
	width: 100px;
	text-align: right;
	position: relative;
	top: -17px;
	left: -39px;}

.popis {
	top: 300px;
	left: 300px;
	width: 350px;
	position: absolute;}

.popisprodukt {
	width: 650px;
	position: relative;
	left: 60px;}

.popisprodukt a {
	color: #444;
	text-decoration: underline;}

.popisprodukt a:hover {
	color: #8AB420;}

.slozeni {
	top: 350px;
	left: 300px;
	width: 350px;
	position: absolute;
	background-color: black;}

.zapomenuteheslo a{
	color: #fff;
	position: relative;
	top: 3px;}

.tagy{
  z-index: 5;
	position: absolute;
	top: 415px;
	left: 30px;
	background-color: #fff;
	width: 560px;}

.tagy a {
	background-color: rgba(138, 180 , 32, .8);
	color: #fff;
	font-size: 14px;
	padding: 2px 8px 2px 8px;
	margin-top: 5px;
	border-radius: 6px;
	width: 20px;}


.znacky {
	width: 120px;
	height: 155px;
	position: absolute;
	border-radius: 8px;
	border: 1px dashed #272d70;}

.znacky:hover {
	border: 1px solid #272d70;}

.znacky h3 {
	width: 130px;
	height: 35px;
	font-size: 12px;
	border: 0px;
	padding: 0px;
	margin: 0px auto 5px auto;
	text-shadow: 1px -1px 1px rgba(0, 0 ,0, .2);
	text-align: center;
	color: #272d70;}

.znacky h3 a {
	color: #272d70;}

.znacky button{
	position: absolute;
	left: 12px;
	top: 120px;
	overflow: visible;
    border: 0;
    cursor: pointer;
    height: 25px;
    width: 90px;
    color: #fff;
    background-image: url('../obr/button.png');
    background-repeat: repeat-x;
    margin: 0 5px 2px 5px;
	border-radius: 6px 6px 6px 6px;
	padding: 0px 25px 4px 25px;
	background-color: #8ab420;	}

.znacky .obrazek {
	margin: 0px 25px 0px 25px;}

.znacky-text h3 {
	font-size: 18px;
	color: #272d70;
	font-style: italic;
	letter-spacing: 1px;
	text-shadow: 1px -1px 1px rgba(0, 0 ,0, .4);
}

.znacky-popis {
	font-size: 14px;
	width: 650px;
	margin-left: 20px;
	margin-top: -10px;
}

#tabulka {
  z-index: 6;
	position: absolute;
	top: 460px;
	left: 0px;
	width: 650px;}

#tabulka hr{
	position: relative;
	top: 1px;
  width: 780px;
	color: rgba(16,35,114,.5);}

#tabulka butto{
	overflow: visible;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 33px;
	border-radius: 6px 6px 0 0;
	padding: 10px 10px 10px 10px;
	background: rgba(16,35,114,.5);	}

#tabulka button a{
	overflow: visible;
	position: relative;
	top: -5px;
    border: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;}

#tabulka li{
	display: inline;
	list-style-type: none;}

#tabulka ul {
	padding: 0;
	margin: 0px;}

#popis li{
	margin: 0;
	padding: 0 0 0 20px;
	display: list-item;}

.odkaz{
	font-size: 14px;
	color: #fff;
	border-radius: 6px 6px 0 0;
	padding: 10px 10px 10px 10px;
	background: rgba(16,35,114,.5);}

.odkazdolni{
	font-size: 14px;
	color: #fff;
	border-radius: 0 0 6px 6px;
	padding: 10px 10px 10px 10px;
	background: rgba(16,35,114,.5);}

#prislusenstvi {
	width: 750px;
	height: 480px;
	margin: 5px;}

.prislusenstvi {
	background-repeat: no-repeat;
	background-position: bottom;
	position: absolute;
	text-align: center;
	color: #222;
	width: 180px;
	height: 210px;
	padding: 5px 5px 0px 0px;}

.prislusenstvi2 {
	position: absolute;
	top: 340px;
	text-align: center;
	width: 150px;
	color: #222;
	height: 180px;
	padding: 5px 5px 0px 0px;}

.prislusenstvi .popis{
	font-size: 11px;
	position: absolute;
	width: 170px;
	top: 155px;
	left: 10px;
	text-align: center;}

.prislusenstvi2 .popis{
	font-size: 11px;
	position: absolute;
	width: 140px;
	top: 120px;
	left: 10px;
	text-align: left;}

.prislusenstvi a {
	color: #272d70;
	font-style: italic;
	font-size: 16px;}

.prislusenstvi .jmeno{
	font-style: normal;
	position: absolute;
	left: 60px;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0, 0 ,0, .3);
	height: 50px;
	width: 120px;}

.prislusenstvi .obrazek{
	position: absolute;
	z-index: -2;
	left: -2px;
	top: 0px;}

.prislusenstvi2 .obrazek{
	position: absolute;
	z-index: -2;
	left: -2px;
	top: 10px;}

#tabulka .prislusenstvi button{
	position: relative;
	left: -34px;
	top: 100px;
	overflow: visible;
    border: 0;
    cursor: pointer;
    height: 25px;
    width: 70px;
    color: #fff;
    background-image: url('../obr/button.png');
    background-repeat: repeat-x;
    margin: 0 0 2px 0;
	border-radius: 6px 0px 0px 6px;
	padding: 0px 10px 4px 10px;
	background-color: #272d70;	}

#tabulka .prislusenstvi input{
	position: relative;
	left: -66px;
	top: 100px;
	overflow: visible;
    border: 0;
    cursor: pointer;
    height: 25px;
    width: 70px;
    color: #fff;
    margin: 0 0 2px 0;
	border-radius: 0px 6px 6px 0px;
	padding: 0px 10px 4px 10px;
    background-image: url('../obr/button.png');
    background-repeat: repeat-x;
	background-color: #8ab420;	}

#tabulka .prislusenstvi2 button{
	position: relative;
	left: -62px;
	top: 65px;
	overflow: visible;
    border: 0;
    cursor: pointer;
    height: 25px;
    width: 70px;
    color: #fff;
    background-image: url('../obr/button.png');
    background-repeat: repeat-x;
    margin: 0 0 2px 0;
	border-radius: 6px 0px 0px 6px;
	padding: 0px 10px 4px 10px;
	background-color: #272d70;	}

#tabulka .prislusenstvi2 input{
	position: relative;
	left: -65px;
	top: 65px;
	overflow: visible;
    border: 0;
    cursor: pointer;
    height: 25px;
    width: 70px;
    color: #fff;
    margin: 0 0 2px 0;
	border-radius: 0px 6px 6px 0px;
	padding: 0px 10px 4px 10px;
    background-image: url('../obr/button.png');
    background-repeat: repeat-x;
	background-color: #8ab420;	}


#tabulka .prislusenstvi form{
	position: relative;
	left: 104px;
	top: -27px;}

#tabulka .prislusenstvi2 form{
	position: relative;
	left: 98px;
	top: -27px;}

.prislusenstvi .pcena {
  position: absolute;
	text-shadow: 1px -1px 1px rgba(0, 0 ,0, .2);
	color: #8ab420;
	font-size: 20px;
	background-color: none;
  padding: 0px;
  border-radius: 20px;
	width: 70px;
  z-index: 1;
	left: 95px;
	top: 95px;}

.prislusenstvi .sleva {
	position: absolute;
	top: 80px;
	left: 122px;
	text-decoration: line-through;
	font-size: 12px;
	color: #666;}

.prislusenstvi2 .sleva {
	position: absolute;
	top: 50px;
	left: 95px;
	text-decoration: line-through;
	font-size: 10px;
	color: #666;}

.prislusenstvi2 a {
	color: #272d70;
	font-style: italic;
	font-size: 16px;}

.prislusenstvi2 .jmeno{
	font-style: normal;
	position: absolute;
	left: 30px;
	#background-color: purple;
	height: 50px;
	width: 120px;}

.prislusenstvi2 .pcena {
	position: relative;
	top: 35px;
	left: 70px;
	color: #da0014;}

.dalsizbozi {
	width: 650px;
	height: 220px;}

.akce {
	top: 33px;
    z-index: 5;
	left: 120px;
	position: absolute;}

.akce2 {
	top: 0px;
    z-index: 5;
	left: 0px;
	position: absolute;}

.rarita {
	top: 33px;
    z-index: 5;
	left: 0px;
	position: absolute;}

.nakupnikosik {
	table-layout: fixed;
	border-collapse: collapse;}

.nakupnikosik tr {
	border-radius: 20px;}

.nakupnikosik button{
  cursor: pointer;
  height: 16px;
  width: 16px;
  padding: 0px;
  background-image: url('../obr/crosswhite.png');
  margin: 0px;
	background-color: #636363;
  background-repeat: no-repeat;
  background-position: 1px;
  border-radius: 4px;
	border: 0px;}

.nakupnikosik button.plus,.nakupnikosik button.minus {
  position: relative;
  cursor: pointer;
  height: 16px;
  width: 16px;
  padding: 0px;
  margin: 0px;
  top: -15px;
  background-position: 4px;
	border: 0px;}

.nakupnikosik button.minus{
  background-image: url('../obr/minuswhite.png');
  left: -41px;}

.nakupnikosik button.plus{
  background-image: url('../obr/pluswhite.png');
  left: 41px;}

.nakupnikosik button.plus img,
.nakupnikosik button.minus img{
  border: 0px;
  position: relative;
  top: -3px;
  padding: 5px 0 7px 2px;}

.nakupnikosik input{
	position: relative;
	top: 8px;
  height: 25px;
  width: 35px;
  padding: 0px;
  margin: 0px;
  text-align: right;
  border-radius: 3px;
  color: #000;
	background-color: #dcdcdc;
	border: 0px;}


.nakupnikosik button img{
  border: 0px;
  margin: -1px -1px 2px -2px;}

.nakupnikosik td {
	padding: 0px;
	margin: 0px;
	height: 10px;}

.nakupnikosik a{
	font-size: 14px;
	color: #272d70;}

.nakupnikosik a:hover{
	text-decoration: underline;
	color: #5762ec;}

.nakupnikosik img {
	border: 1px solid #fff;
	border-radius: 3px 3px 3px 3px;
	margin: 3px 3px 0px 3px;}

.nakupnikosik img:hover {
	border: 1px solid #d7d7d7;
	margin: 3px 3px 0px 3px;}

.pravysloupec {
	position: absolute;
	top: 0px;
	font-size: 14px;
	text-align: right;
	width: 300px;
	left: 350px;}

.souhrnseznam {
	position: relative;
	top: 0px;
	width: 530px;
	border: 1px dashed #666;
	border-radius: 10px;
	margin: 10px;
	padding: 5px;}

.souhrnseznam a{
	color: #333;}
  
.dorucovaci {
	position: absolute;
	top: 100px;
	width: 200px;
	left: 550px;
	border: 1px dashed #666;
	border-radius: 10px;
	margin: 10px;
	padding: 5px;
	height: 110px;}

.fakturacni {
	position: absolute;
	top: 230px;
	width: 200px;
	padding: 5px;
	left: 550px;
	border: 1px dashed #666;
	margin: 10px;
	border-radius: 10px;
	height: 150px;}

.cudl {
	position: absolute;
	width: 200px;
	font-size: 14px;
	left: 568px;
	height: 50px;}

.souhrnceny {
	text-shadow: 0px 0px 1px rgba(0, 0 ,0, .6);
	text-align: right;
	color: #8ab420; }

.kostlacitko {
	border: 0px;
	color: #fff;
	height: 40px;
	position: relative;
	left: 55%;
	cursor: pointer;
	top: 10px;
	padding: 0px 20px 0px 20px;
	text-transform:uppercase;
	background-color: rgba(138,180,32,.8);
	border-radius: 10px;}

.zelenetlacitko {
	border: 0px;
	color: #fff;
	height: 30px;
	cursor: pointer;
	padding: 0px 10px 2px 10px;
	text-transform:uppercase;
	background-color: rgba(138,180,32,.8);
	text-shadow: 1px 1px 1px rgba(0, 0 ,0, .2);
	box-shadow: 1px 1px 1px rgba(0, 0 ,0, .3);
	border-radius: 10px;}


#cryptoprice {
  font-size: 30px;
  margin-bottom: 5px;
  cursor: pointer;
}

#cryptoname {
  color: #888;
  font-size: 24px;
}

#cryptoaddress {
  cursor: pointer;
  font-size: 20px;
}

#cryptobutton {
  color: #282D71;
  margin-top: 25px;
  border: 1px solid #282D71;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 4px;
  background-color: #fff;
  font-weight: bold;
}

#cryptobutton img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.logformkos {
	position: relative;
	top: -6px;
	left: 76px;
	width: 180px;
	padding: 12px 5px 5px 17px;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(50,50,50,.4) inset, 0 1px 0 rgba(255,255,255,.2);}


.logformkos:before {
    content: '';
    position: absolute;
    border-width: 0px 8px 8px 8px;
    border-style: none solid solid solid;
    border-color: transparent transparent rgba(50,50,50,.4) transparent;
    top: -8px;
    left: 10px;}


.logformkos input {
    border: 0;
    margin: -2px;
    padding: 5px 0px 0px 0px;}

.logformkos button{
    overflow: visible;
    margin: -2px;
    position: relative;
	cursor: pointer;
    top: -12px;
    border-radius: 	8px 8px 8px 8px;
    background-color: #8ab420;
    background-image: url('../obr/button.png');
    background-repeat: repeat-x;
    background-position: bottom;
    color: #fff;
    width: 70px;
    height: 26px;
    border: 0;
    padding: 0;}

.souhrn {
	position: relative;
	padding: 10px 0 0px 30px;
	height: 50px;
	top: 0px;
	left: -20px;
	background-color: none;
}

.souhrn .text {
	font-weight: normal;
	color: #272d70;
	font: bold 15px/33px 'lucida sans', 'trebuchet MS', 'Tahoma';
	font-size: 18px;
	position: relative;
	left: 5px;
	top: -10px;}

.souhrn button {
	border: 0px;
	background: none;
	color: #272d70;
	cursor: pointer;
	font-size: 18px;
	position: relative;}

.zaplatit {
	width: 350px;
	height: 200px;
	left: 0px;
	font-size: 15px;
	position: absolute;
	background-color: none;}

.zaplatit h2 {
	font-size: 22px;
	color: #272d70;}

.dopravit h2 {
	font-size: 22px;
	color: #272d70;}

.dopravit {
	width: 350px;
	height: 200px;
	position: absolute;
	font-size: 15px;
	left: 400px;
	background-color: none;}

.jmena {
	position: absolute;}

.zaplatit .jmena {
	position: absolute;}


#paticka  {
	z-index: -52;
	position: relative;
	background-position: center 0px;
	background-repeat: no-repeat;
	height: 140px;
	top: 45px;
	left: -201px;
	background-color: #fff;
	margin: 0 auto 0 auto;
	width: 980px;
	color: #000;
	font-size: 10px;}

#patickadva  {
	z-index: -52;
	position: relative;
	background-position: center 0px;
	background-repeat: no-repeat;
	height: 140px;
	top: 45px;
	left: -222px;
	background-color: #fff;
	margin: 0 auto 0 auto;
	width: 980px;
	color: #000;
	font-size: 10px;}

.zaver {
	position: relative;
	left: 70px;
	bottom: -50px;
  text-align: center;
	width: 880px;}