/* CSS Document */

/**************** BASIC ELEMENTS ****************/

body, h1, h2, h3, h4, h5, h6, ul, li, ol, p, input, fieldset, legend {
	padding: 0;
	margin: 0; 
}

input {
  	font-size: 11px;
  	color: black;
  	padding: 2px 3px;
} 

input:focus {
  	background: #FFFFDD;
} 

a img {
  	border: 0;
}

a {
    color: #789a13;
    text-decoration: none;
}

a:hover {
    color: #556a16;
    text-decoration: underline;
}

ul, li {
  	margin: 0;
  	padding: 0;
}

img, div, a {
  	behavior: url(css/iepngfix.htc) /* IE PNG Fix v1.0, (c) 2004-2008 Angus Turnbull http://www.twinhelix.com */
}

body {
    background: url(../images/bg_body2.jpg) repeat fixed center top;
    font-family: sans-serif;
    font-size: 11px;
    color: #4b4b4d;
}





/**************** FRAMEHOLDER ****************/

div#frameholder {
    width: 884px;
    margin: 0 auto;
}

/**************** HEADER ****************/

#header {
    width: 884px;
    height: 305px;
}

.htop {
    width: 884px;
    height: 209px;
    background: url(../images/bg_htop.png) no-repeat left top;
    position: relative;
}

.htop h1 {
    display: block;
    width: 252px;
    height: 84px;
    overflow: hidden;
    position: absolute;
    top: 25px;
    left: 29px;
    margin: 0;
}

.htop h1 a {
    display: block;
    position: relative;
}

.htop h1 span {
    display: block;
    width: 252px;
    height: 84px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/bg_h1.jpg) no-repeat left top;
}

.hbot {
    width: 884px;
    height: 96px;
    background: url(../images/bg_hbot.png) no-repeat left top;
    position: relative;
    font-size: 11px;
}

.hbanner {
    position: absolute;
    right: 14px;
    top: 76px;
    width: 555px;
    height: 114px;
    text-align: center;
    padding: 11px 0 0 0;
}
 
.hbanner img {
    margin: 0;    
}
 
.hbanner .house {
    background: url(../images/img_house.png) no-repeat left top;
    position: absolute;
    width: 36px;
    height: 36px;
    top: 78px;
    right: 27px;
}

.hmenu {
    width: 542px;
    height: 35px;
    position: absolute;
    right: 14px;
    top: 11px;
    padding: 19px 0 0 14px;
}

.hmenu ul {
    padding: 0;
    margin: 0;
}

.hmenu ul li {
    list-style-position: outside;
    list-style-type: none;
    float: left;
    padding: 0 3px;
    color: white;
    font-size: 11px;
}

.hmenu ul li a {
    color: white;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
}

.hmenu ul li a:hover {
    text-decoration: underline;
}

.hcart {
    width: 231px;
    height: 28px;
    position: absolute;
    top: 40px;
    left: 20px;
    padding: 13px 5px 0 5px;
/*     background-color: red;
    opacity: .5; */
}

.hreg {
    display: block;
    position: absolute;
    top: 11px;
    left: 425px;
    width: 120px;
    height: 25px;
}

.hlogin {
    width: 332px;
    height: 32px;
    position: absolute;
    left: 278px;
    top: 40px;
    padding: 8px 0 0 8px;
}

.hlogin2 {
    width: 332px;
    height: 26px;
    position: absolute;
    left: 278px;
    top: 40px;
    padding: 14px 0 0 8px;
}

.hlogin2 span {
		display:block;
		width:130px;
		float:left;
}

.hsearch {
    width: 227px;
    height: 32px;
    position: absolute;
    right: 15px;
    top: 40px;
    padding: 8px 0 0 8px;
}

.hcart span {
    float: left;
}

.hcart a {
    float: right;
    white-space: nowrap;
}

.hlogin input {
    margin: 1px;
    width: 100px;
    color: gray;
}

.hlogin input#login, .hsearch input#search {
    margin: 0;
    padding: 1px 5px;
    width: 60px;
    color: black;
}

/**************** MAINHOLDER ****************/
#mainholder {
    background: white url(../images/bg_mainholder.gif) no-repeat left top;
    padding: 12px 0 20px 0;
}


#left {
    width: 224px;
    background-color: white;
    min-height: 1000px;
    float: left;
}

#contentholder {
    width: 434px;
    background-color: white;
    min-height: 1000px;
    float: left;
}

#right {
    width: 226px;
    background-color: white;
    min-height: 1000px;
    float: right;
}


/**************** WINDOW ****************/

.okno {
    width: 210px;
    background: url(../images/bg_okna.png) repeat-y center 0;
    margin: 0 auto;
}

.otop {
    width: 185px;
    height: 31px;
    background: url(../images/bg_okna.png) no-repeat left 0;
    color: white;
    font-size: 12px;
    text-align: left;
    padding: 22px 0 0 25px;  
}

.otop.blue {
    background: url(../images/bg_okna.png) no-repeat left -53px;
}

