/* ___| CSS document |_____________________ */


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, menu, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body	{ font-family: Arial, sans-serif; font-size: 75%; color: #6b6a6a; background: #f5f5f5 url("../img/bg.png") repeat-x top; }
a img	{ border: 0; }
.none	{ display: none; }
.hidden	{ visibility: hidden; }
.clear	{ margin: 0; padding: 0; height: 0; overflow: hidden; clear: both; }


/* ___| container |_____________________ */


#container { margin: 0 auto; width: 900px; position: relative; }


/* ___| header |_____________________ */


#header { width: 100%; height: 221px; float: left; clear: both; background: url("../img/bg_header.jpg") no-repeat center; }
#header_in { margin: 0 auto; padding-bottom: 6px; width: 900px; }
#header h2 {
	margin: 15px 0 0 0;
	left: 0;
	top: 0;
	width: 200px;
	height: 120px;
	overflow: hidden;
	background: none;
	display: block;
	position: relative;
	}
#header h2 a {
	width: 200px;
	height: 120px;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	display: block;
	}
#header h2 span {
	left: 0;
	top: 0;
	width: 200px;
	height: 120px;
	background: url("../img/fun-city.png") no-repeat;
	display: block;
	position: absolute;
	}
	
	
/* ___| menu |_____________________ */


menu { width: 840px; height: 61px; position: absolute; top: 166px; left: 0; }
menu li { list-style: none; float: left; }
menu li a {
	margin-right: 2px;
	padding-top: 16px;
	width: 121px;
	height: 45px;
	display: block;
	position: relative;
	background: #ea6107;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	float: left;
	}
menu li a span {
	margin-right: 2px;
	width: 121px;
	height: 61px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	float: left;
	}
#container menu li a:hover span { background-position: 0 -61px; }
#container menu li.now a span, #container menu li.now a:hover span { background-position: 0 -122px; }
menu li#uvodni-stranka a span { background: url("../img/menu/uvodni-stranka.png") no-repeat; }
menu li#o-nas a span { background: url("../img/menu/o-nas.png") no-repeat; }
menu li#sluzby a span { background: url("../img/menu/sluzby.png") no-repeat; }
menu li#reference a span { background: url("../img/menu/reference.png") no-repeat; }
menu li#kontakty a span { background: url("../img/menu/kontakty.png") no-repeat; }
menu li#cenova-kalkulace a span { background: url("../img/menu/cenova-kalkulace.png") no-repeat; }

ul#sub-nav { width: 50px; position: absolute; float: left; top: 195px; right: 14px; }
ul#sub-nav li { list-style: none; margin-left: 12px; display: inline; }
ul#sub-nav li a { color: #fff; }

ul#submenu { margin: 0 0 30px -14px; width: 265px; float: left; clear: both; }
ul#submenu li { margin: 0 0 1px 0; list-style: none; float: left; clear: both; }
ul#submenu li a {
	margin: 0;
	padding-left: 20px;
	width: 245px;
	height: 53px;
	line-height: 53px;
	vertical-align: middle;
	list-style: none;
	display: block;
	font-weight: bold;
	color: #ee2525;
	font-size: 120%;
	background: #e4e4e4;
	position: relative;
	float: left;
	clear: both;
	}
#container ul#submenu li a:hover span, #container ul#submenu li.now a span { background-position: -265px 0;}
ul#submenu li a span { width: 265px; height: 53px; display: block; position: absolute; top: 0; left: 0; cursor: pointer; }
ul#submenu li#kulturni-akce span { background: url("../img/submenu/kulturni-akce.png") no-repeat; }
ul#submenu li#svatby a span { background: url("../img/submenu/svatby.png") no-repeat; }
ul#submenu li#hostesing a span { background: url("../img/submenu/hostesing.png") no-repeat; }
ul#submenu li#sportovni-akce a span { background: url("../img/submenu/sportovni-akce.png") no-repeat; }
ul#submenu li#promotion a span { background: url("../img/submenu/promotion.png") no-repeat; }
ul#submenu li#teambuilding a span { background: url("../img/submenu/teambuilding.png") no-repeat; }


