/* GENERAL */
body{
	padding:0px;
	margin:0px;
	background:url('images/pattern.gif');
	font-family:tahoma, helvetica,clean,sans-serif;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
}	

.clear{
	clear:both;
	line-height:0px;
	height:0px;
}

/* MAIN HOLDER */
#main_holder{
	width:936px;
	margin:0 auto;
}

#footer{
	text-align:center;
	font-size:12px;
	color:#fff;
	margin-bottom:15px;
}

#menu_right{
    text-align:right;
    width:915px;
    font-size:11px;
    font-weight:bold;
    line-height:10px;
    height:10px;
    margin-bottom:-5px;
    margin-top:5px;
    margin-right:15px;
}

#menu_right a{
    color:#929292;	
}

#menu_right a:hover, #menu_right a:visited{
    color:#fff;    	
}
/* MAIN MENU */
#main_menu{
	list-style:none;
	margin:0px;
	padding:0px;
	padding-left:0px;
}

#main_menu li{
	float:left;
}

#main_menu li a img{
	border:none;
}

#main_menu li a{
	display:block;
	height:88px;
}

/* MENU ITEMS */

#tv_menu{
	width:107px;
	background:url('images/tv.png') no-repeat;
}

#vrijeme_menu{
	width:102px;
	background:url('images/vrijeme.jpg') no-repeat;
}

#izlasci_menu{
	width:101px;
	background:url('images/izlasci.jpg') no-repeat;
}

#kino_menu{
	width:102px;
	background:url('images/kino.jpg') no-repeat;
}

#decko_menu{
	width:101px;
	background:url('images/decko.jpg') no-repeat;
}

#tecaj_menu{
	width:101px;
	background:url('images/tecaj.jpg') no-repeat;
}

#vicevi_menu{
	width:101px;
	background:url('images/vicevi.jpg') no-repeat;
}

#igrica_menu{
	width:102px;
	background:url('images/igrica.jpg') no-repeat;
}

#cura_menu{
	width:104px;
	background:url('images/cura.png') no-repeat;
}


/* CONTENT */
#content_holder{
	width:921px;
	margin-top:15px;
}

.c_wrapper{
	background: url('images/c_pattern.gif') repeat 0px 10px;
	background-color: #fff;
	display:block;
	overflow: hidden; 
}

#content_holder p{
	margin:0px;
}

#content_holder h1{
	font-size:20px;
	font-weight:lighter;
	color:#FFFFFF;
	padding:7px 0px 0px 10px;
	margin:0px;
	height:30px;
	background:url('images/c_top.png') no-repeat;
}

#content_holder h1 span{
	width:800px;
	height:40px;
	padding-top:3px;
	display:block;
	margin-bottom:50px;
	padding-left:50px;
}

#content_holder h1 span#tv{
	background:url('images/tv_small.png') no-repeat;
}

#content_holder h1 span#vrijeme{
	background:url('images/vrijeme_small.png') no-repeat;
}

#content_holder h1 span#tecaj{
	background:url('images/tecaj_small.png') no-repeat;
}

#content_holder h1 span#izlasci{
	background:url('images/izlasci_small.png') no-repeat;
}

#content_holder h1 span#kino{
	background:url('images/kino_small.png') no-repeat;
}

#content_holder h1 span#vicevi{
	background:url('images/vicevi_small.png') no-repeat;
}

#content_holder h1 span#igrica{
	background:url('images/igrica_small.png') no-repeat;
}

#content_holder h1 span#cura{
	background:url('images/cura_small.png') no-repeat;
}

#content_holder h1 span#decko{
	background:url('images/decko_small.png') no-repeat;
}

#content_holder h2{
	padding:0px;
	margin:0px;
	font-size:18px;
}

#content_holder div.content{
	padding:10px;
	width:680px;
	float:left;
}

/* CALENDAR */
#content_holder div.calendar{
	margin:10px auto;
	padding:10px;
	width:200px;
	float:left;
	border-left:1px solid #000000;
}

#calendar_list{
	margin:0px;
	padding:0px;
	list-style:none;
	width:200px;
}

#calendar_list a{
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

#calendar_list a:hover{
	color:#929292;
}

#calendar_list li{
	width:160px;
	height:30px;
	text-align:center;
}

#calendar_list li.selected{
	background:url('images/cal_selected.gif') no-repeat;
}

#calendar_list li.selected a{
	color:#c4e30d;
}

