/* @override 
	http://localhost/kultura/css/kultura.css
*/

/**********************************************************
	
	Kultura Jinak	version: 1.0	
	by Martin Stastny - http://www.martinstastny.cz

***********************************************************/

/* @group Reset&Globals */

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;
	font-family: "Myriad Pro", "Segoe UI", Tahoma, serif;
	background: url(../img/bg.jpg);
}

ol, ul {
	list-style: none;
}
#pagewrap{
	width: 783px;
	background: url(../img/wrap_bg.png) repeat-y;
	margin: 0 auto;
	overflow: hidden;
}

/* @end */
.cleaner {

	clear: both;

	height: 1px;

	margin: -1px 0 0 0;

	padding: 0;

	border: none;

	visibility: hidden;

	font-size: 1px;

	line-height: 1px;

}

/* @group Header */

#header{
	width: 100%;
	height: 377px;
	background: url(../img/header_top.png) no-repeat top center;
}
#header a{
	float: right;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	padding-right: 30px;
	padding-top:8px;
}
#box_left{
	width: 273px;
	height: 321px;
	float: left;
	background: url(../img/bg_box.png) no-repeat;
	margin-top: 64px;
	margin-left: 9px;
}
#box_left h1 a{
	background: url(../img/logo.png) no-repeat;
	width: 205px;
	height: 110px;
	float: left;
	position: relative;
	left: 45px;
	top: 35px;
}
#box_left h1 span{
	display: none;
}
#box_left ul{
	width: 120px;
	margin-left: 40px;
	height: 150px;
	margin-top:150px;
}	
#box_left li{
	display: block;
	width: 200px;
	height: 25px;
	float: left;
	background: url(../img/arrow.png) no-repeat 0px 7px;
}
#box_left li a{
	float: left;
	padding-left: 20px;
}
#box_right{
	float: right;
	width: 481px;
	height: 321px;
	background: url(../img/box_right.png) no-repeat;
	position: relative;
	top: 35px;
	right: 15px;
}
#box_right_inner{
	background: url(../img/uvod.jpg) no-repeat;
	width: 467px;
	height: 291px;
	position: relative;
	top: 16px;
	left: 7px;
}
#box_uvod{
	width: 350px;
	height: 70px;
	background: url(../img/bg_uvod.png) repeat-x;
	position: relative;
	top: 120px;
	left: 60px;
	color: #fff;
	padding:5px;
}
#box_uvod h2{
	color: #f55e0b;
	margin-bottom: 1px;
}
#box_uvod p{
	font-size: 0.78em;
}

form#search {
float: right;
margin: 5px 10px 0 0;
}

/* @end */

/* @group Content */
#content{
	width: 736px;
	margin-left: 23px;
	_margin-left:10px;
	margin-bottom: 20px;
	float: left;
}
#content h3{
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	float: right;
	line-height: 1.8em;
	font-size: 1.28em;
	text-align: right;
	color: #f55e0b;
}

/* @group Left */
#left{
	width: 240px;

	float: left;
	margin-top: 5px;
	min-height: 600px;
	_height: 600px;
	position: relative;
}

#left a{
color: black;
text-decoration: underline;
}
#hala{
	width: 240px;
	padding-bottom: 20px;
	border: 1px solid #e5e5e5;
	float: left;
	margin-top: 10px;
}
#hala img{
	left: 10px;
	top: 15px;
	float: left;
	position: relative;
}
#hala h4 a{
	float: left;
	margin-top: 18px;
	margin-left: 15px;
	color: #f55e0b;
	text-decoration: none;
}
#hala p{
	width: 175px;
	font-size: 0.6em;
	float: left;
	line-height: 1.4em;
	padding-left: 40px;
	margin-top: 5px;
	clear:left;
}
#hala .rezervace{
	color: #f55e0b;
	font-size: 0.75em;
}
#left span{
	float: left;
	font-size: 0.8em;
}
#left h2{
	float: left;
	padding-left: 5px;
	color: #d2a65e;
	font-size: 0.8em;
}
#left h3{
	color: #d2a65e;
	border-bottom: 1px solid #e5e5e5;
	float: right;
	margin-bottom: 10px;
}
.novinky p{
	float: left;
	width: 240px;
	font-size: 0.77em;
	padding-top: 5px;
	line-height: 1.2em;
}
.novinky{
	width: 240px;
	float: left;	
	margin-bottom: 20px;
	margin-left: 5px;	
}

