/**
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */

/* Misc Styles and defaults
-------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
 	font-size: 62.5%; 
 	margin-bottom: 40px;
	font-family: Verdana, Lucida, sans-serif; 
	background: transparent url(../images/head-back.png) no-repeat center top;
}

html {
	background: #4a84b3 url(../images/html-back.png) repeat;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

#Contentno h3 {
    padding: 10px;
}

#Contentno .SideBox {
    margin: 5px 0px 5px 0px!important;
    padding: 5px 0;
    background: #fff;
    border-left: 0px solid #b4b4b4!important;
    border-right: 0px solid #b4b4b4!important;
    border-bottom: 0px solid #b4b4b4!important;
    font-size: 1.1em;
}

/* CONTAINER
----------------------------------------- */
#BgContainer {
	width: 100%;
	max-width: 1002px;
	margin: 0 auto; 
}
#Container {
	width: 100%;
	max-width: 1002px;
}

#Layout {
	width: 100%;
	max-width: 1002px;
	background: #fff;
	overflow: hidden;
	margin: 0 auto;
} 
#Content {
	width: 100%;
	max-width: 572px;
	float: left; 	
	margin: 0;
	padding: 8px 10px;
	text-align: left;
}
#Contentno {
	width: 100%;
	max-width: 572px;
	float: left;
	margin: 0;
	padding: 8px 10px;
	text-align: left;
}

/* HEADER
----------------------------------------- */
#Header {
	width: 100%;
	max-width: 1002px;
	height:328px;
 	margin: 0 auto;
	overflow: hidden;
	background: transparent;
}
 	#Header h1 { 
	  	color: #fff; 
		font-size: 3.2em; 
		font-family: Tahoma, Verdana, sans-serif;
		font-weight: 300;
		padding: 20px 0 0 30px;
	}

.logo {
	float:left;
	margin: 0;
	padding:0;
	width:162px;
	height:150px;
}

.logo img {
	z-index:-1;
}

.imageholder {
	width: 100%;
	max-width: 1002px;
	float: left;
	background: #fff;
}
/* MAIN NAVIGATION - TABS
----------------------------------------- */
.menu {
	float:left;
	width: 100%;
	max-width: 760px;
}

.head-up {
	width: 100%;
	max-width: 830px;
	height: 110px;
	float:left;
}

.head-down {
	max-width:830px;
	width:100%;
	height:25px;
	float:left;
}
.typography a.button {
	text-align: center;
	display: block;
}
.social {
	padding: 50px 0 0 610px;
}

.menustatic {
	padding: 12px 0 0 560px;
}
.menustatic a {
	text-decoration: none;
	color: #fff;
	font-size: 10px;
	padding: 5px;
	margin-right:15px;
	background: #424242;
}
.search {
	padding:26px 0 0 14px;
}

#Navigation {
	width: 100%;
	max-width: 800px;
	padding: 0;
	overflow: visible;
	font-size: 11px;
	position: absolute;
	z-index: 1000;
}



/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs {
 	color: #B7C0C5;
	text-align: left;
	font-size: 0.9em;
	margin: 0px 5px 0 0;
	height: 8px;
}
	#Breadcrumbs p {
		margin: 0;
	}


/* SIDEBAR
-------------------------------------- */
#Sidebar {
 	width: 100%;
	max-width: 200px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 2px;
	overflow: hidden;
}
	#Sidebar .sidebarBox {
		margin: 10px 0 5px 3px;
		padding-bottom: 2px;
		padding-top: 5px;
		background: url(../images/box-top.png) no-repeat center top;
	/*	background: #7fb6d4; */
		min-height:41px;
	}

	#Sidebar h3 {
		clear: both;
		color: #fff;
		font-weight: 700;
		font-size: 1.3em;
		margin: 0 0 10px 3px;
		line-height: 1.8;
		padding: 12px 0 0 10px;
		position: absolute;
	}

	#Sidebar .sidebarBottom {
		height: 15px;
		display: block;
		width: 100%;
		max-width: 200px;
		margin: -5px 0 0 0;
	/*	background: url(../images/sidebarBottomBg.gif) no-repeat center bottom; */
	}
	#Sidebar a em {
		font-style: normal;
		color: #424242;
		font-size: 12px;
		width:90%;
	}
	#Sidebar p {
	 	clear: both;
	 	margin: 10px 10px 0 10px;
	}
	#Sidebar img {
		padding: 0 10px;
	}

