@import url("grid.css");

/*RESET  v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* =Typography
-------------------------------------------------------------- */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8125em; /* 13px / 16px*/
	line-height: 1.3846em; /* 20 / 13*/
	color:#675c53;
	background:url(background.png);
	
}
/*body:hover{

	background:url(grid.png) center -16px repeat-y #fff;
}*/
a{
	color:#30b31e;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	
}
h3.label, .shop-article h2, h1, .uvod{
	font-family: "Times New Roman", Times, serif;

}
h2.label, h1.label{
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#968c83;
	letter-spacing:0.08em;	
	font-size:0.8125em;
	line-height: 1.9em;
	margin-bottom:20px;
	letter-spacing:0.1em;

}


h3.label a:hover, .shop-article h2 a:hover  {
  background-color:#d1e0d7;
  color:#968c83;
  text-decoration:none;

}
/*------------------------------------*\
  TYPE
\*------------------------------------*/
/*--- HEADINGS ---*/

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 9px;
  font-weight: normal;
}

h3.label, .shop-article h2 {
  font-size: 1.5em; /* 24px  24 ÷ 16 = 1.5 */
  line-height: 1em; /* 24px  24 ÷ 24 = 1 */
  
}
h1, .colCenter h3.label {
  font-size: 1.5em; /* 24px  24 ÷ 16 = 1.5 */
  line-height: 1em; /* 24px  24 ÷ 24 = 1 */

}

h2 {
  font-size: 1.375em; /* 22px  22 ÷ 16 = 1.375 */
  line-height: 1.0909em; /* 24px  24 ÷ 22 = 1.090909(09) */
}

h3, .cena {
  font-size: 1.25em; /* 20px  20 ÷ 16 = 1.25 */
  line-height: 1.2em; /* 24px  24 ÷ 20 = 1.2 */
}

h4 {
  font-size: 1.125em; /* 18px  18 ÷ 16 = 1.125 */
  line-height: 1.333em; /* 24px  24 ÷ 18 = 1.3333333(3) */
  margin-bottom:0px;
  font-weight:bold;
}

h5, h6 {
  font-size: 1em; /* 16px  16 ÷ 16 = 1 */
  line-height: 1.5em; /* 24px  24 ÷ 16 = 1.5 */
}


/*--- PARAGRAPHS ---*/

p {
  margin-bottom: 18px;

}




/*--- LISTS ---*/
ul, ol {
  margin-bottom: 18px;
  padding-left:18px;
    /* Remember, if your magic number is
    different to this, use your own. */
}

ul {
  list-style: square outside;
}

ul ul,
ol ol {
  margin: 0 0 0 60px;
}
/*--- QUOTES ---*/
blockquote {
  margin: 0 60px 0 45px;
  border-left: 5px solid #ccc;
  padding-left: 10px;
  text-indent: -0.4em;
}

blockquote b {
  display: block;
  text-indent: 0;
}

table.colored td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bfb8af;
	padding:5px;

}

table.colored tr {
}
/* =Layout
-------------------------------------------------------------- */
* {
    margin: 0;
  }

html, body {
height: 100%;
 }
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:-50px;
	background:url(bg-wrapper.png) center 111px no-repeat;
} 
.push {
	height: 50px;
	clear: both;
}
.container  {
	margin-left:auto;
	margin-right:auto;
	width:960px;	
}
#footer {
	background:url(bg-footer.png) repeat-x;
	height:193px;
	padding-top:20px;	
	color:#c3beb4;
}
.main-bg {
	background:url(bg-container.png) top center repeat-y;
}
.footer-bottom {
	background:url(bg-container-footer.png) top center no-repeat;
}
#header, #main, #footer {
	float:left;
	width:100%;
	
}
#main.bg-content{
	background:url(bg-content.png) repeat-y;
	padding-top:20px;


}
.colLeft{
	float:left;
	width:240px;
	min-height:200px;	

}
.colCenter{
	float:left;
	width:480px;

}
.colRight{
	float:left;
	width:240px;
}
p.copyright{
	padding-top:20px;
	padding-bottom:20px;
	font-size:11px;
	color:#968c83;
}

/* =Header
-------------------------------------------------------------- */
#header{
	height:239px;
	position:relative;
}
#header h1.firma, .firma{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	line-height:42px;
	color:#8d857e;
	float:left;

}
.header-bg{
	position:absolute;
	width:100%;
	left:0px;
	top:42px;
	height:197px;
	background:url(bg-header.png) bottom left repeat-x;
	webkit-border-top-left-radius: 5px;
	-khtml-border-radius-topleft: 5px;	
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-radius-topright: 5px;	
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;	

}
.search-form{
	float:right;

}
.logo{
	background: url(hort-logo.png) no-repeat;
	width: 70px;
	height: 72px;
	position: absolute;
	top: 47px;
	left: 45px;
}
a.homelink{
	display: block;
	width: 70px;
	height: 72px;
	text-decoration: none;
}
a.homelink span{
	visibility: hidden;
}


