html, body	
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;    
	border: 0px;
	background-color: white;
	color: black;
	
}

.clear {
	clear: both;
}

img {
	border: 0px;
}

a {
	text-decoration: none;
	color: #ff3300;
}

.zdarma a {
	font-size: 14px;
}

a:hover {
	text-decoration: none;
	color: #ff9900;
}


h2 {
	color: #589fb3;
	font-size: 18px;
}

h3 {
	color: #66b4ff;
	font-size: 16px;
}

/* *************** start *********************  opakujici se stejne veci ************************************* */

/* ************************************* vyrobek *********************************** */
.vyrobek {
	
}

.vyrobek h2 {
background-color: #cde3e8;
font-size: 16px;
color: #589fb3;
}

.vyrobek img {
	margin: 4px;
}

.vyrobek-bezdph{
	font-size: 10px;
}

.red {
	color: red;
	font-weight: bold;
}

.vyrobek-obrazek {
	float: left;
	width: 250px;
}

.vyrobek-right {
	float: left;
}



.resetovac {
	clear: both;
}

.tlacitko {
	background-image: url(grafika/vlozit.jpg);
	width: 108px;
	height: 28px;
	border: none;
}

.tlacitko:hover {
	background-image: url(grafika/vlozit2.jpg);
	width: 108px;
	height: 28px;
	border: none;
}


/**************************** dotaz **********************/



.dotaz input {
	width: 300px;
	margin-left: 20px;
		
}

.dotaz textarea {
	width: 300px;
	height: 100px;
	margin-left: 20px;

}

.dotaz input.tlacitko3 {
	width: 100px;
}



.dotaz-eshop { text-align: center; }
.povinne-udaje { text-align: center; }

/* kosik *********************/

