/* -=-=-=-=-=-=-=-=-=-=-=-=-= global definitions =-=-=-=-=-=-=-=-=-=-=-=-=- */

BODY, DIV, TABLE, FORM, CAPTION, ADRESS, IMG, H1, H2, H3, H4, P, HR, INPUT, SELECT {
  border: 0 none;
  margin: 0;
  padding: 0;	
}
body {background-color: #DFCFB7; color:#444444; margin:0 auto; width:100%;height:100%; text-align:center;font-family: Arial, Times, serif; font-size: 14px;} /*"Times New Roman"*/

INPUT { background: #FCFCFF; }
TEXTAREA { background: #FCFCFF;}

BODY B, BODY STRONG{
	color: #AB4557;	
}

#panelRight B{
	color: #102067;
}	

BODY A{
	text-decoration: underline;	
	color: #cc3366;
	font-weight: normal;
}

BODY A:hover{
	text-decoration: underline;
	color:#8B0B04;
}


.button, .button_maly, .button_velky, #registrace .button {
	color: #9F1939;
	
	background: url(../img/button_bg.gif) left repeat;
	text-align:center;
	height:20px; 
	line-height:20px; 
	width:110px;
	position:relative;
	display:inline;
 	cursor: pointer;
 	font-weight: bold;
}


.button_velky {
  width: 180px;
}
.button_maly {
  width: 80px;
}

.text, .select, .textarea{
	margin-bottom: 2px;
	padding: 2px;
	border: 1px solid #777777;	
}	

.textarea{
	width: 99%;	
	margin-bottom: 5px;	
}

.left {
  float: left;
}

.right {
  float: right;
}

.hide {
	display: none;
}

.cleaner {
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	font-size: 0;
}

#leftAndRightShadow {
	width: 100%;
}

.category, .menu {width:200px;}
.category li, .menu li {text-align:left; }
.category li a,.menu li a {background: url(../img/arrow_l.gif) left no-repeat ; border-bottom:1px dashed #444444; width:180px;  text-decoration:none; color:#444444; padding:5px 0 5px 15px;  display:block;  line-height:15px; }
.category li a:hover, .menu li a:hover{text-decoration: underline;}

#menu2nd .menu2nd_a a:hover{text-decoration: underline;}

#layout {
	display: block;
	width: 980px;
	margin: 0 auto;
	margin-bottom: 0px;
	padding-top: 120px;
	position: relative;
	text-align: left;
	z-index:0;
}

p {
	padding: 3px 0;
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-= panelMiddle / Columns =-=-=-=-=-=-=-=-=-=-=-=-=-*/

#panelLeft, #panelMiddle, #panelRight,#panelMiddleAndLeft {
	display: inline; /* osetreni bugu dvojiteho marginu v IE */
}

#panelMain {
	width: 980px;
	background: url(../img/main_bottom.gif) bottom left no-repeat;
}	

#panelMiddleAndLeft {
	width: 760px;
	float:left;	
	padding-bottom: 50px;
}

#MiddleH1{
	height: 200px;
	background: url(../img/main_img.jpg) top right no-repeat;
}

#panelMiddle {
	width: 540px;
	margin: 0px;
	padding-top: 20px;
	color: #000000;
	float:right;
}

#panelMiddle a {font-weight:bold}
#panelMiddle ul {margin:10px 0}
#panelMiddle li {text-align:left; list-style-type:square; margin-left:10px; color:#666666}

#panelMiddleIn {
	padding: 10px 10px 10px 10px;
}

#panelMiddleIn p{
	/*color: #222222;*/
	color: #444444;
}

#panelLeft, #panelRight{
	width: 220px;
	margin-top: 20px;

}

#panelLeft {
	float:left;
}

#panelRight {
	float: right;
}

#panelRightTop{
	height: 200px;
	display: block;
	text-decoration: none;
	position: relative;
	color: white;
	font-weight: bold;
	background: url(../img/right_top.jpg) top left no-repeat;
	margin-bottom: 10px;
}