#content_bottom{
	height:12px;
	background:url('images/c_bottom.png') no-repeat;
	margin-bottom:10px;
	/*margin-left:7px;*/
}



/* BIG LIST */
.big_list{
	list-style:none;
	margin:0px;
	padding:0px;
}

.big_list a{
	color:#333333;
	text-decoration:none;
}

.big_list a:hover{
	color:#c4e30d;
}

.big_list li{
	margin-bottom:40px;
}

#content_holder .big_list li h2{
	border-bottom:1px groove #c4e30d;
	margin-bottom:10px;
	margin:5px;
	padding-bottom:3px;
}

.big_list li div.icon_holder{
	float:left;
	width:60px;
	padding:5px;
	padding-left:10px;
}

.big_list li p{
	float:left;
	width:600px;
	font-size:14px;
	padding-top:3px;
}

.big_list div.seperator, .igrica div.seperator{
	clear:both;
	line-height:2px;
	border-bottom:1px dotted #929292;
	height:2px;
	font-size:18px;
	margin:5px;
	padding-top:5px;
}

.big_list li span{
	float:right;
	margin-top:7px;
	display:block;
	padding-right:5px;
	font-size:12px;
}

/*********************************************************/
/* TV PROGRAM CSS										 */
/*********************************************************/

#tv_grid{
	padding:0px;
	margin:0px;
	border-spacing:0px;
	border-collapse: collapse;
/*	border:1px solid #929292;*/
}

#tv_grid th, #tv_grid td{
	background:url('images/tv_tbar.gif') repeat-x;
	height:16px;
	font-weight:bolder;
	font-size:13px;
	color:#383737;
	width:170px;
	text-align:center;
	padding:0px;
	margin:0px;
	border:1px solid #929292;
}

#tv_grid th span.left{
	float:left;
}

#tv_grid th span.end_bar{
	float:left;
	padding-left:65px;
}

#tv_grid th span.right{
	float:right;
}

#tv_grid th span.right a, #tv_grid th span.left a{
	color:#929292;
	text-decoration:none;
}

#tv_grid td{
	background:url('images/tv_gbar.gif') repeat-x;
	background-color:#ffffff;
	background-position:bottom;
	height:100%;
}

#tv_grid .blue{
	background:url('images/tv_bbar.gif') repeat-x;
	background-position:bottom;
	background-color:#ebf0f7;
}

#tv_grid .logo{
	background:none;
}

#tv_grid .movie_holder{
	height:100%;
}

#tv_grid td a img {
	border:none;
}

#tv_grid .time{
	float:left;
	width:45px;
	padding:0px;
	margin:0px;
	line-height:50px;
	vertical-align:middle;
	font-weight:bold;
	font-size:11px;
}


#tv_grid div a{
	color:#000000;
}

#tv_grid .selected{
	color:#9e2a2a;
	font-weight:bolder;
	text-decoration:blink;	
}

#tv_grid .movie{
	float:left;
	width:122px;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	padding-top:5px;
	text-align:center;
	border-left:1px solid #929292;
	height:100%;
}

#tv_grid .title{

}

#tv_grid .movie span{
	color:#7E7E7E;
	padding-top:2px;
}

#tv_list{
	padding:0px;
	margin:0px;
	width:100%;
	list-style:none;
	font-smooth:always:
}

#tv_list li{
	height:22px;
	padding:0px;
	margin:0px;
	border:1px solid #929292;
	margin-bottom:-1px;
}

#tv_list .title{
	text-align:center;
	width:557px;
	float:left;
	background:url('images/tvl_gray.gif') repeat-x;
	height:22px;
}

#tv_list .time, #tv_list .up{
	background:url('images/tvl_gray.gif') repeat-x;
	width:120px;
	display:block;
	float:left;
	border-right:1px solid #929292;
	text-align:center;
	font-size:14px;
	height:20px;
	font-weight:bold;
	color:#383737;
	padding-top:2px;
}

#tv_list .time.selected{
	color:#9e2a2a;
	font-weight:bolder;
	text-decoration:blink;
}

#tv_list .movie{
	float:left;
	padding-left:5px;
	font-size:12px;
	font-weight:bolder;
	color:#000000;
	padding-top:4px;
}

#tv_list .desc{
	color:#666666;
	font-weight:normal;
}

#tv_list .blue span.time{
	background:url('images/tvl_blue.gif') repeat-x;
}

