/* CSS Document */
/* Font > imports */
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
/*
Colors > standardi

Dark Blue HEX(#43a7cc), rgb(67,167,204);
Light Blue HEX(#b3eaff), rbg(179,234,255);
Neutral Blue HEX(#3f9dbf), rgb(63,157,191);
Shadow Blue HEX(#0d4e66), rgb(13,78,102);
Dark Gradient Blue HEX(#006B88), rgb(0,107,136);
Light GradientBlue HEX(#95D9F1), rgb(149,217,241);
*/
/*start: GLOBAL STYLES------------------------------------------------------------------------------------------------------------------- */
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
}

/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}
html {
	background:#003366;
}
body {
	font: 100% 'PT Sans', Arial,  sans-serif;
	line-height: 1.5;
	font-weight:normal;
	font-style:normal;
}
/*end: GLOBAL STYLES------------------------------------------------------------------------------------------------------------------- */
/*start: HTML Tags------------------------------------------------------------------------------------------------------------------------*/
a {
	color:white;
	text-decoration:none;
}
a:visited {
	color:#FFF;
}
a:hover {
	color:#CCC;
}
p {
	margin:.8em 5%;
	color:white;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
h1 {
	color:white;
	font-size:1.4em;
	margin:.4em 0;
	padding:.1em 0 .1em .8em;
	border-bottom:1px solid #111;
	font-weight:bold;
	background-color:#000;
}
h2 {
	color:white;
	font-size:1.2em;
	margin:.2em 0;
	padding:.1em 0 .1em .8em;
	border-bottom:1px solid #111;
	font-weight:bold;
	background-color:#000;
}
iframe {
	border:none;
}
img {max-width:100%;}
/*end: HTML Tags------------------------------------------------------------------------------------------------------------------------*/
/*start: LAYOUT STYLES-----------------------------------------------------------------------------------------------------------------*/
.wrapper {
	width:100%; margin:0 auto; /* center our section in the browser */
}
.preheader { width:100%;height:100%; text-align:center; }
	.logo_container { width:100%; }
	.srednji_art {display:none;}
	.searchbox_container { width:100%; margin:0 0 1em 0;}
		.searchbox_container strong { display:none; }
.top_banner { width:95%; margin:0 auto 1em auto;}
	.top_banner img{width:100%; height:100%;}
.bottom_banner { width:95%; margin:0 auto 1em auto; clear:both;}
	.bottom_banner img{width:100%; height:100%;}
.nav_weather_container {
	width:95%; height:100%;
	margin:0 auto; /*border-bottom:1px dotted #FFFFFF;*/
}
	nav { width:100%; height:auto;}
		nav ul { list-style:none;}
		nav ul li {
			padding:.6em .8em; /* kako bi dobili odmicanja bordera od teksta */			
			border-bottom:1px solid #006b88;
			background-color:#fff;
		}
		nav ul li:last-child { border-bottom:none;}
		nav ul li a {
			width:100%; height:100%;
			display:block;
			color:black;
			text-transform:uppercase;
			font-weight:bold;
			font-size:1.05em;
			box-sizing:content-box;
		}
		nav ul li a:visited {color:black;}
		nav ul li a:hover { color:#900; }
	.weather_container {display:none;}
.main_content { width:95%; height:100%; margin:0 auto;}
aside {width:95%; height:100%; margin:1em auto; }
	/*top video box*/
	.topVideo_box {display:none;}
.image_event_gallery_ct {display:none;}
.footer_ct {
	width:100%; height:100%;
	background:#000;
}
	footer {
		width:100%;
		margin:0 auto;
		padding:.2em .1em 0 .1em;
	}
		footer ul {
			list-style:none;
			margin-left:.5em;
		}
		footer ul li {
			float:left;
			font-style:italic;
			font-size:.8em;
			padding:.8em 0 .2em 1.2em;
		}
		footer ul li a {
			display:block;
		}
		footer ul li a:hover {
			color:#b3eaff;
		}
		.footer_info,  .footer_pomoc, .footer_dodaci{
			float:left;
			width:100%; height:100%;
		}
			.footer_dodaci ul {
				width:75%;
				float:left;
			}
			.footer_dodaci_social {
				width:90%;
				height:100%;
				float:left;
				margin:.2em .4em;
			}
				.tportal_logo_ct{
					width:120px;
					height:40px;
					float:left;
					padding-top:1em;
					margin-right:1em;
					}
						#tportal{
							display:block;
							background:url(../_images/_crologo/tportal.png) no-repeat center;
							text-indent:-9999px;
							}
				.facebook_logo_ct { width:40px; height:40px; float:left; padding-top:4px; }
					#facebook_btn {
						display:block;
						height:40px;
						background:url(../_images/_icons/facebook_logo.png) no-repeat center;
						opacity:0.6;
						padding:10px;
						text-indent:-9999px;
					}
					#facebook_btn:hover { opacity:1.0; }
		.raging_bull_info { clear:both; width:100%; }
			.raging_bull_info p {margin:1em 1em 0 1em !important; padding:0; font-size:.8em;}
