/*reset defaults*/
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,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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}

html {overflow: -moz-scrollbars-vertical;} /* Mozilla scrollbar fix */
#skipto{position:absolute;left:-9999px;top:-9999px;} /* Hides the skip to link - useful for screen readers */
.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* Automatically clears after any element with this class */

ul{list-style-type:none;}

/*links*/
a{outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; padding:0; margin:0;}
a img {border:none;} /* Remove IE's blue borders */

/*spacer*/
.spacer{clear:both; font-size:0px; line-height:0px;}

/*h elements*/
h1 {font-size: 2.4em;}
h2 {font-size: 2.2em; line-height:1.2em; font-weight:normal; border:none; margin:0; padding: 0;}
h3 {font-size: 3.2em; line-height:1.2em; font-weight:normal; border:none; margin:0; padding: 0;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.8em;}
h6 {font-size: 1.2em;}

/*other*/
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}

/*body*/
body{
    margin:0;
	font-size: 68.75%;
	font-family: Verdana, Arial, Sans-Serif; /*change font*/
	line-height: 150%;
	color: #666666; /*change font color*/
	background: #fff; /*background color*/
}

/*wrapper*/
#wrapper{width: 960px; margin: 0 auto; background: transparent url(../images/wrapper_bg.jpg) top left no-repeat; overflow: hidden;}

