@charset "utf-8";

/*

Theme Name: Elements

Theme URI: 

Description: 

Version: 1.0

Author: Nikola Štulić

Author URI: http://slobodnium.org/

*/



/* BASIC */

html {

	background: #51371E !important;

}



body {

	background: #51371E !important;

	color: #3F2A18;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-transform: uppercase;

	margin: 0;

}



* {

	margin: 0;

	padding: 0;

}



form {

	margin-left: 190px;

	margin-top: 40px;

}



img {

	border: none;

	outline: none;

}



a {

	text-decoration: none;

	color: #93603A;

	outline: none;

	border: none;
	white-space: normal !important;

}



a:hover {

	color: #51371E;

}



.alignleft {

	margin: 0 10px 10px 0;

}



.alignright {

	margin: 0 0 10px 10px;

}



p {

	margin-bottom: 5px;

}

.press {
	overflow: auto !important;
}

.press img {
	border: none !important;
}

.press strong {
	font-size: 15px;
}

.press p {
	margin: 8px 0 0 15px !important;
	line-height: 18px;
}

.press div {
	width: 315px;
	float: left; position: relative; display: inline;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {

	color: #3F2A18 !important;

	text-decoration: none !important

}



h1 {

	font-size: 32px;

	min-height: 40px; line-height: 40px;

}



h2 {

	font-size: 27px;

	min-height: 35px; line-height: 35px;

	border-bottom: 1px solid #3F2A18;

}



h1 {

	margin-bottom: 15px;

}



h2 {

	margin-bottom: 41px;

}



h3 {

	font-size: 24px;

}



h4 {

	font-size: 20px;

}



h5 {

	font-size: 18px;

}



h6 {

	font-size: 16px;

}



h3, h4, h5, h6 {

	margin: 8px 0;

}



.clear {

	clear: both;

}



/* CONTAINER */

#container {

	margin: 0 auto;

	position: relative;

	width: 900px;

}



/* HEADER */

#header {

	width: 900px;

	height: 180px;

	position: relative;

}



#header h1 {

	margin: 10px auto 0 auto;

	position: relative;

}



#header h1, #header a {

	width: 500px;

	height: 170px;

}



#header a {

	text-indent: -9999px;

	display: block;

	background: transparent url('images/logo.jpg') left top no-repeat;

}



/* CONTENT */

#content {

	width: 900px;

	overflow: auto;

	background: #fff url('images/content.jpg') left top scroll repeat-y;

}



/* SIDEBAR */

#content #sidebar {

	margin: 25px 0;

	width: 200px !important; min-height: 420px !important;

	color: #FFF;

}



ul#languages {

	margin: 0 0 32px 32px;

	list-style: none;

	position: relative;

}



ul#languages li {

	width: 24px; height: 24px;

	margin: 0 5px;

}



ul#languages li a {

	width: 24px; height: 24px;

	display: block;

	text-indent: -9999px;

	background-color: transparent;

	background-position: left top;

	background-repeat: no-repeat;

}



ul#languages li a:hover {

	background-position: left bottom !important;

}



ul#languages li a.lang-english {

	background-image: url('images/lang-english.png');

}



ul#languages li a.lang-srpski {

	background-image: url('images/lang-srpski.png');

}



ul#languages li a.lang-francais {

	background-image: url('images/lang-francais.png');

}



ul#languages li a.lang-contact {

	background-image: url('images/lang-contact.png');

}



#content ul.sf-menu {

	margin: 0 !important; padding: 0 !important;

	list-style: none !important;

	position: relative;

}



#content ul.sf-menu li {

	width: 200px !important;

	padding: 0 !important; margin: 0 !important;

	border-bottom: 1px solid #6F5F50;

	position: relative;

}



#content ul.sf-menu li a {

	width: 180px;

	padding: 8px 10px;

	/*color: #C6BFBA;*/

	color: #FFF;

	font-size: 14px;

	line-height: 23px;

	text-decoration: none !important;

	display: block;

}



#content ul.sf-menu li a:hover {

	color: #fff;

	background-color: #4b321e !important;

}



#content ul.sf-menu li > ul {

	list-style: none !important;

	visibility: hidden;

	background: #3F2A18;

}



#content ul.sf-menu li > ul {

	position: absolute;

	top: 0;

	left: 200px;

	z-index: 10 !important;

}



#content ul.sf-menu li:hover > ul, #content ul.sf-menu li.sfHover:hover > ul {

	padding: 0 !important; margin: 0 !important;

	visibility: visible !important;

}



.sf-sub-indicator {

	/*display: none !important;*/

}



/* MAIN CONTENT */

