/* 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: #FF2800; 
	background: -moz-linear-gradient(top,  #FF2800 25%, #990000 75%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#FF2800), color-stop(75%,#990000)); 
	background: -webkit-linear-gradient(top,  #FF2800 25%,#990000 75%); 
	background: -o-linear-gradient(top,  #FF2800 25%,#990000 75%); 
	background: -ms-linear-gradient(top,  #FF2800 25%,#990000 75%); 
	background: linear-gradient(to bottom,  #FF2800 25%,#990000 75%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF2800', endColorstr='#990000',GradientType=0 );*/
/*	background: #003366;
	background: -moz-linear-gradient(top,  #003366 0%, #0066cc 68%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003366), color-stop(68%,#0066cc));
	background: -webkit-linear-gradient(top,  #003366 0%,#0066cc 68%);
	background: -o-linear-gradient(top,  #003366 0%,#0066cc 68%);
	background: -ms-linear-gradient(top,  #003366 0%,#0066cc 68%);
	background: linear-gradient(to bottom,  #003366 0%,#0066cc 68%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#0066cc',GradientType=0 );*/
	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:1em 0 ;
	color:white;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
h1 {
	color:white;
	font-size:1.6em;
	margin:12px 0;
	padding:2px 0 2px 12px;
	border-bottom:1px solid #111;
	font-weight:bold;
	background-color:#000;
}
h2 {
	color:white;
	font-size:1.4em;
	margin:12px 0;
	padding:2px 0 2px 12px;
	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:1000px;
	margin:0 auto; /* center our section in the browser */
	/*background:url(../_images/_backgrounds/wrapper_bg.png) repeat-y left;*/
}
.preheader {
	width:1000px;
	height:100px;
	border-bottom:2px solid #FFFFFF;
	margin-bottom:1em;
}
	.logo_container {
		width:500px;
		height:100px;
		float:left;
	}
	.logo_container:hover {
		background:url(../_images/_crologo/cropartyjanka_logo_hover.png) no-repeat;
	}
	.srednji_art {
		width:150px;
		height:100px;
		float:left;
		color:white;
		padding:0.8em 0em 0.8em 3em;
		background:url(../_images/_backgrounds/div_vrijeme_bg.png) no-repeat;
	}
	.searchbox_container {
		width:300px;
		height:100px;
		float:left;
		position:relative;
	}
		.searchbox_container strong {
			background:#fff;
			padding:4px 26px;
			position:absolute;
			bottom:0;
			right:-2px;
			color:black;
			font-size:0.9em;
		}
.top_banner {
	width:1000px;
	height:215px;
	/*border-bottom:1px dotted #FFFFFF;*/
	margin-bottom:1em;
	clear:both;
}
.bottom_banner {
	width:1000px;
	height:215px;
	margin-bottom:1em;
	clear:both;
}
.nav_weather_container {
	width:1000px;
	height:40px;
	/*border-bottom:1px dotted #FFFFFF;*/
	margin-bottom:1em;
}
	nav {
		min-width:450px;
		height:40px;
		margin-right:20px;
		float:left;
		background-color:#fff;
	}
		nav ul {
			list-style:none;
			margin-top:10px;
			margin-left:10px;
		}
		nav ul li {
			float:left;
			border-right:1px solid black;
			padding:0px 10px; /* kako bi dobili odmicanja bordera od teksta */
		}
		nav ul li:hover {
			border-right:1px solid #900;
		}
		nav ul li:last-child {
			border-right:none;
		}
		nav ul li a {
			color:black;
			padding:10px;
			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 {
		width:200px;
		height:40px;
		/*border-top:1px dotted white;*/
		color:#FFF !important;
		float:right;
	}
.main_content {
	float:left;
	width:679px;
	margin-bottom:1em;
}
aside {
	float:right;
	width:320px;
	/*background:url(../_images/_backgrounds/aside_bg.png) repeat-y;*/
	margin-bottom:1em;
}
	/*top video box*/
	.topVideo_box {
		width:300px;
		margin-bottom:1em;
		margin-left:10px;
		height:225px;
		overflow:hidden;
		max-height:225px;
		max-width:300px;
	}
		.topVideo_box h2 {
			margin-bottom:0;
		}	
.image_event_gallery_ct {
	width:679px;
	/*border-bottom:1px dotted #111;*/
	height:550px;
	max-height:550px;
	background:#fff;
}
.image_event_gallery_ct  h1 {
	color:black;
	background:white;
}
.footer_ct {
	width:100%;
	background:#000;
}
	footer {
		width:1000px;
		margin:0 auto;
	}
		footer ul {
			list-style:none;
			margin-top:.4em;
		}
		footer ul li {
			float:left;
			font-style:italic;
			padding-right:1em;
		}
		footer ul li a {
			display:block;
		}
		footer ul li a:hover {
			color:#b3eaff;
		}
		.footer_info {
			float:left;
			width:60%;
		}
		.footer_info ul li:last-child{ margin-left:1.3em !important;}
		.footer_dodaci {
			float:left;
			width:40%;
		}
			.footer_dodaci ul {
				float:left;
			}
			.footer_dodaci_social {
				float:right;
			}
				.tportal_logo_ct{
					width:120px;
					height:40px;
					float:left;
					padding-top: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;
					margin-left:1em;
				}
					#facebook_btn {
						display:block;
						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:1000px;
		}
			.raging_bull_info p {
				margin-bottom:0 !important;
			}