.facebook_like_box { width:95%; margin:2em auto; }
	.fb-like-box { background-color:white; }
/*START IMPORTED(2014-02-08 from src: http://stackoverflow.com/questions/10656038/how-to-make-the-facebook-like-box-responsive)*/	
/* 
This element holds injected scripts inside iframes that in 
some cases may stretch layouts. So, we're just hiding it. 
*/
#fb-root {
    display: none;
}
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
/*END IMPORTED*/
/* cro-info.php */
.footer_info_pomoc_box	 {
	width:100%;
	color:black !important;
	background:white;
	box-sizing:border-box;
}
	.footer_info_pomoc_box div {margin:.8em;}
	.footer_info_pomoc_box p {
		color:black !important;
	}
	.footer_info_pomoc_box	 a {
		color:#43a7cc !important;
	}
/*end: LAYOUT STYLES-----------------------------------------------------------------------------------------------------------------*/
/*start: TABLE STYLES-----------------------------------------------------------------------------------------------------------------*/
/*end: TABLE STYLES-----------------------------------------------------------------------------------------------------------------*/
/*start: BANNER STYLES---------------------------------------------------------------------------------------------------------------*/
/* start: Css za jQuery image slider za bannere */
#glavni_gornji_banner_slideshow {
	position:relative;
	width:100%; height:auto; min-height:6em;
	overflow:hidden;
}
	#glavni_gornji_banner_slideshow a {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
	}					
	#glavni_gornji_banner_slideshow a.active  {
		z-index:10;
		opacity:1.0;
	}					
	#glavni_gornji_banner_slideshow a.last-active {
		z-index:9;
	}	
#desni_gornji_banner_slideshow {
	position:relative;
	height:250px;
	overflow:hidden;
}
	#desni_gornji_banner_slideshow a {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
	}					
	#desni_gornji_banner_slideshow a.active  {
		z-index:10;
		opacity:1.0;
	}					
	#desni_gornji_banner_slideshow a.last-active {
		z-index:9;
	}
#desni_donji_banner_slideshow {
	position:relative;
	height:250px;
	overflow:hidden;
}
	#desni_donji_banner_slideshow a {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
	}					
	#desni_donji_banner_slideshow a.active  {
		z-index:10;
		opacity:1.0;
	}					
	#desni_donji_banner_slideshow a.last-active {
		z-index:9;
	}	
/* start: Css za jQuery image slider za bannere */
#desni_bottom_banner_slideshow {
	position:relative;
	height:250px;
	overflow:hidden;
}
	#desni_bottom_banner_slideshow a {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
	}					
	#desni_bottom_banner_slideshow a.active  {
		z-index:10;
		opacity:1.0;
	}					
	#desni_bottom_banner_slideshow a.last-active {
		z-index:9;
	}
	
/**/	
#donji_banner_slideshow {
	position:relative;
	width:100%; height:auto; min-height:5em;
	overflow:hidden;
}
	#donji_banner_slideshow a {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
	}					
	#donji_banner_slideshow a.active  {
		z-index:10;
		opacity:1.0;
	}					
	#donji_banner_slideshow a.last-active {
		z-index:9;
	}
#content_banner_slideshow {
	position:relative;
	width:100%; height:auto; min-height:5em;
	overflow:hidden;
}
	#content_banner_slideshow a {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
	}					
	#content_banner_slideshow a.active  {
		z-index:10;
		opacity:1.0;
	}					
	#content_banner_slideshow a.last-active {
		z-index:9;
	}	
/* end: Css za jQuery image slider za bannere */
/*start: top banner*/
#top_banner_placeholder { width:100%; height:100%;}
/*end: top banner*/
#bottom_banner_placeholder { width:100%; height:100%; margin-top:1em;}
.banner_content_contrainer { width:95%; height:100%; margin:2em auto; position:relative;}
	.banner_content_contrainer img { width:100%; height:100%;}
