@charset "utf-8";
body, html {
	margin:0;
	padding:0;	
	font-family: Arial, Verdana;
	font-size:12px;
	/*background:url(../images/login_bg.jpg) bottom left repeat-x #C1E7F0;*/
	background-image:url(../images/site_bg3.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	color:#333;
	/*min-height:820px;*/
}

a {
	/*color:#01a6e6;*/
	color:#1da4e9;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

body {
/*padding:0 0 580px 0;	*/
}

.header{
	
}

.clouds {
	position:absolute;
	top:0;
	left:0;
	height:308px;
	width:100%;
	z-index:2;
	background:url(../images/cc_oblaci3.gif) repeat-x;	
	
}

.header_sky_bg{
	top:0px;
	height:400px;
	width:900px;
	margin:0px auto;
	z-index:1;
	background-image:url(../images/header_sky_bg2.jpg);
	/*background-color:#FF0000;*/
}


.above-cloud_OLD_NOT_USED {

position:relative;
/*background-color:#0033CC;*/
}

.above-cloud{
	z-index:1000;
	position:absolute; 
	/*border:#FF0000 dashed 1px;*/
	width:900px; /* ie 7 */
}


.wrapper {
	width:900px;
	margin:0 auto;
	/*background-color:#FF0000;*/
	padding:0px 5px;
	/*border:dashed 1px;*/
}

#header_logo{
	margin-top:15px;
	height: 100px;
	width: 100px;
	/*background-color:#FF0000;*/
	background-image:url(../images/cc_logo.gif);
	background-repeat:no-repeat;
	/*float: left;*/
	position:absolute;
	z-index:1001;
	cursor:pointer;
}

#header_menu{
	height: 36px;
	/*width:750px;*/
	width:800px;
	/* float: right; */
	position:absolute;
	/*background-color:#FFFFFF;*/
	margin-top:20px;
	margin-left:100px;
	/*border: dashed 1px;*/
	z-index:1001;
	
}

#subheader_line{
	margin-top:10px;
	height: 40px;
	/*background-color:#FF0000;*/
	/*border:dashed 1px #FF0000;*/
	padding-top:5px;
	
}

#info_bar{
	
	padding-top:7px;
	width:626px;
	height:30px;
	overflow:hidden;
	background-image:url(../images/info_bar.gif);
	background-repeat:no-repeat;
	padding-left: 10px;
	float:left;
	

}

#info_bar_caption{
	float: left;
	margin-right:30px;
	
}

/***** NEWS HEADLINES ***/

#scrollup {
   position: relative;
   overflow: hidden;
  /* border: 1px dotted #000;*/
   height: 25px;
   width: 540px;
   float:left;
 }

.headline {
   position: absolute;
   top: 210px;
   left: 5px;
   height: 25px;
   font-size:13px;
   /* width:190px; */
   /*background-color:#996633;*/
   /*font-weight:bold;*/
 }
 
.headline a{
 	color:#666666;
	text-decoration:none;
}

.headline a:hover{
	text-decoration:underline;
}

.news_date{
	color:#cccccc;
	font-size:11px;
	margin-left:11px;
	/*
	position:relative;
	top:-1px;
	*/
	font-weight:bold;
}


#search_container{
	float: right;
	width: 225px;
}

.search_box{
	height:37px;
	width:187px;
	overflow:hidden;
	background-image:url(../images/search_bar.gif);
	float:right;

}

.search_button{
	height:37px;
	width:38px;
	overflow:hidden;
	float:right;
	/*background-color:#0099CC;*/
}



.search_field{
	
	height:20px;
	width:165px;
	font-size:14px;
	margin-top:7px;
	margin-left:5px;
	padding:2px 4px;
	font-weight:bold;
	border:0px;
	color:#989697;
	z-index:-1px;
	background-color:
}

/* content */

.content {
	margin-top:85px;
	/*border: dashed 1px green;*/
	
}

.content_container{
	/*background-color:#ffffaa;*/
	width: 650px;
	float: left;
	
}

.video_container{
	/*background-color:#FFFF00;*/
}