/* ___| main |_____________________ */


#white_box {
	margin: 6px 0 20px 0;
	padding: 12px 17px 0 17px;
	width: 866px;
	background: #fff;
	float: left;
	clear: both;
	}
#main {
	width: 900px;
	background: url("../img/bg_main.png") repeat-y 610px 0;
	float: left;
	clear: both;
	}
#content {
	padding: 0 17px;
	min-height: 10px;
	width: 576px;
	float: left;
	}
#column_right {
	padding: 0 24px;
	width: 242px;
	float: left;
	}
.h-line { margin: 0 -17px 0 0; width: 593px; height: 21px; font-size: 0; clear: both; background: url("../img/bg_main.png") repeat-x 0 2px; }
#cor {
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 184px;
	height: 184px;
	background: url("../img/cor.png") no-repeat;
	cursor: pointer;
	}


/* ___| content |_____________________ */


#content h1, #white_box h1, #content h2.main-tit, #white_box h2.main-tit, #column_right h2.main-tit { margin-bottom: 0; color: #212121; font-family: Impact, 'Techno CE', sans-serif; font-weight: normal; font-size: 180%; letter-spacing: 1px; text-transform: uppercase; line-height: 1; }
#content h2, #white_box h2 { margin-bottom: 10px; color: #252424; font-size: 150%; }
#content h2 span { font-weight: normal; }
#content h3, #white_box h3 { margin-bottom: 10px; color: #cd5403; font-size: 110%; }
#content h3#reka { background: url("../img/bg_main.png") repeat-x bottom; padding-bottom: 12px; margin-bottom: 4px; }
#content p, #white_box p { margin-bottom: 11px; line-height: 150%; }
#content p.citace { margin: 0 0 24px 13px; padding: 26px 24px 0 0; text-align: center; background: url("../img/cit_t.png") no-repeat right top; font-size: 115%; width: 516px; }
#content p.citace span { display: block; width: 492px; padding: 0 0 26px 24px; background: url("../img/cit_d.png") no-repeat left bottom; }
#content p.date { margin: -4px 0 10px 0; color: #dc5a03; font-size: 90%; }
#content p.datum { margin: -6px 0 14px 0; color: #6b6b6b; font-size: 85%; }
#content p.datum span.kulturni-akce { color: #ed0606; }
#content p.datum span.svatby { color: #0b7a71; }
#content p.datum span.sportovni-akce { color: #0e7c16; }
#content p.datum span.hostesing { color: #6f2297; }
#content p.datum span.promotion { color: #13349f; }
#content p.datum span.teambuilding { color: #9f1373; }
#content p.datum span { color: #afafaf; }
#content p.sub-tit, #white_box p.sub-tit, #column_right p.sub-tit { margin-bottom: 11px; color: #f04b08; font-size: 110%; text-transform: uppercase; }
#content p.sub-tit em, #white_box p.sub-tit em, #column_right p.sub-tit em { font-family: "Arial Narrow"; font-size: 105%; font-style: normal; line-height: 1; }
#content a, #white_box a { color: #dc5a03; text-decoration: underline; }
#content a:hover, #white_box a:hover { color: #dc5a03; text-decoration: none; }

#content a.btn, #column_right a.btn { color: #dc5a03; text-decoration: underline; padding-right: 10px; background: url("../img/arr.png") no-repeat right 5px; }
#content a.btn:hover, #column_right a.btn:hover { color: #dc5a03; text-decoration: none; }

#content p.styl1, #white_box p.styl1 { font-size: 115%; color: #444; line-height: 150%; }

#content ul { margin: 0 0 16px 0; padding: 0; }
#content ul li { margin: 0 0 5px 6px; padding: 0 0 0 20px; color: #555; line-height: 150%; list-style: none; background: url("../img/ul_house.png") no-repeat left 4px; }

#content ul#rekap { margin: 0; padding: 0 0 0 15px; }
#content ul#rekap li { margin: 0; padding: 0; background: none; color: #555; list-style: square; line-height: 175%; }

