#frontend {
	background: #0c0c0c;
	font-family: Tabac Sans, Helvetica, Arial, Sans-Serif;
	line-height: 14px;
	font-size: 11px;
	overflow: hidden;
}
#frontend.gold .highlight, #frontend.gold .active, #frontend.gold .toplevel.active a.toplevel, #frontend.gold .nested.active a.nested, #frontend.gold h2, #frontend.gold h3, #frontend.gold a:hover {
    color: #a87500;
    text-decoration: none;
}
#frontend .gold.active, #frontend .gold:hover, #frontend .gold a.active, #frontend .gold a:hover {
    color: #a87500 !important;
}
#frontend.pink .highlight, #frontend.pink .active, #frontend.pink .toplevel.active a.toplevel, #frontend.pink .nested.active a.nested, #frontend.pink h2, #frontend.pink h3, #frontend.pink a:hover {
    color: #ff008d;
    text-decoration: none;
}
#frontend .pink.active, #frontend .pink:hover, #frontend .pink a.active, #frontend .pink a:hover {
    color: #ff008d !important;
}
#frontend.cyan .highlight, #frontend.cyan .active, #frontend.cyan .toplevel.active a.toplevel, #frontend.cyan .nested.active a.nested, #frontend.cyan h2, #frontend.cyan h3, #frontend.cyan a:hover {
    color: #20cdc8;
    text-decoration: none;
}
#frontend .cyan a.active, #frontend .cyan a:hover, #frontend .cyan a a.active, #frontend .cyan a a:hover {
    color: #20cdc8 !important;
}
#frontend, #frontend div, #frontend h1, #frontend h2, #frontend h3, #frontend h4, #frontend h5, #frontend h6, #frontend p, #frontend ul, #frontend ol, #frontend li, #frontend dl, #frontend dt, #frontend dd, #frontend img, #frontend form, #frontend fieldset, #frontend blockquote {
    margin: 0;
    padding: 0;
    border: 0;
}

.cleaner{
	clear: both;
}
.center{
	text-align: center;
}

#frontend #content{
	min-width: 980px;
}
#frontend, #frontend a {
    color: white;
    text-decoration: none;
}
#frontend a:hover {
    text-decoration: underline;
}
#frontend .background {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
	cursor: url(http://www.nosticova.com/images/view-images-icon.png?v=1), pointer;
}
#frontend .background-top-right {
	bottom: auto;
	left: auto;
	top: 0;
	right: 0;
}
#frontend .background-images{
	cursor: url(http://www.nosticova.com/images/view-text-icon.png?v=1), pointer;
}
#frontend .background.not-first {
	z-index: -2;
	visibility: hidden;
}
#frontend #text-bg{
	background: transparent url(http://www.nosticova.com/images/bg-content.png) top left repeat-y;
}
#frontend h1 {
    display: inline;
    font-size: 100%;
    font-weight: normal;
}
#frontend #logo {
    position: absolute;
    left: 70px;
    top: 40px;
    z-index: 2;
}
#frontend #logo a{
    width: 159px;
    height: 131px;
	display: block;
	position: relative;
    text-decoration: none;
    overflow: hidden;
	font-size: 0;
	text-indent: -99999px;
	line-height: 0;
}
#frontend #logo a span{
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url('http://www.nosticova.com/images/logo.png') top left no-repeat;
    cursor: pointer;
    margin: 0;
}


#frontend #main, #frontend #menu {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}
#frontend #header {
	position: relative;
    z-index: 1;
    float: left;
	margin-left: 30px;
    width: 240px;
    background-color: rgba(0, 0, 0, 0.9);
	overflow: hidden;
}
#frontend #header h1{
	display: block;
	position: absolute;
	bottom: 240px;
	left: -135px;
	width: 500px;
	height: 130px;
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	text-transform: uppercase;
	font-size: 40px;
    line-height: 40px;
}
#frontend #charms {
    font-size: 11px;
    z-index: 2;
}

