@charset "UTF-8";
/* CSS Document */
@import url('fonts/forecast/iconvault.css');

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/opensans/OpenSans-Light-webfont.eot');
    src: url('fonts/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/opensans/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/opensans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/opensans/OpenSans-Regular-webfont.eot');
    src: url('fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/opensans/OpenSans-Italic-webfont.eot');
    src: url('fonts/opensans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/opensans/OpenSans-Semibold-webfont.eot');
    src: url('fonts/opensans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('fonts/opensans/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/opensans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/opensans/OpenSans-Bold-webfont.eot');
    src: url('fonts/opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('fonts/opensans/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/opensans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('fonts/opensans/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/opensans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('fonts/MonoSocialIconsFont/MonoSocialIconsFont-1.10.eot');
    src: url('fonts/MonoSocialIconsFont/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('fonts/MonoSocialIconsFont/MonoSocialIconsFont-1.10.woff') format('woff'),
         url('fonts/MonoSocialIconsFont/MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('fonts/MonoSocialIconsFont/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('fonts/MonoSocialIconsFont/MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
#cards img{width:auto!important}
html, body {height: 100%;}
table td{vertical-align: top;}
#wrapper {min-height: 100%;}
#MainWPad{overflow:hidden;}
* {
	/*vertical-align: baseline;*/
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	/*margin-bottom: 30px;
	margin: 0;*/
	}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height:130%;
	color:#444444;
	font-family:'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	background: url(../images/bg.png) repeat-x #312783 ;
	
	}
span{
	
	letter-spacing:0.5px;
	}

.left{float:left!important;}
.right{float:right!important;}
#middle-container img{width:100%;}	

h1, h2, h3, h4, h5, h6, p, {
	font-family:'OpenSansRegular';
	text-align:left;
	margin: 0px;
	
}
h1{
	font-family:'OpenSansSemibold';
	font-size:24px;
	color:#336a9d;
	text-align:left;
	text-transform:uppercase;
	margin:10px 0 10px 0;
	}
h2{
	font-family:'OpenSansBold';
	font-size:16px;
	color:#336a9d;
	text-align:left;
	text-transform:uppercase;
	margin:3px 0 13px 0;
	}
hr{
	border: none;
	border-top: solid 1px #878787;
	
	margin-bottom:8px;
	}
hr.full{
	border-top: solid 0px #878787;
	
	margin-bottom:0;

	width:940px;
	margin:10px 10px 10px 10px;
	height:28px;
	display: block;
	background: url(../images/hr.png) no-repeat;
}
.iznad{
	/*position:absolute;
	/*z-index: 999999;*/
	/*z-index: 8000;*/

}

.fontNarancasto{
	color:#ff7300;
}
.fontZeleno{
	color:#50c009;
}
.fontPlavo{
	color:#57a4d2;
}
.fontLjubicasto{
	color:#9200d6;
}
.Narancasto{
	color:#ff7300;
	border-color:#ff7300;
}
.Zeleno{
	color:#50c009;
	border-color:#50c009;
}
.Plavo{
	color:#57a4d2;
	border-color:#57a4d2;
}
.Ljubicasto{
	color:#9200d6;
	border-color:#9200d6;
}
.article ul , .article ul li{
width:100%;
list-style-type: disc;
	list-style-position:inside;
	line-height: 130%;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

ol > li {
    position:relative; /* Create a positioning context */
    margin:10px 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:0; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
}
ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    text-align:center;
}

#footMenu ul , #footMenu ul li{
width:100%;
list-style-type: disc;
	list-style-position:inside;
	line-height: 130%;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

#bookNow{
float: right;
margin-right: 6px;
margin-bottom: 15px;
}
#bookNow .header{
	width:100%;
	height: 16px;
	background: url(/images/bookNow_head.jpg) no-repeat;
	background-size: contain;
}
#bookNow .content{
	width:100%;
	background-color: #d9b2ea;
	color:#9200d6;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 22px;
	text-align: center;
	line-height: 20px;
}
#bookNow .footer{
	width:100%;
	height: 17px;
	background: url(/images/bookNow_foot.jpg) no-repeat;
	background-size: contain;
}
.purpleButton{
	
	width: 172px;
	height: 25px;
	text-align: center;
	border-radius: 5px;
	background-color: #1B4F2F;
	background-image: linear-gradient(to top, #9200D6, #D4A4E9);
	color: #FFF;
	padding: 5px 15px;
	font-size: 14px;
	text-transform: uppercase;
	margin-top:15px;
}
/*############################
## CONTENT STYLES
############################*/
#middle-container span{
	font-family:'OpenSansSemibold';
	letter-spacing:0.5px;
	font-weight: normal!important;
	}

.clearfix{
clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}




/*############################
## HEADER STYLES
############################*/
.break{clear: both; margin: 0; padding: 0;}

.free_wifi{
	width:77px;
	height:65px;
	display:block;
	background:url(/images/free_wifi1.png) no-repeat;
	position:relative;
	float:left;
	z-index:20;
}

/*############################
## SOCIAL ICONS STYLES
############################*/
.social{width:284px; height:32px; display:block;float:right;}
.social a{ 
	font-size:35px;
	margin-right:3px; 
	border: 0; 
	text-decoration: none;
	cursor: default;
	display: inline-block;
	font-family: 'Mono Social Icons Font', Arial, sans-serif;
}
.social a:hover{
	font-size:35px;
	margin-right:3px; 
	border: 0; 
	text-decoration: none;
	cursor: default;
	display: inline-block;
	font-family: 'Mono Social Icons Font', Arial, sans-serif;
	color:#ff7300!important;
}

.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

a.symbol:before {
    content: attr(title);
    font-size: 35px;
}

a.symbol {
    /*background: #9f9f9f;*/
    color: white;
    text-decoration: none;
}
/*############################
## SOCIAL ICONS STYLES.KRAJ
############################*/


/*############################
## CONTENT STYLES
############################*/
article.cont div#article_cont{
display: block;
	width:100%-20px;
	padding-left:10px;
	padding-right:10px;
}
article.cont a{
	text-decoration: none;
	color:#336a9d;
	
}
article.cont a:hover{
	text-decoration: none;
	color:#000;
	
}



table.cjenik{
	color: #000;
	border-collapse:collapse;
	border-spacing: 3px;
	border: 2px solid #fff;
} 
table.cjenik thead{
	color: #fff;
	border-collapse:collapse;
	background-color: #336a9d;
	border-bottom: 2px solid white;
}
table.cjenik thead tr{
	color: #fff;
	border-collapse:collapse;
	background-color: #336a9d;
	border-bottom: 0px solid white;
}
table.cjenik thead td{
	color: #fff;
	
}
table.cjenik tr{	
	text-align: center;
	vertical-align:middle;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	
}
table.cjenik td{	
	text-align: center;
	vertical-align:middle;
	padding: 5px;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}
table.cjenik tr:nth-child(odd){
	
}
table.cjenik tr:nth-child(even){
	/*background-color: #c4cdd2;*/
}