.languages{
	position:absolute;
	top:11px;
	left:530px;
	width:200px;
	color:#8d857e;
	text-align:right;
}

.languages a.active{
	color:#8d857e;
}
.languages a:hover.active{
	text-decoration:none;
}


.menu-top

{
	position: absolute;
	left: 150px;
	top: 66px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	width:780px;
	text-shadow: #000 0px -1px 0px;
	letter-spacing: 0.17em;
}

.menu-top ul

{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.menu-top ul li

{
	display: inline;
}

.menu-top li a

{	color: #d1e0d7;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 35px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:10px;
	margin-left: 35px;

}

.menu-top li a:hover
{	color:#fff;

}

.menu-top li a.active
{	color:#92d400;
}


.nakupni-kosik
{ 	
	position:absolute;
	top:165px;
	right:10px;
}

.nakupni-kosik a
{ 
	color:#d7d2cb;
}

.nakupni-kosik a strong
{ 	
	color:#92d400;
}
.new-shop
{
	position:absolute;
	top:246px;
	right: -10px;
	width:175px;
	height:69px;
	background:url(novy-eshop.png) no-repeat;
	text-indent:-5000px;
}
.new-shop a
{	display:block;
	width:175px;
	height:69px;

}
.e-shop
{
	position:absolute;
	top:145px;
	right: 285px;
	width:88px;
	height:51px;
	background:url(eshop.png) no-repeat;
	text-indent:-5000px;
}
.e-shop a
{	display:block;
	width:175px;
	height:69px;

}
.jirka
{
	position:absolute;
	top:-4px;
	right: 20px;
	width:155px;
	height:165px;
	background:url(jiri-hort.png) no-repeat;
}

/* =uvod
-------------------------------------------------------------- */

.uvod{
	font-size:18px;
	line-height:22px;
	padding: 30px;
	padding-left:45px;
	background:url(bg-frame.png) repeat-y;
	border-bottom:1px solid #bfb8af;
}
.uvod img{
	margin-right:50px;
}
.banner{
	border-bottom:1px solid #bfb8af;
}


/* =Leve menu
-------------------------------------------------------------- */

.menu ul{
	list-style:none;
	width:228px;
	margin:0px;
	margin-left:0px;

}
.menu ul li{
	background:url(menu-left-linka.png) bottom right no-repeat;

}
.menu ul li a{
	display: block;
	padding-top:10px;
	padding-bottom:9px;
	padding-left:20px;
	padding-right:20px;
	color:#675c53;
	font-weight:bold;
	text-transform:uppercase;

}
.menu ul li a:hover{
	background:url(menu-left-hover.png) right top no-repeat;
	text-decoration:none;
	color:#968c83;
}

.menu ul li a.active{
	background:url(menu-left-active.png) right top no-repeat;
	color:#fff;

}
.menu ul li li{
	background:none;

}
.menu ul li ul li a{
	display:block;
	font-weight:normal;
	text-transform:none;
	width:160px;
	padding-left:40px;
	margin-left:-20px;
	background:#92d400;

}

.menu ul li a:hover{
	background:url(menu-left-hover.png) left top no-repeat;
	text-decoration:none;
	color:#968c83;
}
.menu ul li ul li a.active{
	background:url(menu-left-active.png) left top no-repeat;
	color:#fff;
}

.secondary-menu ul{
	margin:0px;
	padding:0px;
	list-style:none;

}

.secondary-menu ul li a, #footer a{
	color: #d1e0d7;

}

.secondary-menu ul li a:hover, #footer a:hover{
	text-decoration:none;
	color:#fff;

}

/* =Articles, guestbook
-------------------------------------------------------------- */
.item, .guestbook-item, .box.login-form, .voting{
	margin-bottom:36px;
	padding-bottom:36px;
}
.menu.item{
	margin-bottom:11px;
}
.article .item, .calendar .item, .shop-article .item, .guestbook-item, .box.login-form, .voting {
	background:url(line.png) no-repeat bottom center;
}
.perex{	

}