.novinky h2 a{
color: #BBA37B;
text-decoration: none;
}

.novinky h2 a:hover{
color: #BBA37B;
text-decoration: underline;
}

h3.link a {

	color: #f55e0b;
	text-decoration: none;
}

h3.link a:hover {
	text-decoration: underline;
}

#left .more{
	background: url(../img/arrow_brown.png) no-repeat;
	background-position: 0px 5px;
	width: 23px;
	height: 7px;
	margin-left: 5px;
	padding-left: 30px;
	font-size: 1em;
	color: #d2a65e;
}
#left .banner{
	width: 234px;
	height: 60px;
	position: absolute;
	background: #cdcdcd;
	float: left;
	margin-left: 5px;
	bottom: -20px;
}
#left ul{
	width: 230px;
	float: left;
}
#left li{
	background: url(../img/arrow_orange.png) no-repeat;
	background-position: left;
	margin-bottom: 5px;
	border-bottom: 1px dashed #d2a65e;
;
	float: left;
	display: block;
	width: 240px;
}
#left li a{
	color: #d2a65e;
	text-decoration: none;
	float: left;
	line-height: 1.2em;
	padding-left: 30px;
	padding-bottom: 5px;
}
#left li a:hover{
	color: #f55e0b;
}
/* @end */

/* @group Right */
#right{
	width: 470px;
	float: right;
	margin-top: 5px;
}
#right h2{
	color: #f55e0b;
	font-size: 0.94em;
	padding-bottom: 0px;
	margin: 0;
}

#right h2 a{
	color: #f55e0b;
	font-size: 1.0em;
  text-decoration: none;
}


#right p{

	float: left;
	color:#000;
	font-size: 0.82em;	
	line-height: 1.38em;
}
#right a{
	color: #bba37b;
	text-decoration: underline;

}
#right .more{
	background: url(../img/arrow_orange.png) no-repeat;
	background-position: 0px 5px;
	width: 23px;
	height: 7px;
	margin-left: 5px;
	padding-left: 30px;
	font-size: 0.9em;
	color: #f55e0b;
}
#right img{
	float: left;
	margin-right: 10px;
	margin-top: 25px;
}

#right ul{
padding: 10px 0 10px 15px !important;
list-style-type: square;
font-size: 12px;
display: block;
line-height: 16px;
}

#right h2{
border-bottom: 1px solid #E5E5E5;
padding: 0 0 3px 0;
margin: 0 0 5px 0;
}
.novinka{
	width: 475px;
	padding-top: 10px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
	float: right;
}

#right p{
	width: 475px;
display: block;
margin: 0 0 10px 0;
}

.novinka img{
margin: 0 0 5px 0;
}
/* @end */



/* @end */

/* @group Footer */

#footer{
	background: url(../img/footer.png) no-repeat;
	width: 782px;
	height: 90px;
	clear: both;
	float: left;
}
#footer p.left{
	float: left;
	color: #e9e9e9;
	padding-top: 60px;
	font-size: 0.8em;
	padding-left: 20px;
}
#footer p.right{
	float: right;
	color: #e9e9e9;
	padding-top: 5px;
	height: 20px;
	font-size: 0.8em;
	margin-left: 150px;
	padding-right: 20px;
}
#footer p.right a{
	color: #fff;
	text-decoration: none;
}
#footer ul{
	float: right;
	padding-right: 20px;
	font-size: 0.8em;
	margin-top: 40px;
	list-style: none;
}
#footer li{
	display: inline;
}
#footer li a{
	color: #fff;
	padding-bottom: 5px;
	text-decoration: none;
}
/* @end */