.banner_contrainer {
	width:300px;
	height:250px;
	border:1px dotted white;
	margin:.8em 0;
	box-shadow:1px 1px 4px #0d4e66;
	position:relative;
}
	/*extra class for flash banner; new height*/
	.banner_container_600
	{
		height:600px !important;
		display:none !important;
	}
/*start: Flash banners*/
.m_banner_hide{
	display:none;
}
.m_banner_show{
	display:block;
}
/*end: Flash banners*/
/*end: BANNER STYLES---------------------------------------------------------------------------------------------------------------*/
/*start: LOGO ROTATOR (sam logo rotator i indivdualne stranice)*/
.logo_rotator_ct {
	display:none;
}
/*end: LOGO ROTATOR (sam logo rotator i indivdualne stranice)*/
/*start: GALLERY STYLES-------------------------------------------------------------------------------------------------------------*/
/*start: za index stranicu*/
section.top_galerije_ct {
	margin-bottom:1em;
	background:#fff;
	height:230px;
}
	div.topPet_thumb_galerija {
		position:relative;
		height:230px;
		margin-left:.8em;
	}
	div.image_desc_wrapper {
		padding:.2em;
		width:100px;
		height:200px;
	}
		div.image_desc_wrapper p {
			line-height:12px;
		}
		div.image_desc_wrapper a {
			font-size:.8em;
			color:black;
		}
		div.image_desc_wrapper a:hover {
			color:#b3eaff;
		}
		a.topPet_prev, a.topPet_next {
			cursor:pointer;
			position:absolute;
			width:50px;
			height:50px;
			display:block;
			z-index:1;
			bottom:50px;
			text-indent:-9999px;
			margin:-22px 0px;
		}
		a.topPet_prev {
			left:22%;
			background:url(../_images/_icons/miscellaneous_sprite.png) no-repeat  0 0;
		}
			a.topPet_prev:hover {
				background:url(../_images/_icons/miscellaneous_sprite.png) no-repeat 0 -50px;
			}
		a.topPet_next {
			right:32%;
			background:url(../_images/_icons/miscellaneous_sprite.png) no-repeat  -50px 0;
		}
			a.topPet_next:hover {
				background:url(../_images/_icons/miscellaneous_sprite.png) no-repeat  -50px -50px;
			}
/*end: za index stranicu*/
/*css za prikaz regija*/
.div_show_place_box {
	width:100%; height:130px;
	position:relative;
	float:left;
	margin-bottom:1em;
	font-size:1.2em; font-weight:bold;
	text-transform:uppercase;
	background:#3f9dbf;	
}
	.div_show_place_box p {
		line-height:1em;
		background:#000;
		display:block;
		min-height:20px;
		max-height:60px;
		padding:8px;
		bottom:0;
		position:absolute;
	}
	.div_show_place_box a {
		display:block;
		width:130px;
		height:130px;
	}
.div_show_place_box_with_image {
	width:100px;
	height:160px;
	background:#3f9dbf;
	margin:20px;
	padding:8px;
	float:left;
	overflow:hidden;
	font-weight:bold;
	text-transform:uppercase;
	box-shadow:2px 2px 6px #0d4e66;
}	
	.div_show_place_box_with_image p {
		line-height:.9em;
		font-size:.9em;
		margin:0 !important;
	}
	.div_show_place_box_with_image a {
	}
	.div_show_place_box_with_image img {
		border:1px dotted black;
		box-shadow:1px 1px 3px #0d4e66;
	}
	.div_show_place_box_with_image img a {
		display:block;
	}
/*start: facebook styles*/	
.facebook_like_comment_box {
	margin:1.6em 0;
}
.facebook_comment_box {
	margin-bottom:1em;
}
/*end: facebook styles*/	
/*end: GALLERY STYLES-------------------------------------------------------------------------------------------------------------*/
/*start: EVENT STYLES-----------------------------------------------------------------------------------------------------------------*/
.event_mobile_box h1 {
	border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; 
}
.event_container{ width:100%; margin-bottom:1em;}
	.event_image_container {
		width:95%; height:100px;
		overflow:hidden;
		margin:0 auto;
		border-top-left-radius:.4em; -webkit-border-top-left-radius:.4em; -moz-border-radius-topleft:.4em;
		border-top-right-radius:.4em; -webkit-border-top-right-radius:.4em; -moz-border-radius-topright:.4em;
	}
	.event_info_container {
		width:95%;
		margin:0 auto;
		background-color:#000;
		border-bottom-left-radius:.4em; -webkit-border-bottom-left-radius:.4em; -moz-border-radius-bottomleft:.4em;
		border-bottom-right-radius:.4em; -webkit-border-bottom-right-radius:.4em; -moz-border-radius-bottomright:.4em;		
	}
		.event_info_container h2,h3{	
			margin:0; padding:0em 0 .4em .5em;
			font-size:1em;
			color:white;
		}