.perex p{
	margin:0px;
	

}
.colRight .article .img {
	float:right;
	padding-left:3px;
	padding-right:3px;
	margin-right:-20px;
	margin-left:10px;
	background:#FFF;
	border: 1px solid #bfb8af;	
}
.img{
	text-align:center;
}
.img img{
	margin-top:9px;
	margin-bottom:9px;
}
.navigation, .calendar.home .perex{
	margin-bottom:18px;
}
.guestbook-item .date, .calendar .date{
	font-weight:bold;
}

/* =Calendar
-------------------------------------------------------------- */
.calendar .img{
	float:left;
	margin-right:20px;
	margin-top:-5px;
}


/* =formulare
-------------------------------------------------------------- */
table.customFormTable{
	border-top:1px solid #bfb8af;
	border-bottom:1px solid #bfb8af;
	
}

.submit, .submitBig, .submit-shop
{	background:#92d400;
	border:0px;
	text-transform:uppercase;
	color:#fff;
	padding:5px;
	cursor:pointer;
	font-weight:bold;
	text-shadow: #75aa00 0px 1px 1px;
}

.submitBig
{	font-size:16px;
	padding:10px;
}

table.customFormTable td, table.m0 td, table.form td{
	padding:5px;
	
}

table.form.bg td{
	border-bottom:1px solid #bfb8af;
	border-top:1px solid #bfb8af;
}
table td.bold, #TotalPrice{
	font-weight:bold;
	color:#000;
	
}
.captcha{

	
}
.captcha-image{
	float:left;
	margin-bottom:5px;
	margin-right:10px;

	
}

.captcha-help{
	font-size:10px;
	margin-bottom:5px;
	line-height:normal;

	
}
.reg{
	color: #d1e0d7;
}

/* =ANKETA
-------------------------------------------------------------- */
.voting-label{


}
.voting {

}
/* otazka */
.voting h3{ 

}

.voting .item{
	padding-bottom: 0px;
	margin-bottom:0px;
	padding-top: 0px;
	margin-right:25px;
}
/* odpoved */
.voting .label{

}

.voting .graph-border{
		padding:0px;
		margin: 0px;

}

.voting .graph-border .graph{
	background-color:#d1e0d7;
	line-height:19px;
	border: 1px solid #d1e0d7;
  -moz-box-shadow: #fff 0px 1px 2px;
  -webkit-box-shadow: #fff 0px 1px 2px;
  box-shadow: #fff 0px 1px 2px;
}
/* =SHOP
-------------------------------------------------------------- */

.shop-article .perex, .article.detail .perex{
	margin-bottom:18px;

}

.article.detail .content{
	margin-top:18px;

}

.article.detail .img{
	text-align:center;

}
.shop-article .item-bottom{
	width:290px;
	float:right;

}

.shop-article .img{
	width:100px;
	float:left;
	margin-right:10px;
	margin-left:-10px;


}

.cena{
	float:right;
	font-weight:bold;

}


.submit-shop
{	padding:10px;
	margin-top:5px;
	
}
/* Pager
-------------------------------------------------------------- */

.pager{
	font-weight:bold;
	width:100%;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
}
.pager a{
	background-color:#efedeb;
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	text-decoration:none;

}
.pager a:hover{
	background-color:#fff;


}


.pager a.active{
	color:#000;
	border:none;
	background-color:#FFF;
	padding:5px;
}


.pager a.previous, .pager a.next{
	border:none;
	width:100px;
	text-align:center;
	background-color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
}

.pager a:hover.previous, .pager a:hover.next{
	text-decoration:underline;

}
.pager a.next{
}

/* vyhledat
-------------------------------------------------------------- */
.search-form {
	padding-top:10px;

}

.search-form .submit{
	text-transform:uppercase;
	color:#675c53;
	border:0px;
	background:#fff;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	text-shadow:none;	
}
input, textarea{
	background:url(bg-input.png) no-repeat;
	border:1px solid #cbccca;
	padding:4px;
	font-size:11px;
	color:#675c53;
	webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-moz-border-radius: 3px;	
}

/* Slider
-------------------------------------------------------------- */

#example {
	width:960px;
	height:350px;
	position:relative;
	background:url(bg-frame.png) repeat-y;

}

#ribbon {
	position:absolute;
	top:-3px;
	left:-3px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:960px;
	height:350px;
	top:0px;
	left:0px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:960px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:960px;
	height:350px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:150px;
	left:-24px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:960px;
}

/*
	Pagination
*/

.pagination {
	width:100px;
	position:absolute;
	z-index:100;
	top:375px;
	left:620px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#332b2a;
	background:rgba(0,0,0,.8);
	width:960px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #92d400;
	text-shadow:none;
}
/*
	massages
*/

p.error {
	color:#990000;
	font-weight:bold;
}