* {
	outline:none;
}
body, html {
/*	
	font-family: arial, verdana, helvetica, monospace;
	background: black url(../../images/bgPage.jpg) top left repeat;
	background: black url(../../images/bg-image01.jpg) top left repeat;
*/
	background-color: Black;
	font-size:10pt;
	font-family: Colibri, Verdana, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	margin:0;
	padding:0;
	height:100%;
/*	
	height:auto;
	background-image: url(images/bg-image01.jpg);
	background-color: #FFFFFF;
	background:#FFFFFF url(images/bg-image01.jpg) top left repeat;
	padding-top: 0px;
*/
}
body { background-color: White; }
form {
	height: 100%;
}
input, textarea, select {
/*
    font-family:helvetica,arial,sans-serif;
    font-size: 10pt;
*/	
    color:#00526F;
    color:#000000;
    background-color:#ffffff;
    background-color:#a3a3a3;
    border:0px solid;
    border-top-color:#696;
    border-left-color:#696;
    border-right-color:#363;
    border-bottom-color:#363;
    border-top-color:#BBBBBB;
    border-left-color:#BBBBBB;
    border-right-color:#999999;
    border-bottom-color:#999999;
}
h1 {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10pt;	
	color: #B1B3B4;
	line-height: 18px;	
	padding: 0;
	margin: 0;
}
h1.PageNaslov {
	text-align: left;
	background-color: #071e5f;
	color: #FFFFFF;
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: -10px -5px 10px -5px;
	font-size: 12pt;
}
h2 {
	text-decoration: none;
	font-weight: bold;
	font-size: 14pt;
	line-height: 20px;	
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
/*
	text-transform:uppercase;
*/
}
h3 {
	text-decoration: none;
	font-size: 12pt;	
}
h4 {
	text-decoration: none;
	font-size: 12pt;	
}
h6 {
	text-align: center;
}
div {
/*
	-moz-box-sizing:border-box;
	box-sizing:border-box;
*/
	margin:0;
	padding:0;
}
.bold {
	font-weight:bold;	
}
hr {
	height: 2px;
	color: #FFFFFF;
	color: #A3A3A3;
	background-color: #FFFFFF;
	background-color: #A3A3A3;
	border: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
img {
/*
	max-width: 640px;
	max-width: 518px;
	max-width: 370px;
*/
	border: 0;
}
.arrow {
	position: relative;
	top: 2px;
}
img#lightboxImage {
	max-width: 1000px;
}
.TabFace {
/*
*/
    margin-left: -24px;
    margin-right: -24px;
    width: 78px;
    background-position: right top;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 157px;
    right: 0;
    position: fixed; 
    top: 90px;
}
#TabFace {
	background-image: url("Images/facebook-klub.png");
    top: 90px;
}
#TabFaceKamp {
	background-image: url("Images/facebook-ljetnikamp.png");
    top: 250px;
}
#TabTwitter {
	background-image: url("Images/tab-twitter.png");
    top: 245px;
}
#TabBlog {
	background-image: url("Images/tab-blog.png");
    top: 400px;
}

.TabFace a {
    display: block;
    height: 157px;
    width: 78px;
}
#Copy {
    position: absolute;
    bottom: 0px;
    margin-right: 0px;
    right: 0px;
    color: #CCCCCC;
    color: #333333;
    color: #005250;
    font-family: Verdana, Helvetica, Arial;
}
#Copy a {
    color: #CCCCCC;
    color: #333333;
    color: #005250;
    font-family: Verdana, Helvetica, Arial;
}
#Copy a:hover {
	background-color: #FFFFFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Page header
	background:#000000 url(../../images/bgTop.jpg) top left;
	margin-left:auto;
	margin-right:auto;
	padding-top: 150px;
	background: transparent url(images/bgPage.png) center center no-repeat;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Page {
	width: 900px;
	height: 100%;
	min-height: 700px;
}
.ContentHeader {
	width:100%;
	text-align:center;
	height: 130px;
	}