/* Rightbar
-------------------------------------- */
#Rightbar {
 	width: 100%;
	max-width: 200px;
	float: right;
	margin: 10px 0 0 0;
	padding: 0 4px 0 0;
}
	#Rightbar .RightbarBox {
		margin: 10px 0 5px 3px;
		padding-bottom: 2px;
		padding-top: 5px;
		background: url(../images/box-top.png) no-repeat center top;
		min-height:41px;
	}

	#Rightbar h3 {
		clear: both;
		color: #fff;
		font-weight: 700;
		font-size: 1.3em;
		margin: 0 0 10px 3px;
		line-height: 1.8;
		padding: 12px 0 0 10px;
		position: absolute;
	}

	#RightbarBox h3 a {
		color: #fff;
	}


	#Rightbar .RightbarBottom {
		height: 15px;
		display: block;
		width: 100%;
		max-width: 200px;
		margin: -5px 0 0 0;
	}
	#Rightbar a em {
		font-style: normal;
	}
	#Rightbar p {
		font-size: 11px;
	 	clear: both;
	 	margin: 10px 10px 0 10px;
	}


.pretraga {
	width: 188px;
	height: 40px;
	overflow: hidden;
	background: url(../images/search.png) no-repeat top left;
	text-align: center;
	margin: 20px auto 5px auto;
}

.SideBox {
	margin: 44px 9px 5px 7px;
	padding: 5px 0;
	background: #ededed;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	font-size:1.1em;
}

.SideBox ul {
	margin: 0 15px 10px 15px;
}

.SideBox li {
        padding: 5px 0 5px 0;
        list-style: none;
	border-bottom: 1px dotted #aaa;
}
.SideBox li a {
        color:#424242;
}
.SideBox li a.current, .SideBox li a.section {
	color: #000;
}


.SidebarHead {
	background-image: url("../images/button.png");
	margin: 5px;
}
.SidebarHead h2 {
	padding: 10px;
}
.SidebarHead h2 a {
	color: #fff;
}
/* Content
---------------------------------------- */
.post-box-100 {
	float: left;
	padding: 0 10px;
	width:97%;
	margin-top:10px;
}

.post-box-100 h2 {
	color: #fff;
	padding: 10px;
	background: url(../images/title-265.png);
}

.post-box-wide h2 {
        background: url(../images/title-575.png);
}

.post-box-100 h2 a {
	color: #fff;
}

.post-box-100 img{
	padding: 5px 5px 0 0;
}

.post-box-highlight h2 {
	color: #fff;
	padding: 10px;
	background: url(../images/title-highlight-265.png);
}
.post-box-50 {
	padding: 0px 10px;
	font-size:13px;
	float:left;
	width:45%;
	border: 1px solid #999;
}

.post-box-50 img{
	padding:3px;
}

.ArticlePhoto {
	float:left;
	margin: 5px 5px 0 0;
}
.ArticlePhoto img {
	margin: 0 5px 0 0;
}

.Summary {
	border-bottom: 1px solid #eaeaea;
}


.more {
	float: right;
}

.naslov {
	background: url(../images/title-575.png);
	width:100%;
	max-width:575px;
	height: 40px;
	color: #fff;
	margin: 10px 0;
}

.naslov, .naslov h2 a {
	color: #fff;
}

.naslov h2 {
	padding: 10px 0 0 20px;
}

.naslov h1 {
	padding: 10px 0 0 20px;
}


.naslov-770 {
        background: url(../images/title-770.png);
        width:100%;
	max-width:770px;
        height: 40px;
        color: #fff;
        margin: 10px 0;
}

.naslov-770, .naslov-770 h2 a {
        color: #fff;
}

.naslov-770 h2 {
        padding: 10px 0 0 20px;
}

.naslov-770 h1 {
        padding: 10px 0 0 20px;
}


.breadcrumbs {
	height: 12px;
	overflow: hidden;
}

.clear {
	clear: both;
}

.partner-box {
	background: #fdfdfd;
	margin-bottom:5px;
	font-size:8pt;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #ddd;
	padding: 5px 10px;
}

.tour-box {
	background: #cceeec;
	padding:10px;
	margin-bottom:5px;
	font-size:8pt;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #ddd;
	padding:5px 10px;
}

.tour-box p {
	padding: 10px 0 0 0;
}

.destination-box {
	background: #ededed;
	margin:10px 0;
	font-size:8pt;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #ddd;
	padding:15px 10px;
}

.destination-box img {
	padding:8px;
}

.accommodation-box {
	background: #ffffcc;
	margin:10px 0;
	font-size:8pt;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #ddd;
	padding:15px 10px;
}

.accommodation-box img {
	padding:8px;
}

.offer-box {
	background: #ccffcc;
	margin:10px 0;
	font-size:8pt;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #ddd;
	padding:15px 10px;
}

.offer-box img {
	padding:8px;
}