.video_player{
	display:block;
	width:400px;
	height:300px;
	float: left;
}

.video_right_column{
	/*background-color:#CC6633;*/
	float:left;
	width:240px;

}


.video_rc_title{
	margin: 0px 20px;
	margin-bottom:10px;
	font-size: 20px;
	color:#31b2eb;
}

.video_rc_text{
	margin:10px;
	margin-left:20px;
	margin-bottom:5px;
	color:#666666;
	font-size:14px;
	line-height:1.2;
}

.articles_container{
	margin-top:0px;
}

.top_article{
	width:315px;
	height:400px;
	/*border: dotted 1px red;*/
	position:relative;
	margin-bottom:18px;
	border: solid 1px #f0f0f0;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	
}

.top_article_image{
	height:150px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	cursor:pointer;
}

.top_article_date{
	margin-left:11px;
	margin-right:10px;
	margin-top:10px;
	font-size:10px;
	color:#CCCCCC;
}


.top_article_title{
	color:#31b2eb;
	font-size:18px;
	margin-top: 4px;
	margin-left:10px;
	margin-right:5px;
}

.top_article_subtitle{
	margin-left:10px;
	margin-right:10px;
	margin-top:2px;
	font-size:12px;
	font-weight:bold;
	display:none;
}

.top_article_text{
	margin-left:10px;
	margin-top:12px;
	color:#666666;
	margin-right:10px;
	margin-bottom:10px;
	font-size:13px;
	line-height:1.1;
	
}

.top_article_footer{
	position:absolute;
	bottom:0px;
	height:38px;
	width:100%;
	background-color:#e0e0e0;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-left-radius: 9px;
	
}

.top_article_footer_text{
	margin: 13px;
	margin-right:20px;
	float: right;
}

.top_article_footer_text a{
	color:#666666;
}


.bottom_articles{
	margin-top:30px;
	margin-bottom:50px;
}


.article_more{
	margin:10px 10px;
	margin-right:0px;
	background-image:url(../images/arrow_bullet.gif);
	background-repeat:no-repeat;
	padding:1px;
	padding-left:22px;
}

.article_more_date{
	color:#999999;
	font-size:11px;
	margin-left:10px;
}

.pagination{
	margin:20px 10px;
}

.right_column{
	width: 250px;
	float: right;
}


.right_column_box{
	margin-bottom:25px;
	/*border: dashed 1px; */
	clear:both;
}

.social_icon{
	margin-right:8px;
}


.clear {
clear:both;	
}



/***** view article ***/

.view_article_container{
	padding:0px 10px;
}


.view_article_date{
	margin-left:1px;
	margin-right:10px;
	margin-bottom: 10px;
	font-size:10px;
	color:#CCCCCC;
}

.view_article_title{
	color:#31b2eb;
	font-size:20px;
	margin-right:5px;
}

.view_article_subtitle{
	
	margin-right:10px;
	margin-top:6px;
	font-size:12px;
	font-style:italic;
	color:#666666;
	
}

.view_article_text{
	
	margin-top:18px;
	color:#666666;
	margin-right:15px;
	margin-bottom:10px;
	font-size:13px;
	line-height:1.2;
	padding-bottom:25px;
	/*
	font-family:"TestFont";
	font-size:16px;
	*/

	
}

.view_article_footer{
	/*background-color:#ff0000;*/
	padding: 16px 0px;
	margin-bottom:20px;
	border-top:#CCCCCC 1px dashed;
	clear:both;
}


.social_box_view{
	padding-right:15px;
	float:left;
}

.rub_articles{
	padding-top:35px;
	padding-left:0px;
	clear:both;
}

.rub_caption{
	font-size:14px;
	padding-bottom:7px;
	font-weight:bold;
}


.search_container{
	padding:0px 10px;

}

.search_caption{
	padding-bottom: 30px;
	font-size:14px;
	color:#666666;
	
}

.search_bullet{
	float: left;
	background-image:url(../images/arrow_bullet.gif);
	width:14px;
	height:14px;
}

.search_content{
	float: left;
	width:600px;
	margin-left:8px;
}