.box {
  	margin-bottom: 10px;
  	width: 200px;
}
.h4nahrada {
	font-size: 1em;
	font-weight: bold;
	}
#panelLeft .h4nahrada, #panelRight .h4nahrada{
	padding: 0px;
	background: url(../img/1menu_cap.gif) top left no-repeat;
	text-align:left;
	color:#fff;
	line-height:25px;
	height: 25px;
	padding-left: 12px;
}
#panelRight .h4nahrada{
	background: url(../img/right_cap.jpg) top left no-repeat;
	margin-right: -10px;
}

#panelLeft .box{
	margin-top: 0px;
}
#panelRight .box{
	margin-left: 5px;	
}

.kos {
  padding: 0px;
}
.kos A {
  color: red;
}

#panelLeft UL{	
	list-style-type: none;
        padding: 0px;
        margin: 3px;
}

.menu ul {
  margin-left: 6px;
  padding: 0px;
  width: 200px;  
  list-style-type: none;
}

.textBox {text-align:left; padding: 10px 0;}
	
#menu2nd
{	
	position: absolute;
	bottom: 1px;
	right: 0px;
	width: 800px;
	margin-left: 50px;
	line-height:50px;
	height: 50px;
	background: #AD405B url(../img/menu2nd_bg.gif) top right no-repeat;
	overflow: hidden;
}

#menu2nd .menu2nd_a a
{
	margin-top: 10px; 
	display: block;
	text-align: center;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	height: 30px;
	line-height: 30px;
	border-right: 1px solid #DFCFB7;
}
	
/* -=-=-=-=-=-=-=-=-=-=-=-=-= head definitions =-=-=-=-=-=-=-=-=-=-=-=-=- */

#panelTop {
	width: 0;
	height: 0;
}

#category{
	color: #b68939;
}	

#panelTopHead {	
	top: 0;
	left: 0;
	width: 980px;
	height: 90px;
	position: absolute;
	background: #DFCFB7 url(../img/logo.gif) no-repeat left top;
	z-index:5;
}
#TopHead {
	font-size: 2em;
	color: #A63550;
	text-align: left;
	margin-left: 150px;
	margin-bottom: 0px;
	padding-top: 4px;
	line-height:40px;
	height: 40px;
	text-transform: uppercase;
	background: url(../img/header_top.jpg) top right no-repeat;
}

#panelTopIn {	
	width: 980px;
	position: absolute;
	top: 90px;
	left: 0;
	height: 40px;
	background-color: #A63550;
	z-index:0;
}

#panelTop #top{
	text-align: right;
	color: #b68939;
	margin-top: 30px;
	margin-right: 50px;
}


h1 {font-size: 1em; height: 23px; line-height:23px;	background: url(../img/h1.gif) no-repeat; margin-left: -10px; margin-right: -5px; color: white; padding-left: 15px;  margin-bottom: 10px;}
h2 {font-size: 1em; color: #444444;}
h3 {font-size: 1em; color: #333333; }
h4 {font-size: 1em; padding: 12px 0 3px 0; font-weight: bold; color: #861615;}

hr {color:#dfdfdf; background-color:#dfdfdf; border: 0 none; height:1px; margin:0px auto; text-align:center; width:90%; position:relative; clear:both  }

.sidebox a{
	color: black;	
}

.kosik{
	width: 180px;
	position: absolute;
	right: 20px;
	top: 100px;
	/*color: #222222;*/
	color: #444444;	
   /*border-top: 1px solid #222222;*/
   border-top: 1px solid #444444;
   padding-top: 7px;
}

.kosik a{
	color: #5D0014;	
}

.kosik h4{
	/*color: #222222;*/
	color: #444444;
	line-height: 8px;
	margin-left: 40px;
	margin-bottom: 15px;
}

#login .button{
	margin-left: 55px; 
	margin-top: 2px;	
}

#pass, #jmeno{
	margin-left: 5px;
	
	width: 100px;
	line-height: 20px;
	height: 17px;
}	

#pass{
	margin-top: 2px;
}

#l_pass, #l_jmeno{
	width: 50px;
	float: left;
	margin-top: 5px;
	color: black;
	line-height: 20px;
	height: 20px;
}	