.kosik {
	clear: both;
	border-bottom: 1px solid #589fb3;
	width: 100%;
	height: 100px;
	font-size: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.kosik-obrazek {
	float: left;
	width: 80px;
}

.kosik-popis {
	float: left;
	width: 170px;
	font-size: 11px;
}

.kosik-pocet {
	float: left;
	width: 120px;
}

.kosik-cena {
	float: left;
	width: 90px;
}

.kosik-cenaks {
	float: left;
	width: 85px;
}

.kosik-odebrat {
	float: left;
	width: 50px;
}


.objednavka {
	clear: both;
}

.kosik-polozky {
	color: #474747;
	margin-top: 20px;
	margin-bottom: 20px;
}

.kosik-polozky strong {
	color: #ff3300;
}

input.for {
	width:25px
}

input.ks
	{
	background-image: url(grafika/prepocitat.jpg);
	border: none;
	width: 73px;
	height: 22px;
}

input.zaplatit
	{
	background-image: url(grafika/zaplatit.gif);
	border: none;
	width: 71px;
	height: 25px;
}

input.pokracovat
	{
	background-image: url(grafika/pokracovat.gif);
	border: none;
	width: 91px;
	height: 25px;
}

input.odebrat
	{
	background-image: url(grafika/odebrat.gif);
	border: none;
	width: 23px;
	height: 22px;
}

input.odeslat
	{
	background-image: url(grafika/odeslat.gif);
	border: none;
	width: 89px;
	height: 34px;
}

	input.tlacitko2						
	{
	background: white url(grafika/tlacitko2.jpg) repeat-x;
	color: white;
	border: 1px solid #acacac;
	font-size: 14px;
}

	input.tlacitko2:hover					
	{
	background: white url(grafika/tlacitko2.jpg) repeat-x;
	color: black;
	border: 1px solid #acacac;
	font-size: 14px;
}


.kosikmenu { font-size: 10px; font-weight: bold; color: #589fb3;}
.kosikmenu-nazev { width: 250px; height: 15px; float: left; background-color: #cde3e8; }
.kosikmenu-cenaks { width: 90px; height: 15px; float: left; background-color: #cde3e8; }
.kosikmenu-ks { width: 115px; height: 15px; float: left; background-color: #cde3e8;}
.kosikmenu-cena { width: 80px; height: 15px;	float: left; background-color: #cde3e8; }
.kosikmenu-odebrat { width: 60px; height: 15px; float: left; background-color: #cde3e8;}
.kosikmenu-vsuvka { width: 100%; height: 5px;}

.krok1 input { width: 300px; }
.krok1 textarea { width: 300px; height: 100px; }

.krok-dva input {	width: 40px; }
.krok-dva { font-size: 12px; }



/* *************** stop *********************  opakujici se stejne veci ************************************* */


.center {
margin-left: auto;
margin-right: auto;
width: 1050px;
}

.resetovac {
	clear: both; 
}

.hlavicka {
	width: 1050px;
	height: 86px;
	background-image: url(grafika/hlavicka.jpg);
}

.menu {
	width: 1050px;
	height: 230px;
	background-image: url(grafika/menu.jpg);
}

.menu-pozice {
position: relative; top: 2px;
margin: 0px 0px 0px 848px;
}

.menu a {
	color: black;
	font-size: 16px;
	font-weight: bold;
}

.menu a:hover {
	color: white;
	font-size: 16px;
		font-weight: bold;
}

.odkazy {
width: 175px;
height: 46px;
background-image: url(grafika/odkaz-pasivni.jpg);
}

.odkazy:hover {
width: 175px;
height: 46px;
background-image: url(grafika/odkaz-aktivni.jpg);
}

.odkazy-aktiv {
width: 175px;
height: 46px;
background-image: url(grafika/odkaz-aktivni.jpg);
}

.odkazy2 {
width: 175px;
height: 43px;
background-image: url(grafika/odkaz-pasivni2.jpg);
}

.odkazy2:hover {
width: 175px;
height: 43px;
background-image: url(grafika/odkaz-aktivni2.jpg);
}

.odkazy2-aktiv {
width: 175px;
height: 43px;
background-image: url(grafika/odkaz-aktivni2.jpg);
}

.odkazy-pozice {
	position: relative; top: 14px;
	margin-left: 40px;
}


.left {
	float: left;
	width: 234px;
	min-height: 421px;
	background-image: url(grafika/produkty.jpg);
	background-repeat: no-repeat;
}

.plocha {
   float: left;
	width: 610px;
	min-height: 421px;
	background-image: url(grafika/plocha.jpg);
   background-repeat: no-repeat;
}

.plocha-nadpisy {
margin-top: 15px;
margin-bottom: 10px;
height: 20px;
float: right;
margin-right: 16px;
font-weight: bold;
float: right;
}

.panske {
text-align: left;
margin-top: 6px;
float: left;
}

.plocha-okraje {
clear: both;
margin: 0px 0px 0px 10px;
}



.paticka {
clear: both;
margin-left: auto;
margin-right: auto;
width: 1050px;
height: 39px;
background-image: url(grafika/paticka.jpg);
}

/* paticka logo */
.paticka-okraje {
position: relative; top:5px;
text-align: center;
}

.lp {
font-family: "Courier New", Courier, monospace;
color: black;
font-size: 12px;
}

.cervena {
font-family: "Courier New", Courier, monospace;
color: red;
font-size: 14px;
}

.seda {
font-family: "Courier New", Courier, monospace;
color: #929292;
font-size: 12px;
}

.right {
   float: left;
	width: 206px;
	text-align: center;
	font-size: 10px;
}

.akce-opakovani {
	width: 206px;
	min-height: 189px;
	background-image: url(grafika/right-opakovani.jpg);
	background-repeat: repeat-y;
}

.akce-pozadi {
	width: 206px;
	min-height: 189px;
	background-image: url(grafika/right-top.jpg);
	background-repeat: no-repeat;
}



.akce-nadpis {
	width: 175px;
	height: 30px;
		color: white;
	font-weight: bold;
	margin-left: 20px;
	text-align: left;
	font-size: 12px;
}

.akce-nadpis-mazera {
width: 100%;
height: 7px;
}

.akce-text {
margin-left: 15px;
margin-right: 40px;
}

.akce-nazev a {
	color: white;
}

.akce-nazev a:hover {
color: #ff3300;
	text-decoration: underline;
}

.akce-info-opakovani {
	width: 206px;
	min-height: 100px;
	background-image: url(grafika/right-info-opakovani.jpg);
	background-repeat: repeat-y;
}


.akce-info {
	width: 206px;
	min-height: 100px;
	background-image: url(grafika/right-info.jpg);
	background-repeat: no-repeat;
	text-align: left;
	font-size: 12px;
}

.blue {
color: #ff3300;
font-weight: bold;
}

.info-nadpis {
	width: 175px;
	height: 30px;
		color: white;
	font-weight: bold;
	margin-left: 15px;
}

.info-nadpis-mezera {
width: 100%;
height: 5px;
}

.info-text {
	width: 175px;
	min-height: 100px;
	line-height: 150%;
}

.info-text-okraje {
	margin-left: 12px;
}

.essox-center {
	margin-left: 18px;
}

.pocitadlo-center {
	margin-left: 50px;
}

.informace {
	color: white;
}

.informace:hover {
color: #ff3300;
	text-decoration: underline;
}

informaceaktiv {
	color: #ff3300;
}

/* leve menu  *********************************/

.left-okraje {
	margin-top: 25px;
	margin-left: 25px; 
	color:white;
}

/******************* shop menu ******************/

.menu-nadskupiny {
background-image: url(grafika/shop-hlavicka.jpg);
width: 205px;
height: 25px;
}

.nadskupiny-okraje {
margin: 0px 0px 0px 40px;
padding-top: 3px;
}

.menu-nadskupiny a {
	color: white;
	font-weight: bold;
}

.menu-nadskupiny h1 {
	color: white;
	font-weight: bold;
	font-size: 14px;
	margin: 0px;	
}

.menu-nadskupiny h1:hover {
	color: black;
	font-weight: bold;
	font-size: 14px;
	margin: 0px;	
}

.menu-nadskupiny a:hover {
	color: black;
	font-weight: bold;
}

h1.nadaktiv {
	color: black;
	font-weight: bold;
}




.menu-paticka {
	width: 205px;
	height: 3px;
	background-image: url(grafika/shop-paticka.jpg);
}

.menu-skupiny {
background-image: url(grafika/shop-telo.jpg);
width: 205px;
background-repeat: repeat-y;
}

.skupiny-okraje {
	padding-top: 10px;
	padding-bottom: 10px;
}

h2.skupiny{
	color:white;
	line-height: 130%;
	font-weight: bold;
	margin: 0px;
	display: inline;
		font-size: 14px;
}

h2.skupiny:hover {
	color: black;
	line-height: 130%;
		font-weight: bold;	
		margin: 0px;
		display: inline;
			font-size: 14px;
}

h2.skupinyaktiv{
	color: black;
	line-height: 130%;
	font-weight: bold;
	margin: 0px;
	display: inline;
		font-size: 14px;
}


.menu-podskupiny {
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: 15px;
}

h3.podskupinyaktiv {
	color: black;
	font-weight: bold;
	margin: 0px;
	display: inline;	
		font-size: 14px;
}

h3.podskupiny {
	color: #f3f3f3;
		margin: 0px;
		display: inline;
			font-size: 14px;	
}


h3.podskupiny:hover {
	color: black;
   margin: 0px;	
   display: inline;
   	font-size: 14px;
}


/******************** produkty **************************/

.produkty {
float: left;
	width: 285px;
	min-height: 120px;
	margin-bottom: 10px;
}

.produkty-left {
float: left;
	width: 127px;
	min-height: 120px;
	text-align: right;
	margin-right: 10px;
}


.produkty-right {
float: left;
	width: 148px;
	min-height: 120px;
}

.pr-nadpis {
background: url(grafika/s-nadpis.jpg) no-repeat;
width: 148px;
height: 6px;
}





.pr-nazev {
font-size: 12px;
font-weight: bold;
color: black;
}

.pr-detail {
font-size: 12px;
font-weight: bold;
}

.pr-detail a {
color: #9A9997;
}

.pr-detail a:hover {
	color: #ff9900;
}

.pr-cena-a {
font-size: 11px;
font-weight: bold;
color : #9A9997;
float:left;
}

.pr-scena-a {
font-size: 11px;
font-weight: bold;
color : red;
float:left;
}

.resetovac {
width: 100%;
clear: both;
height: 1px;
}

.pr-cena-b {
font-size: 11px;
font-weight: bold;
color : red;
float:right;
}

.pr-cena-c {
font-size: 11px;
font-weight: bold;
color : #9A9997;
float:left;
}

.pr-scena-c {
font-size: 11px;
font-weight: bold;
color : #ff9090;
float:right;
}

.pr-bez-a {
clear:both;
font-size: 9px;
color : #9A9997;
float: left;
width:80px;
}

.pr-sbez-a {
clear:both;
font-size: 9px;
color : #9A9997;
float: left;
width:85px;
}

.pr-bez-b {
font-size: 9px;
color : red;
float: right;
}

.pr-podtrzeni {
clear:both;
background: url(grafika/s-podtrzeni.jpg) no-repeat;
width: 148px;
height: 5px;

}

.pr-paticka {
width: 148px;
height: 17px;
background-image: url(grafika/s-paticka.jpg);
text-align: right;
}

.pr-paticka a {
font-size: 11px;
font-weight: bold;
color: #579EB2;
}

.pr-paticka a:hover {
font-size: 11px;
font-weight: bold;
	color: #ff9900;
}

.clear {
width: 100%;
height: 1px;
clear: both;
}

#tplPreview {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  border:1px solid #444444;
  font-size: 11px;
  color: #4B4B4B;
  padding: 12px 15px 15px 15px;
}

#tplPreviewTitle {
  font-size: 16px;
  visibility:visible;
}

#tplPreviewBody {
  position: relative;
}

#tplPreviewImage {
  margin: 8px auto 0 auto;
}

#tplPreviewProgressBar {
  position: absolute;
  width: 125px;
  padding: 10px 10px 15px 10px;
  top: 45%;
  left: 50%;
  margin-left: -67px;

  border: 1px solid #6A6A6A;
  background-color: #ffffff;
  color: #000000;
  font-family: Tahoma,Helvetica,sans;
  font-size: 10px;
  text-align:left;
}


.razeni {
	font-size: 10px;
	color:#959ea7;
	text-align: center;
	margin-bottom:15px;
	clear: both;
}

a.podtrzeni {
	color:#959ea7;
	font-weight: bold;
}

.razeni a:hover {
text-decoration: underline;
}

/* cesta */

.cesta {
	font-size: 10px;
	color: #999999;
	height: 20px;
	margin-bottom: 6px;
}

.cesta a {
color: #99cc00;
}

.cesta a:hover {
color: #99cc00;
text-decoration: underline;
}

/* novinky */

.novinky {
	float: left;
	width: 298px;
}

.novinky-pruh {
	background-color: #cde3e8;
	width: 96%;
	height: 16px;
	color: #589fb3;
	text-align: center;
}

.novinky-nadpis {
	font-size: 13px;
	float: left;
	font-weight: bold;
	margin-left: 5px;
	text-align: left;
}

.novinky-datum {
	font-size: 10px;
	float: right;
	margin-right: 5px;
}

.novinky-text {
	clear:both;
}

.seo {
	margin-left: 30px;
	margin-right: 30px;
}

.seo h1 {
color: #9a9997;
font-size: 9px;
margin-top: 0px;
}