.otop.no {
    background: url(../images/bg_okna.png) no-repeat left -106px;
}

.otop.ak {
    background: url(../images/bg_okna.png) no-repeat left -159px;
}

.otop.do {
    background: url(../images/bg_okna.png) no-repeat left -212px;
}

.otop.da {
    background: url(../images/bg_okna.png) no-repeat left -265px;
}


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

.omid {
    padding: 5px 20px;
}

.omid img {
    border: 2px solid #CAC9CA;
}

.omid a.red {
    color:#c51633;
}

.omid a.red2 {
		display:block;
    text-align:center;
    margin:0 0 5px 0;
}

.obot {
    width: 210px;
    height: 22px;
    background: url(../images/bg_okna.png) no-repeat right 0;     
}

#left p, #right p {
    padding: 0 0 10px 17px;
    background: url(../images/bg_txt.gif) no-repeat left 5px;
}

#left p.special, #right p.special {
    padding: 0 0 10px 0;
    background: none;
}

/**************** SHOPMENU ****************/

.shopmenu {
    
}


.shopmenu li {
    list-style-position: outside;
    list-style-type: none;
}

.shopmenu li a {
    display: block;
    background: url(../images/bg_shopmenu.gif) no-repeat left 7px;
    padding: 2px 0 2px 17px;
    color: #4b4b4d;
}

.shopmenu li a:hover {
    background: url(../images/bg_shopmenu.gif) no-repeat left -59px;
    color: black;
}

.shopmenu li ul {
    padding:0 0 0 20px;
}

.shopmenu li ul li a {
    background: url(../images/bg_shopmenu.gif) no-repeat left -59px;
    color: #759a00;
}

.shopmenu li ul li a:hover {
    background: url(../images/bg_shopmenu.gif) no-repeat left 7px;
    color: black;
}

/**************** PATH ****************/

#path {
    width: 404px;
    height: 16px;
    background: url(../images/ico_path.gif) no-repeat left top;
    padding: 7px 0 0 30px;
    margin: 10px 0 13px 0;
}

/**************** CONTENT ****************/
.clanek {
    padding: 5px 10px 10px 10px;
    background: #e6e6e6;
    margin: 0 0 15px 0; 
}

#contentholder select option, #contentholder select {
	font-size: 11px;
}

/**************** CONTROLPAD ****************/

.controlpad {
	margin: 0 auto 10px auto;
	width: 420px;
	height: 50px;
}

.controlpad .znacka {
	width: 160px;
	float: left;
}
.controlpad .znacka select {
	width: 100px;
}

.controlpad .radit {
	width: 160px;
	float: left;
}
.controlpad .radit select {
	width: 100px;
}

.controlpad .pocet {
	width: 100px;
	float: left;
}
.controlpad .pocet select {
	width: 40px;
}


.controlpad .prod {
	float: left;
	width: 210px;
	height: 20px;
	padding: 7px 0 0 0;
}

.controlpad .pager {
	float: right;
	width: 205px;
	text-align: right;
	height: 20px;
	padding: 7px 5px 0 0;
}



/**************** SHOPCONTENT ****************/
.products {
    width: 422px;
    margin: 0 auto;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

.pitem {
    width: 140px;
    height: 308px;
    background: url(../images/bg_pitem.png) no-repeat left top;
    margin: 0 0 0 0;
    float: left;
    position: relative;
    color: #789a13;
}

.pitem:hover {
    background-position: left -308px;
}


.pitem.center {
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
}


.akce {
    position: absolute;
    left: 0;
    top: 0;
    width: 140px;
    height: 25px;
}

.atip {
    background: url(../images/ico_akce.gif) no-repeat left 0;
}

.aakce {
    background: url(../images/ico_akce.gif) no-repeat left -25px;
}

.adopro {
    background: url(../images/ico_akce.gif) no-repeat left -50px;
}

.adarek {
    background: url(../images/ico_akce.gif) no-repeat left -75px;
}

.pitem .pic {
    width: 140px;
    position: absolute;
    height: 80px;
    left: 0;
    top: 25px;
}

.pitem .pic a {
    display: block;
    width: 140px;
    height: 80px;
    text-align: center;
}

.pitem .pic a img {
    vertical-align: middle;
}

.pitem .txt {
    width: 110px;
    height: 55px;
    position: absolute;
    left: 0;
    top: 105px;
    padding: 0 15px;
    overflow: hidden; 
}

.pitem .txt h3 {
    font-size: 13px;
    margin: 3px 0 3px 0;
}

.pitem .txt2 {
    display: block;
    width: 125px;
    height: 15px;
    padding: 0 0 0 15px;
    color: #4b4b4d;
    position: absolute;
    left: 0;
    top: 160px;
}

.pitem .icons {
    width: 140px;
    height: 31px;
    position: absolute;
    left: 0;
    top: 180px;
    text-align: center;
    padding: 4px 0 0 0;
}

.pitem .icons img {
    margin: 0;
    padding: 0;
    cursor: help;
}

.pitem .popis {
    width: 130px;
    height: 31px;
    position: absolute;
    left: 0;
    top: 211px;
    text-align: left;
    padding: 5px 5px 0 5px;
    overflow: hidden;
    cursor: help;
    color:#888888;
}

.pitem .cena {
    width: 125px;
    padding: 0 0 0 15px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 247px;
}

.pitem .sklad {
    width: 125px;
    padding: 0 0 0 15px;
    height: 17px;
    position: absolute;
    left: 0;
    top: 264px;
}

.pitem .cart {
    width: 125px;
    padding: 1px 0 0 15px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 281px;
}

.pitem .cart span {
    
}

.pitem .cart input {
    width: 20px;
    text-align: center;
    margin: 0 5px;
    padding: 1px 3px;
}



.list {
    padding: 10px 25px 10px 25px;
}

.list ul li {
    list-style-position: outside;
    list-style-type: none;
    color: #6b6c6d;
}

.list ul li img {
    vertical-align: middle;
}

#right .list .znacky {
	text-align: center;
	background: none;
}

