/* CSS reset, Eric Meyer style */
@import url('reset.css');


/* BASE */
body{
	background: url('../img/bg-hp.jpg') 50% 0 no-repeat;
	color:#2d2d2d;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:62.5%;
}

a{
	color:#7c3c94;
}

a:hover{
	color:#94873c;
}

h1,h2,h3,h4,#nav,.anotace,
.article-date,.gallery-item,
#galerie h1{
	font-family: Futura, Century Gothic, AppleGothic, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

h1{
	font-size:18px;
	margin:20px 0 14px;
}

h2{
	font-size:16px;
	margin:22px 0 15px;
}

h3{
	font-size:14px;
	margin:10px 0 20px;
}

h4{
	font-size:12px;
	font-weight: normal;
	margin:15px 0 0;
	text-transform: uppercase;
}

p{	
	color:#4b4b4b;
	line-height:15px;
	margin:15px 0;
}


/* layout elems */
#bg-container{
	height:100%;
	width:100%;
}

#container{
	font-size:12px;
	margin: 60px auto 10px;
	padding:0 0 50px;
	position: relative;
	width:940px;
}

#content-left{
	left:0;
	position: absolute;
	top:172px;
	width:300px;
}

.other #content-left{
	float:left;
	position: relative;
	top:46px;
}

#content-right{
	position: absolute;
	right:0;
	top:0;
	width:580px;
}

.other #content-right{
	float:right;
	position: relative;
	right:7px;
	width:600px;
}

#content-bottom{
	margin:222px 0 0;
	position: relative;
	width:100%;
}

#footer{
	height:40px;
	margin:100px 0 0 0;
	position: relative;;
	width:940px;
}

#novinky{
	float:left;
	width:160px;
}

#seed{
	float:right;
	width:120px;
}


/* navigace */
#nav{
	background: white;
	display:block;
	padding:5px 0 0;
	position: absolute;
	top:-30px;right:0;
}
.other #nav{
	left:333px;
	top:104px;
	z-index:10;
}

#nav li{
	float:left;
	padding:0 0 0 5px;
}

#nav li a{
	color:#2d2d2d;
	text-decoration: none;
	text-transform: uppercase;
}

#nav li a:hover,#nav li.akt a{
	color:#94873c;
	text-decoration: underline;
}

#nav li span{
	color:#c8c8c8;
}


/* misc */
.anotace{
	color:#000;
	line-height:13px;
}

.article{
	background: #fff;
	margin:19px 0;
	width:320px;
}

.article-date{
	font-size:8px;
	text-align:right;
}

.article h1,.article h2,#galerie h1{
	padding:25px 0 0 0;
	margin:0;
}

#block-1,#block-2{
	width:160px;
}
#block-3{
	width:220px;
}
#block-4{
	width:340px;
}

#cat-1 *{
	background: url('../img/cat-1.gif');
	width:106px;	
}
#cat-1 span:hover{
	background-position: 0 100%;
}

.cleaner{
	clear:both;
	height:0;
	visibility: hidden;
}

#content-bottom div{
	background: url('../img/bg-trans.png') 0 0 repeat;
	float:left;
	margin:40px 20px 0 0;
}

#content-bottom #block-4{
	margin:40px 0 0;
}

#content-right li{
	float:left;
	margin: 0 4px 4px 0;
	position: relative;
	height:22px;
}

#content-right li a,
#content-right li span{
	background-position: 0 0;
	background-repeat: no-repeat;
	display:block;
	height:22px;
}

#content-right li span{
	left:0;
	position: absolute;
	top:0;
	z-index:2;
}

#footer a{
	color:#444;
}
#footer a:hover{
	color:#888;
}

#footer h5{
	float:left;
	margin:0 20px 0 0;
}

#form-send{
	float:right;
	margin:0 5px 5px 0;
	width:96px;
}

#vyherci{
	margin:50px 0 0 0;
}

#vyherci .left{
	float:left;
	margin:4px 0 0 0;
	width:110px;
}
#vyherci .right{
	float:right;
	width:160px;
}

#vyherci h3{
	color:#d93c4d;
	font-size:13px;
	line-height:13px;
	margin:0 0 10px;
}

#vyherci li{
	background:url("../img/bullet-vyherci.gif") no-repeat scroll 0 5px transparent;
	color:#4b4b4b;
	float:none;
	font-family: Futura, Century Gothic, AppleGothic, sans-serif;
	font-size:12px;
	height:auto;
	margin:0 4px 5px 0;
	padding:0 0 0 10px;
}

#vyherci #left,#vyherci #right{
	background: #fff;
	padding:10px;
}

#vyherci #left{
	float:left;
	width:275px;
}

#vyherci #right{
	float:right;
	width:275px;
}

#vyherci .wiener{
	margin: 0 0 10px;
}

#galerie-bfp{
	background: #fff;
	height:287px;
	margin:18px 0 0 0;
	padding:10px;
	width:578px;
}

#galerie-left{
	background: #fff;
	float:left;
	margin:18px 0 0 0;
	width:310px;
}

#galerie-right{
	background:#fff;
	float:right;
	margin:18px 0 0 0;
	width:270px;
}

#gallery-hp{
	background:black;
	height:240px;
	position: relative;
	width:100%;
}

.gallery-item{
	float:left;
	font-size:8;
	height:144px;
	line-height:13px;
	margin:0 1px 1px 0;
	overflow: hidden;
	text-align: center;
	width:99px;
}
.gallery-item span{
	background: #d93c4d;
	color:#fff;
	display:block;
	height:65px;
	padding:5px 0 0;
	position: relative;
	text-decoration: none;
	top:-3px;
	width:99px;
	font-size:10px;
}

.hidden{
	display:none;
}

.link{
	display:block;
	width:100%;
}

.link span{
	display:inline-block;
	float:right;
	font-family: Futura, Century Gothic, AppleGothic, sans-serif;
	font-size:7px;
}

#logo{
	height:122px;
	position: relative;
	width:296px;
}

#logo span{
	position: absolute;
	top:-8888px;
	width:1px;
}

#novinky a{
	background: #7c3c94;
	color:#fff;
	display:inline-block;
	float:left;
	font-family: Futura, Century Gothic, AppleGothic, sans-serif;
	font-size:9px;
	line-height:13px;
	margin:0 10px 4px 0;
	max-width:92px;
	padding:5px;
	text-decoration: none;
	text-transform: uppercase;
}

#novinky h3,#seed h3{
	height:18px;
	margin-top:0;
	width:83px;
}

#novinky h3 a,#novinky h3 a:hover{
	background: none;
	color:#000;
	padding:0;
}

#novinky a:hover,#novinky .akt a{
	background: #94873c;
}

.other #content-left h2{
	margin-top:0;
}

#seed a{
	margin:5px 0 2px;
}

#seed p{
	font-size:9px;
	line-height:11px;
	margin:3px 0;
}