#frontend #charms #charm-row #languages-charm {
	position: absolute;
	top: 5px;
	left: 30px;
	width: 240px;
	text-align: center;
}
#frontend #charms #charm-row #languages-charm li {
	padding-left: 8px;
	padding-right: 8px;
}
#frontend #charms #charm-row div.charm.last {
	text-align: right;
}
#frontend #charms #charm-row #slideshow-charm{
	display: none;
	visibility: hidden;
	position: absolute;
	left: -99999px
}
#frontend #charms #charm-row #slideshow-charm ul{
	margin-right: 50px;
}
#frontend #charms #charm-row div.charm#slideshow-charm #more-photos {
	padding-right: 20px;
}
#frontend #charms #charm-row ul {
	list-style: none;
}
#frontend #charms #charm-row ul li {
	display: inline-block;
	padding-left: 4px;
	padding-right: 4px;
}
#frontend #main {
	float: left;
	margin-left: 5px;
	width: 370px;
    position: relative;
	background-color: rgba(0, 0, 0, 0.8);
}
#frontend #main #main-text {
	height: 70%;
	overflow: hidden;
	font-size: 110%;
	line-height: 120%;
	z-index: 2;
	margin: 40px 20px 0 40px;
}
body.text-full #main #main-text {
	height: 80% !important;
}
#frontend #main #main-text h2 {
	line-height: 35px;
	font-size: 120%;
}
#frontend #main #main-text h3 {
	line-height: 20px;
}
#frontend #main #main-text .main-text {
	padding: 0 0 16px 0;
}
#frontend #main #main-text a{
	text-decoration: underline;
}
#frontend #main #main-text #associated-page{
	position: absolute;
	bottom: 4%;
    font-size: 11px;
    text-transform: uppercase;
}
#frontend #main #main-text #associated-page a{
	display: inline-block;
	margin-right: 40px;
	text-decoration: none;
}
#frontend #main #main-text #associated-page a:last-of-type{
	margin-right: 0;
}
#frontend #main #close-main{
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 14px;
}
#frontend #main #main-scroll {
	position: absolute;
	bottom: 15px;
	right: 45px;
}
#frontend.news #main #main-scroll {
	right: 0;
}
#frontend #main #main-scroll div{
	cursor: pointer;
}
#frontend #main #main-scroll div a{
	display: inline-block;
	width: 11px;
	height: 6px;
}
#main #main-scroll #scroll-up a{
	background: url(http://www.nosticova.com/images/scroll-up.gif) top left no-repeat;
}
#main #main-scroll #scroll-up a:hover{
	background: url(http://www.nosticova.com/images/scroll-up-gold.gif) top left no-repeat;
}
.cyan #main #main-scroll #scroll-up a:hover{
	background: url(http://www.nosticova.com/images/scroll-up-cyan.gif) top left no-repeat;
}
.pink #main #main-scroll #scroll-up a:hover{
	background: url(http://www.nosticova.com/images/scroll-up-pink.gif) top left no-repeat;
}
#main #main-scroll #scroll-down a{
	background: url(http://www.nosticova.com/images/scroll-down.gif) top left no-repeat;
}
#main #main-scroll #scroll-down a:hover{
	background: url(http://www.nosticova.com/images/scroll-down-gold.gif) top left no-repeat;
}
.cyan #main #main-scroll #scroll-down a:hover{
	background: url(http://www.nosticova.com/images/scroll-down-cyan.gif) top left no-repeat;
}
.pink #main #main-scroll #scroll-down a:hover{
	background: url(http://www.nosticova.com/images/scroll-down-pink.gif) top left no-repeat;
}

#frontend #main #main-text p{
	margin-bottom: 10px;
}

#frontend #menu {
    display: table;
	position: absolute;
    bottom: 0;
    width: 100%;
	overflow: visible;
}
#frontend #menu ul {
	list-style: none;
	display: table;
	overflow: visible;
}
#frontend #menu ul.toplevel {
	display: table-row;
	overflow: visible;
}
#frontend #menu ul li.toplevel {
	display: block;
	float: left;
	overflow: visible;
	height: 50px;
	line-height: 50px;
	padding: 0 7px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
#frontend #menu ul li.toplevel.first {
	padding-left: 87px;
}
#frontend #menu ul li.toplevel.last {
	float: right;
	padding-right: 20px;
}
#frontend #menu ul li.toplevel ul {
	display: none;
	position: absolute;
	z-index: 100;
	left: 0;
	bottom: 40px;
	width: 200px;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(12, 12, 12, 0.8)), to(rgba(12, 12, 12, 0)));
	background-image: -moz-linear-gradient(to right, rgba(12, 12, 12, 0.8), rgba(12, 12, 12, 0));
	background-image: -o-linear-gradient(left, rgba(12, 12, 12, 0.8), rgba(12, 12, 12, 0));
	background-image: -ms-linear-gradient(left, rgba(12, 12, 12, 0.8), rgba(12, 12, 12, 0));
	background-image: linear-gradient(to left, rgba(12, 12, 12, 0.8), rgba(12, 12, 12, 0));
}
#frontend #menu ul li.full_background ul {
	background-image: none;
	background: rgb(12, 12, 12);
}
#frontend #menu ul li.toplevel ul li {
	height: auto;
	line-height: normal;
	text-align: left;
	padding: 10px;
}
#frontend #charms, #frontend #menu {
    position: absolute;
    text-transform: uppercase;
}

#frontend #charms #charm-row #slideshow-charm{
	display: none;
}