#tv_list .title{
	font-size:14px;
	font-weight:bold;
	color:#383737;
	padding-top:2px;
	height:20px;
}


#tv_list .blue{
	background:#ebf0f7;
}

.biglogo{
	float:left;
	width:125px;
	text-align:center;
}

#tv_list a{
	color:#000000;
	text-decoration:none;
}

#tv_list span.movie a{
	text-decoration:underline;
}

.smalllogos{
	float:right;
}

.smalllogos a img{
	padding-top:10px;
	border:0;
	width:60px;
	padding-left:5px;
}

/*********************************************************/
/* VRIJEME CSS										 */
/*********************************************************/

.weather_list{
	padding:0px;
	margin:0px;
	width:100%;
	list-style:none;
}

.weather_list .title{
	text-align:center;
	width:678px;
	float:left;
	background:url('images/tvl_gray.gif') repeat-x;

}

.weather_list li{
	padding:0px;
	margin:0px;
	margin-bottom:-1px;
	border:1px solid #929292;
	display:block;
}

.weather_list .title{
	margin-bottom:0px;	
}

.weather_list .title span, .weather_list .entry span{
	width:25%;
	border-left:1px solid #929292;
	display:block;
	float:left;
	margin-left:-1px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bold;
	color:#383737;
	font-size:12px;
	text-align:center;	
}

.weather_list .entry .title, .weather_list .entry .title a, .weather_list .entry .title a:hover{
	font-size:18px;
	font-weight:normal;
	color:#000;
}

.weather_list .entry .datum{
	padding-top:3px;
	height:44px;	
}	

.weather_list .entry span{
	padding-top:15px;
	height:32px;
	background:url('images/tvl_gray.gif') repeat-x;
	background-position:bottom;	
}


.weather_list span.t_min , .weather_list span.t_max{
	width:70px;	
	border:none;
	font-weight:normal;
	font-size:20px;
	padding:0px;
	padding-top:12px;
	/*line-height:45px*/
	height:37px;
	
}

.weather_list span.vjetar{
	padding-top:4px;
	height:43px;
	width: 169px;
}	

.weather_list span.t_sep{
	padding:0px;
	width:11px;
	height:37px;
	font-weight:normal;
	font-size:20px;
	border:none;
	padding-top:12px;
}

.weather_list span.t_min{
	border-left:1px solid #929292;
	color:#106e9e;
	padding-left:11px;
}

.weather_list span.t_max{
	color:#9f2c2c;
	padding-right:10px;
}

.weather_list .blue span{
	background:url('images/tv_bbar.gif') repeat-x;
	background-position:bottom;
	background-color:#ebf0f7;
}

.weather_list .entry span img{
	margin-top:-7px;
}


/*********************************************************/
/* VRIJEME 7 DANA CSS									 */
/*********************************************************/
.weather_div_holder{
	width:430px;
	float:left;
}

.big_header{
	height:25px;
	background:url('images/tvl_gray.gif') repeat-x;
	background-position:bottom;	
	font-size:18px;
	border:1px solid #929292;
	padding:5px 0px 2px 7px;
}

.weather_detail{
	background:url('images/weather_bg.gif') repeat-x;
	background-position:bottom;
	height:130px;
	border:1px solid #929292;
	margin-top:-1px;
	background-color: #E9EDF3;
}

.weather_detail ul{
	float:left;
	margin:0px;
	padding:0px;
	width:130px;
	font-size:11px;
	list-style:none;
	padding-left:5px;
	padding-top:5px;
}

.weather_detail ul li{
	width:160px;
}

.weather_detail ul li span{
	float:left;
	width:40px;
	font-weight:bold;
}

.weather_detail ul li span.entry{
	width:80px;
	display:block;
	font-weight:normal;
}

.weather_detail ul li span.w_status{
	margin-top:5px;
}

.temp_holder{
	background:url('images/temp_bg.png') no-repeat;
	background-position:right bottom;
	height:110px;
	width:270px;
	margin:2px;
	float:right;
	margin-right:10px;
}

.temp_holder .w_icon, .temp_holder .w_temp{
	float:left;
}

.temp_holder .w_icon img{
	margin-top:-15px;
}

.temp_holder .w_temp{
	padding-top:0px;
	font-size:35px;
	font-weight:bold;
	margin-bottom:1px;
	color:#fff;
}

.temp_holder .temp_small{
	font-size:11px;
	font-weight:bold;
	color:#f792a1;
	float:right;
	margin-right:20px;
}