/* cro-eventi.php */
.event_box {
	width:100%;
	border-bottom:1px dashed #0d4e66;
	margin:1em auto;
	min-height:260px;	
}
	.event_info_box{display:none;}
/* cro-eventi-event.php */
.event_solo_info_image_box {
	width:100%;
	border-bottom:1px dashed #0d4e66;
	background:white;
	min-height:280px;
}
	.event_solo_image { width:100%; float:left; margin:0 .6em .4em 0;}
	.event_solo_horizontalni_image_ct { width:100%; overflow:hidden; margin-bottom:1em;}
	.event_solo_info { padding:1em;}
	.event_solo_info a { color:#43a7cc !important;}
	.event_solo_info p { color:black !important;}
	.event_solo_info iframe { float:left; clear:both; margin:1em;}
#popis:hover {
	color:white;
}		
/*css za prikaz današnjih eventa u aside*/
.eventsToday_box { display:none;}
/*end: EVENT STYLES-----------------------------------------------------------------------------------------------------------------*/
/*START: THUMB ARTICLE CONTAINER
====================*/
.article {
	width:200px; max-width:200px; height:290px; float:left;
	margin:1.5em .6em; padding: 0 0 0em; border:1px solid #ddd;
	background: #fff;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	box-shadow:0 1px 2px rgba(0,0,0,.1);
}
	.article h2 { border:none; color:black; font-family: 'Francois One', sans-serif; font-size:1.1em; font-weight:normal; background:none !important;}
		.article h2 a {color: black !important;}
	.article-img-ct {height:150px; overflow:hidden;}
	.article img {border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;}
	.article-title {
		display:block;
		margin:1em .5em;
		font-size:.525em; color:#222;
	}
	.article-paragraph {font-size:.875em; color: #555;}
		.article-paragraph:first-letter { text-transform:uppercase;}
	/*Article meta*/
	.article-meta { overflow:hidden; margin: 1em .75em 0; font-family:Arial, Helvetica, sans-serif; font-size:.75em; color:#777;}
		.article-meta li { float:left; margin-right:1em;}
			.article-meta li:after { content:'\00B7'; margin-left:1em; color:#ccc;}
			.article-meta li:last-child:after { display:none;}
	.article-author span { font-style:italic;}
	.article-content { padding:0;}
/*END: THUMB ARTICLE CONTAINER
====================*/
/*start: TRAVEL STYLES*/
.travel_kategorije {
	width:680px;
}
.travel_preporuceno_box {
	width:100%;
	clear:both;
}
	.travel_preporuceno_image_title_box {
		width:260px;
		height:112px;
		overflow:hidden;
		border-bottom:1px dotted white;
		float:left;
	}
		.travel_preporuceno_image_box {
			width:100px;
			height:100px;
			float:left;
			padding:6px;
			border-right:1px dotted white;
		}
		.travel_preporuceno_title_box {
			width:100px;
			height:100px;
			float:right;
			margin-right:40px;
		}
			.travel_preporuceno_title_box p {
				margin:0 !important;
			}
/* cro-trave-putuj  */			
.travel_solo_info_image_box {
	width:100%;
	border-bottom:1px dashed #0d4e66;
	background:white;
	min-height:380px;
}
	.travel_solo_image {
		width:100%;
		overflow:hidden;
		margin-right:12px;
	}
	.travel_solo_info {
		padding:6px;
		color:black !important;
	}
	.travel_solo_info a {
		color:#43a7cc !important;
	}
	.travel_solo_info p {
		color:black !important;
		line-height:1.2em;
	}
/*end: TRAVEL STYLES*/
/*start: MAGAZIn STYLES*/
/* cro-magazin-clanci */
.magazin_popis_clanaka_box {
	width:680px;
}
	.magazin_popis_clanaka_box ul {
		margin-left:20px;
		list-style:none;
	}
	.magazin_popis_clanaka_box ul li {
		background:url(../_images/_lists/magazin_popis_clanci.png) no-repeat center left;
		border-bottom:1px dashed #0d4e66;
		padding:4px 4px 8px 36px;
	}
/* cro-magazin-clanak */
.magazin_clanak_box {
	width:656px;
	padding:12px;
	background:white;
}
	.magazin_clanak_box a {
		color:#43a7cc !important;
	}
	.magazin_clanak_box p {
		color:black !important;
		line-height:1.2em;
	}
	.magazin_clanak_box img {
		margin:10px;
	}
/*end: MAGAZIN STYLES*/
/*start: FORM STYLES-----------------------------------------------------------------------------------------------------------------*/
/*start: search box*/
#query {
	margin-bottom:1em; padding:0.6em;
	border:none;
	color:black;
	font-style:italic;
	background:#fff;
}
#btn_search {
	width:50px;
	padding:0.6em; border:none;
	background:url(../_images/_icons/search.png) no-repeat center #fff;
	cursor:pointer;
}
/*end: search box*/
/*start: event solo ( cro-eventi-event.php )*/
.form_popis_box
{
	width:640px;
	height:280px;
	float:left;
}
	.form_popis_box fieldset
	{
		border:none;
		padding:4px;
	}
	.form_popis_box label
	{
		display:inline-block;
		vertical-align:top;
		width:120px;
		padding:6px;
		color:#ebebeb;
		background:#1aa2c6;
		border-radius:2px;
		margin-right:4px;
		font-size:0.8em;
	}
	.form_popis_box .input_txt
	{
		color:#FFF;
		font-style:italic;
		font-size:.8em;
		border:none;
		padding:6px;
		border-radius:2px;
		background: rgba(0, 0, 0, 0.4);
		border:1px solid #111;
		box-shadow:2px 2px 4px #111;
		width:360px;
	}
	.form_popis_box .input_txt:focus
	{
		background: rgba(0, 0, 0, 0.9);
	}
	.form_popis_box textarea
	{
		color:#FFF;
		font-style:italic;
		border:none;
		padding:6px;
		border-radius:2px;
		background: rgba(0, 0, 0, 0.4);
		border:1px solid #111;
		box-shadow:2px 2px 4px #111;
		width:260px;
	}
	.form_popis_box textarea:focus
	{
		background: rgba(0, 0, 0, 0.9);
	}
	.form_popis_box .input_submit
	{
		border:none;
		padding:6px;
		color:#ebebeb;
		background:#1aa2c6;
		border-radius:2px;
		border:1px solid #111;
		cursor:pointer;
		box-shadow:2px 2px 4px #111;
	}
	#kontak_forma_lower
	{
		position:relative;
	}
	img.img_upitnik
	{
		cursor:pointer;
	}			
	div.div_odgovor_hover
	{
		position:absolute;
		padding:6px;
		width:180px;
		height:60px;
		background:#fff;
		border:1px dashed #000000;
		font-size:0.7em;
		top:130px;
		left:180px;
	}
/*end: event solo ( cro-eventi-event.php )*/
/*end: FORM STYLES-----------------------------------------------------------------------------------------------------------------*/
/*start: OTHER STYLES */
/*start: playlist table*/
.playlist { display:none;}
.playlist_h2 { display:none;}
/*end: playlist table*/
.twitter_ct {
	width:300px;
	height:200px;
	margin:10px 10px 0 10px;
}
	#twitter_t {
		   width: 300px;
		   height: 54px;
		   background:url(../_images/_twitter/twiiter_logo.png) no-repeat;
		   border-top-left-radius:6px;
		   border-top-right-radius:6px;
		}
		#twitter_m {
		   width: 270px;
		   padding: 12px 15px;
		   background:#000;
}
		   #twitter_container {
		       min-height:45px;
		       height:auto !important;
		       height:40px;
		       padding-bottom:10px;
		   }
		       #twitter_update_list {
		           width: 260px;
		           padding: 0;
		           overflow: hidden;
		           font-size: .8em;
		           font-style: italic;
		           color:#b3eaff;
		           line-height: 18px;
		       }
		       #twitter_update_list li {
		           width: 260px;
		           list-style: none;
		       }
		       #twitter_update_list li a {
		           color: #43a7cc;
		           border-bottom: dotted 1px;
		           text-decoration: none;
				   font-size:12px;
		       }
		       #twitter_update_list li a:hover {
		           color: #31353d;
		           background: #d3f1f9;
		       }
		#twitter_b {
		   width: 300px;
		   height: 29px;
		   background: url(../_images/_twitter/twiiter_bottom.png) no-repeat #111;
		   border-top:1px solid #222;
		   border-bottom-left-radius:6px;
		   border-bottom-right-radius:6px;
		}
/*end: OTHER STYLES*/
/*start: MISC STYLES*/
/* stil za pravilno strukturiranje float elemenata */
.clearfix {
	clear:both;
	content:"";
	display:block;
	height:1px;
}
/*end: MISC STYLES*/