/*header*/
.header{width: 100%; height: 110px;}
.header h2{float: left; width: 660px; padding: 20px 0 0 5px; height: 50px; font-size: 42px; line-height: 50px; font-weight: normal; color: #8786af; font-family: "Georgia";}
.header .lang{float: left; width: 285px; height: 20px; padding: 50px 10px 0 0; text-align: right; font-size: 14px; line-height: 17px; font-family: Arial;}
.header .lang a{color: #666666; font-size: 14px; line-height: 17px; font-weight: bold;}
.header .lang a.active{color: #990033;}

/*main menu*/
#nav{float: left; width: 718px; height: 28px; margin: 0; padding: 0 0 0 240px; border: 1px solid #cccccc; background: transparent url(../images/nav_bg.png) top left repeat-x;}
#nav li {z-index:99; float: left; font-family: Arial; font-size: 12px; line-height: 28px; color: #000033; font-weight: bold;}
#nav li a{float: left; font-family: Arial; font-size: 12px; line-height: 28px; color: #000033; font-weight: bold;}
#nav li{list-style: none; position: relative; padding: 0 10px 0 0;}
#nav li a{font-size: 12px; line-height: 28px; padding: 0 10px 0 0; text-decoration: none; color: #000033;}
#nav li a:hover{color: #cc0000;}
#nav li a.active{color: #cc0000;}
.hasChildren{position: absolute; width: 5px; height: 5px; right: 0;	bottom: 0;}
#nav li ul{z-index:99; display: none; position: absolute; left: -20px; top: 100%; padding: 0; margin: 0 0 0 0; border: 1px solid #9a0202; background-color: #ffffff;}
#nav li:hover > ul{display: block;}
#nav li ul li{z-index:99; float: none; padding: 4px 0 4px 0; line-height: 16px}
#nav li ul li a{float: none; padding: 0 0 0 0; line-height: 16px}
#nav li ul li{_display: inline; /* for IE6 */}
#nav li ul li a{width: 150px; display: block; color: #cccccc; padding: 0 0 0 10px; font-weight: normal;}
#nav li ul li:hover{background-color: #990000;}
#nav li ul li a:hover{width: 150px; display: block; color: #ffffff; background-color: #990000;}
#nav li ul li ul{left: 160px; top: -1px;}

/*container*/
#container{width: 100%; margin: 0 0 20px 0; background: url(../images/footer.jpg) bottom left no-repeat; overflow: hidden;}

/*--left content--*/
.left{float: left; width: 230px; padding: 0 0 0 0;}
.left .logo{width: 100%; height: 200px;}
.left .logo a{width: 100%; height: 200px; padding: 0 0 0 0; display: block; background: transparent url(../images/logo.png) 50% 50% no-repeat; text-indent: -9999px;}

.left .award{width: 100%; height: 184px; padding: 20px 0 0 0; margin: 0 0 28px 0; text-align: center; font-size: 12px; font-weight: bold; line-height: 15px; font-family: Arial; color: #cc0000; background: transparent url(../images/award.png) top left no-repeat;}
.left .award img{margin: 30px 0 0 0;}

/*left menu*/
.left ul{padding: 0 0 0 0; list-style-type:none; font-family: Arial;}
.left ul li{margin: 0 0 4px 0; height: 30px; position: relative;}
.left ul li a{display: block; height: 30px; padding: 0 0 0 0px; word-spacing: 1px; text-transform: uppercase; text-align: center; font-size: 11px; font-weight: bold; line-height: 30px; color: #000066; background-color: #ebebef;}
.left ul li a.blue{display: block; padding: 0 0 0 0px; text-align: center; font-size: 11px; font-weight: bold; line-height: 30px; color: #ffffff; background-color: #3366cc;}
.left ul li a.active{display: block; padding: 0 0 0 0px; text-align: center; font-size: 11px; font-weight: bold; line-height: 30px; color: #ffffff; background-color: #3366cc;}
.left ul li a.black{display: block; padding: 0 0 0 0px; text-align: center; font-size: 11px; font-weight: bold; line-height: 30px; color: #000033; background-color: #ebebef;}
.left ul li a.purple{display: block; padding: 0 0 0 0px; text-align: center; font-size: 11px; font-weight: bold; line-height: 30px; color: #ffffff; background-color: #ababdd;}
.left ul li a.green{display: block; padding: 0 0 0 0px; text-align: center; font-size: 11px; font-weight: bold; line-height: 30px; color: #ffffff; background-color: #bbced4;}
.left ul li a:hover{display: block; height: 30px; padding: 0 0 0 0px; word-spacing: 1px; text-transform: uppercase; text-align: center; font-size: 11px; font-weight: bold; line-height: 30px; color: #ffffff; background-color: #95b0e3;}
.left ul li.text_left a{text-align: left; padding: 0 0 0 45px;}
.left ul li a img{vertical-align: middle; margin: 0 0 0 0; padding: 0; display: block; position: absolute; top: 2px; left: 10px;}

.wheather_div{width: 100%; height: 128px; text-align: center; margin: 28px 0 10px 0; background: transparent url(../images/wheather_bg.png) top left repeat-x;}
.wheather_div .data_name{text-align: center; font-size: 25px; line-height: 34px; color: #c6c5d5; font-family: "Arial Black";}
.wheather_div .weather_icon{float: left; width: 50px; padding: 15px 0 0 30px;}
.wheather_div .weather_data{float: left; width: 110px; padding: 15px 0 0 40px; text-align: left;}
.wheather_div .weather_data span{font-weight: bold; font-size: 24px;}

.top{float: left; width: 720px; height: 200px; margin-left: 10px;}

.breadcrumb{float: left; width: 700px; height: 27px; margin-left: 10px; padding: 3px 0 0 20px; background-color: #cccccc; font-family: Calibri; color: #999999; font-weight: bold;}
.breadcrumb a{padding: 0 3px;font-size: 12px; line-height: 27px; font-family: Calibri; color: #999999; font-weight: bold;}

/*main*/
.main{float: left; width: 730px; padding: 0 0 0 0;}

.content{float: left; width: 580px; padding: 0 0 0 0px;}
.content_news{float: left; width: 570px; padding: 20px 0 0 10px; background: url(../images/content_news_bg.jpg) top left repeat-y; background-color: #f9f9f9; position: relative;}
.content_news h2{position: relative; z-index: 20; margin: 0 20px 0 10px; padding: 0 0 5px 0; font-family: Calibri; font-size: 16px; font-weight: bold; line-height: 20px; color: #000099; border-bottom: 2px solid #9a0202;}
.content_news .date{margin: 0 20px 0 10px; padding: 3px 0 5px 0; font-family: Calibri; font-size: 11px; line-height: 20px; color: #666666;}
.content_news p{margin: 0 20px 10px 10px; color: #666666; font-size: 11px; line-height: 16px;}
.content_news .more{margin: 15px 0 0 0; padding: 0 15px 0 0; text-align: right; background-color: #faf4db;}
.content_news .more a{padding: 0 5px 0 0; color: #666666; font-size: 10px; line-height: 26px; font-family: Arial; font-weight: bold;}
.content_news .vijest{position: absolute; top: -6px; z-index: 0; right: 20px; letter-spacing: -3px; text-transform: lowercase; font-size: 55px; line-height: 56px; color: #dedee3; font-family: "Arial Black"; font-weight: bold;}

.wellcome{width: 540px; padding: 60px 20px 0 20px; float: left;background: url(../images/wellcome_bg.jpg) top left no-repeat;}
.wellcome p{padding: 7px 0 7px 0; color: #666666; font-size: 11px; line-height: 16px;}
.wellcome p a{color: #0033cc;}

/*right*/
.right{float: left; width: 150px; padding: 0 0 0 0;}

.short{background: transparent url(../images/short_bg.png) top left repeat-x; overflow: hidden; padding: 0 0 30px 0;}
.short_title{margin: 15px 0 20px 0; text-align: center; font-size: 28px; line-height: 34px; color: #ffffff; font-family: "Arial Black";}
.short_title_2{margin: 15px 0 20px 0; text-align: center; font-size: 21px; line-height: 34px; color: #cddddf; font-family: "Arial Black";}
.short_title_2 span{display: block; width: 100%; text-align: center; font-size: 11px; line-height: 14px; color: #ffffff; font-family: "Arial Black";}
.short_title_3{margin: 15px 0 20px 10px; text-align: left; font-size: 21px; line-height: 34px; color: #336666; font-family: "Arial Black";}
.short_title_box{margin: 0 5px 10px 5px; text-align: center; font-size: 11px; line-height: 30px; color: #263f58; font-family: Arial; background-color: #cccccc;}
.short_title_box a{padding: 0px; margin: 0px; font-size: 11px; line-height: 30px; color: #263f58; font-family: Arial; background-color: #cccccc;}
.short_title_box_2{margin: 0 5px 10px 10px;}
.short_title_box_2 a img{border: 4px solid #ffffff;}

/*footer*/
#footer{float: left; width: 960px; height: 20px; padding: 140px 0 0 0; margin: 0 0 0 0; font-size: 11px; line-height: 14px; color: #ffffff; font-family: Arial;}
#footer div.right{float: right; width: auto; padding: 0 10px 0 0;}
#footer div.left{width: auto; padding: 0 0 0 10px;}

/*--content other--*/
.content_other{float: left; width: 540px; padding: 15px 20px 0 20px; background: transparent url(../images/karanfil.png) 320px 0px no-repeat;}
.content_other .title{width: 100%; margin: 0 0 5px 0; font-size: 32px; line-height: 36px; letter-spacing: -2px; color: #cbdce4; font-family: "Arial Black";}

/*pages*/
.content_other .pages{width: 100%; font-size: 11px; line-height: 30px; color: #999999; font-family: "Courier New";}
.content_other .pages a{font-size: 11px; line-height: 14px; color: #999999; font-family: "Courier New";}
.content_other .pages a:hover{color: #ff6600;}
.content_other .pages a.active{color: #ff6600;}
.content_other .pages a.active:hover{color: #999999;}

/*list items for accomodation*/
.content_other .list_item{margin: 0 0 6px 0; padding: 2px; background-color: #666666; overflow: hidden;}
.content_other .list_item img{margin: 0 17px 0 0; border: none; float: left;}
.content_other .list_item .name{margin: 0; padding: 0; font-size: 18px; line-height: 32px; color: #ff9900; font-family: Arial; font-weight: bold;}
.content_other .list_item .name a{margin: 0; padding: 0; font-size: 18px; line-height: 32px; color: #ff9900; font-family: Arial; font-weight: bold;}
.content_other .list_item .desc{font-size: 11px; line-height: 15px; color: #ffffff; font-family: Arial;}

.content_other .object_desc{padding: 15px 15px 15px 15px; background-color: #dedede; font-size: 11px; line-height: 14px; font-family: Arial;}
.content_other .object_desc p{padding: 7px 0 7px 0; font-size: 11px; line-height: 14px;}
.content_other .object_desc .price{padding: 10px; margin: 5px 0 0 0; font-size: 11px; line-height: 14px; background-color: #c3cfd6;}

/*hotels*/
.content_other .hotel_over{width: 540px; overflow: hidden; margin: 0 0 10px 0;}
.hotel_over .hotel_left{float: left; width: 150px; height: 120px; padding: 30px 0 0 0; margin: 0 10px 0 0; background-color: #333333; text-align: center;}
.hotel_over .hotel_left a{vertical-align: middle;}
.hotel_over .hotel_left a img{vertical-align: middle; border: 4px solid #ffffff;}
.hotel_over .hotel_right{float: left; width: 380px;}
.hotel_over .hotel_right h3{margin: 0 0 5px 0; font-size: 18px; line-height: 22px; color: #006699; font-weight: bold; border-bottom: 2px solid #B2ADCC;}
.hotel_over .hotel_right p{padding: 7px 0 7px 0; font-size: 11px; line-height: 14px; color: #333333;}
.hotel_over .hotel_right .hotel_footer{padding: 10px 0 0 0; font-size: 11px; line-height: 14px; color: #333333;}
.hotel_over .hotel_right .hotel_footer .left{float: left; width: auto; font-size: 11px; line-height: 14px; color: #333333;}
.hotel_over .hotel_right .hotel_footer .right{float: right; width: auto; font-size: 11px; line-height: 14px; color: #333333;}
.hotel_over .hotel_right .hotel_footer .right a{font-size: 11px; line-height: 14px; color: #0066cc;}

/*list items for news*/
.content_other .list_item2{margin: 0 0 6px 0; padding: 2px; background-color: #666666; overflow: hidden;}
.content_other .list_item2 img{margin: 0 17px 0 0; border: none; float: left;}
.content_other .list_item2 .name{margin: 0; padding: 0; font-size: 16px; line-height: 32px; color: #ffffcc; font-family: Arial; font-weight: bold;}
.content_other .list_item2 .name a{margin: 0; padding: 0; font-size: 16px; line-height: 32px; color: #ffffcc; font-family: Arial; font-weight: bold;}
.content_other .list_item2 .desc{font-size: 11px; line-height: 15px; color: #cccccc; font-family: Arial;}

/*news desc*/
.news_desc{width: 100%; background-color: #dedede;}
.no_back{background: none; padding: 30px 0 0 0;}
.news_desc p{padding: 7px 15px 7px 15px; font-size: 11px; line-height: 14px; color: #333333;}
.no_back p{padding: 7px 15px 7px 5px; font-size: 11px; line-height: 14px; color: #333333;}

.slider_list{width: 536px; padding: 0 2px 0 2px; overflow: hidden;}

.line{width: 540px; height: 1px; margin: 10px 0 0px 0; padding: 0 0 15px 0; background: url(../images/line.jpg) top left no-repeat;}

.back{display: block; position: relative; top:21px; right: -410px;font-size: 11px; line-height: 14px; color: #999999; font-family: "Courier New";}

.options{overflow: hidden; width: 540px; padding: 0 0 15px 0;}
.options .tabs{width: auto; float: right; margin-right: 20px; text-align: center; font-size: 11px; line-height: 14px; color: #999999; font-family: "Courier New";}
.options .tabs a{font-size: 11px; line-height: 14px; color: #999999; font-family: "Courier New";}

.right ul{padding: 100px 0 0 0; list-style-type:none;}
.right ul li{margin: 0 0 2px 0; height: 30px; position: relative;}
.right ul li a{display: block; height: 30px; padding: 0 0 0 10px; font-size: 12px; line-height: 30px; color: #ffffff; background-color: #3c6969; font-family: Arial;}
.right ul li a:hover{display: block; height: 30px; padding: 0 0 0 10px; font-size: 12px; line-height: 30px; color: #ffffff; background-color: #444f8d;}

.right ul.links{padding: 20px 0 20px 0; list-style-type:none;}
.right ul.links li{margin: 0 0 2px 0; height: 17px; position: relative;}
.right ul.links li a{display: block; height: 17px; padding: 0 0 0 10px; font-size: 11px; line-height: 17px; font-weight: bold; color: #333333; background: none; font-family: Arial;}
.right ul.links li a:hover{display: block; height: 17px; padding: 0 0 0 10px; font-size: 11px; line-height: 17px; font-weight: bold; color: #ff3300; background: none;}

.right_downloads{padding: 250px 0 0 0; text-align: left;}
.right_downloads a{display: block; padding: 0 2px 10px 7px; text-align: left; font-size: 11px; line-height: 14px; color: #333333; font-family: Arial;}
.right_downloads a:hover{color: #ff6600;}

.google_map{width: 140px; margin: 0 5px 0 5px;}

.right_logo{width: 100%; padding: 5px 0 5px 0;}

.right_extra_link{display: block; width: 100%; height: 17px; padding: 0 0 0 10px; font-size: 11px; line-height: 17px; font-weight: bold; color: #336666; background: none; font-family: Arial;}

#slideshow {
    position:relative;
    height:200px;
    overflow:hidden;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    opacity:0.0;
}

#slideshow img.active {
    z-index:3;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:2;
}