.temp_holder .blue{
	display:block;
	margin-top:32px;
	color:#106E9E;
}

.other_cites{
	width:240px;
	height:30px;	
	float:left;
	margin-left:10px;
}

.other_cites ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

.other_cites ul li{
	border:1px solid #929292;
	font-size:18px;
	padding:4px;
	background:url('images/tvl_gray.gif') repeat-x;
	background-position:bottom;	
	margin-bottom:-1px;
}

.other_cites ul li.blue{
	background:url('images/tvl_blue.gif') repeat-x;
	background-position:bottom;	

}

.other_cites ul li span{
	display:block;
	float:left;
	height:22px;
}

.other_cites ul li span.title{
	width:130px;
}

.other_cites ul li span.title a{
	color:#000;
}

.other_cites ul li span.temp{
	width:50px;
}

.other_cites ul li span.icon{
	float:right;
}

.other_cites ul li span.icon img{
	height:22px;
	float:right;
}

/*********************************************************/
/* IZLASCI CSS									 		 */
/*********************************************************/

#izlasci_submenu{
	float:right;
	font-size:12px;
	display:block;
	padding-right:5px;
}

#izlasci_submenu a {
	color:#000;
}

#izlasci_submenu a.selected{
	font-weight:bold;
}


/*********************************************************/
/* KINO CSS									 		 */
/*********************************************************/

.kino li div.icon_holder{
	width:95px;
	margin-right:10px;
	border:1px solid #929292;
	padding:3px;
}

.kino li p{
	width: 550px;
}

.kino li span{
	float:left;
}

.kino li span.bold{
	font-weight:bold;
	clear:left;
	width:60px;
}


/*********************************************************/
/* TECAJNA LISTA CSS									 */
/*********************************************************/


.tecaj li.entry span{
	height:18px;
	padding-top:6px;	
}

.tecaj li.title span, .tecaj li.entry span{
	width:92px;
}

.tecaj li.entry span.title{
	padding-top:2px;
	height:22px;	
}	

.tecaj li.title span.title, .tecaj li.entry span.title{
	width:125px;
}

.tecaj li{
	display:block;
}

.weather_list.tecaj li span.t_min, .tecaj li span.t_max{
	font-size:12px;
	font-weight:bold;
	width:92px;
	padding:0px;
	padding-top:6px;
	height:20px;
}


.tecaj li span.t_max{
	border-left:1px solid #929292;
}


/*********************************************************/
/* VICEVI CSS									 		*/
/*********************************************************/

.vicevi li p{
	width:655px;
	padding-left:15px;
}

/*********************************************************/
/* IGRICA DANA CSS									 	*/
/*********************************************************/
.igrica{
	text-align:center;
}

/*********************************************************/
/* SLIKA DANA CSS									 	*/
/*********************************************************/

#slika_holder{
	width:680px;
	text-align:center;
	padding-left:120px;
}

#slika_holder ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#slika_holder ul li{
	float:left;
	margin-left:10px;
}

#slika_holder ul li a{
	color:#000000;
}

#slika_holder ul li a img{
	padding: 2px;
	border:1px solid #000000;
}

/* FORM ELEMENTS */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:70% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 680px;
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  margin-left:0px;
}

form fieldset legend {
    font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
    display: block;  /* block float the labels to left column, set a width */
    float: left; 
    width: 150px; 
    padding: 0; 
    margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
    text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
    text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea{
    /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
    width:300px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
    margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form textarea{
    height:150px;   
}

form #submit{
    margin-left:150px;
}

form #reset, form #submit{
    width:100px;
    margin-top:10px;
}

textarea { overflow: auto; }

form small {
    display: block;
    margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
    padding: 1px 3px;
    font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
    clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

p.submit_error{
    border:1px solid #7F2727;
    background-color: #FFDFDF;
    padding:4px;
    font:70% verdana,arial,sans-serif;
}

p.submit_success{
    border:1px solid #446F14;
    background-color: #E0FFBF;
    padding:4px;
    font:70% verdana,arial,sans-serif;
}

.dodaj{
    font-size:12px;
    color:#929292;
}

.links{
    padding:0px;
    text-decoration: none;
    list-style: none;
    margin:3px 0px 3px 10px;
}

.links li a{
	font-size: 12px;
    font-weight: bold;
    color: black;
}

.links li a:hover{
	color:#C4E30D;
}