article table{
	color: #000;
	border-collapse:collapse;
	border-spacing: 3px;
	border: 2px solid #fff;
} 
article table thead{
	color: #fff;
	border-collapse:collapse;
	background-color: #336a9d;
	border-bottom: 2px solid white;
}
article table thead tr{
	color: #fff;
	border-collapse:collapse;
	background-color: #336a9d;
	border-bottom: 0px solid white;
}
article table thead td{
	color: #fff;
	
}
article table tr{	
	text-align: center;
	vertical-align:middle;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
article table td{	
	text-align: center;
	vertical-align:middle;
	padding: 5px;
	
	
}
article table tr:nth-child(odd){
	
}
article table tr:nth-child(even){
	/*background-color: #c4cdd2;*/
}

ul.predracun{
	list-style: none!important;
	list-style-type: none!important;
list-style-position: inside;
width:100%;
}

ul.predracun li{
	list-style-type: none!important;
	width:100%;
	padding:10px;
	font-size: 16px;
	min-height: 30px;
}
ul.predracun li:nth-child(even){
	background-color:#ddedf6;
}


/*############################
## FOOTER STYLES
############################*/
footer{
	background-position:bottom;
	bottom:0;
	color:#FFF !important;
	display: block;
	vertical-align:baseline;
	
	}
footer h4{
	font-size:24px;
	color:#ff9000;
	text-align:left;
	text-transform:uppercase;
	margin:0 0 10px 15px;
	border: none;
		
	}
footer hr{
	height:1px;
	color:#FFF;
	background-color:#FFF;
	}

.hadriaInfo{
	margin-top:50px;
	width:305px;
	padding-right:15px;
	
	float:right;
	height:90px;
	position:relative;
	bottom:0;
	display:block;
	}
	.hadriaInfo a.info{
		text-align: left;
		float:left;
		color:#FFF;
		
	}
	.hadriaInfo a.hadria{
		width:135px;
		float:right;
		height:90px;
		position:relative;
	bottom:0;
	display:block;
	background: url(../images/hadria.png) no-repeat top right;
		margin-top:10px;
		margin-left:20px;
		color:#FFF;
		
		}
.underFootMenu{display:none;}

.htz_logo a img{
	float:left;
	height: 30px;
	display: block;
	margin-right: 15px;
}
/*############################
## CONTACT FORM STYLES
############################	*/
	
.block {
	width:400px;
	margin:0 auto;
	text-align:left;
}
.element * {
	padding:5px; 
	margin:2px; 
	font-family:arial;
	font-size:12px;
}
.element label {
	float:left; 
	width:100%;
	font-weight:700
}
.element input.text {
	float:left; 
	width:270px;
	padding-left:10px;
	border: 1px dotted #6c9bca;
}
.element .textarea {
	height:120px; 
	width:270px;
	padding-left:10px;
	border: 1px dotted #6c9bca;
}
.element .hightlight {
	border:2px solid red!important;
}
.element #submit {
	/*float:left;
	margin-left:10px;
	color:#FFF;
	background-color: #6c9bca;
	padding:8px;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	border: 1px solid #FFF;*/
}
.element #submit:hover {
	/*float:left;
	margin-left:10px;
	color:#6c9bca;
	background-color: #FFF;
	padding:8px;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url(border-radius.htc);
	border: 1px dotted #6c9bca;*/
}
.loading, .loading_newsletter {
	float:right; 
	background:url(../images/contact/ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}
.done, .done_newsletter{
	background:url(../images/contact/iconIdea.gif) no-repeat 2px; 
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:70%; 
	margin:20px auto; 
	display:none
}

.recaptcha_reload a{float:left; width:30px; height: 30px; display: block; background: url(../images/recaptcha/recaptcha_reload.png) no-repeat top left; }
.recaptcha_only_if_image a{float:left; width:30px; height: 30px; display: block; background: url(../images/recaptcha/recaptcha_mic.png) no-repeat top left;}
.recaptcha_only_if_audio a{float:left; width:30px; height: 30px; display: block; background: url(../images/recaptcha/recaptcha_image.png) no-repeat top left;}
.recaptcha_help a{float:left; width:30px; height: 30px; display: block; background: url(../images/recaptcha/recaptcha_help.png) no-repeat top left;}
.recaptcha_submit{float:left; margin-left:40px!important;}

.fb_iframe_widget,
.fb_iframe_widget > span,
.fb_iframe_widget iframe {
    width: 100% !important;
}

/*############################
	## LANGUAGE MENI STYLES
	############################*/
	
	#lngSwitch_drop{
		position: absolute;
		/*z-index: 0;*/
		right: 0;
		top:0;
		width:50%;
	}
	#forecast{
		float:left;
		
	}
	#forecast div#stupnjevi{
		float:left;
		font-size:2em;
		padding-top: 10px;
		color:#FFF;
	}
	#forecast div#ikona{
		float:left;
		/*font-size: 3.5em!important;
		margin-top: 10px;*/
	}
		
	.LngSWtoggleMenu {
	    width:auto;
		max-width:400px;
		height:17px;
	    float:right;
		display:block;
		/*margin-bottom:50px; margin-bottom:43px;*/
		text-align:right;
		border:1px solid #336a9d;
		margin:6px 5px;
		padding:5px 5px 0 10px;
		border-radius: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		background: url(../images/white04.png);
		text-transform: uppercase;
		color:#FFF;
	}
	
	.LngSWtoggleMenu:hover {
	    width:auto;
		max-width:400px;
		height:17px;
	    float:right;
		display:block;
		/*margin-bottom:50px; margin-bottom:43px;*/
		text-align:right;
		border:1px solid #336a9d;
		margin:6px 5px;
		padding:5px 5px 0 10px;
		border-radius: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		background: #ff7300;
		text-transform: uppercase;
		color:#FFF;
	}
	
	.lngSwitch_nav {
	    list-style: none;
	    *zoom: 1;
	    min-width: 120px;
		position: absolute;
		z-index: 10000000;
		top: 30px;
		right: 5px;
		background: url(../images/white04.png);
		border-radius: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		border:1px solid #336a9d;
	}
	.lngSwitch_nav:before,
	.lngSwitch_nav:after {
	    content: " "; 
	    display: table; 
	}
	.lngSwitch_nav:after {
	    clear: both;
	}
	.lngSwitch_nav ul {
	    list-style: none;
	    width: 9em;
	}
	.lngSwitch_nav a {
	    padding: 10px 15px;
	    color:#fff;
	}
	.lngSwitch_nav li {
	    position: relative;
	    opacity: 1!important;
	    height:31px;
	}
	.lngSwitch_nav > li {
	    float: left;
	    border-top: 1px solid #3490c9;
	}
	.lngSwitch_nav > li > .parent {
	    background-image: url("../images/downArrow.png");
	    background-repeat: no-repeat;
	    background-position: right;
	}
	.lngSwitch_nav > li > a {
	    display: block;
	}
	.lngSwitch_nav li  ul {
	    position: absolute;
	    left: -9999px;
	}
	.lngSwitch_nav li:hover{background-color: #ff7300;}
	.lngSwitch_nav > li.hover > ul {
	    left: 0;
	   
	}
	.lngSwitch_nav li li.hover ul {
	    left: 100%;
	    top: 0;
	    
	}
	.lngSwitch_nav li li a {
	    display: block;
	    background: #3490c9;
	    position: relative;
	    z-index:100;
	    border-top: 1px solid #313289;
	}
	.lngSwitch_nav li li li a {
	    background:#313289;
	    z-index:200;
	    border-top: 1px solid #3490c9;
	}
	.active {
	        display: block;
	    }
    .lngSwitch_nav > li {
        float: none;
    }
    .lngSwitch_nav > li > .parent {
        background-position: 95% 50%;
    }
    .lngSwitch_nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .lngSwitch_nav ul {
        display: block;
        width: 100%;
    }
   .lngSwitch_nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	.lngSwitch_nav .more {
		width: 10%;
		height: 33px;
		display: block;
		/*float: right;*/
		position: absolute;
		right:0;
		margin-right: 35px;
	}

@media all and (min-width: 960px) {

	
	html, body {height: 100%;}
	table td{vertical-align: top;}
	#wrapper {min-height: 100%;}
	#MainWPad{overflow:hidden;; padding-bottom: 400px;}
	* {
		/*vertical-align: baseline;*/
		font-weight: inherit;
		font-family: inherit;
		font-style: inherit;
		font-size: 100%;
		border: 0 none;
		outline: 0;
		padding: 0;
		/*margin-bottom: 30px;
		margin: 0;*/
		}
	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		line-height:130%;
		color:#444444;
		font-family:'OpenSansRegular', Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		background: url(../images/bg.png) repeat-x #312783 ;
		background-position: left 600px;
		
		}
	span{
		
		letter-spacing:0.5px;
		}
	
		
	
	h1, h2, h3, h4, h5, h6, p, {
		font-family:'OpenSansRegular';
		text-align:left;
		margin: 0px;
		
	}
	h1{
		/*font-family:'OpenSansSemibold';
		font-size:24px;*/
		font-family:'OpenSansLight';
		font-size:36px;
		color:#336a9d;
		text-align:left;
		text-transform:uppercase;
		margin:10px 0 10px 0;
		}
	h2{
		font-family:'OpenSansBold';
		font-size:16px;
		color:#336a9d;
		text-align:left;
		text-transform:uppercase;
		margin:3px 0 13px 0;
		}
	hr{
		border: none;
		border-top: solid 1px #878787;
		
		margin-bottom:8px;
		}
	hr.full{
		border-top: solid 0px #878787;
		
		margin-bottom:0;
	
		width:940px;
		margin:10px 10px 10px 10px;
		height:28px;
		display: block;
		background: url(../images/hr.png) no-repeat;
	}
	.iznad{
		position:absolute;
		/*z-index: 999999;*/
		z-index: 8000;
	
	}
	
	.fontNarancasto{
		color:#ff7300;
	}
	.fontZeleno{
		color:#50c009;
	}
	.fontPlavo{
		color:#57a4d2;
	}
	.fontLjubicasto{
		color:#9200d6;
	}
	.Narancasto{
		color:#ff7300;
		border-color:#ff7300;
	}
	.Zeleno{
		color:#50c009;
		border-color:#50c009;
	}
	.Plavo{
		color:#57a4d2;
		border-color:#57a4d2;
	}
	.Ljubicasto{
		color:#9200d6;
		border-color:#9200d6;
	}
	.article ul , .article ul li{
		width:95%;
		list-style-type: disc;
		list-style-position:inside;
		line-height: 130%;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
	}
	
	
	#footMenu ul , #footMenu ul li{
	width:95%;
	list-style-type: disc;
		list-style-position:inside;
		line-height: 130%;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
		text-align: left;
	}
	.logo{display: none;}
	/*############################
	## CONTENT STYLES
	############################*/
	#bgSlider, background{
		height: 600px;
		background-position: center top;
		display: block;
		width: 100%;
	}
	div#container{
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		
		
		display:block;
		min-height:100%;
		/*color:#878787*/
	}
	#head_cont{
		width: 960px;
		/*overflow:auto;text-align: left;*/
		margin-left: auto;
		margin-right: auto;
	
		display:block;
		color:#878787;
		/*position:relative;*/
		z-index: 999999999;
	}
	.header_holder{
		width:960px;
		
	}
	.feelTheNature_Holder{
		width:76%;
		height:30px;
		display:block;
		padding-top:10px;
		float:right;
		margin-top:30px;
	}
	.feelTheNature{
		float:left;
	}
	#middle-container{
		width: 960px;
		margin-left: auto;
		margin-right: auto;
		
		
		display:block;
		min-height:100%;
		 /*padding-bottom:400px; ZBOG FOOTERAAA*/
	}
	#middle-container span{
		font-family:'OpenSansSemibold';
		letter-spacing:0.5px;
		font-weight: normal!important;
		}
	#middle-content{
		width:960px;
		min-height:250px;
		display:block;
		background-color: #FFF;
	}
	#middle-content-bottom{
	width: 960px;
		height: 47px;
		display: block;
		background: url(../images/cont_bottom.png) no-repeat;
	}
	
	.clearfix{
	clear: both;
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
	}
	
	
	article {line-height:18px!important; letter-spacing: 0.5px;}
	/*############################
	## MOBILE MENI STYLES
	############################*/
	#nav, #MaliMeni {
	  display: none;
	
	}
	/*############################
	## HEADER STYLES
	############################*/
	#menuHolder{
		width:960px;
		height:250px;
		display: block;
		background: url(../images/head_bg.png) no-repeat ;
		top:0px;
	
		
	}
	
	
	
	header{
		width:100%;
		height: 600px;
		display: block;
	}
	
	#lngSwitch{
		width:auto;
		max-width:400px;
		height:22px;
		float:right;
		display:block;
		/*margin-bottom:50px; margin-bottom:43px;*/
		text-align:right;
		border:1px solid #336a9d;
		margin:6px 5px;
		padding:0 5px 0 10px;
		border-radius: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		
		}
	div#lngSwitch a{
		float:left;
		display:block;
		border:0;
		margin-right:5px;
		padding:5px 5px 5px 5px;
		}
	div#lngSwitch a:hover, #lngSwitchAC{
		
		background-color: #ff7300;
		height:11px;
		
		}
	.home_topCont{
		width:960px;
		height:45px; 
		display:block;
		vertical-align:baseline; 
		background:url(../images/cont_top-home.png) no-repeat;
	}
	.topCont{
		width:960px;
		height:45px; 
		display:block;
		vertical-align:baseline; 
		background:url(../images/cont_top.png) no-repeat;
	}
	.ficc_2015{
		width:150px;
		height:150px;
		display: block;
		position: absolute;
		left:50%;
		top:380px;
		margin-left: 330px;
		z-index:999;
	}
	.ficc_2015 img{
		width:100%;
		margin: auto 0;
	}
	.ficc_2015 span{
		float:left;
		text-transform: uppercase;
		color:#FFF;
		width:100%;
		display: block;
		text-align: center;
	}
	
	.break{clear: both; margin: 0; padding: 0;}
	/*############################
	## CONTENT STYLES
	############################*/
	.purple{
		float:right;
		width:220px;
		background:url(/images/home_banners/purple-banner-bottom.png) #d9b2ea no-repeat;
		background-position:bottom center;
		padding:0 10px 35px 10px;
		/*background-image: url(../images/home_banners/purple.png);*/
	}
	
	article.cont div#article_cont{
	display: block;
		width:100%-20px;
		padding-left:10px;
		padding-right:10px;
	}
	article.cont a{
		text-decoration: none;
		color:#336a9d;
		
	}
	article.cont a:hover{
		text-decoration: none;
		color:#000;
		
	}
	
	.slika {
		float:left;
		width:110px;
		height:auto;
		padding:5px;
		display:block;
		/*background:url(../images/home_small_ban.png) no-repeat;*/
		background-position:top;
		}
	.slika img.kontajner{
		width:176px;
		height:100px;
		/*margin-left:18px;
		margin-right:18px;
		margin-top:8px;*/
		margin-bottom:15px;
		}
	#banner{
		float:left;
	}
	#banner h4{
		font-size:22px;
		margin:5px 0 10px 10px;
		text-transform: uppercase;
	}
	
	#bannerN {
		width:220px;
		height:142px;
		display: block;
		border: 0;
	}
	#bannerN_mask{
		width:220px;
		height:143px;
		display:block;
		background:url(../images/home_banners/banner-regular_mask.png) no-repeat;
	}
	.image{
		width:160px;
		height:103px;
		display:inherit;
		border: 0;
	}
	.image_mask{
		width:160px;
		height:103px;
		display:block;
		background:url(../images/home_banners/image_mask.png) no-repeat;
	}
	
	#bannerWide {
		width:456px;
		height:140px;
		display: block;
		border: 0;
	}
	#bannerWide_mask {
		width:456px;
		height:140px;
		display: block;
		border: 0;
		background:url(../images/home_banners/banner-wide_mask.png) no-repeat;
	}
	
	#miniForm{
			}
	#sideMenu .naslov{
		font-size:18px;
		width:220px;
		min-height:10px;
		display: block;
		text-transform: uppercase;
		color:#50c009;
		padding:0 5px 10px 5px;
		background: url(../images/home_banners/mini_hr.png) center bottom no-repeat;
		text-decoration: none;
	}
	#sideMenu .naslov:hover{
		text-transform: uppercase;
		width:220px;
		min-height:10px;
		display: block;
		font-size:18px;
		color:#50c009;
		padding:0 5px 10px 5px;
		background: url(../images/home_banners/mini_hr.png) center bottom no-repeat;
		text-decoration: none;
	}
	#sideMenu a.small{
		width: 90%;
		font-size:12px;
		display: block;
		height: auto;
		min-height:10px;
		color:#9200d6;
		border-bottom:#50c009 1px dotted;
		text-decoration: none;
		padding: 5px 0 5px 10px;
		margin-left: 10px;	
	}
	#sideMenu .paddleft{
		padding-left:20px!important;	
	}
	#sideMenu a.small:hover{
		width: 90%;
		height: auto;
		min-height:10px;
		display: block;
		font-size:12px;
		color:#ff7300;
		border-bottom:#50c009 1px dotted;
		text-decoration: none;
		padding: 5px 0 5px 10px;
		margin-left: 10px;	
	}
	
	
	#sideBox .naslov{
		font-size:16px;
		width:220px;
		text-align: left;
		font-family: 'OpenSansSemibold';
		min-height:10px;
		display: block;
		text-transform: uppercase;
		padding:0 5px 10px 5px;
		background: url(../images/home_banners/mini_hr.png) center bottom no-repeat;
		text-decoration: none;
	}
	#sideBox .naslov:hover{
		text-transform: uppercase;
		width:220px;
		min-height:10px;
		display: block;
		font-size:18px;
		padding:0 5px 10px 5px;
		background: url(../images/home_banners/mini_hr.png) center bottom no-repeat;
		text-decoration: none;
	}
	#sideBox a.small{
		width: 90%;
		font-size:12px;
		display: block;
		height: 10px;
		color:#9200d6;
		border-bottom:#50c009 1px dotted;
		text-decoration: none;
		padding: 5px 0 5px 10px;
		margin-left: 10px;	
	}
	#sideMenu .paddleft{
		padding-left:20px!important;	
	}
	#sideBox a.small:hover{
		width: 90%;
		height: 10px;
		display: block;
		font-size:12px;
		color:#ff7300;
		border-bottom:#50c009 1px dotted;
		text-decoration: none;
		padding: 5px 0 5px 10px;
		margin-left: 10px;	
	}
	
	table.cjenik{
		color: #000;
		border-collapse:collapse;
		border-spacing: 3px;
		border: 2px solid #fff;
	} 
	table.cjenik thead{
		color: #fff;
		border-collapse:collapse;
		background-color: #336a9d;
		border-bottom: 2px solid white;
	}
	table.cjenik thead tr{
		color: #fff;
		border-collapse:collapse;
		background-color: #336a9d;
		border-bottom: 0px solid white;
	}
	table.cjenik thead td{
		color: #fff;
		background-color: #336a9d;
	}
	table.cjenik tbody tr{	
		text-align: center;
		vertical-align:middle;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
	table.cjenik tbody td{	
		text-align: center;
		vertical-align:middle;
		padding: 5px;
		
		
	}
	
	table.cjenik tbody td:nth-child(even){	
		background-color: #ddedf6;		
		
	}
	
	
	table.cjenik tr:nth-child(odd){
		
	}
	table.cjenik tr:nth-child(even){
		/*background-color: #c4cdd2;*/
	}
	
	
	.article table{
		color: #000;
		border-collapse:collapse;
		border-spacing: 3px;
		border: 2px solid #fff;
	} 
	.article table thead{
		color: #fff;
		border-collapse:collapse;
		background-color: #336a9d;
		border-bottom: 2px solid white;
	}
	.article table thead tr{
		color: #fff;
		border-collapse:collapse;
		background-color: #336a9d;
		border-bottom: 0px solid white;
	}
	.article table thead td{
		color: #fff;
		background-color: #336a9d;
	}
	.article table tbody tr{	
		text-align: center;
		vertical-align:middle;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
	.article table tbody td{	
		text-align: center;
		vertical-align:middle;
		padding: 5px;
		
		
	}
	
	.article table tbody td:nth-child(even){	
		background-color: #ddedf6;		
		
	}
	
	
	.article table tr:nth-child(odd){
		
	}
	.article table tr:nth-child(even){
		/*background-color: #c4cdd2;*/
	}
	
	
	
	/*############################
	## FOOTER STYLES
	############################*/
	footer{
		height:400px;
		background-position:bottom;
		bottom:0;
		color:#FFF !important;
		display: block;
		vertical-align:baseline;
		margin-top: -400px; /* negative value of footer height */
		
		}
	.copyRight{
		position:relative;
		padding-top:9px;
		float:right;
		color:#FFF;
		font-size:11px;
		height:24px;
		width:250px;
		text-align:right;
		}
	.info{
		float:left;
	}
	.hadriaInfo{
	margin-top:50px;
	width:305px;
	padding-right:15px;
	
	float:right;
	height:90px;
	position:relative;
	bottom:0;
	display:block;
	}
	.underFootMenu{
		width:auto;
		float:left;
		margin-top:110px;
		display: block;
	}
	.underFootMenu a{
		color:#FFF;
	}

	.hadriaInfo a.info{
		text-align: left;
		float:left;
		color:#FFF;
		
	}
	.hadriaInfo a.hadria{
		width:135px;
		float:right;
		height:90px;
		position:relative;
	bottom:0;
	display:block;
	background: url(../images/hadria.png) no-repeat top right;
		margin-top:10px;
		margin-left:20px;
		color:#FFF;
		
		}
	
	#footMenu span, #footMenu .footMenu_naslov{
		text-transform: uppercase;
		color:#ff7300;
		font-size:14px;
	}
	#footMenu a{
		font-size:12px;
		color:#FFF;
		text-decoration: none;
	}
	#footMenu a:hover{
		color:#50c009;
	}
	/*############################
	## CONTACT FORM STYLES
	############################	*/
		
	.block {
		width:400px;
		margin:0 auto;
		text-align:left;
	}
	.element * {
		padding:5px; 
		margin:2px; 
		font-family:arial;
		font-size:12px;
	}
	.element label {
		float:left; 
		width:100%;
		font-weight:700
	}
	.element input.text {
		float:left; 
		width:270px;
		padding-left:10px;
		border: 1px dotted #2d68ad;
	}
	.element .textarea {
		height:120px; 
		width:270px;
		padding-left:10px;
		border: 1px dotted #2d68ad;
	}
	.element select {
		float:left; 
		width:270px;
		height: 36px;
		padding-left:10px;
		border: 1px dotted #2d68ad;
		background: url(../images/dropdown_arrow.jpg) no-repeat right center;
	}

	.element .hightlight {
		border:2px solid red!important;
	}
	.element #submit {
		/*float:left;
		margin-left:10px;
		color:#FFF;
		background-color: #2d68ad;
		padding:8px;
		text-transform: uppercase;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		behavior: url(border-radius.htc);
		border: 1px solid #FFF;*/
	}
	.element #submit:hover {
		/*float:left;
		margin-left:10px;
		color:#2d68ad;
		background-color: #FFF;
		padding:8px;
		text-transform: uppercase;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		behavior: url(border-radius.htc);
		border: 1px dotted #2d68ad;*/
	}
	.loading {
		float:right; 
		background:url(../images/contact/ajax-loader.gif) no-repeat 1px; 
		height:28px; 
		width:28px; 
		display:none;
	}
	.done {
		background:url(../images/contact/iconIdea.gif) no-repeat 2px; 
		padding-left:20px;
		font-family:arial;
		font-size:12px; 
		width:70%; 
		margin:20px auto; 
		display:none
	}

  .desktop_visible{display: block; visibility: visible;}
  .desktop_hidden{display: none; visibility: hidden;}
}

