@charset "utf-8";
/* CSS Document */

body { 
	color: #333;
	background: #94c440 url(bg.gif) top center repeat-y;
	background-color: #94c440;
    font-size: 11pt;
    font-family: Arial,sans-serif;
    margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

#wrapH {
	position: relative;
	top: 0;
	padding: 0;
	margin: 0;
}

#header{
	position:relative;
	top: 0;
	width:900px;
	height: 125px;
	z-index: 1;
	border: none;
	background: #fff url(NS-eye-logo.gif) top left no-repeat;
}

#vreme{
	position: absolute;
	top: 95;
	right: 10px;
	bottom: 0px;
	width: 330px;
	height: 30px;
	text-align: right;
}

#vreme p {
	margin: 0;
	padding: 0;
	font-size: 9pt;
	color: #999;
}

#vreme img{
	border: 0;
	padding: 0 0 0 10px;
	vertical-align: middle;
}

#headbaner{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 330px;
	height: 85px;
	
}

#headbaner a:hover img, #headbaner a:link img, #headbaner a:visited img {
	border: none;
	text-decoration: none;
}

#content{
	position:relative;
	top:0;
	width: 900px;
	clear:both;
}
/****************************************/
/* CONTENT DIVS */

#content {
	margin: 0;
	padding: 0;
	width: 900px;
	text-align: left;
}

/* Left parts */

#leftbar {
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 185px;
   margin: 0 5px;
}

#leftbar h2 {
	color: #37b34a;
	font-size: 1.1em;
	font-weight: bold;
	padding:0 0 2px 0;
	margin: 5px;
}

hr.separat {
	border-top: #c3e8c8 solid 1px;
	border-bottom: none;
	border-left: none;
	border-right: none;
	height: 1px;
}

#seachBox {
	width: 175px;
	height: 68px;
	margin: 10px 0 5px 5px;
	padding: 8px 0 0 13px;
	background: transparent url(searchBG.gif) 0 0 no-repeat;
}

#searchBox form {margin: 0; padding: 0;}
.searchinput label {
	color: #fff;
	font-size:12pt;
	font-weight:bolder;
}

.searchinput input {
	font-family: Arial,sans-serif; 
	font-size:9pt; 
	color: #999; 
	border-top:1px #48a02c solid; 
	border-left:1px #48a02c solid;
	border-right:1px #9bd9a4 solid;
	border-bottom:1px #9bd9a4 solid;
	background: #fff url(search-ipt.gif) 0 0 repeat-x;
	padding: 4px 3px;
	width: 117px;
	height: 16px;
}

.searchinput input[type="image"] {
	cursor: pointer;
	padding: 0;
	margin: 0 0 0 2px;
	border: none;
	width: 33px;
	height: 30px;
}

/* Right parts */

#rightbar {
   float: right;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 170px;     /* sidebar width, if you change this please also change #main margins */
   margin: 0 5px;
}

#mainCalendar {
	width: 160px;
	margin: 10px 5px 15px 5px;
	background: transparent url(calendarBG.gif) 0 0 no-repeat;
}

.calendarTitle, .calendarTitle a:link, .calendarTitle a:visited {
	text-align:center;
	width: 160px;
	height: 19px;
	font-size: 11pt;
	font-weight: bold;
	padding: 2px 2px 0px 2px;
	margin: 0;
	color: #fff;
	text-decoration: none;
}

.calendarTitle a:hover {
	color: #c3e577;
	text-decoration: none;
}

.calendarRow {
	margin: 2px 2px 0px 2px;
	width: 156px;
	height: 20px;
	clear: both;
}

.calendarDaysTTL {
	width: 20px;
	height: 16px;
	margin: 2px 0px 0px 2px;
	padding: 2px 0;
	text-align: center;
	background-color: #e6e6e6;
	color: #4d4d4d;
	font-weight: bold;
	font-size: 9pt;
	float: left;	
}

.calendarDaysTTLR {
	width: 20px;
	height: 16px;
	margin: 2px 0px 0px 2px;
	padding: 2px 0;
	text-align: center;
	background-color: #f8c5af;
	color: #4d4d4d;
	font-weight: bold;
	font-size: 9pt;
	float: left;	
}

.calendarDays {
	width: 20px;
	height: 16px;
	margin: 2px 0px 0px 2px;
	padding: 2px 0;
	text-align: center;
	background-color: #f2f2f2;
	color: #8f8f8f;
	font-weight: bold;
	font-size: 9pt;
	float: left;	
}

