@media screen,projection {

	/* global */
	
	body, html {		
		font-family: "Trebuchet MS", arial, helvetica, sans-serif;
		font-size: 14px;
/*		height:100%;
		line-height:100%;*/
		text-align: center;
		margin:0 auto;
		padding:0;
	}
	/* nadpisy globalne */
	h1, h2, h3, h4, h5 {		
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		margin: 23px 0;
		clear: both;
	}
	h1 .metanode,
	h2 .metanode,
	h3 .metanode,
	h4 .metanode		{ color: #608323; }
	h1 {
		color: #608323;
		font-size: 2.5em;
	}
	h2, h3, h4 {		
		color: #608323;
		font-weight: normal;
	}
	h2 {
		font-size: 1.7em;
		margin: 0.3em 5px;
	}
	h3 {
		font-size: 1.3em;
		color: #608323;
		margin: 10px 5px 0;
	}
	h4 {
		color: #608323;
		font-size: 1.7em;
	}
	h5 {
		color: #608323;
		font-size: 1.5em;
	}
	h6 {
		color: #608323;
		font-size: 1.1em;
		margin: 5px 0;
	}
	h1 a {
		color: #ffffff;
		text-decoration: none;
	}
	h2 a {
		color: #608323;
		text-decoration: none;
	}
	h3 a {
		color: #608323;
		text-decoration: none;
	}
	a {
		color: #476300;
	}
	a:hover {
		text-decoration: none;
	}
	a img { border: none; }
	p		{ margin: 0 5px 1em; }
	
	/* layout */
	
	.all {
		width: 740px;
		position: relative;
		margin: auto;
	}
	#shadow-panel-left {
		background: url(/img/design/skin-4-green-red/side_shadow_layer_lft.png) scroll left top repeat-y;
		float: left;
		width: 100%;
		padding: 0 0 0 9px;
	}
	#shadow-panel-right {		
		background: url(/img/design/skin-4-green-red/side_shadow_layer_rgt.png) scroll right top repeat-y;
		float: left;
		width: 100%;
		padding: 0 9px 0 0;
	}
	#body {
		float: left;
		width: 100%;
		text-align: left;
	}
	#header {
		float: left;
		width: 100%;
		background-color: #b7d038;
	}
	#header-top {
		background: #b7d038 url(/img/design/skin-4-green-red/header_layer.jpg) 0 0 repeat-x;
		float: left;
		width: 92%;
		height: 5.6em;
		padding: 4% 4% 0 4%;
	}
	#header-top h2 {		
		float: left;
		margin: 0;
		padding: 0;
	}
	#header-top h2 a, #header-top h2 strong {
		background-image: url(/img/design/skin-4-green-red/home1.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
		color: #ffffff;
		text-decoration: none;
		font-weight: normal;
		display: block;
		float: left;
		padding: 0 0 0 70px;
		height: 63px;
	}
	#menumain {
		float: left;
		width: 100%;
	}
	#menumain ul {
		background: #a20018 url(/img/design/skin-4-green-red/menu_bg_layer.jpg) 0 0 repeat-x;
		color: #ffffff;
		padding: 0;
		margin: 0;
		display: block;
		float: left;
		width: 100%;
	}
	#menumain li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	#menumain strong, #menumain a {
		background: url(/img/design/skin-4-green-red/menu_bg_button.jpg) 0 0 no-repeat;
		color: #ffffff;
		text-decoration: none;
		text-align: center;
		display: block;
		float: left;
		height: 2.2em;
		width: 101px;
		padding: 12px 0 0 0;
		margin: 0 -10px 0 20px;
	}
	#menumain strong {
		padding: 12px 0 0 0;
	}
	#menumain h2, #menumain h3 {
		display: none;
	}
	#menusub h2, #menusub h3 {
		display: none;
	}
	
	#menusub {
	}
	#menusub ul {
	}
	#menusub ul a, #menusub ul strong {
		color: #A20018;
		text-decoration: none;
	}
	#menu-tray-info	{
		color: #ffffff;
		display: block; float: left; clear: both;
		font-weight:bold;
		margin: -30px 0 0 490px;
		width: 230px;
	}
	#menu-tray-info .metanode { color: #ffffff; }
	
	
	#breadcrumb {
		font-family: "Times New Roman", Times, serif;