.ContentBody 
{
	/*
	min-height: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	margin: 0 auto -200px;

	width: 100%;
	text-align: justify;


	height: 100%;
	height: 200px;
	padding-bottom: 200px;
	*/
}
.ContentPush {
/*
	height: 300px;
    clear: both;
*/
}
.ContentFooter
{
	/*
	height: 300px;
    position: relative;
	width: 100%;
	text-align: center;
	height: 200px;
	bottom: 200px;
	position: relative;
	
	position:absolute;
    bottom:0;
    width:200px;
    height:200px;
    */
}
#Logo {
}
#LogoHeader {
}
#Logo a {
	text-decoration:none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	margin-top: 0px;
	margin-top: 0px;
	PageBody
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PageBody {
/*
	background:#FFFFFF url(../../images/bgPageBody.gif) top left repeat-x;
*/
	text-align: justify;
	min-height: 200px;
	vertical-align: top;
	display:block;
	height: 100%;
	padding: 10px;
	overflow: hidden;
}
#PageBody p {
	/*
	text-align: justify;
	padding: 0px 5px 0px 5px;
	text-indent: 0px;
	letter-spacing: 0.00em;
	margin: 0;
	padding: 0;
	text-align: center;
	*/
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Page menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PageMenu {
	color:#005250;
	background-color: transparent;
	text-align:left;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER - TWO COLUMN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Content2c {
	margin-left:50px;
	width: 950px;
	height: 95%;
/*
	overflow:hidden;
html>body #Content2c {overflow:hidden;}
*/
}

#Content2c-left {
	width:240px;
	float:left;
	min-height: 530px;
	min-height: 100%;
	height: 530px;
	height: 100%;
	text-align: center;
	margin: 20px 0 20px 0;
}
#Content2c-main {
	width:660px;
	float:left;
	height: 100%;
	margin: 20px 0 20px 20px;
	min-height: 870px;
	}

.ContentBoxSTop {
	background:transparent url(images/bgBoxBorderSmallTop.png) top left no-repeat;
	height: 17px;
}
.ContentBoxSBody {
/*
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #14366e;
*/
	padding: 20px;
	background:transparent url(images/bgBoxBorderSmallMiddle.png) top left repeat-y;
	text-align: left;
}
.ContentBoxSBottom {
	background:transparent url(images/bgBoxBorderSmallBottom.png) top left no-repeat;
	height: 17px;
}
.ContentBoxLTop {
	background:transparent url(images/bgBoxBorderLargeTop.png) top left no-repeat;
	height: 17px;
}
.ContentBoxLBody {
/*
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #14366e;
*/
	padding: 10px;
	background:transparent url(images/bgBoxBorderLargeMiddle.png) top left repeat-y;
}
.ContentBoxLBottom {
	background:transparent url(images/bgBoxBorderLargeBottom.png) top left no-repeat;
	height: 17px;
}
.Content2c {
	margin-left:auto;
	margin-right:auto;
	height: 100%;
}
.Content2c-main {
	float:left;
	height: 100%;
	}

.Content2c-left {
	float:left;
	height: 100%;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER - THREE COLUMN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Content3c {
	clear: both;
	margin-left:auto;
	margin-right:auto;
	width:370px;
	min-height:360px;
	height: 100%;
}
/*
html>body #Content3c {overflow:hidden;}
*/
#Content3c-left {
	width:60px;
	float:left;
	min-height: 400px;
	height: 300px;
	height: 100%;
	background: transparent url(images/bgTockiceV.png) top center repeat-y;
	border-radius: 15px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;	
}

#Content3c-main {
	width:367px;
	width:270px;
	float:left;
	height: 100%;
	}
#Content3c-right {
	float:right;
	height:100%;
	width:40px; /*220*/
	vertical-align:top;
}
.Content3c {
	clear: both;
	margin-left:auto;
	margin-right:auto;
	width:980px;
	text-align: left;
	height: 100%;
}
html>body .Content3c {overflow:hidden;}
	