.search_title{
	padding-bottom:5px;
	font-size:14px;
}

.search_text{
	color:#666666;
	padding-bottom:15px;
	line-height:1.1;
	font-size:13px;
}


/******** GALLERY ************/

.gallery_container{
	padding-left:10px;
}

.gallery_content{

}

.gallery_caption{
	color:#31b2eb;
	font-size:20px;
	padding-bottom:20px;
}

.album_thumb{
	float: left;
	/*border:dashed 1px;*/
	margin-bottom:20px;
}

.album_desc{
	float:left;
	width:450px;
	margin-left:10px;
	font-size:14px;
}


.album_img{
	float:left;
	width:175px;
	/*border: dashed 1px;*/
	margin:15px;
}

.archive_caption{
	color:#FFFFFF;
	background-color:#000000;
	padding-left:4px;
	padding-right:4px;
}

.archive_mark{
	padding-bottom:20px;
	
}



.film_title{
	color:#31b2eb;
	font-size:20px;
	padding-bottom:20px;
}

.film_container{
	padding-left:10px;
}

.view_film_subtitle{
	padding-top:5px;
	padding-bottom: 25px;
}

.film_details{
	line-height:1.5;
	font-size:13px;
	color:#666666;
}

.film_dodatno{
	clear:left;
	font-size:13px;
	line-height:1.2;
	color:#666666;
}

.message_empty{
	color:#666666;
	padding-top:10px;
	padding-bottom:40px;
}


.selection_caption{
	padding-bottom: 10px;
	padding-top:25px;
	font-size:14px;

}

.film_search_form{
	/*border:dashed 1px;*/
	padding-left:30px;
	padding-bottom:20px;

}

.fs_top_caption{
	padding:5px 0px;
	background-image:url(../images/lupa.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	font-size:16px;
	font-weight:bold;
}

.fs_caption{
	padding-bottom:2px;
	padding-top:10px;
}

.fs_caption a{
	color:#000000;
}
.fs_field{
	width:200px;
	background-color:#eaeaea;
	padding:6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border:0px;

}




.round_borders{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color:#FF0000;
	background-image:url(../images/adidas_starwars_2.jpg);
	width:400px;
	height:200px;
}



.footer{
	padding-top: 20px;
	margin-bottom:20px;
}

.footer_cc{
	float: right;
	background-image:url(../images/cc_logo_footer.gif);
	background-repeat:no-repeat;
	padding: 10px 10px;
	height:20px;
	padding-left:45px;
	color:#999999;
	margin-top:15px;
	/*background-color:#FF0000;*/
}

.footer_box{
	float:left;
	margin:0px 1px;
}


/*
@font-face {  
	 font-family: "DINEngschrift"; 
	 font-family: "TestFont";
	  src: url( /location/of/font/FontFileName.eot );  
	  src: url(../fonts/DINENGS0.eot); 
	  src: local("nseee"), url( ../fonts/DINE1.TTF ) format("truetype"); 
}  
*/
	
/* THEN use like you would any other font */  
.font_title { 
		font-family:"TestFont", verdana, helvetica, sans-serif;
		font-size:50px;
}  

.twtr-hd {
	display:none;
}


.top_sponsors_container{}

.top_sponsor_box{
	float: left;
	padding:3px 3px;
	/* border: #999999 dashed 1px; */
}

.satnica_caption_1{
	
	font-size:14px;
	padding-left:20px;
	background-image:url(../images/arrow_bullet.gif);
	background-repeat:no-repeat;
}

.satnica_caption_2{
	background-color:#33b0f0;
	background-color:#e0e0e0;
	padding:1px 5px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color:#FFFFFF;
	color:#666666;
	font-weight:bold;
	font-size:11px;
	
}

.satnica_caption_2_container{
	padding:15px 0px;
}

.satnica_item{
	/*border:dashed 1px #FF0000;*/
	margin-bottom:20px;
}

.satnica_item_2{
	padding-left:20px;
	font-size:13px;
}

.satnica_film{
	/*background-color:#CCCCCC;*/
	padding-left:10px;
}

