/*** BY PIF & wjenceslaw ***/

* { margin: 0; padding: 0; }

body { text-align: center; background: url('./img/main-background.jpg') repeat-x #E7F6F9; color: /*#33338f*/ #275FAE; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size: 62.5%; position: relative; }

hr.cleaner { clear: both; width: 100%; height: 1px; margin: -1px 0px 0px 0px; border: 0px none; }
a { }
a:hover { text-decoration: none; }
a:focus { outline: none; }
fieldset  { border: 0px none; }
textarea { font-family: Verdana, 'Geneva CE', lucida, sans-serif; }

#fake-header { position: absolute; top: 0px; right: 0px; width: 50%; height: 1024px; background: url('./img/fake-header.jpg') repeat-x; z-index: 0; }

#web { width: 990px; margin: 0 auto; position: relative; z-index: 1; overflow-x: hidden; }

#header { background: url('./img/header.jpg') no-repeat -20px 0px; width: 100%; height: 226px; position: relative; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; text-align: left; overflow: hidden; }

div#logo { display: block; width: 207px; height: 171px; position: relative; }
div#logo a { display: block; }
div#logo a span { position: absolute; left: 0; top: 0; visibility: visible; width: 207px; height: 171px; cursor: pointer; background: url('./img/logo.jpg') no-repeat; }

#header ul.circles { display: block; height: 226px; width: 661px; background: green; position: absolute; top: 0px; right: 0px; list-style-type: none; }
#header ul.circles li { float: left; height: 226px; position: relative; }
#header ul.circles li.circle1 { width: 165px; background: url('./img/circle1.jpg') no-repeat; }
#header ul.circles li.circle2 { width: 163px; background: url('./img/circle2.jpg') no-repeat; }
#header ul.circles li.circle3 { width: 163px; background: url('./img/circle3.jpg') no-repeat; }
#header ul.circles li.circle4 { width: 170px; background: url('./img/circle4.jpg') no-repeat; }
#header ul.circles li a { display: block; width: 100%; height: 226px; text-decoration: none; color: #4b4b4b; font-weight: normal; }
#header ul.circles li a em { position: relative; top: 103px; display: block; text-align: center; font-size: 190%; }

#header ul.generated { position: absolute; top: 14px; left: 20px; width: 80%; white-space: nowrap; list-style-type: none; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; }
#header ul.generated li { display: inline; font-size: 135%;  }
#header ul.generated li a { color: #275FAE; display: inline-block; padding: 0px 5px; font-weight: bold; text-transform: uppercase; }

#cover { width: 100%; margin: 0 auto; }
#left { float: left; text-align: left; padding-top: 20px; }
#left .inner { padding: 0px 0px 0px 25px; }
#right { float: right; width: 227px; }
#right .inner {  position: relative; right: 0; text-align: left; }
#right .inner #shoplink { position: relative; left: -15px; margin-bottom: 0px; }

.inner a { color: #4b4b4b; }

.inner #breadCrumbs { display: block; margin: 0px 10px 0px 0px; padding: 5px 0px 15px 0px; font-size: 110%; }

.inner h1 { font-size: 180%; display: block; padding: 5px 0px 5px 10px; margin: 0px 0px 15px 0px; color: #32348E; /*background: #fff;*/ border-bottom: 2px solid /*#dccdd3*/ #fff; font-weight: normal; position: relative; left: -10px; }
.inner h2 { font-size: 170%; display: block; padding: 10px 0px 5px 0px; margin: 5px 0px 10px 0px; font-weight: normal; color: #827B4B; }
.inner h3 { font-size: 130%; font-weight: normal; color: #827B4B; padding: 10px 0px 5px 0px; margin: 5px 0px 10px 0px; }
.inner h4 { font-size: 120%; font-weight: normal; color: #827B4B; }
.inner h5 { font-size: 110%; font-weight: normal; color: #827B4B; }
.inner h6 { font-size: 110%; font-weight: normal; color: #827B4B; }
.inner ul, .inner ol { font-size: 120%; margin: 10px 0px 20px 13px; line-height: 140%; }
.inner ul { list-style-type: circle; margin-left: 35px; }
.inner ol { margin-left: 40px; }
.inner p { font-size: 12px; text-align: justify; padding-right: 10px; line-height: 130%; }
.inner > p > img,
.inner > p > a > img {float: right; margin: 1em; }
.inner > form  {  }                               
.inner > form label { display: inline-block; width: 50px; margin-left: 10px; }                   
.inner > form input.text,
.inner form table input.text,
.inner form table textarea { background: #fff; border: 1px solid #dccdd3; padding: 1px 5px; width: 180px; }
.inner > form input.submit { background: #A5D4DB; color: #4b4b4b; border: 2px solid #fff; font-weight: bold; padding: 0px 5px; text-transform: uppercase; font-size: 90%; cursor: pointer; display: block; margin: 5px 0px 0px 60px; }
.inner img { margin: 10px; }

.inner ul.list { /*float: right;*/ width: 220px;  text-align: right; list-style-type: none; margin: 0px 10px 15px 0px; }
.inner ul.list li { display: block; margin-bottom: 2px; }
.inner ul.list li a { display: block; padding: 3px 15px; background: #E7F9FD; color: #333490; border: 1px solid #9DD1D8; font-weight: bold; }
.inner ul.list li a:hover { /*background: #ffaca1;*/ }


.inner .simple p,
.inner .simple h3 { padding-left: 20px; }
.inner .simple h3 { padding-bottom: 10px; }
.inner .simple ul { margin-left: 35px; }
.inner .simple p img {float: right; margin: 1em; }      


hr.cleaner {height:1px;margin: -1px 0 0 0; padding:0;border:none;clear: both;display: block;visibility: hidden; }

#right .inner h2 { background: url('./img/nadpis-right.png') no-repeat; display: block; padding: 10px 0px 10px 10px; color: #4b4b4b; margin-top: 14px; }
#right .inner h2 a { text-decoration: none; }
#right .inner #kosik p { text-align: center; font-size: 130%;  }
#right .inner #kosik p,
#right .inner #kosik p a { text-decoration: none; color: #969696; font-weight: bold; }

.inner #ask {  }
.inner #ask p { font-size: 11px; color: #4b4b4b; }
.inner #ask form table { color: #4b4b4b; }
.inner #ask form table tr td { text-align: right; font-size: 11px; }
.inner #ask form table tr td input { text-align: left; float: left; margin-left: 5px; }
.inner #ask form table tr td textarea { text-align: left; font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif; float: left; margin-left: 5px; background: #fff; border: 1px solid #dccdd3; }


#right #ceshop ul { font-size: 100%; margin-top: 1em; }


#right input.text, 
.cart input.input-text,
.cart > form > fieldset> input {  background: #fff; border: 1px solid #dccdd3; padding: 1px 5px; }

#right div.form input.text { width: 180px; }
#right div.form label { display: block; }
#right input#vyhledavaci-pole { width: 130px; }

#right label#prihlasit-heslo input { margin-bottom: 4px; }
#right #posli-stranku form fieldset input { display: block; margin-bottom: 4px; }

#right label#prihlasit input, 
#right input.submit,
.cart input.submit { background: #A5D4DB; color: #4b4b4b; border: 2px solid #fff; font-weight: bold; padding: 0px 5px; text-transform: uppercase; font-size: 90%; cursor: pointer; }

#right label#prihlasit-reg { float: right; padding-right: 15px; }
#right label#prihlasit-reg a { display: block; }

#prihlaseni p {text-align: center;}
#prihlaseni ul {margin-left: 10px;}


.paging-and-select { float: left; width: 100%; padding: 5px 0px 10px 0px; border-bottom: 1px solid #ECEEEC;  }
.paging-and-select.bottom { float: none; clear: both; display: block; padding: 20px 0px 0px 0px; border-bottom: 1px solid #ECEEEC; font-size: 110%; }
.paging-and-select em { font-style: normal; font-weight: bold; }
.paging-and-select p { float: left; width: 150px; padding: 3px 10px 0px 0px; font-size: 12px; }
.paging-and-select p a:hover { text-decoration: none; }
.paging-and-select form{ float: left; width: 550px; overflow: hidden; }
.paging-and-select form fieldset { border: 0px none; }
.paging-and-select form fieldset select { font-size: 12px; width: 200px; }

/*** PRODUKTY ***/
.produkt-obal{float: left; padding: 10px 9px 5px 9px;width: 29%; text-align: center; height: auto; margin: 10px 2% 10px 0; _margin: 10px 2px; background: #ffffff; position: relative; }
.produkt{margin: 0; padding: 0; min-height: 360px; _height: 380px; border: 1px solid #F1F1F1; background: #FAFAFA; }
.produkt img{border: 0px none; margin: 0px auto 5px auto; text-align: center;}
.produkt h3 a{font-size: 100%; font-weight: bold; text-decoration: none; color: #686a96; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; display: block; border-bottom: 1px solid #686A96; }
.produkt h3 a:hover{}
.popis p{margin: 3px 10px; font-size: 11px; color: #969696; text-align: left; text-indent: 0; }
.popis span { font-size: 11px; white-space: nowrap; display: block; }
.popis span strong { }
.popis span.oldprice,
.popis span.newprice,
.popis span.price { display: block; text-align: center; padding: 5px 0; font-weight: bold; }
.popis span.oldprice { text-decoration: line-through; color: #32348E; }
.popis span.newprice { color: #e62949; }
.popis span.price { color: #32348E; }                                                       
.popis span strong { font-size: 140%; }
span.span-skladem { background: #5EB533; color: #fff; font-size: 100%; position: absolute; left: 10px; top: 15px; padding: 5px 8px; font-weight: normal; text-transform: uppercase; }
                                                                                    
.produkt input.input-text, 
.produkt-titulka input.input-text { padding: 1px 2px; background: #fff; color: #4b4b4b; border: 1px solid #dccdd3;}

.produkt form { display: block; padding: 15px 0px 0px 0px; }

#nejprodavanejsi input, 
#nejprodavanejsi select, 
.popis input, 
.popis select { margin: 2px 0; }
.popis select { width: 80%; }

.produkt input.submit-koupit, 
.produkt-titulka input.submit-koupit { display: inline-block; padding: 3px 20px; font-weight: bold; font-size: 95%; text-align: left; color: #4b4b4b; text-transform: uppercase; background: #a5d4db; border: 2px solid #fff; }

/*** DETAIL PRODUKTU ***/
#detail-produktu{ float: left; width: 100%; margin: 10px 0;}
#detail-produktu-foto{float: left; display: block; width: 200px; text-align: center;}
#detail-produktu-foto img{margin: 0px auto 10px auto; border: 0px none; }
#detail-produktu-popis{margin-left: 200px; width: 440px; padding: 0 0 10px 0;}
#detail-produktu table { margin-left: 20px; border: 1px solid #A5D4DB; border-collapse: collapse; }
#detail-produktu table tr th,
#detail-produktu table tr td { border: 1px solid #A5D4DB; }
#detail-produktu-popis input.input-text{padding: 1px 2px; margin: 2px 0;}
#detail-produktu-popis select{margin: 1px 0;}
#detail-produktu-popis input.submit-koupit { display: inline-block; padding: 3px 20px; font-weight: bold; font-size: 95%; text-align: left; color: #4b4b4b; text-transform: uppercase; background: #a5d4db; border: 2px solid #fff; }
#detail-produktu-popis table { margin: 0px 0px 10px 0px; border: 1px solid #A5D4DB; border-collapse: collapse; }
#detail-produktu-popis table tr th,
#detail-produktu-popis table tr td { border: 1px solid #A5D4DB; font-size: 120%; padding: 1px 9px; }
/*#detail-produktu-popis input.submit-koupit{background: #ffffff;margin: 2px 0;}*/
.detail-produktu-description { clear: left;}
.detail-produktu-description p { padding: 3px 20px; line-height: 140%; }
/*** další obrázky ***/
#dalsi-obrazky, #souvisejici-produkty, #souvisejici-produkty2 { float: left; width: 100%; padding: 10px 0; margin: 10px 20px 0px 0px; text-align: left; height: auto; }
#dalsi-obrazky img {margin: 0px 10px 10px 10px; border: 10px solid #FFFFFF;}
#souvisejici-produkty ,
#souvisejici-produkty2 { padding-left: 10px; }
#souvisejici-produkty img,
#souvisejici-produkty2 img {display: block;}                 
#souvisejici-produkty h3,
#souvisejici-produkty2 h3,
#dalsi-obrazky h3 { font-size: 130%; font-weight: bold; margin: 0px 20px 10px 10px; padding-bottom: 5px; border-bottom: 1px solid #dccdd3; }
.souvisejici-produkt{float: left; padding: 10px 9px 5px 9px;width: 180px; text-align: center; height: auto; margin: 0px 0px 10px 10px; _margin: 0px 2px; height: auto;background: #ffffff; position: relative; }
.souvisejici-produkt img{border: 0px none; margin: 0px auto 5px auto; text-align: center;}
.souvisejici-produkt h4 a {font-size: 110%; font-weight: bold; text-decoration: none; color: #686a96; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; display: block; border-bottom: 1px solid #686A96; }
.souvisejici-produkt h4 a:hover{}




/*** kosik ***/

div.cart { width: 97%; } 

/* prvni krok - zbozi */
table.cart { width: 100%; font-size: 12px; border: 0px none; padding: 5px 2px; margin: 0px 0px 10px 0px; }
table.cart tr th { font-size: 11px; padding: 3px 10px; background: #F4FAF4; }
table.cart tr td { font-size: 12px; padding: 3px 10px; }
table.cart tr td a { text-decoration: none; }
div.cart form.order, div.cart form.remove, div.cart div.continue { text-align: right; }
div.cart input.submit.objednat,
div.cart input.submit.vyprazdnit, .continue input.submit,
form#cashdesk-form table#user-form tr td input.submit { width: 150px; padding: 5px 0; }
.cart > form > fieldset> input { padding: 2px 5px; }
.cart p { padding: 2px 5px; }
.cart p input { position: relative; top: 3px; }


/* zpusob doruceni a platby */
#select-form fieldset.delivery, #select-form fieldset.payment { border: 1px solid #33338F; margin: 10px 0px 15px 10px; padding-top: 10px; }
#select-form fieldset.delivery legend, #select-form fieldset.payment legend { font-size: 120%; font-weight: bold; display: block; background: #fff; padding: 2px 10px; color: #32348E; border: 1px solid #33338F; margin-left: 10px; }
#select-form fieldset.delivery p, #select-form fieldset.payment p { padding: 0px 0px 10px 20px; }

/* zakaznik */     
form#cashdesk-form { margin-top: 15px; }
form#cashdesk-form table#user-form { width: 80%; }
form#cashdesk-form table#user-form tr th { text-align: right; font-size: 11px; padding-right: 10px; color: #666666; }
form#cashdesk-form table#user-form tr td { font-size: 12px; }
form#cashdesk-form table#user-form tr td em { font-style: normal; color: #666666; }   
form#cashdesk-form table#user-form tr td input.text,
form#cashdesk-form table#user-form tr td textarea { width: 180px; }
form#cashdesk-form table#user-form tr td input.submit { margin-top: 10px; }


.error, .notice { padding: 5px 8px; font-weight: bold; background: #fff; margin: 0px 20px 15px 0px; color: #32348E; }
.error { border-bottom: 2px solid #f25e54; }
.notice { border-bottom: 2px solid #c2f3bd; }

/* strana produkty */
ul#produkty-rozcestnik { width: 500px; height: 340px; margin: 0 auto; overflow: hidden; list-style-type: none; }
ul#produkty-rozcestnik li { float: left; width: 250px; height: 190px; text-align: center; }
ul#produkty-rozcestnik li#produkt1 { background: url('img/produkt-zdravotnicke.jpg') no-repeat top center #fff; }
ul#produkty-rozcestnik li#produkt2 { background: url('img/produkt-relaxacni.jpg') no-repeat top center #fff; }
ul#produkty-rozcestnik li#produkt3 { background: url('img/produkt-kosmeticke.jpg') no-repeat top center #fff; }
ul#produkty-rozcestnik li#produkt4 { background: url('img/produkt-prislusenstvi.jpg') no-repeat top center #fff; }
ul#produkty-rozcestnik li a { display: block; padding-top: 125px; text-decoration: none; font-weight: bold; }

.faq { padding: 10px 0px 0px 52px; background: url('img/uvozovky1.jpg') no-repeat left top; margin-right: 20px; }
.faq-inner { padding-right: 45px; background: url('img/uvozovky2.jpg') no-repeat right bottom; }
.faq-inner div { margin: 0; padding: 0; }
.faq div.question { margin-bottom: -15px; }
.faq div.answer { margin-bottom: 15px; }
.faq div.question p { font-weight: bold; color: #000; padding: 0; }
.faq div.answer p { font-style: italic; color: #4b4b4b; padding: 0px 0px 0px 0px; }


#tags p { text-align: center; padding-right: 10px; }
#tags p a { padding: 10px; color: #969696; }
	#tags ul{
		margin:0.2em 0;
		padding:.5em 10px;
		text-align:center;
		}
	#tags li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		}
	#tags2 ul{
	 margin-right: 60px;
	 text-align: center;
	 list-style-type: none;
		}
	#tags2 ul li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		}
	#tags li a{
		text-decoration:none;
			padding:0 2px;	
		}
	
	.tag1{font-size:8px;}
	.tag2{font-size:10px;}
	.tag3{font-size:12px;}
	.tag4{font-size:14px;}
	.tag5{font-size:15px;}
	.tag6{font-size:17px;}
	.tag7{font-size:19px;}
 
	#tags .alt{
		text-align:left;
		padding:0;
		background:none;
		}
	#tags .alt li{
		padding:2px 10px;
		background:#efefef;
		display:block;
		}
	#tags .alt .tag1, 
	#tags .alt .tag2, 
	#tags .alt .tag3, 
	#tags .alt .tag4, 
	#tags .alt .tag5{font-size:100%;}
	#tags .alt .tag1{background:#7cc0f4;}
	#tags .alt .tag2{background:#67abe0;}
	#tags .alt .tag3{background:#4d92c7;}
	#tags .alt .tag4{background:#3277ad;}
	#tags .alt .tag5{background:#266ca2;}
	
	
	#tags p a { margin-left: 10px;}
	
	
	
/*** PIFOVO sracky.... ***/
/***do pice kolikrat musim rikat, ze ty <p> nesmi mit nulovy marginy**/
#default p { margin: 8px;}

/*** obecne jmena cipovin ***/
.obsah {margin: 0; padding: 0;}

.cleaner { border: 0px none;width: 100%; height: 1px;}
.copy { text-align:center; font-size:80% }
/***********************
FORMATOVANI ZAKLADNICH PRVKU

****************************/
/***
TABULKY
**/
.border-all {	border: 1px solid black;	width: 100%;}
.border-all th, .border-all td {	border: 1px solid black;	padding: 4px;}
.right {	text-align: right;}

/*** FORMULARE ***/

input.xs 					{ width: 3em; }
input.s 					{ width: 4em; }
input.m 					{ width: 8em; }
input.l 					{ width: 12em; }
input.xl, select.xl			{ width: 15em; }
input.xxl 					{ width: 20em; }
input.xxxl 					{ width: 25em; }
textarea.m 					{ width: 230px; height: 15em; }
textarea.s					{ width: 20em;  height: 5em; }
textarea.l					{ width: 20em;  height: 10em; }
textarea.xl					{ width: 25em;  height: 10em; }
textarea.xxl					{ width: 35em;  height: 10em; }
textarea.xxxl					{ width: 35em;  height: 30em; }
.w-200 {	width: 200px;}
.alignRight {text-align: right;}
.povinne {font-weight: bold;}

/*** PATICKA **/
#paticka { clear: both; text-align: left; font-size: 110%; padding: 40px 0px 10px 0px; }
#paticka p { margin: 0px 30px; border-top: 2px solid #A0D2D9; padding: 15px 0px 5px 20px; } 
#paticka a { color: #4b4b4b; }


/*** salt by PIF ***/

.subCategories { width: 100px; float: left; margin: 0.5em;}
#filtr{text-align: left; float: left; width: 100%; position: relative;}
#filtr legend{padding: 5px 0px 5px 0px; font-weight: bold; color: #000000;}
#filtr fieldset{border: 0px none; width: 100%; text-align: left;}
#filtr fieldset label{float: left; height: 20px; white-space: nowrap; font-size: x-small; margin: 0px 15px 0px 0px; padding: 0;}
#filtr fieldset label input{margin: 0; padding: 0; float: left;}
#filtr fieldset .submit{background: #F4F0E5; border: 2px solid #CEBB91; padding: 2px 7px; _padding: 1px 1px;}
.nalezeno{ position: absolute; top: 0px; right: 10px; font-size: 0.8em;}

	#obsah ul {margin-left: 10px; }
/* Tag cloud end*/