/*		font-style: italic;*/
		padding: 0;
		margin: 0 0.2em 1em 0.2em;
	}
	#breadcrumb a, #breadcrumb strong {
		color: #A20018;
		padding: 0 0.2em;
	}
	#breadcrumb a {
		text-decoration: none;
	}
	
	#content {
		background-color: #f6edcc;
		color: #000000;
		position: relative;
		float: left;
		width: 96%;
		min-height: 200px;
		padding: 1% 2% 3%;
	}

	#map, #photogallery, #pricelist {
		margin: 0 0 20px 0;
		width: 100%;
	}
	#photogallery {
		float: left;
		clear: both;
	}
	#map {
		float: left;
		clear: both;
		margin: 0.5em 0 2em 0;
	}
	#pricelist {
		/*float: left;
		clear: both;*/
	}
	#pricelist table {
		margin-bottom: 1em;
	}
	#pricelist table caption {
		background-color: #A20018;
		color: #ffffff;
		text-align: left;
		font-weight: bold;
		margin: 0 2px;
		padding: 0.7em;
	}
	#pricelist table td {
		background-color: #B7D038;
		color: #565041;
		text-align: center;
		padding: 0.2em 0.5em;
		border: 0;
	}
	#pricelist table th {
		background-color: #476300;
		color: #ffffff;
		text-align: center;
		font-weight: normal;
		font-style: italic;
		padding: 0.2em 0.5em;
		border: 0;
	}
	#pricelist table .strong {
		font-weight: bold;
	}
	#pricelist p {
		margin: 0;
	}

	#footer-glue {
		background: #f6edcc url(/img/design/skin-4-green-red/footer_glue_layer.jpg) scroll left bottom repeat-x;
		height: 10px;
		position: relative;
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#footer {
		background: #476300 url(/img/design/skin-4-green-red/home2.jpg) 25px 2.5em no-repeat;
		color: #ffffff;
		position: relative;
		float: left;
		width: 92%;
		margin: 0;
		padding: 2.5% 4%;
		font-size: 0.8em;
	}
	#footer .metanode,
	#footer .metanode a	{ color: #ffffff; }
	#footer a.home {
		background: url(/img/design/skin-4-green-red/home2.jpg) 0 0 no-repeat;
		color: #ffffff;
		text-decoration: none;
		display: block;
		float: left;
		height: 41px;
		width: 39px;
	}
	#footer .container-partners {
		float: left;
		width: 20em;
		padding: 10px 0 0 80px;
	}
	#footer .container-address {
		float: right;
		width: 20em;
	}
	#footer .container-counter {
		float: left;
		margin: 70px 0 0 -10px;
	}
	#footer .container-address div {
		float: right;
		clear: both;
		padding: 1em 0 0 0;
		width: 224px;
	}
	#footer .address {
		display: block;
		float: right;
	}
	#footer div .address div {
		display: block;
		float: left;
		clear: both;
		padding: 0;
	}
	#footer div .address div.metanode { padding: 1em 0; }
	#footer .address a {
		color: #ffffff;
	}
	.tel .type {
		display: none;
	}
	
	
	/* konkretni pages */

	#content .hotel {
		float: left;
		width: 45%;
		padding: 0.5em;
		margin: 0 0 1em 1em;
	}
	#content .hotel-info {
		padding-top: 15px;
	}
	#content .hotel h3 {
		font-size: 1.7em;
		margin-top: 0;
	}
	.metanode,
	.description {
		color: #074725;
	}

	.metanode li p {
		margin: 0;
	}
	.hotel p {
		/*color: #565041;*/
	}
	.hotel a, .hotel a .metanode {
		color: #be1e2d;
	}
	div.more {
		float: left;
		margin: 1em 0 0 3em;
	}
	a.more span {
		float: left;
		display: block;
	}
	a.more .lft {
		background: #f6edcc url(/img/design/skin-4-green-red/more_start.gif) 0 0 no-repeat;
		padding: 0 0 0 33px;
		height: 35px;
	}
	a.more .rgt {
		background: #f6edcc url(/img/design/skin-4-green-red/more_end.gif) right top no-repeat;
		padding: 0 15px 0 0;
	}
	a.more .content {
		background-color: #ffffff;
		text-align: center;
		padding: 9px 0 0 0.4em;
		height: 26px;
		font-weight: bold;
		font-size: 0.8em;
	}

	/* i18n switch */
	#i18n-switch			{ position: absolute; margin: 20px 0 0 510px; }
	#i18n-switch ul,
	#i18n-switch ul li,
	#i18n-switch ul li a	{ display: block; float: left; clear: none; }
	#i18n-switch li a		{ background: transparent url(/img/design/skin-4-green-red/flags/en.png) 0 0 no-repeat; width: 48px; height: 38px; cursor: pointer; }
	#i18n-switch li a.cs	{ background-image: url(/img/design/skin-4-green-red/flags/cs.png);  }
	#i18n-switch li a.pl	{ background-image: url(/img/design/skin-4-green-red/flags/pl.png);  }
	#i18n-switch li a span	{ display: none; }
	
	/* globalni pravidla */
	.invisible, .gui-data {
		display: none;
	}

	/* pohlednicove bordery k obrazkum */
	.photo_border1 div, .photo_border1 span,
	.photo_border1_little div, .photo_border1_little span { display: block; }
	.photo_border1 a img, .photo_border2 a img,
	.photo_border1_little a img, .photo_border2_little a img {
		border: none;
	}
	.photo_border1, .photo_border2,
	.photo_border1_little, .photo_border2_little {
		float: left;
		clear: none;
		width: 335px;
		padding: 0;
		margin: 0;
	}
	.photo_border1_little, .photo_border2_little	{ width: 167px; }
	.photo_border1 div, .photo_border2 div,
	.photo_border1_little div, .photo_border2_little div {
		display: block;
		float: left;
		clear: none;
		padding: 0;
		margin: 0;
	}
	.photo_border2,
	.photo_border2_little {
		margin: -14px 0 0 0;
		width: 327px;
	}
	.photo_border2_little	{ margin-top: -7px; width: 163px; }
	.photo_border1 .top,
	.photo_border1_little .top {
		background: url(/img/design/skin-4-green-red/photo_border1_top.png) left bottom no-repeat;
		width: 100%;
		height: 10px;
	}
	.photo_border1_little .top	{ background-image: url(/img/design/skin-4-green-red/photo_border1_little_top.png); height: 5px; }
	.photo_border1 .bottom,
	.photo_border1_little .bottom  {
		background: url(/img/design/skin-4-green-red/photo_border1_bottom.png) left top no-repeat;
		width: 100%;
		height: 34px;
	}
	.photo_border1_little .bottom	{ background-image: url(/img/design/skin-4-green-red/photo_border1_little_bottom.png); height: 17px; }
	.photo_border1 .inner_l,
	.photo_border1_little .inner_l {
		background: url(/img/design/skin-4-green-red/photo_border1_left.png) 0 0 no-repeat;
		padding-left: 22px;
		height: 204px;
	}
	.photo_border1_little .inner_l	{ background-image: url(/img/design/skin-4-green-red/photo_border1_little_left.png); padding-left: 11px; height: 102px; }
	.photo_border1 .inner_r,
	.photo_border1_little .inner_r {
		background: url(/img/design/skin-4-green-red/photo_border1_right.png) right top no-repeat;
		padding-right: 18px;
		height: 100%;
	}
	.photo_border1_little .inner_r	{ background-image: url(/img/design/skin-4-green-red/photo_border1_little_right.png); padding-right: 9px; }
	.photo_border1 .img,
	.photo_border1_little .img {
		float: left;
		width: 295px;
		height: 203px;
		margin: 0;
	}
	.photo_border1_little .img	{ width: 147px; height: 101px; }
	.photo_border2 .top,
	.photo_border2_little .top {
		background: url(/img/design/skin-4-green-red/photo_border2_top.png) 0 0 no-repeat;
		width: 100%;
		height: 24px;
	}
	.photo_border2_little .top	{ background-image: url(/img/design/skin-4-green-red/photo_border2_little_top.png); height: 12px; }
	.photo_border2 .bottom,
	.photo_border2_little .bottom {
		background: url(/img/design/skin-4-green-red/photo_border2_bottom.png) left top no-repeat;
		width: 100%;
		height: 24px;
	}
	.photo_border2_little .bottom { background-image: url(/img/design/skin-4-green-red/photo_border2_little_bottom.png); height: 12px; }
	.photo_border2 .inner_l,
	.photo_border2_little .inner_l {
		background: url(/img/design/skin-4-green-red/photo_border2_left.png) 0 0 no-repeat;
		padding-left: 11px;
		height: 203px;
	}
	.photo_border2_little .inner_l { background-image: url(/img/design/skin-4-green-red/photo_border2_little_left.png); padding-left: 5px; height: 101px; }
	.photo_border2 .inner_r,
	.photo_border2_little .inner_r {
		background: url(/img/design/skin-4-green-red/photo_border2_right.png) right top no-repeat;
		padding-right: 22px;
		height: 100%;
	}
	.photo_border2_little .inner_r	{ background-image: url(/img/design/skin-4-green-red/photo_border2_little_right.png); padding-right: 11px; }
	.photo_border2 .img,
	.photo_border2_little .img {
		float: right;
		width: 295px;
		height: 203px;
		margin: 0;
	}

	.photo_border2_little .img	{ width: 147px; height: 101px; }
	
	a.map-external {
		padding-top: 20px;
	}
}