.calendarDays a:link, .calendarDays a:visited {
	color: #8f8f8f;
	text-decoration: none;
}

.calendarDays a:hover {
	color: #4d4d4d;
	text-decoration: none;
}

.calendarDaysS {
	width: 20px;
	height: 16px;
	margin: 2px 0px 0px 2px;
	padding: 2px 0;
	text-align: center;
	background-color: #fce3d7;
	color: #8f8f8f;
	font-weight: bold;
	font-size: 9pt;
	float: left;	
}

.calendarDaysS a:link, .calendarDaysS a:visited {
	color: #8f8f8f;
	text-decoration: none;
}

.calendarDaysS a:hover {
	color: #4d4d4d;
	text-decoration: none;
}

#calendarCurrday {
	background-image:url(calendarCurr.gif);
}

.banerR {
	width: 160px;
	margin: 0px 5px 5px 5px;
}

.banerR a:hover img, .banerR a:link img, .banerR a:visited img {
	border: none;
	text-decoration: none;
}

.storyR {
	width: 160px;
	margin: 5px 5px 5px 5px;
}

.storyR a:hover img, .storyR a:link img, .storyR a:visited img {
	border: none;
	text-decoration: none;
}


/* Central Parts */

#central {
   margin: 0 190px 0 205px;
}

.centralfloat {
	margin: 0;
	padding: 0;
	width: 525px;
	float: left;
}

.TabbedPanels {
	margin: 10px 0;
	padding: 0px;
	float: left;
	clear: none;
	width: 505px;
	min-height: 148px;
	font-weight: bold;
	color: #fff;
	background: transparent url(spryBG.gif) 0 0 no-repeat;
}

.TabbedPanels h2{
	font-weight: bold;
	color: #fff;
	font-size: 11pt;
	margin: 1px 0 10px 10px;
	padding: 0;
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 0px;
	float: left;
	padding: 3px 10px;
	margin: 0px;
	list-style: none;
	cursor: pointer;
	width: 210px;
	text-align: center;
}

.TabbedPanelsTabHover {
	color: #d3ee97;
}

.TabbedPanelsTabSelected {
	background: transparent url(SprytabSelected.png) 0 0 no-repeat;
	color: #42842c;
}

.TabbedPanelsContentGroup {
	clear: both;
}

.TabbedPanelsContent {
	padding: 0;
	margin: 5px 0px;
	font-size: 9pt;
	color: #999;
	font-weight: normal;
}

.TabContentRow {
	width: 485px;
	margin: 0 10px;
	padding: 12px 0;
	clear: both;
	border-bottom: #e0edcf solid 1px;
}

.TabContentRow a:link, .TabContentRow a:visited{
	color: #37b34a;
	text-decoration: none;
}

.TabContentRow a:hover {
	color: #8bc53f;
	text-decoration: none;
}

.TabLogo {
	width: 35px;
	margin: 0 10px 0 0;
	float: left;
}

.TabLogo img {
	border: none;
}

.TabCalend {
	width: 35px;
	margin: 0 10px 0 0;
	float: left;
}

.TabCalend img {
	border: none;
}

.TabLastLogo {
	width: 35px;
	margin: 0;
	float: left;
}

.TabLastLogo img {
	border: none;
}

.TabMainTTL {
	width: 100px;
	margin: 0 10px 0 0;
	float: left;
}

.TabMainDsc {
	width: 260px;
	margin: 0 10px 0 0;
	float: left;
}

.TabLastDsc {
	width: 350px;
	margin: 0 10px 0 0;
	padding: 4px 0 0 0;
	float: left;
}

.TabLastDscTwo {
	width: 395px;
	margin: 0 10px 0 0;
	padding: 4px 0 0 0;
	float: left;
}

.TabMainHr {
	width: 50px;
	margin: 0;
	float: left;
	font-weight: bold;
	color: #4d4d4d;
	text-align: right;
}

.TabSearchDsc {
	width: 350px;
	margin: 0 10px 0 0;
	padding: 4px 0 0 0;
	float: left;
	color: #999;
	font-size: 9pt;
	font-weight: normal;
}

.TabSearchDsc a:link, .TabSearchDsc a:visited{
	color: #37b34a;
	text-decoration: none;
}