.banner-right {
	text-align: center;
	margin: 10px 0;
}

/* COMMENTS
---------------------------------------- */
#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}
#PageComments li {
	margin: 5px 0;
	padding: 1px;
	width: 88%;
}
	#PageComments li.odd {
		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
		padding-left: 40px;
		padding-right: 10px;
		border-bottom: 2px solid #BCE4FE;
	}
	#PageComments li.even {
		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
		padding-right: 40px;
		padding-left: 10px;
	}

		#PageComments li.odd p.info {
			color: #3AA0C3;
		}

		.actionLinks li {
		   display: inline;
		   border-right: 1px solid #ddd;
		}
			.actionLinks li a {
				padding-right: 3px;
				font-size: 10px;
			}
   			.actionLinks li.last {
      			border-right: none;
   			}

.commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}
#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}
#PageComments p {
	font-size: 1em;
	margin: 8px 0;
}
	#PageComments p.info {
		color: #999;
		margin: 0px;
		padding: 0;
		line-height: 1em;
		font-size: 0.9em;
	}


#PageCommentInterface_Form_PostCommentForm_action_postcomment {
	margin-bottom: 20px;
}

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}

/* SEARCH FORM
-----------------------------------------------*/
#SearchForm_SearchForm {
	width: 100px;
	height: 40px;
	margin:0 0 0 30px;
	padding: 0px;


}
	#SearchForm_SearchForm .middleColumn {
		float: left;
		width: 144px;
		margin: 0 5px 0 0;
		padding: 1px;
		background: transparent;
	}

		#SearchForm_SearchForm .middleColumn input.text {

			margin-top: 12px;
			width: 99px;
			height: 10px;
			border: 0px solid #b4b4b4;
			color: #666;
			background-color: #fff;
		}

	#SearchForm_SearchForm #SearchForm_SearchForm_action_results {
		display:none;
	}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}

p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
.typography #Contentno p.authorDate {
	color: #444;
	margin-top: -15px;
}
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}


/* FOOTER
----------------------------------------------- */
#FooterWrap {
	width: 100%;
	background:#fff;

}

.Footer {
 	clear: both;
	width: 100%;
	max-width: 1002px;
	background-image: url('../images/footer.png');
	background-repeat: repeat-x;
	background-color: #424242;
	text-align: center;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:15px 0;
}
	.Footer .footerTop {
		width: 100%;
		display: block;
		height: 2em;
	}
  	.Footer p {
		color: #fff;
		font-size: 1.1em;
		text-align: center;
		padding: 20px 0;
	}
  		.Footer a {
	   		color: #fff;
	   		text-decoration: none;
		}
			.Footer a:hover {
				color: #fff;
				text-decoration: underline;
			}


.partner {
	width:170px;
	height:170px;
	line-height:170px;
	float:left;
	margin:0 15px 10px 0;
}
.partner img {
	vertical-align: middle;
}

.pagination {
	width: 98%;
	text-align: center;
	margin: 20px 0;
}

.paginationItem {
	padding: 5px;
	border: 1px solid #aaa;
	background-color: #eee;
	font-weight: bold;
	font-size: 1.3em;
}

.container { width:100%; max-width:1002px; height:178px; overflow:hidden; position:relative; cursor:pointer; background-image: url('../images/header-bcg.jpg'); background-repeat: no-repeat; }
div.slides { position:absolute; top:0; left:0; }
div.slides img { border:0; }
div.slides > div,ul.slides li { position:absolute; top:0; width:1002px; display:none; padding:0; margin:0; }

.slides_container { width:200px; display:none; text-align: center; }
.slides_container div {	width:200px; height:190px; display:block; overflow: visible;}

.pagination { list-style:none; margin:0; padding:0; }
.pagination li { display: inline; }
.pagination li a { width: 15px; padding: 0 3px; }
.pagination li.current a { background: #fff; color:#000; }


#slides_partner .slides_container div {	width:200px; height:110px; display:block; overflow: visible;}
#slides_discount .slides_container div {	width:200px; height:110px; display:block; overflow: visible;}
#slides_destination .slides_container div {	width:200px; height:110px; display:block; overflow: visible;}
#slides_video .slides_container div {	width:200px; height:145px; display:block; overflow: visible;}

#listticker{
	width:100%;
	overflow:hidden;
}
#listticker li{
	border:0; margin:0; padding:0; list-style:none;
}

	#listticker li{
		padding:5px;
		list-style:none;
        border-bottom:1px solid #aeaeae;
	}