.facebook_like_box {
	margin:2em 0;
}
	.fb-like-box {
		background-color:white;
	}
/* cro-info.php */
.footer_info_pomoc_box	 {
	width:660px;
	color:black !important;
	background:white;
	padding:10px;
}
	.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;
	height:195px;
	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 */
/*START: jQuery imageslider > sidebar banner 300x600*/
#sidebar_banner_300x600_slideshow {
	position:relative;
	height:600px;
	overflow:hidden;
}
	#sidebar_banner_300x600_slideshow a {
		position:absolute;
		top:0;
		left:0;
		z-index:8;
		opacity:0.0;
	}					
	#sidebar_banner_300x600_slideshow a.active  {
		z-index:10;
		opacity:1.0;
	}					
	#sidebar_banner_300x600_slideshow a.last-active {
		z-index:9;
	}
/*END: jQuery imageslider > sidebar banner 300x600*/
#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;
	height:195px;
	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;
	min-height:120px;
	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:990px;
	height:195px;
	/*border:1px dotted white;*/
	box-shadow:1px 1px 4px #0d4e66;
}
/*end: top banner*/
#bottom_banner_placeholder {
	width:990px;
	height:195px;
	/*border:1px dotted white;*/
	box-shadow:1px 1px 4px #0d4e66;
	margin-top:1em;
	margin-bottom:2em;
}
.banner_content_contrainer {
	width:678px;
	height:120px;
	/*border:1px dotted white;*/
	margin:3em 0;
	box-shadow:1px 1px 4px #0d4e66;
	position:relative;
}
.banner_contrainer {
	width:300px;
	height:250px;
	/*border:1px dotted white;*/
	margin:10px;
	box-shadow:1px 1px 4px #0d4e66;
	position:relative;
}
	/*extra class for flash banner; new height*/
	.banner_container_600
	{
		height:600px !important;
	}
#desni_donji_banner_slideshow {
	width:300px;
	height:600px;
	position:absolute;
	top:0;
	left:0;
}
/*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 {
	width:100%; height:120px; position:relative;
	margin:1em 0;
	background:url(../_images/_backgrounds/logo_rotator_bg.jpg) no-repeat;
}
	.logo_rotator_box {
		height:120px; position:relative;
		margin:0 auto; padding:2em 0 0 0;
	}
		.logo_rotator_box img {
			max-width:90%; 
			max-height:90%;
		}
		a.logo_rotator_prev, a.logo_rotator_next {
			cursor:pointer;
			position:absolute;
			width:25px;
			height:25px;
			display:block;
			z-index:1;
			text-indent:-9999px;
			margin:-22px 0px;
		}
		a.logo_rotator_prev {
			top:55%; left:5%;
			background:url(../_images/_backgrounds/logo_rotator_nav.png) no-repeat  0 0;
		}
			a.logo_rotator_prev:hover {
				background:url(../_images/_backgrounds/logo_rotator_nav.png) no-repeat 0 -50px;
			}
		a.logo_rotator_next {
			top:55%; right:5%;
			background:url(../_images/_backgrounds/logo_rotator_nav.png) no-repeat  0 -25px;
		}
			a.logo_rotator_next:hover {
				background:url(../_images/_backgrounds/logo_rotator_nav.png) no-repeat  0 -75px;
			}		
/*end: LOGO ROTATOR (sam logo rotator i indivdualne stranice)*/
/*start: GALLERY STYLES-------------------------------------------------------------------------------------------------------------*/
/*start: za index stranicu*/
section.top_galerije_ct {
	/*border-bottom:1px dotted #111;*/
	margin-bottom:1em;
	background:#fff;
	height:230px;
}
	section.top_galerije_ct  h1 {
		color:black;
		background:white;
	}
	div.topPet_thumb_galerija {
		position:relative;
		height:230px;
		margin-left:20px;
	}
	div.image_desc_wrapper {
		padding:8px;
		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:40%;
			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:40%;
			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:130px;
	height:130px;
	background:#3f9dbf;
	margin:20px;
	padding:8px;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	box-shadow:2px 2px 6px #0d4e66;
	position:relative;
}
	.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-----------------------------------------------------------------------------------------------------------------*/