.TabSearchDsc a:hover {
	color: #8bc53f;
	text-decoration: none;
}

.GreenSection{
	margin: 10px 0;
	padding: 2px 10px;
	width: 505px;
	min-height: 148px;
	background: transparent url(spryBG.gif) 0 0 no-repeat;
}

.GreenSection h2{
	font-weight: bold;
	color: #fff;
	font-size: 11pt;
	margin: 0 0 10px 0;
	padding: 0;
}

.GreenSection a:link, .GreenSection a:visited {
	color: #37b34a;
	text-decoration: none;
}

.GreenSection a:hover{
	color: #8bc53f;
	text-decoration: none;
}

.GreenRow {
	width: 485px;
	padding: 0 0 12px 0;
	margin-bottom: 12px;
	clear: both;
	border-bottom: #e0edcf solid 1px;
	font-size: 9pt;
}

.GreenDate {
	width: 100px;
	margin: 0 10px 0 0;
	float: left;
	font-weight: bold;
	color: #4d4d4d;
}

.GreenMainDsc {
	width: 315px;
	margin: 0 10px 0 0;
	float: left;
	color: #4d4d4d;
}

.GreenHour {
	width: 50px;
	margin: 0;
	float: left;
	font-weight: bold;
	color: #4d4d4d;
}

.fullLogo {
	height: 100px;
	color: #999;
	font-size: 10pt;
	width: 485px;
}

.fullLogo img{
	margin: 0 20px 0 0;
	float:left;
}

.fullactcam {
	position: relative;
	top: 0;
	right: 0;
	float:right;
	width: 135px;
	height: 100px;
	text-align:right;
}

.fullactcam img{
	float:right;
	margin: 0 0 5px 80px;
	border: none;
}

.contText {
	color: #999;
	font-size:10pt;
	width: 485px;
	padding-top: 10px;
}

.contText ul{
	margin: 0px 15px 5px 35px;
	padding: 0;
}

.contText h3{
	color: #999;
	font-size:12pt;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin: 0;
}

.contText p{
	padding: 0 0 5px 0;
	margin: 0;
}

.contText p.opis1 {
	padding: 8px 0;
	margin: 0;
}

.moreInfoGeneral {
	width: 505px;
	min-height: 67px;
}

.moreInfoTop {
	width: 505px;
	height: 8px;
	background: transparent url(moreInfoTop.gif) 0 0 no-repeat;
}

.moreInfoBottom {
	width: 505px;
	height: 8px;
	background: transparent url(moreInfoBott.gif) 0 0 no-repeat;
	margin-bottom: 10px;
}

.moreInfoMiddBg {
	width: 505px;
	background: transparent url(moreInfoMiddBg.gif) 0 0 repeat-y;
}

.moreInfoMiddBg2 {
	width: 474px;
	background: transparent url(moreInfoMidd.gif) 0 0 no-repeat;
	min-height: 51px;
	padding: 0px 15px;
	color: #fff;
	font-size: 9pt;
}

.moreInfoMiddBg2 a:link, .moreInfoMiddBg2 a:visited {
	color: #e8eee0;
	text-decoration: none;
}

.moreInfoMiddBg2 a:hover {
	color: #fff;
	text-decoration: underline;
}

.moreInfoMiddBg2 p {
	margin: 0;
	padding: 4px 0;
}

imagesTH {
	width: 505px;
	margin-bottom:20px;
}