.l_text{
  color: black;
  padding-left: 10px;
  padding-bottom: 8px;
}

.tdsudy{
	background-color: #e8e8ff;
}

#session_jmeno {
	/*color: #222222;*/
	color: #444444;
	/*font-weight: bold;*/
	padding-top: 4px;
	padding-bottom: 4px;
}

p {
	margin-bottom: 10px;
}

#panelMiddleIn UL{
	margin-left: 20px;
	margin-bottom: 5px;
	list-style-type: circle;
}

#popelnice{
	text-align: right;
}

.soukromy{
	color: red;
}

.nesoukromy{
	color: #333333;
}

	/* -=-=-=-=-=-=-=-=-=-=-=-=-= seznam zbozi =-=-=-=-=-=-=-=-=-=-=-=-=- */
.produkty{
	margin-top: 10px;
	font-size: 0.9em;
}

.actiongoods{
	margin-top: 10px;
	text-align: center;
	padding: 5px;
}

.actiongoods a {
	text-decoration: none;
	font-weight: bold;
	color: #24381C;
}

.produkt{
	width: 514px;
	margin-bottom:5px;
	background: #E5D8C6;
	/*height: 110px;*/
	overflow: hidden;
	border: 1px solid #D1C1A9;
}

.produktdetail{
	display:block;
	width: 380px;
	float: left;
}	

.produktnazev_kod{
	margin-top: 5px;
	padding: 2px 0;
	width: 250px;
	float: left;
}

.produktnazev {
	width: 250px;
	float: left; 
}
.produktkod{
	text-align: right;
}

.produktinfo{
	min-height: 30px;
	width:250px;	
	text-align: left;
	overflow: hidden;
	color: #444444;
}

.produktkoupit{
	margin: 5px 0px;
	width: 110px;
	text-align: right;
	float:right;
}

.produktkoupit_in{
	text-align: right;
	font-size: 1.1em;
}

.produktcena{
	font-size: 110%;
	float: right;
	font-weight: bold;
	padding: 5px 0 0 5px;
	text-align: right;
}

.produktobrazek {
 	margin: 7px;
	width: 104px;
	text-align:center;
	overflow: hidden;
}
.produktobrazek IMG, .actiongoods IMG{
	padding: 1px;
	border: 1px solid silver;
}
 /* -=-=-=-=-=-=-=-=-=-=-=-=-= KONEC V HACKU =-=-=-=-=-=-=-=-=-=-=-=-=- */
 



.pocet_kusu{
	width: 20px;
	text-align: right;
	float: left;
	padding-right: 2px;
	border: 1px solid silver;	
}

/* -=-=-=-=-=-=-=-=-=-=-=-=-= KONEC seznam zbozi =-=-=-=-=-=-=-=-=-=-=-=-=- */

#shoppingBag {
	width: 200px;
	height: 40px;
	float: right;
	right: 150px;
	font-size: 13px;
	color: #444444;
	background: url(../img/kosik.gif) no-repeat 7px center #FFC0CB;
	border-left: solid #DFCFB7 1px;
}

#shoppingBag .important{
	color: #444444;	
}

#shoppingBag .header{
	margin-top: 2px;
	padding-left: 40px;
	float: left;	
}
#shoppingBag .part{
	padding-left: 40px;
	float: left;	
}

#shoppingBag a{
	float: left;
	color: #444444;
}	

/* inquiry definition */ 
#inquiry .line{
	display: block;
	clear: both;
	height: 10px;
	line-height: 10px;
	font-size: 0em;
	background: url(../img/inquiry_bar_dark.png) repeat-x left;
}

#inquiry .answer {
	float: left;
	width: 110px;
	font-size: 12px;
}
#inquiry{
	padding-bottom: 10px;
}