#frontend #reservation{
	position: absolute;
	right: 0;
	top: 0;
	padding: 3px 10px;
	text-transform: uppercase;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.5);
}
#reservation #reservation_date{
	width: 80px;
}
#reservation p{
	display: inline-block;
}
#reservation p.reservation_block{
	margin-right: 10px;
}
#reservation select, #reservation span{
	display: inline-block;
	margin-right: 3px;
	line-height: 20px;
}
#reservation a.reservation_book{
	font-weight: bold;
	font-size: 12px;
}

#prev, #next, #back_menu{
	display: none;
	position: absolute;
	text-transform: uppercase;
}
#frontend #prev, #frontend #next{
	top: 50%;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: rgba(0, 0, 0, 0.5);
}
#prev a:hover, #next a:hover, #back_menu a:hover{
	color: #fff !important;
	text-decoration: underline !important;
}
#frontend #prev{
	left: 0;
	padding-left: 40px;
	padding-right: 10px;
}
#frontend #next{
	right: 0;
	padding-left: 10px;
	padding-right: 40px;
}
#back_menu {
	right: 40px;
	bottom: 30px;
}


/*   media - novinky   */
.photogallery #charms, .photogallery #main-scroll, .photogallery #header,
.photogallery #logo, .photogallery #main #close-main, .photogallery #reservation{
	display: none !important;
}
body.news #charms #charm-row #languages-charm a,
body.news-photogallery #charms #charm-row #languages-charm a,
body.download #charms #charm-row #languages-charm a{
	color: #a87500;
}
body.news #charms #charm-row #languages-charm a.active,
body.news-photogallery #charms #charm-row #languages-charm a.active,
body.download #charms #charm-row #languages-charm a.active{
	color: #a87500;
}

.news #main-scroll,
body.download #main-scroll{
	position: absolute;
	right: 20px;
	bottom: 0px !important;
	margin: 0 !important;
}
.news #main-scroll div,
body.download #main-scroll div{
	width: 30px;
}
.news #main #main-scroll #scroll-up a,
body.download #main #main-scroll #scroll-up a{
	background: url(http://www.nosticova.com/images/scroll-up-gold.gif) top left no-repeat;
}
.news #main #main-scroll #scroll-up a:hover,
body.download #main #main-scroll #scroll-up a:hover{
	background: url(http://www.nosticova.com/images/scroll-up-pink.gif) top left no-repeat;
}
.news #main #main-scroll #scroll-down a,
body.download #main #main-scroll #scroll-down a{
	background: url(http://www.nosticova.com/images/scroll-down-gold.gif) top left no-repeat;
}
.news #main #main-scroll #scroll-down a:hover,
body.download #main #main-scroll #scroll-down a:hover{
	background: url(http://www.nosticova.com/images/scroll-down-pink.gif) top left no-repeat;
}

body.news, body.download{
	background: #fff !important;
}
body.news .background,
body.download .background ,
body.photogallery .background {
	cursor: auto !important;
}
body.news #main,
body.photogallery #main,
body.download #main{
	background: none !important;
	margin: 0 !important;
	color: #606060 !important;
	padding:  0 !important;
}
body.news #main #main-text,
.photogallery #main #main-text,
body.download #main #main-text{
	margin: 8% 40px 40px 40px !important;
}

body.news #header, body.news-photogallery #header, body.download #header{
	background-color: #E7DEC2 !important;
}
body.news #menu, body.download #menu{
	border-top: 5px #fff solid;
	z-index: 100;
	background-color: rgba(0, 0, 0, 0.3) !important;
}

body.news .highlight, body.news .active, body.news .toplevel.active a.toplevel, body.news .nested.active a.nested, body.news h2, body.news a:hover,
body.download .highlight, body.download .active, body.download .toplevel.active a.toplevel, body.download .nested.active a.nested, body.download h2, body.download a:hover,
.photogallery .active, .photogallery .toplevel.active a.toplevel, .photogallery .nested.active a.nested, .photogallery h2, .photogallery a:hover {
    color: #a87500;
}

body.news table{
	width: 100%;
}
body.news table td{
	padding: 0 0 20px 0;
	text-align: center;
}


body.news #main .news_list{
	height: 100%;
}

body.news #main .news_item{
	height: 17%;
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 3px #B0B0B0 solid;
	color: #74767B;
}
body.news #main .download .news_item{
	height: auto;
}
body.news #main .last{
	border-bottom: 0;
}

body.news #main .news_item .image{
	width: 200px;
	float: left;
	height: 100%;
    overflow: hidden;
}

body.news #main .news_item .info{
	margin-left: 220px;
	height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.news #main .news_item .info h2{
	text-transform: uppercase;
	font-size: 18px !important;
	font-weight: normal;
	line-height: normal !important;
	margin-bottom: 15px;
}
body.news #main .news_item .info h2 a{
	color: #a87500 !important;
	text-decoration: none !important;
}
body.news #main .news_item .info h2 a:hover{
	text-decoration: underline !important;
}

