html,body {
  height:100%;
}
body{
  background: #DEDFDE;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #252525;
  font-family: helvetica;
}
#stranka{
  background: #D9D9D9 center top url(main-top_background5.jpg) no-repeat;
  width: 100%;
  margin: 0 auto;
  height:100%;
  position: relative;
  text-align: center;
}
body>#stranka {
  height:auto;
  min-height:100%;
}
#obsah{
  background: center top url(main-top_background5.jpg) no-repeat;
  width: 900px;
  margin: 0 auto;
  position: relative;
  text-align: left;
}
#top{
  width: 900px;
  height: 220px; 
  position: relative;
}
#vypln{
  height: 120px;
}
#panak{
  float: left;
  height: 484px;
  width: 160px;
}
#top h1{
  position: absolute;
  top: 172px;
  left: 7px;
  margin: 0;
  padding: 0;
}
#top.domaincz h1 a{
  display: block;
  background: url(kf-nadpis-cz.png) no-repeat;
  width: 170px;
  height: 32px;
}
#top.domainsk h1 a{
  display: block;
  background: url(kf-nadpis-sk.png) no-repeat;
  width: 170px;
  height: 32px;
}
#top h1 span{
  display: none;
}
#prod-stitek-z{
  position: absolute;
  top: 20px;
  right: 50px;
	display: block;
  background: url(stitek-zeleny-4.png) no-repeat;
  width: 142px;
  height: 134px;
}
#prod-stitek-z-sk{
  position: absolute;
  top: 20px;
  right: 50px;
	display: block;
  background: url(stitek-zeleny-4-sk.png) no-repeat;
  width: 142px;
  height: 134px;
}
#prod-stitek-z span, #prod-stitek-z-sk span{
	visibility: hidden;
}
#cat-menu{
  position: absolute;
  top: 220px;
  left: 180px;
  margin: 0;
  padding: 5px 0 0 0;
}
  #cat-menu li{
    float: left;
    list-style-type: none;
    margin-right: 20px;
    line-height: 30px;
  }
  #cat-menu a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9em;
    font-family: 'Oswald', helvetica;
  }
#main-menu{
  position: absolute;
  top: 260px;
  left: 180px;
  margin: 0;
  padding: 15px 0 0 0;
}
  #main-menu li{
    float: left;
    list-style-type: none;
    margin-right: 3px;
    line-height: 30px;
    background: #333333 left top url(main-menu-left.gif) no-repeat;
    height: 30px;
  }
  #main-menu a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9em;
    font-family: 'Oswald', helvetica;
    background: right top url(main-menu-right.gif) no-repeat;
    display: block;
    height: 30px;
    padding: 0 10px;
  }
#client-name{
  position: absolute;
  top: 170px;
  right: 50px;
  margin: 0;
  padding: 0;
  color: #252525;
  font-size: 0.7em;
  font-family: 'Oswald', helvetica;
}
  #client-name a{
    color: #252525;
    text-decoration: none;
    text-transform: uppercase;
  }
#login-menu{
  position: absolute;
  top: 190px;
  right: 50px;
  margin: 0;
  padding: 0;
}
  #login-menu li{
    float: left;
    list-style-type: none;
    margin-left: 10px;
  }
  #login-menu a{
    color: #252525;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.7em;
    font-family: 'Oswald', helvetica;
  }
  #login-menu a:hover{
    color: #F15923;
  }
#content{
  padding-left: 59px;
  width: 650px;
  float: left;
  position: relative;
}
	#content h2{
	  font-size: 1.4em;
	  margin: 0;
	  padding: 0;
	  font-family: 'Oswald', helvetica;
	}
	#content h3{
	  font-size: 1.1em;
	  margin: 10px 0 5px 0;
	  padding: 0;
	  font-family: 'Oswald', helvetica;
	}
    #content h3.err{
      color: #F15923;
    }
	#content h4{
	  font-size: 0.9em;
	  margin: 10px 0 5px 0;
	  padding: 0;
	  font-family: 'Oswald', helvetica;
	  font-weight: normal;
	}
	#content h5{
	  font-size: 0.9em;
	  margin: 10px 0 5px 20px;
	  padding: 0;
	  font-family: 'Oswald', helvetica;
	  font-weight: normal;
	}
  #content p{
    margin: 10px 0 0 20px;
    padding: 0;
    font-size: 0.9em;
  }
  	#content form p{
			margin: 0;
		}
		#content p.huge{
			font-size: 20px;
			margin-bottom: 20px;
			font-weight: bold;
		  font-family: 'Oswald', helvetica;
		}
			#content p.huge a{
				margin-right: 50px;
			}
		#content img{
			vertical-align:middle
		}
  #content ul, #content ol{
		margin: 5px 0 0 20px;
		padding: 0 0 0 20px;
	}
	#content ul li{
    list-style-image: url(main-odrazka.png);
	}
	#content ol.a{
	list-style-type: lower-alpha;
	}
	#content>ul>li, #content>div>ul>li, #content>ol>li, #content>div>ol>li{
    font-size: 0.9em;
	}
	#content li a{
    color: #252525;
    text-decoration: none;
    font-weight: bold;
    margin: 1px 0 0 0px;
    padding: 0;
	}
	#content td{
    font-size: 0.9em;
	}
	#content form{
		//margin-left: 20px;
	}
	#content em{
		color: #F15923;
		font-style: normal;
		font-weight: bold;
	}
	#content .label{
		font-weight: bold;
	}
	#content input.alert{
    background: #F15A24;
    color: #fff;
  }
	#content a{
    color: #252525;
    text-decoration: none;
    font-weight: bold;
    margin: 1px 0 0 0px;
    padding: 0;
	}
	.error {
		color: #f00;
		margin-left: 10px;
	}
	.ok {
		color: #080;
		margin-left: 10px;
	}