.th_norm1 img{padding: 2px; margin: 0 8px 0 0; border: none; background-color:#f3f9eb; float:left;width:116px}
.th_hover1 img{padding: 2px; margin: 0 8px 0 0; border: none; background-color:#c5e29f; float:left;width:116px}
.th_norm2 img{padding: 2px; margin: 0 8px 0 0; border: none; background-color:#f3f9eb; float:left;width:116px}
.th_hover2 img{padding: 2px; margin: 0 8px 0 0; border: none; background-color:#c5e29f; float:left;width:116px}
.th_norm3 img{padding: 2px; margin: 0 8px 0 0; border: none; background-color:#f3f9eb; float:left;width:116px}
.th_hover3 img{padding: 2px; margin: 0 8px 0 0; border: none; background-color:#c5e29f; float:left;width:116px}
.th_norm4 img{padding: 2px; margin: 0 0 0 0; border: none; background-color:#f3f9eb; float:left;width:116px}
.th_hover4 img{padding: 2px; margin: 0 0 0 0; border: none; background-color:#c5e29f; float:left;width:116px}

.dodatak {
	width: 505px;
	height: 31px;
	padding: 10px 10px 5px 10px;
	margin: 0;
}

.dodatak img {
	float:left;
	border: none;
	padding-right: 10px;
}

.dodatak a:link, .dodatak a:visited {
	color: #37b34a;
	text-decoration: none;
}

.dodatak a:hover{
	color: #8bc53f;
	text-decoration: none;
}

.part {
	float: left;
	margin-right: 20px;
	color: #999;
	font-size: 8pt;
	vertical-align:middle;
}

/*****************************forma z aupis****************************/
.QCell {
	padding: 2px 0px; margin: 5px 0px 0px 0px; clear: both;
}

.QCell h3{
	padding: 0; margin: 0 0 5px 0; clear: both;
	font-size: 13pt;
	color: #94c440;
	font-weight: bold;
}

.QCell input {
	font-family: Arial,sans-serif; 
	font-size:9pt; 
	color: #999;
	border: none;
	background: transparent url(inpBG.gif) 0 0 repeat-x;
	padding: 2px 10px;
	margin: 0;
	width: 255px;
	height: 20px;
}

.QCell textarea {
	font-family: Arial,sans-serif; 
	font-size:9pt; 
	color: #999;
	border: none;
	background: transparent url(texarBG.gif) 0 0 repeat-x;
	padding: 2px 10px;
	margin: 0;
	width: 255px;
	height: 136px;
	overflow:hidden;
}


.QCell input[type="button"], .QCell input[type="submit"], .QCell input[type="reset"] {
	cursor: pointer;
	padding: 0;
	margin: 0 2px 10px 0;
	border: none;
	width: 90px;
	height: 25px;
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	background: transparent url(butt.gif) 0 0 no-repeat;
}

.QCell input[type="button"]:hover, .QCell input[type="submit"]:hover, .QCell input[type="reset"]:hover {
	background: transparent url(butt.gif) 0 -24px no-repeat;
}

.QCell select {
	color: #999;
}

.QCell input[type="radio"], .QCell input[type="checkbox"] {
	padding: 0;
	width: 17px;
	height: 17px;
	vertical-align:bottom;
	background: transparent;
}

.zbir {
	font-weight:bold;
	vertical-align: baseline;
}
.zbir input{margin: 2px 0 3px 0;}

#dodatni_kal, #period1, #period2{
	display:none;
}

/***********************      telefoni    *********************/
/**************************************************************/

#col-1 {
	margin: 0 10px 0 0;
	padding: 0;
	width: 233px;
	float: left;
}

#col-2 {
	margin: 0 0 0 10px;
	padding: 0;
	width: 232px;
	float: left;
}

.col-1TTL {
	width: 221px;
	background-color: #b0d383;
	padding: 2px 4px 2px 7px;
	margin: 0;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
}

.col-1-n {
	width: 221px;
	background-color: transparent;
	padding: 2px 4px 2px 7px;
	margin: 0;
	font-size: 9pt;
	color: #999;
}

.col-1-p {
	width: 221px;
	background-color: #f3f9eb;
	padding: 2px 4px 2px 7px;
	margin: 0;
	font-size: 9pt;
	color: #999;
}

.colTT {
	width: 150px;
	float:left;
}

.colNo {
	width: 70px;
	float:left;
}

/*****************    o ns-u / marketing    *******************/
/**************************************************************/
.image505 {
	width: 465px;
	margin: 0;
	padding: 10px;
}

.image505 img {
	padding: 0;
	margin: 0;
	float: none;
}

.colmar {
	margin: 0 10px 0 10px;
	padding: 0;
	width: 455px;
}

.colmar p{
	padding: 0 0 10px 0;
	margin: 0px;
}

.colmar h3 {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 16px;
	font-weight: bold;
}

.colmar h4 {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 14px;
	font-weight: normal;
}

.tb {
	width: 505px;
	margin: 10px 0 20px 0;
}

.tbR {
	width: 505px;
	margin: 1px 0px;
	padding: 0;
	clear:both;
}

/***1 kol***/

.t4-1T {
	width: 290px;
	background-color: #b0d383;
	padding: 2px 10px;
	margin: 0;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	float: left;	
}

.t4-234T {
	width: 65px;
	background-color: #b0d383;
	padding: 2px 0;
	margin: 0;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	float: left;
	text-align: center;	
}

.t4-1-n {
	width: 290px;
	background-color: transparent;
	padding: 2px 10px;
	margin: 0;
	font-size: 9pt;
	color: #999;
	float: left;
}

.t4-1-p {
	width: 290px;
	background-color: #f3f9eb;
	padding: 2px 10px;
	margin: 0;
	font-size: 9pt;
	color: #999;
	float: left;
}

.t4-234-n {
	width: 65px;
	background-color: transparent;
	padding: 2px 0;
	margin: 0;
	font-size: 9pt;
	color: #999;
	float: left;
	text-align: center;	
}

.t4-234-p {
	width: 65px;
	background-color: #f3f9eb;
	padding: 2px 0;
	margin: 0;
	font-size: 9pt;
	color: #999;
	float: left;
	text-align: center;	
}


/****2 kol***/
.t2-1T {
	width: 70px;
	background-color: #b0d383;
	padding: 2px 0 2px 10px;
	margin: 0;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	float: left;	
}

.t2-2T {
	width: 415px;
	background-color: #b0d383;
	padding: 2px 10px 2px 0;
	margin: 0;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	float: left;
}

.t2-1-n {
	width: 70px;
	background-color: transparent;
	padding: 2px 0 2px 10px;
	margin: 0;
	font-size: 9pt;
	color: #999;
	float: left;
}

.t2-1-p {
	width: 70px;
	background-color: #f3f9eb;
	padding: 2px 0 2px 10px;
	margin: 0;
	font-size: 9pt;
	color: #999;
	float: left;
}

.t2-2-n {
	width: 415px;
	background-color: transparent;
	padding: 2px 10px 2px 0;
	margin: 0;
	font-size: 9pt;
	color: #999;
	float: left;
}

.t2-2-p {
	width: 415px;
	background-color: #f3f9eb;
	padding: 2px 10px 2px 0;
	margin: 0;
	font-size: 9pt;
	color: #999;
	float: left;
}


#footer {
	width: 880px;
	padding:30px 0 10px 0px;
	margin: 10px 10px 0 10px;
	color: #999;
	font-size: 8pt;
	border-top: solid 1px #c3e8c8;
	background: transparent url(NSfoot.gif) 0 13px no-repeat;
}

/*****5 col*****/
.t5-1T {
	width: 125px;
	background-color: #b0d383;
	padding: 2px 10px;
	margin: 0;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	float: left;	
}

.t5-2345T {
	width: 80px;
	background-color: #b0d383;
	padding: 2px 5px;
	margin: 0;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	float: left;
	text-align: center;	
}

.t5-1-n {
	width: 125px;
	background-color: transparent;
	padding: 2px 10px;
	margin: 0;
	font-size: 9pt;
	color: #999;
	float: left;
}

.t5-1-p {
	width: 125px;
	background-color: #f3f9eb;
	padding: 2px 10px;
	margin: 0;
	font-size: 9pt;
	color: #999;
	float: left;
}

.t5-2345-n {
	width: 80px;
	background-color: transparent;
	padding: 2px 5px;
	margin: 0;
	font-size: 9pt;
	color: #999;
	float: left;
	text-align: center;	
}

.t5-2345-p {
	width: 80px;
	background-color: #f3f9eb;
	padding: 2px 5px;
	margin: 0;
	font-size: 9pt;
	color: #999;
	float: left;
	text-align: center;	
}

#footer p{
	margin: 0px;
	padding: 0;
}

#footer a:link, #footer a:visited {
	color: #999;
	text-decoration: none;
}

#footer a:hover{
	color: #eb6c77;
	text-decoration: none;
}

.red {color:#f00;}

.formNavigacija {padding: 10px 0px 20px 0px; margin:0px; width: 505px; clear:both; font-size: 10pt; color: #37b34a;}
.PL {margin: 0px; padding: 0px; width: 200px; float:left; text-align:right!important;}
.PC {margin: 0px; padding: 0px; width: 105px; float:left; text-align:center!important;}
.PR {margin: 0px; padding: 0px; width: 200px; float:left; text-align:left!important;}

.formNavigacija a:link, .formNavigacija a:visited {color: #37b34a; text-decoration: none;}
.formNavigacija a:hover {color: #8bc53f; text-decoration: underline;}