@charset "utf-8";
/* CSS Document                 */
/* created by: Bubo             */
/* e-mail: bubo@bubo-design.com */
/* www.bubo-design.com          */

/* reset all elements */
*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
/* +HTML elements */
body{
	background-color:Black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a9a8a8;
	line-height:normal;}

h1{ font-size:30px; color:#fff; font-weight:bolder; text-transform:uppercase;}
h2{ font-size:18px; color:#0aa5e7; font-weight:500;}
h3{ font-size:16px; color:#0aa5e7; font-weight:500;}
h4{ font-size:14px; color:#0aa5e7; font-weight:500;}
a{ text-decoration:underline; font-family:Arial, Helvetica, sans-serif; color:#0aa5e7;}
a:hover{ color:#fff;}
/* -HTML elements */
/* +Classes */
.clearer{
	clear:both;
	height:0px;}

.red{ color:#df1e23;}
.blue{ color:#2d4c9e;}
.left{ float:left;}
.right{ float:right;}
.font9{ font-size:9px;}


.textbox{
	width:97%;
	padding:2px;
	background-color:#505051;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#052948;
	border:solid 1px #0aa5e7;}

.textarea{
	width:97%; height:150px;
	padding:2px;
	background-color:#505051;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#052948;
	border:solid 1px #0aa5e7;}

	
.gmap{ width:614px; height:200px; border:solid 1px #0aa5e7;}	
	
.select{
	width:100%;
	padding:2px;
	margin-bottom:4px;
	background-color:White;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#052948;
	border:solid 1px #0aa5e7;}	


.btnBlueSmall input{		
		display:block;
		height:20px;
		padding:0 10px 3px 10px;
		border:none;
		cursor:pointer;
		float:right;
		background-color:#0aa5e7;
		color:White;
		font-size:12px;
		text-align:center;
		text-decoration:none;}
		
	.btnBlueSmall input:hover{
		color:#052948;}

.btnBlueSmall a{		
		display:block;
		height:20px;
		padding:2px 10px 0 10px;
		border:none;
		cursor:pointer;
		float:right;
		background-color:#0aa5e7;
		color:White;
		font-size:12px;
		text-align:center;
		text-decoration:none;}
		
	.btnBlueSmall a:hover{
		color:#052948;}

.btnDetaljnije a{		
		display:block;
		width:80px;
		height:20px;
		border:none;
		cursor:pointer;
		padding-top:2px;
		float:right;
		background-image:url(img/detaljnije_bg.png);
		background-repeat:no-repeat;
		color:#052948;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		text-decoration:none;}
		
	.btnDetaljnije a:hover{
		color:#0aa5e7;}	

/* -Classes */
/* +Layout */
#headerWraper{
	width:100%;
	height:69px;
	background-image:url(img/header_bg.jpg);
	background-repeat:repeat-x;}
	#headerInnerWraper{
		width:1024px;
		height:69px;
		margin:auto; 
		overflow:hidden;
		background-image:url(img/header_bg.jpg);
		background-repeat:repeat-x;}
		.logo{
			width:335px;
			height:59px;
			padding-top:10px;
			float:left;}
		.logo a{
			display:block;
			width:335px; height:45px;
			background-image:url(img/cc_logo.png);
			background-repeat:no-repeat;}
		.logo a:hover{
			background-image:url(img/cc_logo_hover.png);
			background-repeat:no-repeat;}
		.pin{
			height:19px;
			width:22px;
			padding-top:30px;
			float:right;}
			.pin a{
				display:block;
				height:19px;
				width:22px;
				background-image:url(img/pin.png);
				background-repeat:no-repeat;}
			.pin a:hover{
				background-image:url(img/pin_hover.png);
				background-repeat:no-repeat;}
		.unpin{
			height:19px;
			width:22px;
			padding-top:30px;
			float:right;}
			.unpin a{
				display:block;
				height:19px;
				width:22px;
				background-image:url(img/unpin.png);
				background-repeat:no-repeat;}
			.unpin a:hover{
				background-image:url(img/unpin_hover.png);
				background-repeat:no-repeat;}

#menuWraper{
		width:610px;
		height:69px;
		float:left;
		margin-left:30px;
		overflow:hidden;}
		#menu{
			width:640px;
			height:40px;
			margin-top:29px;
			overflow:hidden;}
		#menu li{
			display:inline;
			list-style:none;}
		#menu li a{
			display:block;
			float:left;
			width:65px;
			height:40px;
			margin-right:4px;			
			font-size:17px;
			text-align:center;
			color:#314a61;
			text-decoration:none;}
		#menu li a:hover{
			color:#1f79c9;
			background-image:url(img/menu_hover_bg.png);
			background-position:bottom;
			background-repeat:no-repeat;}
		#menu .selected a{
			float:left;
			color:#1f79c9;
			background-image:url(img/menu_hover_bg.png);
			background-position:bottom;
			background-repeat:no-repeat;}

#bannerContainer{
	width:1024px;
	height:360px;
	margin:auto;
	overflow:hidden;}
	#bannerContent{
		width:1000px;
		height:355px;
		margin-top:5px;		
		overflow:hidden;}
	.bannerShadow{
		width:1024px;
		height:16px;
		background-image:url(img/bannerShadow_bg.png);
		background-repeat:repeat-x;
		background-position:bottom;
		position:relative;
		top:-16px;
		z-index:1;}
#contentWraper{
	width:100%!important;
	background-image:url(img/contentWraper_bg.jpg);
	background-repeat:repeat!important;}
	#contentInnerWraper{
		width:1024px;
		margin:auto;
		overflow:hidden;
		background-image:url(img/contentWraper_bg.jpg);
		background-repeat:repeat!important;}
	#leftContentWraper{
		width:325px;
		float:left;
		padding:10px 5px 5px 70px;
		margin-top:10px;
		overflow:hidden;}
		.box325{
			width:325px;
			margin-bottom:5px;}			
		.box325border{
			width:308px;
            padding: 7px;
			border:solid 1px #282a2b;
			margin-bottom:5px;}			
			.box325 img, .box325border img{ float:left; margin-right:2px;}
			.boxImg{
				width:150px;
				height:140px;
				background-image:url(img/boxImg_bg.png);
				float:left;
				text-align:center;
				padding:5px;}
				.boxImg img{ max-width:150px; max-height:140px; float:none; margin:auto;}
			.boxContent{
				padding:5px; 
				float:left;
				width:150px;
				height:140px;}
		
		#rightContentWraper{
			width:588px;
			float:left;
			margin:20px 0 0 10px;
			padding:5px 5px 5px 5px;
			border:solid 1px #282a2b;
			overflow:hidden;
			background-image:url(img/boxImg_bg.png);}
			
			.heading{
				width:518px;
				height:27px;
				margin-bottom:10px;
				text-transform:uppercase;
				color:white;
				font-size:16px;
				padding:10px 5px 5px 65px;
				font-style:italic;
				background-image:url(img/heading_bg.png);
				background-repeat:no-repeat;}
			
			.newsWraper{
				width:570px;
				margin:auto;
				padding:5px;
				margin-bottom:5px;
				border-bottom:solid 1px #282a2b;}
				.newsImgHolder{
					width:120px; 
					height:80px;
					float:left;}
				.newsContent{
						width:440px;
						float:left;
						margin-left:10px;}						
				.newsWraper img{ 
					max-width:118px; 
					max-height:78px;
					border:solid 1px White;}
				.newsWraper img:hover{
					border:solid 1px #0aa5e7;}
		
#footerWrap{
	width:100%;
	height:100px;}
	#footerInnerWrap{
		width:1024px;
		height:100px;
		margin:auto;
		background-image:url(img/footer_bg.jpg);
		background-position:top;
		background-repeat:no-repeat;
		text-align:center;
		color:#0aa5e7;}
		.footerMenu{
			height:14px; padding-top:10px;}
		.footerMenu ul li{
			display:inline;}	
		.footerMenu ul li a{
			color:white;
			text-decoration:none;
			margin-right:10px;}
		.footerMenu ul li a:hover{ color:#0aa5e7;}
        
/*===============================*/
/*    POLL COLOR                 */
/*===============================*/
.polls_color_1{ background-color: #0aa5e7; border: 2px ridge #B22222; height: 0px; }

.polls_color_2{ background-color: #6740E1; border: 2px ridge #4169E1; height: 0px; }

.polls_color_3{ background-color: #8D8D8D; border: 2px ridge #D2D2D2; height: 0px; }

.polls_color_4{ background-color: #CC8500; border: 2px ridge #FFA500; height: 0px; }

.polls_color_5{ background-color: #5B781E; border: 2px ridge #6B8E23; height: 0px; }

.pollAnswer img{
    height: 2px;
    border: 0;
    float: none;
}