/* BRANDING */
.brand_right{
	height: 1500px;
	right: 50%;
	margin-right: -1008px;
	position: fixed;
	text-align: left;
	top: 150px;
	max-width: 506px;
	width: 100%;
	overflow: hidden;
	z-index:200;
}
.brand_left{
	height: 1500px;
	left: 50%;
	margin-left: -1007px;
	position: fixed;
	text-align: right;
	top: 150px;
	width: 100%;
	max-width: 505px;
	overflow: hidden;
	z-index:200;
}

* html .brand_right {
	position: absolute;
	height: 2000px;
}

* html .brand_left {
	position: absolute;
	height: 2000px;
}

* html {
	overflow-x: hidden;
}

.god_wrap {
	position: relative;
}

.brand_code_holder {
	position: absolute;
	left: -9999px;
}

.tophd .sf-menu li {
	float: none;
	text-transform: uppercase;
}

.tophd .sf-menu {
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

.tophd, #sdbrr {
	display: none;
}

.hammnebutline {
	width: 30px;
	height: 5px;
	background-color: #424242;
	margin: 5px 0;
}

.hammnebut {
	cursor: pointer;
	background: #fff;
	padding: 5px 10px;
	display: none;
}

#moblog {
	display: none;
	max-width: 125px;
	margin: 10px;
}

.widthls {
	float: left;
	width: 46%;
}

.entry {
	overflow: hidden;
	width: 100%;
}

.fll {
	width: 100%;
	float: left;
}

.widthls img {
	width: 100%;
}

.textizdvajamo {
	float: left;
	padding-left: 5px;
}

.textizdvajamo img {
	width: 60px;
	float: left;
}

.menustatica, .socialno {
	display: none;
}

@media only screen and (max-width: 999px) {
	#sdbrr {
		display: block;
	}

	.tophd, #Navigation {
		max-width: 100%;
	}

	.menustatica {
		margin: 12px;
		position: absolute;
		right: 0;
		top: 0;
		font-size: 12px;
		display: block;
		line-height: 22px;
	}

	.menustatica a {
		color: #4a84b3;
		text-decoration: none;
		border-right: 1px solid #4a84b3;
		padding-right: 5px;
	}

	.socialno {
		display: block;
		position: absolute;
		right: 20px;
	}

	.menustatica a:nth-child(4) {
		border-right: 0 solid #fff;
	}

	.xsign {
		position: absolute;
		right: 20px;
		line-height: 40px;
		font-size: 18px;
		top: 0;
		display: none;
	}

	.jcarousel-skin-tango .jcarousel-container-horizontal {
		width: auto !important;
	}

	#desklog {
		display: none;
	}

	#moblog {
		display: block;
	}

	#Header {
		height: 130px;
		position: relative;
		background: transparent url(../images/mob-back.jpg) no-repeat left top;
	}

	#Content {
		max-width: 97%;
	}

	#Contentno {
		max-width: 100%;
	}

	.naslov {
		background: #4a84b3;
		width: 100%;
		max-width: none;
	}

	body {
		background: none;
	}

	.lowhd, #sdbr {
		display: none;
	}

	.post-box-100 h2 {
		background: #4a84b3;
	}

	.hammnebut {
		display: block;
	}

	.Footer {
		background-image: none;
		background-color: #424242;
		text-align: center;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		padding: 15px 0;
	}

	#Sidebar, #Rightbar {
		width: 48%;
		max-width: none;
	}

	#Rightbar img {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	.slides_container {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	#Sidebar .sidebarBox, #Rightbar .RightbarBox {
		background: #588ca6;
	}

	#FooterWrap {
		height: 190px;
	}
}

@media only screen and (max-width: 820px) {
	#Header {
		height: 130px;
		position: relative;
		background: transparent url(../images/mob-back.jpg) no-repeat center top;
	}
	.frss h3{
		text-transform: uppercase;
		margin-bottom: -10px;
		margin-left: 4px;
	}
	.frss li{
		max-width: 98%;
	}
	.frss li a{
		text-transform: uppercase;
		font-size: 12px;
	}
	.frss:nth-of-type(1) {
		display:none;
	}
}

@media only screen and (max-width: 600px) {
	.widthls {
		width: 95%;
	}

	#Content {
		max-width: 96%;
	}

	#Contentno {
		max-width: 96%;
	}
	.frss li{
		max-width: 100%;
	}
	#Header {
		height: 130px;
		position: relative;
		background: transparent url(../images/mob-back.jpg) no-repeat center top;
	}

	#Sidebar, #Rightbar {
		max-width: none;
	}

	#Sidebar, #Rightbar {
		width: 100%;
	}

	#Rightbar {
		text-align: center;
	}

	.socialno {
		display: block;
		position: absolute;
		right: 15px;
	}

	.typography img.left {
		max-width: 100%;
	}
}