#inquiry .score {
	float: right;
	padding-right: 0px;
}

.table {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 5px;
	border: 1px solid #A63550;
	background: #E5D8C6;
}

.table TH{
	background-color: #A63650;/*#A63550;*/
	padding: 3px;
	padding-right: 5px;
	color: white;
	width: 150px;
	text-align: left;
}

.table TD{
	padding: 3px;
	color: black;
	border-bottom: 1px solid #DFC3CA;
}
.table a{
	color: black;	
}

#order_item .nazev{
	width: 150px;	
}

#order_item TH{
	width: 0px;	
}	

#order_item .pocet_baleni{
	width: 60px;
	text-align: right;	
}
#order_item .cena{
	width: 80px;
	text-align: right;
}
#order_item .id_zbozi{
	width: 20px;
}

/* REGISTRACE */

#panelMiddle FIELDSET {
	display: block;
	position: relative;
	margin: 5px 0;
	padding: 7px;
	border: 1px solid #777777;
	font-size: 0.95em;
}

#panelMiddle FIELDSET LEGEND {
	margin: 0;
	padding: 3px 5px;
	border: 1px solid #777777;
	font-weight: bold;
	/*color: #222222;*/
	color: #444444;
}
#registrace {width: 470px; margin: 0 0 0 10px;}
#registrace input {margin: 0 0 5px 10px; padding-left: 2px; height: 20px; color: #444444; border: 1px solid #777777; width: 200px; background-color: white;}
#registrace input.radio {margin: 0 0 5px 10px; height: 14px; width: 10px; border:none; background-color: white;}
#registrace label {width: 150px; float: left; display: block; }
#registrace textarea {margin: 10px 0 5px 0;width: 320px; color: #444444; padding: 2px; border: 1px solid #777777;background-color: white;}

.mainmessage {
	border: 2px solid red;
	width: 536px;
	padding: 10px;
	margin-bottom: 10px;
}

#basket .id_zbozi{
	width:20px;
}
#basket .pocet_kusu{
	width:20px;
	text-align:right;
}
#basket .cena{
	width:80px;
	text-align:right;
}

#detail_zbozi .photo{
	padding: 2px;
	text-align: center;
	padding-left: 0px;
	margin-top: 3px;
	margin-right: 10px;
}
#detail_zbozi .photo img{
	border: 1px solid #555555;
	padding: 1px;
}

#detail_zbozi table TR{
	height: 20px;	
}


#detail_zbozi table TH{
	color: #333333;	
}

.galerie {
	float:left;
}

.galerie img{
	padding: 1px;
	margin: 2px;
	border:1px solid #87a4b2;
	background-color: white;
}
.obrazek .text{
	border: 0px;
	text-align: center;
}

.souvisejici {
	width: 120px;
	min-height: 140px;
	border: 1px solid #29435e;
	padding: 2px;
	text-align: center;
	margin: 10px;
	margin-left: 0px;
	float: left;
}
.souvisejici a{
	font-weight: normal;
	font-size: 0.9em;	
}

.souvisejici .photo{
	margin-top: 5px;	
}

.souvisejici .photo IMG{
	padding: 1px;
	border: 1px solid #29435e;	
}

.alert{
  	font-size: 0.9em;
  	text-align: center;
	margin-top:10px;
	border:2px solid #A63550;
	padding:5px;
	background-color: white;
	color: black;
}	

.typ_obj{
	width:94px;
	border: 1px solid gray;
	padding: 2px;
	float: left;
	text-align: center;
}

.navigace_zbozi{
	padding: 3px;
	margin-bottom:5px;
}

#odkaz_na_zbozi{
	float: right;
	margin-top:10px;
}

.newsBox{
	font-size: 90%;
	margin-bottom: 5px;
}

.newsBox IMG{
	padding: 1px;
	border: 1px solid silver;
}

.neprectenazprava a{
	color: red;
}

.prectenazprava a{
	color: gray;
}

.filtrSeznamZbozi{
	padding: 10px 0;
}
.filtr_velikost{
	margin-top: 5px;
}