#right .list .znacky span {
	display: block;
	text-align: left;
	padding: 0 0 10px 0;
	font-weight: bold;
}

.list .znacky img {
	clear: both;
	margin: 1px 1px 5px 1px;
}


/**************** TABLE CART + FIELDSETY ****************/

.tcart th {
	text-align: center;
	color: #789A13;
	font-weight: bold;
	padding: 3px 0;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}

.tcart th:first-child {
	text-align: left;
	width: 230px;
}

.tcart td {
	text-align: center;
	padding: 3px 0;
}

.tcart td:first-child {
	text-align: left;
}

.tcart td.cenacelkem {
	color: #789A13;
	font-weight: bold;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}

.tcart td.cenacelkem:hover {
	color: #789A13;	
}

.tcart tr:hover td {
	color: black;
	cursor: default;
}

fieldset {
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	border-left: 0;
	border-right: 0;
	padding: 15px 5px;
	margin: 0 0 25px 0;
}

fieldset label {
	display: block;
	float: left;
	font-weight: bold;
	padding: 2px 0 0;
	width: 130px;
}

#contentholder fieldset p {
	margin: 0 0 10px 0;
	padding: 0;
}

fieldset p input {
	width: 280px;
}

fieldset p input.chck {
	width: auto;
}

.bck {
	float: left;
}

.ord {
	float: right;
}


/**************** DETAIL ****************/

#contentholder p {
	padding: 0 0 15px 0;
}

#contentholder .detail p {
	padding: 0;
	margin: 0;
}

.detpic {
	height: 200px;
	width: 430px;
	overflow:auto;
	white-space:nowrap;
	margin: 0 0 15px 0;
 }

.detpic img {
	border:1px solid #aaaaaa;
	margin:0 5px 5px 0;
}

.green {
	color: #789a13;
}

.detadd {
	padding: 1px 3px;
	text-align: center;
	width: 20px;
}

.detail ul {
	
}

.detail ul li {
	list-style-position: outside;
	list-style-type: none;
	background: url(../images/bg_list.gif) no-repeat left 7px;
	padding: 2px 0 0 10px;
}

/**************** FOOTER ****************/

div#footer {
	padding: 0 0 5px 230px;
}

div#footer span {
	
}






/**************** UTILS ****************/

.no_display {
  display: none;
}

.clear {
  clear: both;
}

.linka {
	background: #d3d3d3;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 10px auto;
	overflow: hidden;
}

ul#objednaci_ul {display:block; float:left; margin:20px 0 0 80px; _margin:20px 0 0 50px;}
ul#objednaci_ul li {padding-right:30px;}

.tobjednavky th {
	text-align: center;
	color: #789A13;
	font-weight: bold;
	padding: 3px 0;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}

.tobjednavky td {
	text-align: center;
	padding: 3px 0;
	border-bottom: 1px solid #d3d3d3;
}

.tobjednavky td:first-child {
	text-align: left;
}

.tobjednavka th {
	text-align: center;
	color: #789A13;
	font-weight: bold;
	padding: 3px 0;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}

.tobjednavka th:first-child {
	text-align: left;
	width: 230px;
}

.tobjednavka td {
	text-align: center;
	padding: 3px 0;
	border-bottom: 1px solid #d3d3d3;
}

.tobjednavka td:first-child {
	text-align: left;
}
  /* END of CSS Document*/

div#symboly h3 {float:right; width:400px; margin:0px;}
div#symboly img.ico {float:left;}
div#symboly p {float:right; width:400px;}

div#nasevize ul li {
	list-style-position: outside;
	list-style-type: none;
	background: url(../images/bg_list.gif) no-repeat left 7px;
	padding: 2px 0 0 10px;
}

div#o-nas h3 {margin:0px;}

div.magazin {clear:both;}
div.magazin h2 {margin:0px; float:left;}
div.magazin span {line-height:16px;}
div.magazin p {clear:both;}
div.magazin img {border:2px solid #CAC9CA;}
div.magazin div.mfotky{float:right; width:140px; text-align:right;}
div.magazin div.mdetail{float:left; width:290px;}