@charset "utf-8";
/* CSS Document
* Created by SMTdesign - www.smtdesign.net
* Client: Hotel Zdravetz
 */

html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#877959;
	background:#cbccb5;
}

#site-wrapper {
	margin:0 auto;
	width:856px;
	position:relative;
	background:#FFF url(../images/site-tile.png) repeat-y;
}


/* >> IMAGES */

img, a img {

	border: 0;

}

/* >> LINKS */

a {
	color:#7bac5a;
	text-decoration:underline;
}

a:hover {
	color:#f5a700;
	text-decoration:underline;
}


/*--------------------------------------------------------------------------*/


/* >> TITLES */

h1, h2, h3, h4, h5, h6 {
	color: #877959;
	font: normal bold Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	margin-top: 0;
	font-size: 28px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
	font-weight: bold;
}

h6 {
	font-size: 12px;
	font-weight: bold;
}

h1.page-title {
	font-size:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#876645;
	margin:0px 0 15px 0;
}

h1.page-title em {
	font-style:normal;
	color:#7bac5a;
}



/* >> GENERAL CLASSES */

.align-left			{text-align: left;}
.align-right			{text-align: right;}
.align-center			{text-align: center;}
.align-justify			{text-align: justify;}
.v-middle 				{vertical-align:middle;}


.float-left			{float: left;}
.float-right			{float: right;}

.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.empty-clear {
	height: 1px !important;
	font-size: 1px !important;
	line-height: 1px !important;
	clear:both;
}



.error {
	color: #FF0000;
}

.light-gray {
	color:#cbcbcb;
}

.dark-gray {
	color: #999999;
}

.p10 { padding:10px;}
.p20 { padding:20px;}
.p30 { padding:30px;}


.red {color:#d92716;}


.table-form {
	border-collapse:collapse;
	border:0px none;
}

.table-form td, .table-form tr, .table-form th, .table-form table {
	border-collapse:collapse;
	/* border:0px none; */
	padding:5px;
}


/* --Forms-- */

.txtFld {
	border-bottom:1px solid #d5d6be;
	border-top:1px solid #8b8d75;
	border-right:1px solid #d5d6be;
	border-left:1px solid #8b8d75;
	background-color:#f6f4f1;
}
.txtareaFld {

}

input.but_submit {
	background-color:#8b8d75;
	color:#FFFFFF;
	border:1px solid #5b5d4d;
	cursor:pointer;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 3px;
	margin:0;
	width: 100px;
}

/*--tables--*/
table { border-collapse:separate;}

table.grid {border:1px solid #B0B395; border-width:1px 1px 0 0; border-spacing:0;}
table.grid td {border:1px solid #B0B395; border-width:0 0 1px 1px; padding: 2px 6px;}
/*--------------------------------------------------------------------------*/




#top {
	background-color:#cbccb5;
	padding-top:30px;
	font-size:1px; /*-- IE6 and IE7 fix --*/
}

.logo {
	position:absolute;
	z-index:55;
	width:261px;
	height:93px;
	top:0px;
	/*left:16px;*/ left:6px;
	background:url(../images/logo-bkg.png) no-repeat;
}

.logo img {
	padding:21px 24px 3px 20px;
	margin:0 0 0 10px;
}

/*--------------------------------------------------------------*/

#middle {
	padding:1px 0 1px 0;
}

.left-side-bar {
	/*width:255px;*/ width:247px;
	overflow:hidden; /*-- just incase --*/
	float:left;
	position:relative;
	z-index:50;
	top:-230px;
	margin-bottom:-230px;
}

.left-side-bar .wrapper {

}


.menu {
	/*margin-left:33px;*/ margin-left:25px !important;
	width:222px;
	background:url(../images/menu-bot-bkg.png) left 100% no-repeat;
	padding:1px 0 8px 0;
	font-family:Verdana, Geneva, sans-serif;
}

.menu ul {
	list-style:none;
	margin:0 0 0 0;
	padding:10px 0 0 0;
	background:#8b8d75 url(../images/menu-tile.png) repeat-y;
	overflow:hidden;
	
}

.menu ul li {
	padding:0 4px 0 4px;
	margin:0 14px;
	/*background:url(../images/link-separator.png) center top no-repeat;*/
	overflow:hidden;
	border-bottom:1px solid #606060;
	border-top:1px solid #b0b395;
}

.menu ul li a {
	font-size:.78em;
	color:#FFFFFF;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	padding:5px 4px;
}

.menu ul li a:hover {
	text-decoration:none;
	color:#dbffce;
	background:url(../images/menu-bullet.png) 0px 7px no-repeat;
	padding:5px 0 5px 12px;
}

.menu ul li a.cur {
	text-decoration:none;
	color:#dbffce;
	background:url(../images/menu-bullet.png) 0px 7px no-repeat;
	padding:5px 0 5px 12px;
}


.menu ul li a.cur:hover {
	text-decoration:none;
	color:#dbffce;
	background:url(../images/menu-bullet.png) 0px 7px no-repeat;
	padding:5px 0 5px 12px;
}

/*-*/
.menu ul li:first-child {
	border-top:none;
}

.menu ul li:last-child {
	border-bottom:none;
}


/*-sub-levels-*/

.menu ul li ul {
	background:none;
	padding:0 0 5px 20px;
	margin:0;
}
.menu ul li ul li {
	background:none;
	padding:0;
	margin:0;
	border:none;
}
.menu ul li ul li a {
	font-size:.8em;
	padding:2px 0;
	text-transform: lowercase;
	color:#dbffce;
}

.menu ul li ul li a:hover {
	background:none;
	padding:2px 0;
	text-decoration:underline;
}





/*-----------*/

.reservations {
	/*margin-left:38px;*/ margin-left:30px;
	background:url(../images/reservations-bkg.png) left -100px no-repeat;
	padding:15px 0 1px 12px;
	min-height:170px;
	_height:170px;
	color:#858380;
	margin-top:0px;
}

.reservations a.btn {
	background:#8a8c74 url(../../images/online-button.jpg) no-repeat;
	width:186px;
	height:45px;
	display:block;
	line-height:42px;
	text-align:center;
	color:#fff4c1;
}

.reservations h5 {
	text-align:right;
	padding-right:20px;
	background:url(../images/h-line.gif) left 100% no-repeat;
	line-height:26px;
	margin:0;
	color:#858380;
}

.reservations p {
	margin:0 0 0 0;
}

/*-----------*/


.banner {
	margin-left:35px;
}

.banner h5 {
	margin:0 0 0 5px;
}

.banner p {
	background: url(../images/r-history-banner-bot.jpg) no-repeat;
	margin:0;
	padding:10px;
	width:196px;
}

/*-----------*/

.content-holder {
	float:left;
	/*width:598px;*/ width:606px;
	overflow:hidden;
}

.langs {
	text-align:right;
	padding-right:20px;
	font-size:11px;
}

.langs a {
	text-decoration:none;
	color:#876645;
}

.content {
	padding:0 20px 10px 20px;
}


.content img.border {
	border:3px solid #e4dfd8;
}

.home-main-picture-links {
	list-style:none;
	margin:0;
	padding:0;
}

.home-main-picture-links li {
	margin:0;
	padding:0 0 0 25px;
	float:left;
}

.home-main-picture-links li h5 {
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:16px;
	padding-left:10px;
}

.home-main-picture-links li h5 a {
	color:#876645;
	text-decoration:none;
}

/*--------------------------------------------------------------*/

#footer {
	background:#cbccb5 url(../images/site-bot-bkg.png) left top no-repeat;
	padding:18px 0 40px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#696a58;
	z-index:100;
}