.Content3c-left {
	font-size:.9em;
	width:220px;
	float:left;
	height: 300px;
	height: 100%;
}
.Content3c-main {
	width:540px;
	float:left;
    background:#E7E3E7 url(../../images/main-back.png) repeat-y;
	margin-left:0px;
	height: 100%;
	}
.Content3c-right {
	float:right;
	padding: 5px 5px 5px 10px;
	min-height:300px;
	height:100%;
	width:205px; /*220*/
	vertical-align:top;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PageFooter {
/*
	background:#000000 url(../../images/bgFooter.jpg) bottom;
	background:#2C2C2C url(images/bgPageBottom.png) bottom left no-repeat;
	background-color: Black;
*/
	margin-left:auto;
	margin-right:auto;
	width:980px;
	height:40px;
	color:#636f71;
	color:#333333;
	font-family: Arial,Verdana;
	font-size:8pt;
	text-align:center;
	vertical-align: bottom;
	padding: 5px 0px 0px 0px;
	clear: both;
}
#PageFooter div {
	position:relative;
}
#PageFooter a:link, #PageFooter a:visited, #PageFooter a:hover, #PageFooter a:active {
	color:#333333;
	font-size: 8pt;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link {
	color:#147D7F;
	color: #006db8;
	color: #FFFFFF;
	color: yellow;
	color: #c4b833; 
	color: #e5d84d;
	text-decoration:none;
/*
	font-size: 16pt;
*/
}
a:visited {
	color: #147D7F;
	color: #006db8;
	color: #FFFFFF;
	color: yellow;
	color: #c4b833; 
	color: #e5d84d;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	text-decoration:none;
}

a:active {
	color:#980000;
	color:#00608a;
	color:#147D7F;
	color: #006db8;
	color:#FFFFFF;
}
.LinkVise a:link {
	font-size: 7pt;	
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Menu
	font-size: 10pt; !important;

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Menu {
	color: #aaaaaa;
	color: #EEEEEE;
	text-transform: uppercase;
	text-decoration: none;
	text-align: left;
	width: 100%;
	letter-spacing: 1px;
	font-size: 8pt;
	font-weight: bold;
	line-height: 20px;
}
a.Menu {
/*
	background: transparent url('../../images/bgMenu.jpg') no-repeat center left;
	background: transparent url('../../images/bMenuButton.jpg') no-repeat center left;
	background-position: left center;
	color: #aaaaaa !important;
	color: #005250 !important;
*/
}
.MenuStatic {
}
.MenuStaticItem {
	height: 24px;
	width: 100%;
	color: #EEEEEE !important;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 2px;
}
.MenuHover { 
	color: #A3A3A3 !important;
	color: #FFFFFF !important;
	background-color: #006db8;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration:none !important;
}
.MenuSelected {
	color: #A3A3A3 !important;
	color: #FFFFFF !important;
	background-color: #006db8;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.Menu_Dynamic {
	z-index: 10 !important;
	height: auto;
	font-weight: bold;
	border: 1px solid black;
	border: 1px solid #a01f20;
	border: 1px solid #071e5f;
	border: 1px solid #006db8;
	background-color: #071e5f;
	background-color: #08346B !important;
	text-transform: uppercase;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 10px 10px 0 10px;
}
.Menu_DynamicItem {
/*
	background-color: #ec870e;
	background-color: #DE2421;
	background-color: #071e5f;
*/
	padding: 3px 5px 3px 5px;
	color: #EEEEEE !important;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.Menu_DynamicItem tbody tr td img {
	margin-top: 2px;
}
.Menu_DynamicHover {
	background-color: #736163;
	background-color: #998484;
	color: #FFFFFF !important;
	background-color: #006db8;
	-moz-border-radius: 5px;
	border-radius: 5px;
}





#supersize img, #supersize a {  
    height:100%;  
    width:100%;  
    display:none;  
}  
#supersize .activeslide, #supersize .activeslide img {  
    display:inline;  
}  




/* changer container */
.ob_show_changer
{
    overflow:auto;
    position:absolute;
    top:310px;
    z-index:2;
	color: white;
}
.ob_show_panel {
	overflow: hidden !important;
	z-index: 0 !important;
}