/* seznam ubytoven na titulce */
#list-hotels-deco				{ display: block; float: left; clear: both; width: 670px; padding: 0 0 0 40px; margin: 0; }
#list-hotels-deco li,
#list-hotels-deco span,
#list-hotels-deco a,
#list-hotels-deco .photo_border1_little,
#list-hotels-deco .photo_border2_little				{ display: block; float: left; clear: none; }
#list-hotels-deco li			                      { margin: 5px 25px; height: 162px; }
#list-hotels-deco a,
#list-hotels-deco .heading,
#list-hotels-deco a,
#list-hotels-deco .photo_border1_little,
#list-hotels-deco .photo_border2_little,
#list-hotels-deco li .label								{ clear: both; margin-bottom: 10px; font-weight: bold; }
#list-hotels-deco li .label								{ width: 167px; text-align: center; margin-top: -10px; }
#list-hotels-deco .heading               			{ width: 160px; margin-left: auto; }
#list-hotels-deco a											{ text-decoration: none; }


/* mapa */
#list-hotels					{ background: transparent url(/img/design/skin-4-green-red/map/map.jpg) 0 -20px no-repeat; width: 700px; height: 474px; padding: 0; margin: 0; display: none; }
#list-hotels li					{ list-style: none; color: #074725; }
#list-hotels .bullet			{ background: transparent url(/img/design/skin-4-green-red/map/bullet_kacerov.png) 0 0 no-repeat; width: 54px; height: 83px; display: none; cursor: pointer; }
#list-hotels .price				{ display: none; text-align: center; width: 43px; margin-top:-45px; }
#list-hotels .tip				{ display: none; }
#list-hotels .tooltip a			{ float: left; clear: none; }
#list-hotels .tooltip .box		{ float: right; clear: none; color: #074725; width: 160px; }
#list-hotels .tooltip div		{ text-align: right; }
#list-hotels .tooltip .heading	{ padding: 0; margin: 0 0 10px; }
#list-hotels li.kacerov			{ left: 370px; /*top: 249px;*/ margin-top: 200px; }
#list-hotels li.kacerov .bullet	{ background-image: url(/img/design/skin-4-green-red/map/bullet_kacerov.png); }
#list-hotels li.stodulky			{ left: 150px; /*top: 214px;*/ margin-top: 165px; }
#list-hotels li.stodulky .bullet	{ background-image: url(/img/design/skin-4-green-red/map/bullet_stodulky.png); }
#list-hotels li.harfa			{ left: 450px; /*top: 124px;*/ margin-top: 75px; }
#list-hotels li.harfa .bullet	{ background-image: url(/img/design/skin-4-green-red/map/bullet_harfa.png); }
#list-hotels li.sunshine			{ left: 385px; /*top: 124px;*/ margin-top: 75px; }
#list-hotels li.sunshine .bullet	{ background-image: url(/img/design/skin-4-green-red/map/bullet_sunshine.png); }
#list-hotels li.bechovice			{ left: 570px; /*top: 154px;*/ margin-top: 105px; }
#list-hotels li.bechovice .bullet	{ background-image: url(/img/design/skin-4-green-red/map/bullet_bechovice.png); }
#list-hotels li.uhrineves			{ left: 520px; /*top: 274px;*/ margin-top: 225px; }
#list-hotels li.uhrineves .bullet	{ background-image: url(/img/design/skin-4-green-red/map/bullet_uhrineves.png); }
#list-hotels li.palmovka			{ left: 350px; /*top: 114px;*/ margin-top: 65px; }
#list-hotels li.palmovka .bullet	{ background-image: url(/img/design/skin-4-green-red/map/bullet_palmovka.png); }
#list-hotels li.zizkov,
#list-hotels li.abex				{ left: 400px; /*top: 194px;*/ margin-top: 145px; }
#list-hotels li.abex .bullet		{ background-image: url(/img/design/skin-4-green-red/map/bullet_abex.png); }
#list-hotels li.zizkov .bullet		{ background-image: url(/img/design/skin-4-green-red/map/bullet_zizkov.png); }
#list-hotels li.hostivar			{ left: 480px; margin-top: 180px; }
#list-hotels li.hostivar .bullet	{ background-image: url(/img/design/skin-4-green-red/map/bullet_hostivar.png); }
#list-hotels li.holesovice			{ left: 320px; /*top: 114px;*/ margin-top: 65px; }
#list-hotels li.holesovice .bullet	{ background-image: url(/img/design/skin-4-green-red/map/bullet_holesovice.png); }