#footer .footer-links {
	padding-right:10px;
	background-color:#cbccb5;
	text-align:right;
}

#footer .footer-links a {
	color:#696a58;
	text-decoration:none;
}

#footer .footer-links a:hover {
	color:#696a58;
	text-decoration: underline;
}

#footer .design {
	color:#978764;
	padding-left:10px;
	background-color:#cbccb5;
}

#footer .design a {
	color:#a16c5c;
	text-decoration:none;
}

/* ---------------------------------------------------------------*/
/* Dancho
/* ---------------------------------------------------------------*/
.gallery{
	width:100%;
	margin: 20px 0px 10px 0px;
	padding: 0px;
	
}

.gallery .pic{
	width: 150px;
	/* min-height: 140px;
	_height: 140px; */
	margin: 0px 20px 20px 0px;
	float:left;
	text-align:center;
	background-color:#EEEEEE;
	padding: 5px 1px 5px 1px;

}

.gallery img, .gallery a img {
	border:2px solid #FFFFFF;
}

.gallery h4, .gallery a h4 {
	text-decoration:none;	
}

.error {
	clear: left; 
	border: #cccccc 1px solid; 
	padding: 10px;
	overflow: auto;
	width: 530px; 	
	background-color: #f5f5f5;
	text-align: left;
	color: #ac0000;
	font-weight:bold;
	margin-bottom: 10px;
}

/* ---------------------------------------------------------------*/

/*-------------------iFrames------------------>>-*/

.iframe-holder iframe {margin:0; padding:0;}

.weather .iframe-holder {
	width:566px;
	height:923px;
	*height:960px;
	margin-left:5px;
	overflow:hidden !important;
}

.weather .inner-wrap {
	margin:-110px 0 0 -178px !important;
	*margin:-125px 0 0 -178px !important;
	width:802px;
	height:1047px;
}

/*---*/

.webcam .iframe-holder {
	width:580px;
	height:570px;
	margin-left:-7px;
	overflow:hidden !important;
}

.webcam .inner-wrap {
	margin:-110px 0 0 -178px !important;
	*margin:-125px 0 0 -178px !important;
	width:802px;
	height:1047px;
}

/*---*/

.forecast .iframe-holder {
	width:595px;
	height:980px;
	margin-left:-14px;
	overflow:hidden !important;
}

.forecast .inner-wrap {
	margin:-110px 0 0 -130px !important;
	*margin:-125px 0 0 -130px !important;
	width:802px;
	height:1047px;
}







/*-<<------------------iFrames-------------------*/


.weather-holder { 
	background:url(../images/meteo-bkg.png) no-repeat;
	width:186px;
	height:109px;
	margin:15px 0 0 0;
	overflow:hidden;
}

.w-banner {
	width:148px;
	height:83px;
	overflow:hidden;
	/*border:1px solid #d0d0d0;*/
	margin-top:13px;
	margin-left:14px;
}

.w-banner a {
	display:block;
	margin:-1px 0 0 -1px;
}

/*------*/


.webcam-banner {
	background:url(../images/webcam-bkg.png) no-repeat;
	width:186px;
	height:46px;
	margin:15px 0 15px 0;
}

.webcam-banner a {
	display:block;
	padding:13px 0 0 55px;
	color:#898b73;
	text-decoration:none;
	font-size:16px;
	min-height:33px;
}

.webcam-banner a:hover {color:#876645;}