/* cro-eventi.php */
.event_box {
	width:660px;
	border-bottom:1px dashed #0d4e66;
	margin:1em 0;
	padding:6px;
	min-height:260px;
}
	.event_info_box {
		width:116px;
		height:230px;
		overflow:hidden;
		padding:8px;
		margin:4px;
		float:left;
		clear:right;
	}		
		.event_info_image_box {
			width:100px;
			height:142px;
			border-bottom:1px solid #222;
		}
			.event_info_image_box img {
				border:1px dotted #0d4e66;
				box-shadow:2px 2px 6px #0d4e66;
			}
		.event_info_title_box {
			font-size:.8em;
		}
/* cro-eventi-event.php */
.event_solo_info_image_box {
	width:680px;
	border-bottom:1px dashed #0d4e66;
	background:white;
	min-height:380px;
}
	.event_solo_image {
		width:250px;
		margin-right:1em;
		margin-bottom:1em;
		float:left;
		box-shadow:-0px 4px 12px rgba(0,0,0,.45);
		-moz-box-shadow:-0px 4px 12px rgba(0,0,0,.45);
		-webkit-box-shadow:-0px 4px 12px rgba(0,0,0,.45);		
	}
	.event_solo_horizontalni_image_ct {
		width:680px;
		height:252px;
		overflow:hidden;
		box-shadow:-0px 4px 12px rgba(0,0,0,.45);
		-moz-box-shadow:-0px 4px 12px rgba(0,0,0,.45);
		-webkit-box-shadow:-0px 4px 12px rgba(0,0,0,.45);
		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 {
	width:300px;
	margin-bottom:1em;
	margin-left:10px;
}
	.eventsToday_box h2 {
		margin-bottom:0;
		background:#99ff33 !important;
	}
	.eventsToday_title {
		background:#07a9cf;
		padding:6px;
		color:white;
		font-size:.8em;
		/*border-bottom:1px dotted white;*/
	}
	.eventsToday_title a:hover {
		color:#99ff33;
	}
	.eventsToday_title:last-child {
		border-bottom:none;
	}
		.eventsToday_arrow_right {
			width:0;
			height:0;
			border-top: 5px solid transparent;
			border-bottom: 5px solid transparent;
			border-left: 5px solid white;
			float:right;
			margin-top:5px;
			margin-right:10px;
		}
/*START: Tablet and Mobile Events Handeling*/
.event_mobile_box{display:none;}	
/*END: Tablet and Mobile Events Handeling*/	
/*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;
	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:680px;
	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:680px;
	border-bottom:1px dashed #0d4e66;
	background:white;
	min-height:380px;
}
	.travel_solo_image {
		width:300px;
		overflow:hidden;
		margin-right:12px;
		border-right:1px dashed #0d4e66;
		float:left;
		padding:6px;
	}
	.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 {
	width:200px;
	padding:0.6em;
	margin:2.4em 0.8em 2em;
	border:none;
	color:black;
	font-style:italic;
	background:#fff;
	box-shadow:1px 1px 4px #0d4e66;
}
#btn_search {
	width:50px;
	border:none;
	background:url(../_images/_icons/search.png) no-repeat center #fff;
	padding:7px;
	box-shadow:1px 1px 4px #0d4e66;
	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;
		margin-right:4px;
		font-size:0.8em;
	}
	.form_popis_box .input_txt
	{
		color:#FFF;
		font-style:italic;
		font-size:.8em;
		border:none;
		padding:6px;
		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;
		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: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*/
h2.playlist_h2 {
	color:white;
	font-weight:bold;
	background:#000;
	width:280px;
	margin-left:10px;
	padding:10px;
	margin-bottom:0 !important;		
}
div.playlist {
	width:300px;
	margin-left:10px;
	background:#000;
	margin-bottom:1em;
}
	.playlist ul li {
		list-style:none;
		display:block;
		padding-bottom:1px; 
		margin-bottom:5px;
		height:60px;
		border-bottom:1px solid #222;
	}
		.playlist ul li:last-child {
			border-bottom:none;
		}
	.playlist_rank_ct {
		float:left;
		width:20px;
		padding:5px;
		margin-top:15px;
		color:white;
	}
	.playlist_thumbnail_ct {
		float:left;
		width:60px;
	}
		.playlist_thumbnail_ct img {
			margin:5px 5px 0 5px;
		}
	.playlist_tekst {
		float:left;
		width:200px;
		padding-top:6px;
		color:white;
	}
		.playlist_tekst em {
			font-size:.7em;
		}
		.playlist_tekst strong {
			font-size:.8em;
		}
		.playlist_tekst_artist {
			overflow:hidden;
		}
		.playlist_tekst_pjesma {
			overflow:hidden;
		}
/*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;
		}
		#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;
		}
/*end: OTHER STYLES*/
/*start: MISC STYLES*/
/* stil za pravilno strukturiranje float elemenata */
.clearfix {
	clear:both;
	content:"";
	display:block;
	height:1px;
}
/*end: MISC STYLES*/