body.news #main .news_item .info a.ellipse-link{
	color: #a87500;
}

body.news #main .pagination p{
	display: inline-block;
}
body.news #main .pagination p.prev_next{
	margin-left: 50px;
}
body.news #main .pagination p.prev_next a{
	display: inline-block;
	margin-right: 15px;
}
body.news #main .pagination a{
	color: #74767B !important;
	text-transform: uppercase;
}

#news_detail{
	padding-top: 30px !important;
}
#news_detail .gallery{
	width: 200px;
	float: left;
}
#news_detail .gallery .gallery-link{
	margin-top: 10px;
}
#news_detail .gallery .gallery-link a{
	text-transform: uppercase;
	font-weight: bold;
	color: #FD0087;
}
#news_detail .info{
	padding-left: 220px;
	color: #74767B;
}
#news_detail .info h2{
	text-transform: uppercase;
	line-height: 100% !important;
	font-size: 18px !important;
	font-weight: normal;
	margin-bottom: 15px;
}


body.download #main-scroll{
	bottom: 20px;
}

body.download #main .logos a{
	display: inline-block;
	min-width: 150px;
	text-align: center;
	margin: 0 40px 50px 0;
}

body.download #main h2{
	text-transform: uppercase;
	margin-bottom: 20px;
	color: #97999C;
	font-weight: normal;
	font-size: 20px !important;
}

body.download #main hr{
	background-color: #B5B8BB;
	border: 0;
	height: 3px;
	margin: 0 0 40px 0;
}

body.download #main .releases a{
	display: block;
	float: left;
	clear: both;
	padding: 2px 0 20px 40px;
	background: url("http://www.nosticova.com/lib/elhana/web/images/mime/pdf.png") top left no-repeat;
	color: #97999C;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}
body.download #main .releases li{
	list-style: none;
}

/* fotogaleris */

.news-photogallery{
	background: #F5EAD8 !important;
}

.photogallery .highlight{
	color: #fff;
}

body.photogallery #main{
	position: absolute !important;
	left: 0 !important;
	overflow: visible !important;
	width: 100% !important;
	z-index: 3;
}
.photogallery #main #main-text{
	margin: 50px 0 0 0 !important;
	text-align: center;
}

.photogallery .ad-thumb-list li{
	width: auto;
	display: inline-block;
}
.photogallery .ad-thumb-list li img{
	margin: 30px 10px 20px 10px !important;
}
body.news-photogallery .ad-thumb-list li img{
	margin: 10px 10px 40px 10px !important;
}

#frontend .flexslider{
	position: absolute;
	bottom: -20px;
	width: 100%;
		
}
#frontend .flexslider .slides li{
	margin: 5px;
}


#frontend #main #main-text .floorplan h2 {
	color: #a87500;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 25px;
}
#main-text .floorplan .subheading{
	color: #a87500;
	text-transform: uppercase;
}

#main-text .floorplan table{
	text-align: center;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 20px;
}
#main-text .floorplan table td{
	padding-right: 40px;
}
#main-text .floorplan table img{
	margin-top: 15px;
}

#main-text .floorplan table .price{
	color: #a87500;
	text-align: left;
}
#main-text .floorplan table .price td{
	padding-top: 20px;
}
#main-text .floorplan table .price strong{
	font-size: 15px;
	line-height: 20px;
}



#frontend .articles_news_images p, #frontend .articles_news_list p{
	display: inline-block;
	vertical-align: top;
	padding: 20px 30px 0 0;
}
#frontend .articles_news_images p img{
	max-width: 150px;
}


.contact_form #elAdmin table, .contact_form #elAdmin td, .contact_form #elAdmin th{
	border: 0;
}
.contact_form #elAdmin table, .contact_form #elAdmin table tr, .contact_form #elAdmin td, .contact_form #elAdmin th{
	display: block;
}
.contact_form textarea{
	width: 295px;
	height: 150px;
}
.contact_form .submit{
	text-align: right;
}

#elAdmin .submit input{
	cursor: pointer;
}



#frontend .ui-state-default, #frontend .ui-widget-content .ui-state-default, #frontend .ui-widget-header .ui-state-default,
#frontend a.ui-state-hover, #frontend a.ui-state-hover:hover{
	color: #EEEEEE;
}
#frontend a.ui-state-highlight{
	color: #2E7DB2 !important;
}

#frontend #db_spa_procedure, #s2id_db_spa_procedure, #frontend #db_special_request{
	width: 200px;
}
.select2-disabled{
	color: #888;
}
#frontend .ui-datepicker-calendar a.ui-state-default{
	color: #000;
}
#frontend .ui-datepicker-calendar .ui-state-disabled span{
	color: #333;
}