#spodni-vypln{
  clear: left;
  height: 1px;
  width: 900px;
}
#patka {
  bottom:0;
  left:0;
  height:70px;
  width: 100%;
  background: #000;
  clear: left;
  text-align: center;
  margin-top: 10px;
}
  #patka ul{
    text-align: center;
    background: center 30px url(main-patka_linka.png) no-repeat;
    width: 539px;
    margin: 0 auto 0 auto;
    padding: 10px 0 10px 0;
  }
  #patka li{
    list-style-type: none;
    display: inline;
    margin: 0 10px;
  }
    #patka li a{
      color: #fff;
      text-decoration: none;
      font-size: 0.7em;
      font-family: 'Oswald', helvetica;
      text-transform: uppercase;
    }
label.povinne{
	font-weight: bold;
}
.bold{
	font-weight: bold;
}
.alright{
	text-align: right;
}	
#kosik_list{
	width: 700px;
	font-size: .9em;
  border-collapse: collapse;
}
  #kosik_list .head{
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    background: #666;
    color: #fff;
	}
	#kosik_list .kosik_cat{

	}
		#kosik_list .kosik_cat a:hover{
			text-decoration: underline;
		}

#kosik-vatlist{
  border-collapse: collapse;
}
  #kosik-vatlist .head{
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    background: #666;
    color: #fff;
	}
	#kosik-vatlist td{
		padding: 0 1px;
	}
	.kosik-vatlist-1{
		width: 60px;
	}
	.kosik-vatlist-2{
		width: 100px;
	}
	.kosik-vatlist-3{
		width: 100px;
	}
	
#kosik-actionlist{
	margin: 0;
	padding: 0;
	height: 40px;
}
	#kosik-actionlist a{
		float: left;
		padding-left: 35px;
		padding-right: 10px;
		font-size: 0.9em;
		margin-right: 15px;
		height: 30px;
		display: block;
		text-align: center;
		line-height: 30px;
		text-decoration: none;
		border: none;
	}
	
	#kosik-actionlist a:hover{
		//box-shadow: 1px 1px 2px #000;
		//-moz-box-shadow: 1px 1px 2px #000;
		//-webkit-box-shadow: 1px 1px 2px #000;
		text-decoration: underline;
	}

#kosik-actionlist-cancel {
	background: url("cancelIcon.png") no-repeat left bottom;
}
#kosik-actionlist-cancel:hover {
	background: url("cancelIcon.png") no-repeat left top;
}
#kosik-actionlist-next {
	background: url("forwardIcon.png") no-repeat left bottom;
}
#kosik-actionlist-next:hover {
	background: url("forwardIcon.png") no-repeat left top;
}
#notOnStock {
	background: url("errorIcon.png") no-repeat left top;
}


.order-blok-3{
	float: left;
	width: 210px;
}
.order-blok-2{
	float: left;
	width: 310px;
}
	#content .order-blok-3 p{
		margin-left: 0;
		padding-left: 0;
	}
	#content .order-blok-2 p{
		margin-left: 0;
		padding-left: 0;
	}
.order-underblok{
	clear: left;
	height: 1px;
	width: 630px;
}
.order-form{
	margin-top: 10px;
}
#login-box{
	border: 1px solid #AFAFB4;
	margin: 30px 0 0 100px;
	padding: 30px;
	width: 320px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background: #DCDCDE;
}
	#login-box input{
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		padding: 4px;
		background: #EDEDED;
		border: 1px solid #AFAFB4;
	}
	
  .list{
    border-collapse: collapse;
  }
  .list .head{
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    background: #666;
    color: #fff;
	}
	.list td{
		padding: 1px 5px;
	}
#backBtn{
	position: absolute;
	right: 50px;
	top: 0px;
}
#content .questions h3{
  font-size: .9em;
  margin: 5px 0 0 0;
  padding: 0 0 0 35px;
  line-height: 30px;
  font-family: 'Oswald', helvetica;
}
	#q1 h3{
		background: 0 0 url("numbers.png") no-repeat;
	}
	#q2 h3{
		background: 0 -30px url("numbers.png") no-repeat;
	}
	#q3 h3{
		background: 0 -60px url("numbers.png") no-repeat;
	}
	#q4 h3{
		background: 0 -90px url("numbers.png") no-repeat;
	}
	#q5 h3{
		background: 0 -120px url("numbers.png") no-repeat;
	}
	#q6 h3{
		background: 0 -150px url("numbers.png") no-repeat;
	}
	#q7 h3{
		background: 0 -180px url("numbers.png") no-repeat;
	}
	
	.questions select, #content .questions p, .questions input{
		margin-left: 35px;
	}
	.questions label{
		font-size: 0.9em;
	}
#modal-upozorneni {
	font-size: 15px;
}
#modal-upozorneni i {
	font-size: 70px;
	float: left;
	margin: 30px;
  color: #F15923;
}
#modal-upozorneni p {
	margin-top: 30px;
	text-align: left;
}
.notOnStockStatus{
	color: #f00;
}