/*debug fixed displaying .tooltip	{ opacity: 1 !important; display: block !important; }*/

/* contact form */
#contact-form,
#contact-form form					{ width: 710px; }
#contact-form .control, #contact-form .column-lft, #contact-form .column-rgt,
#contact-form .submit				{ display: block; float: left; clear: both; padding: 0; margin: 0; }
#contact-form .control				{ margin-top: 10px; height: 50px; }
#contact-form #control-frm-contact-form-ctrl-message				{ height: auto; }
#contact-form #control-frm-contact-form-ctrl-message label 		{ width: 650px; }
#contact-form .control label, #contact-form .control label span, #contact-form .control .label, #contact-form .control input,
#contact-form .control select		{ display: block; float: left; clear: none; padding: 2px 0; margin: 0; }
#contact-form .submit				{ display: block; float: left; clear: both; padding: 0; margin: 20px 0 0 0; }
#contact-form input,
#contact-form select,
#contact-form textarea				{ width: 150px; border: 1px solid #DDDDDD; }
#contact-form .textarea				{ clear: none; }
#contact-form textarea				{ width: 497px; height: 95px; }
#contact-form select					{ width: 152px; }
#contact-form .column-lft												{ clear: left; }
#contact-form .column-lft label										{ width: 300px; }
#contact-form .column-rgt												{ clear: right; margin-left: 10px; }
#contact-form .column-rgt label										{ width: 340px; clear: both; }
#contact-form .control .label											{ width: 145px; }
#contact-form .column-rgt .label										{ width: 185px; }
#contact-form
input.submit																{ width: 150px; margin-left: 145px; padding: 5px 0; }
#contact-form .info-required		{ display: block; float: left; clear: both; color: #A20018; }
#contact-form .info-success		{ display: block; float: left; clear: both; color: #074725; }
#contact-form .error,
#contact-form .error div			{ display: block; float: left; clear: both; width: 280px; }