a.btn_orange, #content a.btn_orange, #content button.btn_orange {
	margin: 0;
	padding-top: 6px;
	width: 125px;
	height: 30px; 
	text-decoration: none; 
	text-transform: uppercase; 
	line-height: 100%;
	color: #fff; 
	border: none;
	text-align: center; 
	background: #e76a06 url("../img/btn_orange.png") no-repeat;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 90%;
	float: left;
	clear: both;
	}
a.btn_orange:hover, #content a.btn_orange:hover, #white_box ul#boxes li div a.btn_orange:hover { color: #fff; background-position: 0 -38px; }


/* ___| anketa |_____________________ */


h4#ankt_q { font-size: 110%; color: #333; }
p.ans { margin: 0 0 8px 0; width: 220px; color: #6b6a6a; font-size: 12px; float: left; }
p.ans span.o { margin: 0; float: none; color: #c0bfc0; text-decoration: none; display: block; color: #c0bfc0; position: inherit; }
p.ans a { margin: 0; text-decoration: none; display: block; color: #6b6a6a; }
p.ans a:hover { color: #333; }
p.ans span { margin: 15px 0 -15px 0; float: right; font-size: 11px; color: #c0bfc0; position: relative; }
.bar { margin: 2px 0 0 0; padding: 1px; width: 186px; height: 6px; border: 1px solid #BDBCBC; background: #E0E0E0; font-size: 0; float: left; }
.progress { margin: 0; height: 6px; background: #E76A06; font-size: 0; }


/* ___| boxes |_____________________ */


ul#boxes { margin: 0; padding: 0; }
ul#boxes li {
	margin: 0 30px 8px 2px;
	padding: 3px;
	width: 259px;
	height: 134px;
	background: #f5f5f5 url("../img/bg_box.png") no-repeat top;
	list-style: none;
	cursor: pointer;
	float: left;
	}
ul#boxes li.now { background: #fff url("../img/bg_box.png") no-repeat 0 -140px; }
ul#boxes li.last { margin-right: 0; }
ul#boxes li div { width: 174px; height: 134px; padding-left: 85px; }
#white_box ul#boxes li div p { font-size: 95%; line-height: 140%; }
#white_box ul#boxes li div h2 { margin: 2px 0 6px 0; float: left; font-size: 110%; width: 170px; height: 16px; position: relative; }
#white_box ul#boxes li div h2 span { cursor: pointer; display: block; height: 16px; width: 170px; position: absolute; top: 0; left: 0; }
#white_box ul#boxes li div a.btn_orange { margin: 8px -3px 0 0; color: #fff; text-decoration: none; font-size: 100%; background: #e76a06 url("../img/btn_orange-white.png") no-repeat; }
#white_box ul#boxes li.now div a.btn_orange { background: #e76a06 url("../img/btn_orange-white.png") no-repeat 0 -38px; }

ul#boxes li#kulturni-akce div { background: url("../img/boxes/images/kulturni-akce.jpg") no-repeat left top; }
ul#boxes li#svatby div { background: url("../img/boxes/images/svatby.jpg") no-repeat left top; }
ul#boxes li#hostesing div { background: url("../img/boxes/images/hostesing.jpg") no-repeat left top; }
ul#boxes li#sportovni-akce div { background: url("../img/boxes/images/sportovni-akce.jpg") no-repeat left top; }
ul#boxes li#promotion div { background: url("../img/boxes/images/promotion.jpg") no-repeat left top; }
ul#boxes li#teambuilding div { background: url("../img/boxes/images/teambuilding.jpg") no-repeat left top; }

ul#boxes li#kulturni-akce div h2 span { background: url("../img/boxes/titles/kulturni-akce.png") no-repeat left; }
ul#boxes li#svatby div h2 span { background: url("../img/boxes/titles/svatby.png") no-repeat left; }
ul#boxes li#hostesing div h2 span { background: url("../img/boxes/titles/hostesing.png") no-repeat left; }
ul#boxes li#sportovni-akce div h2 span { background: url("../img/boxes/titles/sportovni-akce.png") no-repeat left; }
ul#boxes li#promotion div h2 span { background: url("../img/boxes/titles/promotion.png") no-repeat left; }
ul#boxes li#teambuilding div h2 span { background: url("../img/boxes/titles/teambuilding.png") no-repeat left; }


/* ___| akce box |_____________________ */


.akce-box { margin: 0 0 14px 0; width: 276px; float: left; position: relative; }
.akce-first { margin-right: 18px; }
.akce-box .foto-zoom { width: 16px; height: 17px; background: url("../img/ico_zoom.png") no-repeat; position: absolute; top: 83px; right: 5px; }
.akce-box_in { padding: 5px; width: 266px; float: left; clear: both; background: #fff; }
#content .akce-box h3 { margin: 2px 0 3px 0; font-size: 100%; }
#content .akce-box h3 a { color: #dc5a03; text-decoration: underline; }
#content .akce-box h3 a:hover { text-decoration: none; }
#content .akce-box p { margin: 0; font-size: 95%; line-height: 140%; }
#content .akce-box p.text-right { padding: 8px 6px 0 0; clear: both; text-align: right; }
#content .akce-box img { margin-bottom: 5px; }
#content .akce-box p.date {
	margin: 0 10px 0 0;
	padding-top: 11px;
	width: 63px;
	height: 59px;
	font-size: 300%;
	line-height: 1;
	text-align: center;
	background: #dc5a03;
	color: #fff;
	float: left;
	}
#content .akce-box p.date span { font-size: 28%; letter-spacing: 0.5px; }


/* ___| clanek box |_____________________ */


.clanek-box { margin: 0 0 14px 0; width: 570px; float: left; position: relative; }
.clanek-box .foto-zoom { width: 16px; height: 17px; background: url("../img/ico_zoom.png") no-repeat; position: absolute; top: 52px; left: 211px; }
.clanek-box_in { padding: 5px 8px 5px 5px; width: 557px; float: left; clear: both; background: #fff; }
#content .clanek-box h3 { padding-top: 6px; margin: 0 0 5px 0; font-size: 100%; }
#content .clanek-box h3 a { color: #dc5a03; text-decoration: underline; }
#content .clanek-box h3 a:hover { text-decoration: none; }
#content .clanek-box h3 span { color: #000; }
#content .clanek-box p { margin: 0; font-size: 95%; line-height: 150%; }
#content .clanek-box p.text-right { padding: 8px 6px 0 0; clear: both; line-height: 1; text-align: right; }
#content .clanek-box img { margin-right: 15px; float: left; }

#content .clanek-box p.date { padding: 7px 6px 0 0; float: right; color: #000; font-size: 85%; }
#content .clanek-box p.date span { color: #afafaf; }

#content .clanek-box p.date span.kulturni-akce { color: #ed0606; }
#content .clanek-box p.date span.svatby { color: #0b7a71; }
#content .clanek-box p.date span.sportovni-akce { color: #0e7c16; }
#content .clanek-box p.date span.hostesing { color: #6f2297; }
#content .clanek-box p.date span.promotion { color: #13349f; }
#content .clanek-box p.date span.teambuilding { color: #9f1373; }


/* ___| archiv box |_____________________ */


.archiv-box { margin: 6px 0 20px 0; width: 576px; float: left; clear: both; }
.ina { margin: 0 0 0 24px; width: 500px; float: left; }
#content .archiv-box p.date {
	margin: 0 0 0 0;
	width: 42px;
	font-size: 300%;
	line-height: 1;
	color: #7b7a7a;
	text-align: center;
	float: left;
	}
#content .archiv-box p.date span { padding-left: 3px;font-size: 28%; width: 39px; display: block; text-align: center; letter-spacing: 0.5px; float: left; clear: both; }
#content .archiv-box .ina h3 { margin-bottom: 2px; }
#content .archiv-box .ina p { margin: 0; }


/* ___| cenova kalkulace |_____________________ */


#kalk { margin: 0 0 18px 2px; width: 858px; height: 68px; float: left; clear: both; background: url("../img/bg_kalk.png") no-repeat; }
#content ul.boxes_kalk { margin: 0 16px 0 0; padding: 0; width: 276px; float: left; }
#content ul.ri { margin: 0; }
#content ul.boxes_kalk li {
	margin: 0 0 18px 0;
	padding: 0;
	background: none; 
	list-style: none;
	color: #6b6a6a;
	float: left;
	clear: both;
	}
#content ul.boxes_kalk li a { display: block; float: left; clear: both; padding: 5px 7px 0 6px; width: 263px; height: 80px; background: url("../img/bg_item_kalk.png") no-repeat; text-decoration: none; }
#content ul.boxes_kalk li a:hover { background: url("../img/bg_item_kalk.png") no-repeat 0 -85px; }
ul.boxes_kalk li span { width: 77px; height: 74px; float: left; text-decoration: none; }
ul.boxes_kalk li a span.text { width: 170px; line-height: 140%; font-size: 90%; height: auto; float: none; color: #555; text-decoration: none; }
ul.boxes_kalk li a strong { float: left; padding: 3px 0 7px 0; width: 170px; font-size: 120%; }

ul.boxes_kalk li span#kulturni-akce { padding-right: 12px; background: url("../img/boxes/images/kulturni-akce.jpg") no-repeat left top; }
ul.boxes_kalk li span#svatby { padding-right: 12px; background: url("../img/boxes/images/svatby.jpg") no-repeat left top; }
ul.boxes_kalk li span#hostesing { padding-right: 12px; background: url("../img/boxes/images/hostesing.jpg") no-repeat left top; }
ul.boxes_kalk li span#sportovni-akce { padding-right: 12px; background: url("../img/boxes/images/sportovni-akce.jpg") no-repeat left top; }
ul.boxes_kalk li span#promotion { padding-right: 12px; background: url("../img/boxes/images/promotion.jpg") no-repeat left top; }
ul.boxes_kalk li span#teambuilding { padding-right: 12px; background: url("../img/boxes/images/teambuilding.jpg") no-repeat left top; }

fieldset.field_kalk { margin: 4px 0 15px 0; padding: 12px 12px 0 15px; width: 548px; border: none; float: left; clear: both; background: #E7E7E7 url("../img/bg_field_t.png") no-repeat top; }
fieldset.field_kalk .field_b { margin: 6px -15px 0 -15px; width: 575px; height: 5px; font-size: 0; float: none; clear: both; background: #fff  url("../img/bg_field_b.png") no-repeat bottom; }
fieldset.field_kalk label { color: #555; font-weight: bold; }
fieldset.field_kalk input, fieldset.field_kalk textarea { 
	margin: 0;
	padding: 4px;
	width: 200px;
	border: 1px solid #aaa;
	font-family: Arial, sans-serif;
	color: #555;
	font-size: 100%;
	background: #fff url("../img/bg_input.png") no-repeat left top;
	}
fieldset.field_kalk table td.rad input { margin: 0 6px 0 0; padding: 0; width: 10px; border: none; background: none; float: left; }
fieldset.field_kalk table td.rad label { font-weight: normal; }
fieldset.field_kalk table { margin: 0; padding: 0; width: 100%; border-collapse: collapse; }
fieldset.field_kalk table.checkboxes td { padding-bottom: 8px; padding-top: 8px; vertical-align: top; width: 180px; }
fieldset.field_kalk table.checkboxes td label { font-style: italic; display: block; font-weight: normal; float: left; width: 158px; line-height: 140%; }
fieldset.field_kalk table.checkboxes td input { margin: 2px 8px 0 0; padding: 0; width: 10px; border: none; background: none; float: left; }
fieldset.field_kalk table td { padding: 3px 3px 4px 0; }


/* ___| reference |_____________________ */


.gallery { margin: 0; width: 576px; float: left; clear: both; }
.image { margin: 10px 9px; padding: 0 6px 6px 0; background: url("../img/bg_img.png") no-repeat right bottom; float: left; position: relative; }
.h { margin: 10px 23px; }
.cr { margin: 0; width: 6px; height: 5px; background: url("../img/bg_cor_r.png") no-repeat; position: absolute; top: 0; right: 0; }
.cl { margin: 0; width: 5px; height: 6px; background: url("../img/bg_cor_l.png") no-repeat; position: absolute; bottom: 0; left: 0; }

.ref { margin: 6px 0 23px 0; width: 229px; float: left; clear: both; cursor: pointer; }
.ref img { float: left; clear: both; }
.ref .ref-img { margin: -77px 0 6px -7px; position: relative; width: 236px; height: 84px; background: url("../img/bg_ref.png") no-repeat 0 0; float: left; clear: both; }
.refh .ref-img { margin: -77px 0 6px -7px; position: relative; width: 236px; height: 84px; background: url("../img/bg_ref.png") no-repeat 0 -84px; float: left; clear: both; }
.ref h3 { margin-bottom: 3px; line-height: 1; color: #dc5a03; font-size: 100%; }
.ref h3 a { color: #dc5a03; text-decoration: none; }
.ref h3 a:hover { text-decoration: underline; }
.ref p { margin-bottom: 0; line-height: 150%; font-size: 95%; }
.ref p.date { margin-bottom: 8px; color: #333; font-size: 85%; }
.ref p.date span { color: #afafaf; }
.ref p.text-right { text-align: right; }
.ref p.date span.kulturni-akce { color: #ed0606; }
.ref p.date span.svatby { color: #0b7a71; }
.ref p.date span.sportovni-akce { color: #0e7c16; }
.ref p.date span.hostesing { color: #6f2297; }
.ref p.date span.promotion { color: #13349f; }
.ref p.date span.teambuilding { color: #9f1373; }


/* ___| column right |_____________________ */


.news {
	margin: 0 0 16px 0;
	width: 240px;
	float: left;
	clear: both;
	}
.news .date {
	margin: 0 22px 0 0;
	width: 42px;
	font-size: 300%;
	line-height: 1;
	text-align: center;
	float: left;
	}
.news .date span { padding-left: 3px;font-size: 28%; width: 39px; display: block; text-align: center; letter-spacing: 0.5px; float: left; clear: both; }
.news .text {
	margin: 0;
	width: 176px;
	float: left;
	}
.news h3 { margin-bottom: 4px; line-height: 1; color: #dc5a03; font-size: 110%; }
.news h3 a { color: #dc5a03; text-decoration: underline; }
.news h3 a:hover { text-decoration: none; }
.news .text p { margin-bottom: 4px; line-height: 150%; font-size: 95%; }
.news .text p.text-right { text-align: right; }
p.text_right { float: right; }
	
	
/* ___| footer |_____________________ */


#footer {
	margin-top: 10px;
	width: 100%;
	height: 364px;
	background: url("../img/bg_footer.png") repeat-x bottom;
	float: left;
	clear: both;
	}
#footer_in {
	margin: 0 auto;
	padding: 197px 10px 0 3px;
	width: 887px;
	height: 167px;
	background: url("../img/bg_foot.jpg") no-repeat top;
	}
#footer p { margin-bottom: 8px; color: #fff; line-height: 155%; }
#footer p#sub-menu { font-size: 90%; color: #3a3938; text-transform: uppercase; }
#footer p#sub-menu a { margin: 0 7px; color: #3a3938; text-decoration: none; }
#footer p#sub-menu a:hover { text-decoration: underline; }
#footer p#f-left { margin-left: 74px; float: left; width: 330px; }
#footer p#f-left a { padding-left: 16px; background: url("../img/ico_mail.png") no-repeat 0 2px; color: #fff; text-decoration: underline; }
#footer p#f-left a:hover { text-decoration: none; }
#footer p#f-right { margin: -14px 0 0 250px; float: left; width: 230px; font-size: 250%; }
#footer p#f-right span { font-weight: normal; font-size: 50%; float: left; margin: -6px 6px 0 0; }
#footer p#copyright { float: left; clear: both; font-size: 90%; margin-top: 25px; width: 100%; text-align: right; text-transform: uppercase; color: #676262; }
#footer p#copyright a { color: #dc5a03; text-decoration: none; }
#footer p#copyright a:hover { color: #ada6a1; }