.plusJedna{
	margin-left: 2px;
}

.plusJedna a, .plusJedna a:hover{
	text-decoration: none;
}

.plusJedna a{
	color: #444444;
}

.ikona_skladem{
	border: 1px solid silver;
	padding: 2px;
	width: 60px;
	color: white;
	font-weight: bold;
	font-size: 12px;
}
.ikona_in{
	background-color: #E7AC48;
	padding: 1px;
	text-align: center;
}

#nastaveni_meny{
	float: right;
	padding: 5px;
	position: relative;
	top: 8px;
	right: 360px;
	color: white;
}
#nastaveni_meny a{
	color: white;
	text-decoration: none;	
}
#nastaveni_meny a:hover{
	text-decoration: underline;	
}

#nastaveni_domeny{
	float: right;
	padding: 5px;
	left: 590px;
	top: 8px;
	position: absolute;
    font-size: 80%;
	line-height: 12px;
	/*right: 20px;*/
	color: #444444;
	
}
#nastaveni_domeny img {
   vertical-align: middle;
   
}
#nastaveni_domeny a{
	color: #444444;
	text-decoration: none;
}
#nastaveni_domeny a:hover{
	text-decoration: underline;
}
/*paticka*/

#panelBottom
{
	width: 100%;
	height: 77px;
	background: #DFCFB7 url(../img/footer_left.gif) left no-repeat;
}

#panelBottomIn
{
	margin-left: 75px;
	border-top: 9px solid #a63550;
	padding-top: 10px;
	font-size: 90%;
}

#panelBottomIn a {color:#cc3366;}
#panelBottomIn a:hover {color:#8B0B04;}

#activeFooterHeader{
    cursor: pointer;
    margin-left: 75px;
}
#activeFooterHeader:hover{
    text-decoration: underline;
}

.mydla{
	display: block;
	width: 183px;
	height: 93px;
	margin: auto;
	margin-top: 10px;
}


#cervena-mydla{background: url(../img/cervena-mydla.jpg) no-repeat;}

#olivova-mydla{background: url(../img/korenena-mydla.jpg) no-repeat;}

#bila-mydla{	background: url(../img/bila-mydla.jpg) no-repeat;}

#zelena-mydla{	background: url(../img/zelena-mydla.jpg) no-repeat;}

#modra-darkova-mydla{background: url(../img/modra-darkova-mydla.jpg) no-repeat;}

#barevna-kulata-mydla{background: url(../img/barevna-kulata-mydla.jpg) no-repeat;}

/*
#korenena-mydla{background: url(../img/korenena-mydla.jpg) no-repeat;}

#bylinkova-mydla{background: url(../img/bylinkova-mydla.jpg) no-repeat;}

#svatebni-nabidka{background: url(../img/svatebni-nabidka.jpg) no-repeat;}

#hotelova-mydla{background: url(../img/hotelova-mydla.jpg) no-repeat;}
*/

#best_selling{
	font-size:small;
	padding-left: 5px;
}
#OdebratPolozkuZKosiku{
	color: red; 
	text-decoration: none; 
	font-size: 1.2em;
}