/* order form */
#order-form 					{ width: 650px; }
#order-form .legend             		{ display: none; }
#order-form .info-required             		{ display: none; }
#order-form .control,
#order-form .control .label,
#order-form .control .text,
#order-form .control .select,
#order-form .control .checkboxes,
#order-form .control .textarea				{ display: block; clear: none; float: left; width: 450px; }
#order-form .control						{ width: 650px; padding: 0 0 10px; }
#order-form .control .label					{ width: 200px; }
#order-form .control input											{ width: 300px; }
#order-form .control .checkboxes input					{ width: auto; }
#control-frm-order-form-ctrl-room label		{ display:block; }
#order-form .submit input					{ margin: 10px 200px 0; }



/* tools */
.data		{ display: none; }
.clear 	{float: left; clear: both;}
.t-left {text-align: left;}
.t-right {text-align: right;}
#pricelist table .t-right {text-align: right; padding-right: 30px;}
.error { color: #BE1E2D; }

.tooltip {
	display:none;
	background:url(/img/tooltip/white_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}



/* carousel */
.carousel	{ height: 200px; }

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.carousel .scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 625px;
	height:190px;

	/* custom decorations */
	border:1px solid #ccc;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.carousel .scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.carousel .block {
	float:left;
}
.carousel .item {
	float:left;
	padding: 0 20px;
}
.carousel .item .box {
	width:170px;
}
.carousel .item .info h3 { padding-left: 10px; margin: 0; }

/* single scrollable item */
.carousel .scrollable img {
	float:left;
	margin: 10px 5px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.carousel .scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}



/* this makes it possible to add next button beside scrollable */
.carousel .scrollable {
	float:left;
	margin-left: 30px;	
}

/* prev, next, prevPage and nextPage buttons */
.carousel a.browse {
	background:url(/img/design/skin-4-green-red/carousel/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:70px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
.carousel a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
.carousel a.right:hover 		{ background-position:-30px -30px; }
.carousel a.right:active 	{ background-position:-60px -30px; } 


/* left */
.carousel a.left				{ margin-left: 0px; } 
.carousel a.left:hover  		{ background-position:-30px 0; }
.carousel a.left:active  	{ background-position:-60px 0; }

/* up and down */
.carousel a.up, .carousel a.down		{ 
	background:url(/img/design/skin-4-green-red/carousel/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
.carousel a.up:hover  		{ background-position:-30px 0; }
.carousel a.up:active  		{ background-position:-60px 0; }

/* down */
.carousel a.down 				{ background-position: 0 -30px; }
.carousel a.down:hover  		{ background-position:-30px -30px; }
.carousel a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
.carousel a.disabled {
	visibility:hidden !important;		
}