@media only screen and (min-width : 650px) and (max-width : 959px) {

	html, body {height: 100%;}
	table td{vertical-align: top;}
	#wrapper {min-height: 100%;}
	#MainWPad{overflow:hidden;; padding-bottom: 400px;}
	.sf-menu{display: none;}
	* {
		/*vertical-align: baseline;*/
		font-weight: inherit;
		font-family: inherit;
		font-style: inherit;
		font-size: 100%;
		border: 0 none;
		outline: 0;
		padding: 0;
		/*margin-bottom: 30px;
		margin: 0;*/
		}
	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		line-height:130%;
		color:#444444;
		font-family:'OpenSansRegular', Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		background: url(../images/bg.png) repeat-x #312783 ;
		background-position: left 600px;
		
		}
	span{
		
		letter-spacing:0.5px;
		}
	
		
	
	h1, h2, h3, h4, h5, h6, p, {
		font-family:'OpenSansRegular';
		text-align:left;
		margin: 0px;
		
	}
	h1{
		font-family:'OpenSansSemibold';
		font-size:24px;
		color:#336a9d;
		text-align:left;
		text-transform:uppercase;
		margin:10px 0 10px 0;
		}
	h2{
		font-family:'OpenSansBold';
		font-size:16px;
		color:#336a9d;
		text-align:left;
		text-transform:uppercase;
		margin:3px 0 13px 0;
		}
	hr{
		border: none;
		border-top: solid 1px #878787;
		
		margin-bottom:8px;
		}
	hr.full{
		border-top: solid 0px #878787;
		
		margin-bottom:0;
	
		width:95%;
		margin:10px auto 10px auto;
		height:28px;
		display: block;
		background: url(../images/hr.png) no-repeat;
	}
	.iznad{
		position:absolute;
		/*z-index: 999999;*/
		z-index: 8000;
	
	}
	
	.fontNarancasto{
		color:#ff7300;
	}
	.fontZeleno{
		color:#50c009;
	}
	.fontPlavo{
		color:#57a4d2;
	}
	.fontLjubicasto{
		color:#9200d6;
	}
	.Narancasto{
		color:#ff7300;
		border-color:#ff7300;
	}
	.Zeleno{
		color:#50c009;
		border-color:#50c009;
	}
	.Plavo{
		color:#57a4d2;
		border-color:#57a4d2;
	}
	.Ljubicasto{
		color:#9200d6;
		border-color:#9200d6;
	}
	.article ul , .article ul li{
	width:90%;
	list-style-type: disc;
		list-style-position:inside;
		line-height: 130%;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
	}
	#banner .left{float:left; margin:8px 8px 8px 0!important;}
	#banner .right{float:right; margin:8px 0 8px 8px!important;}
	
	#footMenu ul , #footMenu ul li{
	width:90%;
	list-style-type: disc;
		list-style-position:inside;
		line-height: 130%;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
	}
	.logo{display: none;}
	.logo_link{
		width:210px;
		height:108px;
		display: block;
		float: left;
		margin:0!important;
		background: url(../images/logo_tablet_2.png) no-repeat top left;
	}
	/*############################
	## CONTENT STYLES
	############################*/
	#bgSlider, background{
		height: 600px;
		background-position: center top;
		display: block;
		width: 100%;
	}
	.bgslider{width:100%; height:600px; display: block; overflow: hidden!important;}
	div#container{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		
		
		display:block;
		min-height:100%;
		/*color:#878787*/
	}
	#head_cont{
		width: 100%;
		/*overflow:auto;text-align: left;*/
		margin-left: auto;
		margin-right: auto;
	
		display:block;
		color:#878787;
		/*position:relative;*/
		z-index: 999999999;
	}
	.header_holder{
		width:100%;
		
	}
	.feelTheNature_Holder{
		/*max-width:200px;*/
		height:30px;
		display:block;
		padding-top:10px;
		float:right;
		margin-top: 30px;
	}
	.feelTheNature{
		/*float:right;*/
	}
	.feelTheNature img{
		height: 35px;
	}
	#middle-container{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		
		padding-top:2px;
		display:block;
		min-height:100%;
		 /*padding-bottom:400px; ZBOG FOOTERAAA*/
	}
	#middle-container span{
		font-family:'OpenSansSemibold';
		letter-spacing:0.5px;
		font-weight: normal!important;
		}
	#middle-content{
		max-width:100%;
		min-height:250px;
		display:block;
		background-color: #FFF;
		padding: 10px;
	}
	#middle-content-bottom{
	width: 100%;
		height: 47px;
		display: block;
		background: url(../images/cont_bottom.png) no-repeat;
	}
	
	.clearfix{
	clear: both;
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
	}
	/*############################
	## MOBILE MENI STYLES
	############################*/
	.toggleMenu {
	width: 100%;
	    background: url(../images/head_bg_tablet_menu.png) repeat-x;
	    /*padding: 10px 15px;*/
	    color: #fff;
	}
	.nav {
	    list-style: none;
	     *zoom: 1;
	     background:#313289;
	     position: absolute;
	     z-index: 2;
	     width:100%;
	}
	.nav:before,
	.nav:after {
	    content: " "; 
	    display: table; 
	}
	.nav:after {
	    clear: both;
	}
	.nav ul {
	    list-style: none;
	    width: 9em;
	}
	.nav a {
	    padding: 10px 15px;
	    color:#fff;
	}
	.nav li {
	    position: relative;
	}
	.nav > li {
	    float: left;
	    border-top: 1px solid #3490c9;
	}
	.nav > li:hover {
	   
	    background-color: #efa913;
	}
	.nav > li > .parent {
	    background-image: url("../images/downArrow.png");
	    background-repeat: no-repeat;
	    background-position: right;
	}
	.nav > li > a {
	    display: block;
	}
	.nav li  ul {
	    position: absolute;
	    left: -9999px;
	}
	.nav > li.hover > ul {
	    left: 0;
	}
	.nav li li.hover ul {
	    left: 100%;
	    top: 0;
	}
	.nav li li a {
	    display: block;
	    background: #3490c9;
	    position: relative;
	    z-index:100;
	    border-top: 1px solid #313289;
	}
	.nav li li li a {
	    background:#313289;
	    z-index:200;
	    border-top: 1px solid #3490c9;
	}
	.active {
	        display: block;
	    }
	    .nav > li {
	        float: none;
	    }
	    .nav > li > .parent {
	        background-position: 95% 50%;
	    }
	    .nav li li .parent {
	        background-image: url("../images/downArrow.png");
	        background-repeat: no-repeat;
	        background-position: 95% 50%;
	    }
	    .nav ul {
	        display: block;
	        width: 100%;
	    }
	   .nav > li.hover > ul , .nav li li.hover ul {
	        position: static;
	    }
	.nav .more{
		width:10%;
		float: right;
		height: 31px;
		position: relative;
		z-index: 200;
	}
	
	/*############################
	## HEADER STYLES
	############################*/
	#menuHolder{
		width:100%;
		height:250px;
		display: block;
		top:0px;
	
		
	}
	
	
	
	header{
		width:100%;
		height: 600px;
		display: block;
	}
	#lngSwitch{
		width:auto;
		max-width:400px;
		height:22px;
		float:right;
		display:block;
		/*margin-bottom:50px; margin-bottom:43px;*/
		text-align:right;
		border:1px solid #336a9d;
		margin:6px 5px;
		padding:0 5px 0 10px;
		border-radius: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		
	}
	@media only screen and (max-width : 700px) {
		#lngSwitch{
		width:auto;
		max-width:400px;
		height:22px;
		float:right;
		display:block;
		/*margin-bottom:50px; margin-bottom:43px;*/
		text-align:right;
		border:1px solid #336a9d;
		margin:6px 5px;
		padding:0 5px 0 10px;
		border-radius: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		position:relative;
		z-index: 3;
		top:110px;
		}
		.social{
			position:absolute;
			right:5px;
			top:5px;
		}
	}
	div#lngSwitch a{
		float:left;
		display:block;
		border:0;
		margin-right:5px;
		padding:5px 5px 5px 5px;
		}
	div#lngSwitch a:hover, #lngSwitchAC{
		height:11px;
		background-color: #ff7300;
		}
		
	.header_holder2{
		width:100%;
	}
	.home_topCont{
		width:100%;
		height:45px; 
		display:block;
		vertical-align:baseline; 
		background:url(../images/cont_top.png) no-repeat;
		/*margin-top: 9px;*/
		margin-top: 44px;
		background-size: 100%;
		background-position: bottom;
	}
	.topCont{
		width:100%;
		height:45px; 
		display:block;
		vertical-align:baseline; 
		background:url(../images/cont_top.png) no-repeat;
		/*margin-top: 9px;*/
		margin-top: 44px;
		background-size: 100%;
		background-position: bottom;
	}
	.free_wifi {
		width: 77px;
		height: 65px;
		display: block;
		background: url(/images/free_wifi1.png) no-repeat;
		position: absolute;
		float: left;
		top: 153px;
		z-index: 2;
		}
	.ficc_2015{
		width:150px;
		height:150px;
		display: block;
		position: absolute;
		right:10px;
		top:380px;
		
		z-index:999;
	}
	.ficc_2015 img{
		width:100%;
		margin: auto 0;
	}
	.ficc_2015 span{
		float:left;
		text-transform: uppercase;
		color:#FFF;
		width:100%;
		display: block;
		text-align: center;
	}
	
	.break{clear: both; margin: 0; padding: 0;}
	/*############################
	## CONTENT STYLES
	############################*/
	.purple{
		
		background: #d9b2ea;
		background-position:bottom center;
		padding:10px 10px 35px 10px!important;
		/*background-image: url(../images/home_banners/purple.png);*/
	}
	
	article.cont div#article_cont{
	display: block;
		width:100%-20px;
		padding-left:10px;
		padding-right:10px;
	}
	article.cont a{
		text-decoration: none;
		color:#336a9d;
		
	}
	article.cont a:hover{
		text-decoration: none;
		color:#000;
		
	}
	
	.slika {
		float:left;
		width:110px;
		height:auto;
		padding:5px;
		display:block;
		/*background:url(../images/home_small_ban.png) no-repeat;*/
		background-position:top;
		}
	.slika img.kontajner{
		width:176px;
		height:100px;
		/*margin-left:18px;
		margin-right:18px;
		margin-top:8px;*/
		margin-bottom:15px;
		}
	#banner{
		margin-top:20px;
		float:left;
	}
	#banner img{
		float:left;
		margin-top:-20px;
		margin-right:10px;
	}
	#banner h4{
		font-size:22px;
		margin:5px 0 10px 10px;
		text-transform: uppercase;
	}
	
	#bannerN {
		width:220px;
		height:142px;
		display: block;
		border: 0;
	}
	#bannerN_mask{
		width:220px;
		height:143px;
		display:block;
		background:url(../images/home_banners/banner-regular_mask.png) no-repeat;
	}
	.image{
		width:160px;
		height:103px;
		display:block;
		border: 0;
	}
	.image_mask{
		width:160px;
		height:103px;
		display:block;
		background:url(../images/home_banners/image_mask.png) no-repeat;
	}
	
	#bannerWide {
		width:456px;
		height:140px;
		display: block;
		border: 0;
	}
	#bannerWide_mask {
		width:456px;
		height:140px;
		display: block;
		border: 0;
		background:url(../images/home_banners/banner-wide_mask.png) no-repeat;
	}
	
	#sideMenu, #sideBox{
		width:100%;
		float: right;
		text-align: right;
		
		
	}
	#sideMenu .naslov{
		font-size:18px;
		width:100%;
		min-height:10px;
		display: block;
		text-transform: uppercase;
		color:#50c009;
		padding:0 5px 10px 5px;
		background: url(../images/home_banners/mini_hr.png) center bottom no-repeat;
		text-decoration: none;
	}
	#sideMenu .naslov:hover{
		text-transform: uppercase;
		width:100%;
		min-height:10px;
		display: block;
		font-size:18px;
		color:#50c009;
		padding:0 5px 10px 5px;
		background: url(../images/home_banners/mini_hr.png) center bottom no-repeat;
		text-decoration: none;
	}
	#sideMenu a.small{
		width: 90%;
		font-size:12px;
		 
		display: block;
		height: 10px;
		color:#9200d6;
		border-bottom:#50c009 1px dotted;
		text-decoration: none;
		padding: 5px 10px 5px 10px;
		margin-left: 10px;	
	}
	#sideMenu a.small:hover{
		width: 90%;
		height: 10px;
		display: block;
		font-size:12px;
		color:#FFF;
		background-color: #9200d6;
		border-bottom:#50c009 1px dotted;
		text-decoration: none;
		padding: 5px 10px 5px 10px;
		margin-left: 10px;	
	}
	
	
	#sideBox .naslov{
		font-size:18px;
		width:220px;
		min-height:10px;
		display: block;
		text-transform: uppercase;
		padding:0 5px 10px 5px;
		background: url(../images/home_banners/mini_hr.png) center bottom no-repeat;
		text-decoration: none;
	}
	#sideBox .naslov:hover{
		text-transform: uppercase;
		width:220px;
		min-height:10px;
		display: block;
		font-size:18px;
		padding:0 5px 10px 5px;
		background: url(../images/home_banners/mini_hr.png) center bottom no-repeat;
		text-decoration: none;
	}
	#sideBox a.small{
		width: 90%;
		font-size:12px;
		display: block;
		height: 10px;
		color:#9200d6;
		border-bottom:#50c009 1px dotted;
		text-decoration: none;
		padding: 5px 0 5px 10px;
		margin-left: 10px;	
	}
	#sideBox a.small:hover{
		width: 90%;
		height: 10px;
		display: block;
		font-size:12px;
		color:#ff7300;
		border-bottom:#50c009 1px dotted;
		text-decoration: none;
		padding: 5px 0 5px 10px;
		margin-left: 10px;	
	}
	
	table.cjenik{
		color: #000;
		border-collapse:collapse;
		border-spacing: 3px;
		border: 2px solid #fff;
	} 
	table.cjenik thead{
		color: #fff;
		border-collapse:collapse;
		background-color: #336a9d;
		border-bottom: 2px solid white;
	}
	table.cjenik thead tr{
		color: #fff;
		border-collapse:collapse;
		background-color: #336a9d;
		border-bottom: 0px solid white;
	}
	table.cjenik thead td{
		color: #fff;
		
	}
	table.cjenik tr{	
		text-align: center;
		vertical-align:middle;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
	table.cjenik td{	
		text-align: center;
		vertical-align:middle;
		padding: 5px;
		
		
	}
	table.cjenik tr:nth-child(odd){
		
	}
	table.cjenik tr:nth-child(even){
		background-color: #c4cdd2;
	}
	
	table.header_holder td{
		background-image: url(../images/head_bg_tablet2.png);
		background-repeat:  repeat-x;
	} 
	
	/*############################
	## FOOTER STYLES
	############################*/
	footer{
		height:400px;
		background-position:bottom;
		bottom:0;
		color:#FFF !important;
		display: block;
		vertical-align:baseline;
		margin-top: -400px; /* negative value of footer height */
		
		}
	.copyRight{
		position:relative;
		padding-top:9px;
		float:right;
		color:#FFF;
		font-size:11px;
		height:24px;
		width:250px;
		text-align:right;
		}
	.hadriaInfo{
	 /*margin-top:300px;*/
		width:135px;
		float:right;
		height:90px;
		position:relative;
		bottom:0;
		display:block;
		/*background: url(../images/hadria.png) no-repeat;*/
		}
	.hadriaInfo p{
		margin-top:10px;
		margin-left:20px;
		color:#FFF;
		
		}
		
		.underFootMenu{
		width:auto;
		float:left;
		margin-top:110px;
		display: block;
	}
	.underFootMenu a{
		color:#FFF;
	}
	
	#footMenu span, #footMenu .footMenu_naslov{
		text-transform: uppercase;
		color:#ff7300;
		font-size:14px;
	}
	#footMenu a{
		font-size:12px;
		color:#FFF;
		text-decoration: none;
	}
	#footMenu a:hover{
		color:#50c009;
	}
	/*############################
	## CONTACT FORM STYLES
	############################	*/
		
	.block {
		width:50%;
		margin:0 auto;
		text-align:left;
	}
	.element * {
		padding:5px; 
		margin:2px; 
		font-family:arial;
		font-size:12px;
	}
	.element label {
		float:left; 
		width:100%;
		font-weight:700
	}
	.element input.text {
		float:left; 
		width:270px;
		padding-left:10px;
		border: 1px dotted #2d68ad;
	}
	.element .textarea {
		height:120px; 
		width:270px;
		padding-left:10px;
		border: 1px dotted #2d68ad;
	}
	.element .hightlight {
		border:2px solid red!important;
	}
	.element #submit {
		/*float:left;
		margin-left:10px;
		color:#FFF;
		background-color: #2d68ad;
		padding:8px;
		text-transform: uppercase;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		behavior: url(border-radius.htc);
		border: 1px solid #FFF;*/
	}
	.element #submit:hover {
		/*float:left;
		margin-left:10px;
		color:#2d68ad;
		background-color: #FFF;
		padding:8px;
		text-transform: uppercase;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		behavior: url(border-radius.htc);
		border: 1px dotted #2d68ad;*/
	}
	.loading {
		float:right; 
		background:url(../images/contact/ajax-loader.gif) no-repeat 1px; 
		height:28px; 
		width:28px; 
		display:none;
	}
	.done {
		background:url(../images/contact/iconIdea.gif) no-repeat 2px; 
		padding-left:20px;
		font-family:arial;
		font-size:12px; 
		width:70%; 
		margin:20px auto; 
		display:none
	}


  .tablet_visible{display: block; visibility: visible;}
  .tablet_hidden{display: none; visibility: hidden;}
  .tablet_clear{clear:both;}
  .mobile_clear{clear:both;}
}
@media only screen and (max-width : 650px){

	html, body {height: 100%;}
	table td{vertical-align: top;}
	#wrapper {min-height: 100%;}
	#MainWPad{overflow:hidden;; padding-bottom: 100px;}
	* {
		/*vertical-align: baseline;*/
		font-weight: inherit;
		font-family: inherit;
		font-style: inherit;
		font-size: 100%;
		border: 0 none;
		outline: 0;
		padding: 0;
		/*margin-bottom: 30px;
		margin: 0;*/
		}
	body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		line-height:130%;
		color:#444444;
		font-family:'OpenSansRegular', Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		background: url(../images/bg.png) repeat-x #312783 ;
		background-position: left top;
		
		}
	span{
		
		letter-spacing:0.5px;
		}
	
	h1, h2, h3, h4, h5, h6, p, {
		font-family:'OpenSansRegular';
		text-align:left;
		margin: 0px;
		
	}
	h1{
		font-family:'OpenSansSemibold';
		font-size:24px;
		color:#336a9d;
		text-align:left;
		text-transform:uppercase;
		margin:10px 0 10px 0;
		}
	h2{
		font-family:'OpenSansBold';
		font-size:16px;
		color:#336a9d;
		text-align:left;
		text-transform:uppercase;
		margin:3px 0 13px 0;
		}
	hr{
		border: none;
		border-top: solid 1px #878787;
		
		margin-bottom:8px;
		}
	hr.full{
		border-top: solid 0px #878787;
		
		margin-bottom:0;
	
		width:940px;
		margin:10px 10px 10px 10px;
		height:28px;
		display: block;
		background: url(../images/hr.png) no-repeat;
	}
	.iznad{
		/*position:absolute;
		/*z-index: 999999;
		z-index: 8000;*/
	
	}
	
	.fontNarancasto{
		color:#ff7300;
	}
	.fontZeleno{
		color:#50c009;
	}
	.fontPlavo{
		color:#57a4d2;
	}
	.fontLjubicasto{
		color:#9200d6;
	}
	.Narancasto{
		color:#ff7300;
		border-color:#ff7300;
	}
	.Zeleno{
		color:#50c009;
		border-color:#50c009;
	}
	.Plavo{
		color:#57a4d2;
		border-color:#57a4d2;
	}
	.Ljubicasto{
		color:#9200d6;
		border-color:#9200d6;
	}
	.article ul , .article ul li{
	width:100%;
	list-style-type: disc;
		list-style-position:inside;
		line-height: 130%;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
	}
	
	
	#footMenu ul , #footMenu ul li{
	display: none;  visibility: hidden;
	
	}
	.logo{
		width:100%;
		height:150px;
		display: block;
	}
	.logo .img{
		width: 250px;
		height: 135px;
		margin-top:10px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		background: url(../images/logo_mobile.png) no-repeat top center;
	}
	
	/*############################
	## MOBILE MENI STYLES
	############################*/
	.toggleMenu {
	    display:  none;
	    background: #666;
	    padding: 10px 15px;
	    color: #fff;
	}
	.nav {
	    list-style: none;
	     *zoom: 1;
	     background:#313289;
	}
	.nav:before,
	.nav:after {
	    content: " "; 
	    display: table; 
	}
	.nav:after {
	    clear: both;
	}
	.nav ul {
	    list-style: none;
	    width: 9em;
	}
	.nav a {
	    padding: 10px 15px;
	    color:#fff;
	}
	.nav li {
	    position: relative;
	}
	.nav > li {
	    float: left;
	    border-top: 1px solid #3490c9;
	}
	.nav > li > .parent {
	    background-image: url("../images/downArrow.png");
	    background-repeat: no-repeat;
	    background-position: right;
	}
	.nav > li > a {
	    display: block;
	}
	.nav li  ul {
	    position: absolute;
	    left: -9999px;
	}
	.nav > li.hover > ul {
	    left: 0;
	}
	.nav li li.hover ul {
	    left: 100%;
	    top: 0;
	}
	.nav li li a {
	    display: block;
	    background: #3490c9;
	    position: relative;
	    z-index:100;
	    border-top: 1px solid #313289;
	}
	.nav li li li a {
	    background:#313289;
	    z-index:200;
	    border-top: 1px solid #3490c9;
	}
	.active {
	        display: block;
	    }
	    .nav > li {
	        float: none;
	    }
	    .nav > li > .parent {
	        background-position: 95% 50%;
	    }
	    .nav li li .parent {
	        background-image: url("../images/downArrow.png");
	        background-repeat: no-repeat;
	        background-position: 95% 50%;
	    }
	    .nav ul {
	        display: block;
	        width: 100%;
	    }
	   .nav > li.hover > ul , .nav li li.hover ul {
	        position: static;
	    }
	.nav .more {
		width: 10%;
		width:50px;
		height: 33px;
		display: block;
		float: right;
		position: absolute!important;
		right:0;
		padding-right: 35px;
		position: relative;
		z-index: 200;
	}
	     
	/*############################
	## CONTENT STYLES
	############################*/
	#bgSlider, .bgSlider{
		/*height: 100px;
		background-position: center top;
		display: block;
		width: 100%;*/
		display:none;
		  visibility: hidden;
	
	}
	div#container{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		
		
		display:block;
		min-height:100%;
		/*color:#878787*/
	}
	
	#head_cont{
		width: 100%;
		/*overflow:auto;text-align: left;*/
		margin-left: auto;
		margin-right: auto;
	
		display:block;
		color:#878787;
		/*position:relative;*/
	}
	.header_holder{
		width:100%;
		
	}
	
	.feelTheNature_Holder{
		width:77%;
		height:30px;
		display:block;
		padding-top:10px;
		float:right;
		margin-top:30px;
	}
	.feelTheNature{
		float:left;
	}
	#middle-container{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		
		
		display:block;
		min-height:100%;
	}
	#middle-content{
		width:96%;
		min-height:250px;
		display:block;
		padding-left: 2%;
		padding-right: 2%;
		background-color: #FFF;
	}
	#middle-content-bottom{
		display: none;  visibility: hidden;
	
	}
	
	.clearfix{
	clear: both;
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
	}
	
	/*############################
	## HEADER STYLES
	############################*/
	#menuHolder{
		/*display: none;  visibility: hidden;*/
	
		
	}
	.sf-menu{display: none;  visibility: hidden;
	}
	
	header .first_page{
		width:100%;
		height: 30%;
		display: block;
	}
	header{
		width:100%;
		height: 30%;
		display: block;
	}
	

	.home_topCont{
		display: none;  visibility: hidden;
	
	}
	.topCont{
		display: none;  visibility: hidden;
	}
	
	.ficc_2015{
		width:45%;
		height:auto;
		display: block;
		position: absolute;
		right:0;
		top:135px;
		/*z-index:999;*/
	}
	
	.ficc_2015 span{
	float:left;
		width:50%;
		display: block;
		text-transform: uppercase;
		color:#FFF;
		text-align: center;
		font-size:79%;
	}
	.ficc_2015 img{
		float:left;
		height: 60px;
		margin:auto 0;
	}
	
	.break{clear: both; margin: 0; padding: 0;}
	/*############################
	## CONTENT STYLES
	############################*/
	.purple{
	clear: both;
		width: 100%;
		height:auto;
		display: block;
		background: #d9b2ea;
		padding: 10px 0 40px 0;
		background:url(/images/home_banners/purple-banner-bottom.png) #d9b2ea no-repeat center bottom;
		background-size:100%;

	}
	
	article.cont div#article_cont{
	display: block;
		width:99%;
		padding-left:10px;
		padding-right:10px;
	}
	article.cont a{
		text-decoration: none;
		color:#336a9d;
		
	}
	article.cont a:hover{
		text-decoration: none;
		color:#000;
		
	}
	
	#box_holder{
	float: right;
		width:30%;
		display: block;
		height: auto;
	}
	#box_holder h1{
		font-size:14px;
		width:100%;
		padding: 0 0 5px 5px;
		margin:10px 0 20px 0;
		border-bottom: 1px solid  #336a9d;
	}
	#box_holder div{
		font-size:11px;
		padding:0;
		margin:10px 10px 20px 10px;
	}
	.slika {
		float:left;
		width:110px;
		height:auto;
		padding:5px;
		display:block;
		/*background:url(../images/home_small_ban.png) no-repeat;*/
		background-position:top;
		}
	.slika img.kontajner{
		width:176px;
		height:100px;
		/*margin-left:18px;
		margin-right:18px;
		margin-top:8px;*/
		margin-bottom:15px;
		}
	#banner{
		width:100%;
		height: auto;
		display: block;
		
	}
	#banner img{
		height: auto;
		display: block;
		margin:0 auto 0 auto;
	}
	#banner h4{
		font-size:22px;
		margin:5px 0 10px 10px;
		text-transform: uppercase;
	}
	
	#bannerN {
		width:220px;
		height:142px;
		display: block;
		border: 0;
		margin:0 auto 0 auto;
	}
	#bannerN_mask{
		width:220px;
		height:143px;
		display:block;
		background:url(../images/home_banners/banner-regular_mask.png) no-repeat;
		margin:0 auto 0 auto;
	}
	.image{
		width:160px;
		height:103px;
		display:block;
		border: 0;
		margin:0 auto 0 auto;
	}
	.image_mask{
		width:160px;
		height:103px;
		display:block;
		background:url(../images/home_banners/image_mask.png) no-repeat;
	}
	
	#bannerWide {
		width:456px;
		height:140px;
		display: block;
		border: 0;
	}
	#bannerWide_mask {
		width:456px;
		height:140px;
		display: block;
		border: 0;
		background:url(../images/home_banners/banner-wide_mask.png) no-repeat;
	}
	
	.bottomForm{
		width:100%;
		height: 37px;
		display: block;
		background:url(../images/home_banners/purple-banner-bottom.png) no-repeat;
	}
	#sideMenu .naslov{
		display: none;}
	#sideMenu .naslov:hover{
		display: none;
	}
	#sideMenu a.small{
		display: none;
	}
	#sideMenu a.small:hover{
		display: none;	
	}
	
	
	#sideBox .naslov{
		display: none;}
	#sideBox .naslov:hover{
		display: none;}
	#sideBox a.small{
		display: none;	
	}
	#sideBox a.small:hover{
		display: none;}
	
	table.cjenik{
		color: #000;
		border-collapse:collapse;
		border-spacing: 3px;
		border: 2px solid #fff;
	} 
	table.cjenik thead{
		color: #fff;
		border-collapse:collapse;
		background-color: #336a9d;
		border-bottom: 2px solid white;
	}
	table.cjenik thead tr{
		color: #fff;
		border-collapse:collapse;
		background-color: #336a9d;
		border-bottom: 0px solid white;
	}
	table.cjenik thead td{
		color: #fff;
		
	}
	table.cjenik tr{	
		text-align: center;
		vertical-align:middle;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
	}
	table.cjenik td{	
		text-align: center;
		vertical-align:middle;
		padding: 5px;
		
		
	}
	table.cjenik tr:nth-child(odd){
		
	}
	table.cjenik tr:nth-child(even){
		background-color: #c4cdd2;
	}
	
	
	
	/*############################
	## FOOTER STYLES
	############################*/
	footer{
		height:auto;
		background-position:bottom;
		bottom:0;
		color:#FFF !important;
		display: block;
		vertical-align:baseline;
		
		}
	footer h4{
		font-size:24px;
		color:#ff9000;
		text-align:left;
		text-transform:uppercase;
		margin:0 0 10px 15px;
		border: none;
			
		}
	footer hr{
		height:1px;
		color:#FFF;
		background-color:#FFF;
		}
	
	.copyRight{
		position:relative;
		padding-top:9px;
		float:right;
		color:#FFF;
		font-size:11px;
		height:24px;
		width:250px;
		text-align:right;
		}
	.hadriaInfo{
	 /*margin-top:300px;*/
		width:135px;
		float:right;
		height:90px;
		position:relative;
		bottom:0;
		display:block;
		/*background: url(../images/hadria.png) no-repeat;*/
		}
	.hadriaInfo p{
		margin-top:10px;
		margin-left:20px;
		color:#FFF;
		
		}
	.shLink{
		margin-left:20px;
		border-radius: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		border: 1px solid #fff;
		width:100px;
		height:15px;
		padding:7px;
		display:block;
		color:#FFF;
		background:url(../images/foot_bg.png) 0 80%;
		}
		
	#footMenu span, #footMenu .footMenu_naslov{
		display:none;  visibility: hidden;
	
	}
	#footMenu a{
		display:none;  visibility: hidden;
	
	}
	#footMenu a:hover{
		display:none;  visibility: hidden;
	
	}
	/*############################
	## CONTACT FORM STYLES
	############################	*/
		
	.block {
		width:400px;
		margin:0 auto;
		text-align:left;
	}
	.element * {
		padding:5px; 
		margin:2px; 
		font-family:arial;
		font-size:12px;
	}
	.element label {
		float:left; 
		width:100%;
		font-weight:700
	}
	.element input.text {
		float:left; 
		width:270px;
		padding-left:10px;
		border: 1px dotted #2d68ad;
	}
	.element .textarea {
		height:120px; 
		width:270px;
		padding-left:10px;
		border: 1px dotted #2d68ad;
	}
	.element .hightlight {
		border:2px solid red!important;
	}
	.element #submit {
		/*float:left;
		margin-left:10px;
		color:#FFF;
		background-color: #2d68ad;
		padding:8px;
		text-transform: uppercase;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		behavior: url(border-radius.htc);
		border: 1px solid #FFF;*/
	}
	.element #submit:hover {
		/*float:left;
		margin-left:10px;
		color:#2d68ad;
		background-color: #FFF;
		padding:8px;
		text-transform: uppercase;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		behavior: url(border-radius.htc);
		border: 1px dotted #2d68ad;*/
	}
	.loading {
		float:right; 
		background:url(../images/contact/ajax-loader.gif) no-repeat 1px; 
		height:28px; 
		width:28px; 
		display:none;
	}
	.done {
		background:url(../images/contact/iconIdea.gif) no-repeat 2px; 
		padding-left:20px;
		font-family:arial;
		font-size:12px; 
		width:70%; 
		margin:20px auto; 
		display:none
	}
	
	#lngSwitch_drop{
		position: absolute;
		z-index: 0;
		right: 0;
		top:0;
		width:100%;		
	}
	#forecast{
		float:left;
		margin-left: 10px;
	}


  .mobile_visible{display: block; visibility: visible;}
  .mobile_hidden{display: none; visibility: hidden;}
  .mobile_clear{clear:both;}
}