.W300{
	width: 300px;
}
.TextRight{
	text-align: right;
}
.AktNapis1{
	position: absolute;
	display: block;
	float: left;
	font-size: 18px;
	top: 60px;
	left: 20px;
}
.AktNapis2{
	position: absolute;
	display: block;
	float: left;
	font-size: 16px;
	top: 90px;
	left: 30px;
}
.AktNapis3{
	position: absolute;
	display: block;
	float: left;
	font-size: 14px;
	bottom: 3px;
	left: 115px;
}
.FindFormDiv {
	margin-left: 10px;
	margin-top: 10px;
	width: 310px;
	float: left;
}
.VyberDomeny {
	padding: 0px 2px;
}
.FlRight{
	float: right;
	margin-right: 0px;
}
.ZarovnatDolu{
	vertical-align:bottom;
}
.NewsTD{
	padding: 3px;
	width: 100%;
	padding-right: 0px;
}
.ZvyraznitNove{
	color: red;
	font-size: 11px;
}
.SpecItem {
	position:relative;
	width: 250px;
	margin-right: 5px;
	margin-bottom: 5px;
	float:left;
}
.SpecItemIn {
	padding: 5px;
	height:35px;
	border: 1px solid #666666;
	text-align: left;
}
.SpecItemBuy{
	float: right;
}
.SpecItemBuy input[type="text"], .singleSpec{
	width: 20px;
	text-align: center;
	border: 1px solid black;
        font-size: 12pt;
        height: 30px;     
        border-radius: 2px 2px 2px 2px;
}
.SpecItemBuy button {
    padding: 3px;
}
.singleSpec {
    margin-top:  17px;
    float: right;
}
.btnKoupit {
    background: #A63550 url(../img/kosik.gif) 10px 4px  no-repeat;
    padding: 10px 15px 10px 39px;
    cursor: pointer;
    font-size: 12pt;
    float: right;
    margin-top: 15px;
    margin-right: 20px;
    border-left: 10px solid #B83271;
    border-radius: 5px 5px 5px 5px;
    color: white;
    border: 1px solid white;
}
#navigace {
	font-size: 12px;
	margin: 0px 5px 5px 0px;
}
.schovat {
  display: none;
}
.error {
    color: red !important;
}
div.error {
        margin-left: 170px;
        margin-top: -5px;
        margin-bottom: -5px;
}
input.error {
	border: solid red 1px !important;
}
#kosik div.error {
    display: inline;
    margin: 0px;
    padding-left: 5px;
    font-size: 11px;
}
.linkLogo {
    display: block;
    width: 180px;
    height: 90px;
    position: absolute;
    top:0px;
    z-index: 5;
}
.dkzCena {
    margin-top: 5px;
    background: #D56F87;
    border-left: 10px solid #B83271;
    width: 230px;
    padding: 12px;
    color: #FCBECC;
    text-align: right;
}
.dkzCena div.cnl{
    float: left;
    font-size: 12pt;
    font-weight: bold;
}
.dkzCena div.cnr{
    float: right;
    font-size: 14pt;
    font-weight: bold;
    color: white;
    text-align: right;
}
.defaulttext {
    color: gray;
}
#search {
	height: 15px;
	width: 180px;
}
#servisni {	
	position: absolute;
	bottom: 1px;
	left: 315px;
	width: 500px;
	height:40px;
	line-height:40px;
	overflow: hidden;
}
#servisni span {
	display: block;
	float: left;
	width: 1px;
	margin: 10px 0;
	height: 20px;
	border-left: solid #ffffff 1px;	
}
#servisni a {
	display: block;
	text-align: center;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 12px;
}
#servisni a:hover{
	text-decoration: underline;
}
.prihlaseni {
	position:absolute;
	padding-top:3px;
	top:10px;
	left:490px;
	width:90px;
	height:30px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#444444;
	background-color:#FFC0CB;
	border:solid #AD405B 2px;
	cursor:pointer;
}
.prihl_form {
	display:none;
	position:absolute;
	top:40px;
	left:490px;
	padding:10px;
	width:200px;
	border:solid #AD405B 2px;
	background-color:#DFCFB7;
	z-index:10;
}
/* Důvěrobody */
.duverobody {
	width: 200px;
	border-collapse: collapse;
	margin-bottom: 10px;
}
.duverobody th {
	background: url(../img/right_cap.jpg) left repeat;
	height: 25px;
	line-height: 25px;
	color: #ffffff;
	padding-left:12px;
	border-bottom: solid #DFCFB7 1px;
}
.duverobody td {
	background-color: #AD405B;/*#FFC0CB*/
	vertical-align:middle;
	color: #ffffff;
	border-bottom: solid #DFCFB7 1px;
}
.duverobody .d1 {
	padding: 2px;
	font-size: 18px;
	color: #FFC0CB;
}