#content #main-content {

	margin: 25px;

	width: 645px;

}



#slider, #slider img, #slider div {

	width: 645px;
	height: 432px;
	float: left; display: inline; position: relative;

}

#slider {

	overflow: hidden !important;

}



.ngg-galleryoverview {

width: 207px !important;

margin-left: 230px;

}



.ngg-galleryoverview img:hover {

	border: none !important;

}



.ngg-galleryoverview img {

	width: 150px;

	height: 75x;

	border: none !important;

	padding: 0 !important;

	margin: 0 3px 18px 3px !important;

}



/* FOOTER */

#footer {

	color: #FFF;

	font-size: 11px;

	line-height: 18px;

	text-align: center;

	text-transform: none !important;

	padding: 10px 0;

}

#footer a:hover {
	color: #FFF !important;
	text-decoration: underline !important;
}

/* SHORTCODES */

.half, .half-last {

	width: 315px;

	margin-bottom: 15px;

	overflow: auto !important;

}



.half img, .half-last img {

	max-width: 313px !important;

	border: 1px solid #3F2A18;

}



.third, .third-last {

	width: 208px;

	margin-bottom: 15px;

	overflow: auto !important;

}



.third {

	margin-right: 10px;

}



.third img, .third-last img {
	max-width: 206px !important;
	border: 1px solid #3F2A18;
}

.dimension, .accordion {
	position: relative;
	height: auto; overflow: hidden;
	width: 207px !important;
	margin: 15px 0 0 0 !important; padding: 0 !important;
}

.dimension p, .accordion p, .dimension a, .accordion a {
	width: 207px;
}

.dimension img, .accordion img {
	max-width: 207px !important; border: none !important;
}

/* left aligned objects */
.alignleft, #sidebar, ul#languages li, .half, .third {

	float: left; display: inline; position: relative;

}



/* right aligned objects */
.alignright, #main-content, .half-last, .third-last {

	float: right; display: inline; position: relative;

}

/*******************************************************************************************************/
/**
 * ----------------------------------------------------------------------------
 * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 * ----------------------------------------------------------------------------
 */

/* Screen ------------------------------------------------------------------- */

@media projection, screen {

	.toggler-1 {
		width: 270px;
		border: 0;
		background: none !important;
	}
	
	.toggler-1 img {
		border: none !important;
	}
	
	.toggler {
	   margin:0;
		cursor:pointer;
		text-decoration: none;
		font-weight: bold;
		display: block;
		position: relative;
	}
	.toggler-closed {
		color:#333;
	}
	.toggler-closed:hover {
		color: #000;
	}
	.toggler-opened {
		color:#333;
	}
	.toggler-opened:hover {
		color: #000;
	}

	/* Container - default style */
	.toggler-c {
	}
	.toggler-c-closed {
	   background:transparent;
	}
	.toggler-c-opened {
	   background:#72927E;
	}
	
	.toggler-1 #featured-holder {
		margin-top: 20px;
		padding: 0 10px 10px 10px;
		color: #fff;
		background: transparent url('images/toggler-bottom.png') left bottom no-repeat;
	}
	
	.toggler-1 #featured-holder a {
		color: #fff;
		text-shadow: -1px -1px #006838;
		font-weight: normal !important;
		text-decoration: none !important;
	}
	
	.toggler-1 #featured-holder > .trig {
		width: 210px;
		padding: 10px 20px;
		margin: 0 !important;
		font-size: 21px;
		border-top: 1px solid #ACC0B4;
		border-bottom: 1px solid #6A987F;
		position: relative;
		cursor: pointer;
		background-color: #98B1A2;
	}
	
	#featured-holder span.current {
		background: transparent url('images/toggler-more1.png') left top no-repeat !important;
	}
	
	#featured-holder span {
		background: transparent url('images/toggler-more.png') left top no-repeat;
	}
	
	.toggler-1 #featured-holder > .trig span {
		position: absolute; top: 12px; right: 15px;
		width: 15px; height: 15px; display: block;
		text-indent: -9999px;
		background: transparent url('images/toggler-more.png') left top no-repeat;
		padding: 0 !important;
	}
	
	.toggler-1 #featured-holder > .trig a.link {		
		background-image: none !important;
		padding: 0 !important;
	}
	
	.toggler-1 .top-para {
		border-top: none !important;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	.toggler-1 .bottom-para {
		border-bottom: none !important;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
	.toggler-1 .even {
		background-color: #89A594 !important;
	}

}

/* Print -------------------------------------------------------------------- */
@media print {

	.toggler-c {  }
	.toggler { display: none; }

}