@media only screen and (max-width:1000px) {
		#vrhbutton {
		  display: none;
		  position: fixed;
		  bottom: 20px;
		  right: 30px;
		  z-index: 99;
		  font-size: 18px;
		  border: none;
		  outline: none;
		  background-color: steelblue;
		  color: white;
		  cursor: pointer;
		  padding: 3px;
		  border-radius: 2px;
		  width:30px;
		  height:30px;
		}

		#vrhbutton:hover {
		  opacity:0.7;
		}
		
		.txet{
			width:90%; color:black; font-size:16px; line-height:27px;
		}
		
		.ul1{
			margin-left:-15px; width:100%; font-family: Tahoma;
		}
		
		.image_spisak{
			width:120px;
			height:87px;
		}
		
		.whole_spisak1{
			height:123px;
			width:100%;
			line-height:21px;
		}
		
		.title_spisak_comp{
			display:none;
		}
		
		.title_spisak_mob{
			font-size:13px;
			color:#404040;
		}
		
		.left_spisak{
			margin-left:130px; 
			margin-top:-86px;
		}
		
		.searchbar{		
			padding:10px; width:250px;
		}
		
		.mediatemp{
			line-height:24px; color:#404040; font-size:14px; min-height:120px; font-family:Tahoma;
		}
		
		.myfooter{
			margin-top:-30px; font-size:14px; font-family:Arial;
		}
		
		.myfooter1{
			background-image:url('https://dccl.rs/Images/grey_bcg.png'); background-repeat:repeat; margin:0; width:100%; padding:20px; padding-left:2%;
		}
		
		.myfooter2{
			background-image:url('https://dccl.rs/Images/newskalo_piece_blue.png'); background-repeat:repeat; margin:0; width:100%; padding:20px; padding-left:2%;
		}
		
		.myfooter3{
			background-image:url('https://dccl.rs/Images/right_piece.png'); background-repeat:repeat; margin:0; width:100%; padding:20px; padding-left:2%;
		}
		
		.image-inline{
			width:80px;
			height:58px;
			float:left;
			margin-right:15px;
			border-radius:10px;
		}
		
		.countries{
			margin-left:20px; font-size:15px; color:#404040; font-family:Verdana;
		}
		
		.introtext_main2{
			color:#404040; margin-left:0px; line-height:25px; width:100%; font-family:Tahoma;
		}
		
		.program{
			color:#f4f4f4; font-size:14px; padding-left:0px;
		}
		
		.ttdate{
			color:yellow; font-size:14px; padding-left:45px; margin-top:-27px;
		}
		
		.teletext{
			font-family:'MODENINE'; opacity:1;
			background:transparent; border:1px dotted steelblue; padding-top:10px; padding-left:12px; width:100%;
			background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../Images/waves.jpg'); background-repeat:no-repeat; background-size: 100% auto;
			/*background-attachment: fixed;*/
			background-position: 0% 0%;
		}
		
		.region{
			font-size:14px;
		}
		
		.region2{
			font-size:13px;
		}
		
		.region1{
			font-size:14px;
			margin-left:-40%;
			color:#d8d8d8;
		}
		
		.regiontable{
			width:100%; margin-left:-1px; line-height:32px;
			background-image:url('https://dccl.rs/Images/circle_mob.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: 50% 50%;
		}
		
		.letters{
			font-family:'Tahoma';
		}
		
		.regionnews{
			min-height:100px; font-size:14px; width:98%;
		}
		
		.regnews{
			font-size:15px;
			font-family:"MODENINE";
		}
		
		#dan{
			width:auto; margin-left:10px; margin-top:0px; color:black; font-size:16px; background:transparent; padding:5px; font-family:Tahoma;
		}
		
		#mesec{
			width:auto; margin-left:10px; margin-top:0px; color:black; font-size:16px; background:transparent; padding:5px; font-family:Tahoma;
		}
		
		#godina{
			width:auto; margin-left:0px; margin-top:0px; color:black; font-size:16px; background:transparent; padding:5px; font-family:Tahoma;
		}
		
		.jezik{
			width:auto; margin-left:0px; margin-top:15px; color:black; font-size:16px; background:transparent; padding:5px; font-family:Tahoma;
		}
		
		.datetime{
			font-size:12px;
			color:green;
			line-height:22px;
		}
		
		.rnews{
			font-size:15px;
			font-family:"MODENINE";
			color:lightsteelblue;
		}
		
		.ah3{
			margin-left:0px;
			opacity:1;
			-moz-transition: all .01s;
			-webkit-transition: all .01s;
			-o-transition: all .01s;
			transition: all .01s;
			text-decoration:underline;
			color: #003466;
			font-size:15px;
		}
		
		#carousel-me{
			display:none;
		}
		
		.clickunveil{
			margin-left:0px;
		}
		
		.clickunveilimages{
			cursor:pointer; margin-top:0px; border:0px solid #d8d8d8; width:60px; height:36px;
		}
		
		.clickformore{
			height:15px;
		}
		
		.clickformoretext{
			font-size:12px; line-height:20px; padding-left:0px; color:#d8d8d8; border-bottom:1px dotted #d8d8d8; width:96%;
		}
		
		.imagesunveil{
			margin-top:0px; display:inline; margin-left:20px;
		}
		
		#blankunveil{
			height:10px;
		}
		
		.links0{
			color:white; font-size:13px; font-family:'MODENINE'; text-transform:uppercase; font-weight:bold;
		}
		
		.links{
			color:white; font-size:13px; font-family:'MODENINE'; text-transform:uppercase; font-weight:bold;
		}
		
		.links.active{
			text-decoration:underline steelblue 2px; text-underline-offset:5px;
		}
		
		.linksheader{
			color:orange; font-family:'MODENINE';
		}
		
		#videos{
			display:none;
		}
		
		#player{
			position:absolute;
			width:230px;
			height:173px;
			display:none;
			margin-top:10px;
			margin-left:10px;
		}
		
		#player1{
			position:absolute;
			width:230px;
			height:173px;
			margin-top:10px;
			display:none;
		}
		
		#playerclose_mobile{
			display:none; 
			text-decoration:none; 
			position:absolute; 
			margin-top:9px;
			background:black;
			color:#f4f4f4;
			border:1px solid #c0c0c0;
			padding-left:10px;
			padding-right:10px;
			
			margin-left:240px;
		}
		
		#playerclose_desktop{
			display:none;
		}
			
		#player1h{
			height:203px;
			display:none;
		}
		
		.addclickunveil{
			display:none;
		}
		
		.vidcenter{
			margin-left:-10px;
		}
		
		.marqueelinks1{
			font-size:14px; height:30px; margin-left:2px; width:95.2%;
		}
		
		.marqueelinks2{
			font-size:14px; height:200px; margin-left:-40px;
		}
		
		.fontclass0{
			/*font-size:14px; font-weight:bold; width:98%; line-height:23px;*/
			font-size:15px; font-weight:bold; width:98%; line-height:24px;
		}
		
		.fontclass01{
			font-size:14px; font-weight:bold; width:98%; line-height:23px;
		}
		
		.fontclass2{
			/*font-size:14px; font-weight:bold; width:98%; line-height:23px;*/
			font-size:15px; font-weight:bold; width:98%; line-height:26px;
		}
		
		.hlinesc{
			font-size:14px; font-weight:bold; color:yellow;
		}
		
		.hlinesc11{
			font-size:14px; font-weight:bold; color:yellow;
		}
		
		.fontclass{
			font-size:14px; font-weight:bold;
		}
		
		.lastheadline{
			width:96%; color:yellow; border-bottom:1px dotted #d8d8d8; text-transform:uppercase; font-size:14px; font-weight:bold; margin-top:8px; line-height:24px;
		}
		
		.fontclass1{
			font-size:14px;
		}
		
		.audiocanvas{
			width:99%; height:100px; margin-top:5px; display:none;
		}
		
		.rnewsblank{
			height:9px;
		}
		
		.centerstyle{
			color:#404040; line-height:25px; font-size:14px;
		}
		
		.bluefooterline{
			 margin-left:0px; margin-right:12px; width:auto; max-width:98%; height:auto; min-height:26px; background:steelblue; color:#d8d8d8; padding-top:10px; padding-bottom:10px; text-transform:uppercase; font-size:12px; line-height:23px;
		}
		
		.uploading{
			width:98%; display:none; border-top:2px dotted #FF6A00; border-left:0px dotted #0094FF; border-right:0px dotted #0094FF;
		}
		
		img {
		  margin: auto;
		  display: block;
		}
		
		.chline{
			margin-top:17px; margin-left:0px; border:1px dotted #d8d8d8; width:98%;
		}
		
		.chline1{
			margin-top:17px; margin-left:0px; border:1px dotted #d8d8d8; width:96%;
		}
		
		.abdmimg{
			width:80%;
			height:auto;
			margin: auto;
		    display: block;
		}
		
		.abdmimg_div{
			margin-left:-13px;
		}
		
		.abdmimg1{
			width:90%;
			height:auto;
			margin: auto;
		    display: block;
			border:0px dotted cadetblue;
		}
		
		.abdmimg2{
			width:70%;
			height:auto;
			margin: auto;
		    display: block;
		}
		
		#image_middle_mobile{
			display:block;
		}
		
		#image_middle_desktop{
			display:none;
		}
		
		.tdmiddle{
			height:12px;
		}
		
		.tdmiddle1{
			height:5px;
		}
		
		.fontimg{
			font-size:13px;
		}
		
		.justbeforeimg{
			height:7px;
		}
		
		.myheader{
			background:black; background-image:url('https://dccl.rs/Images/neptune63.jpg'); background-size: auto 100%; background-repeat:no-repeat; background-position: right;
		}
		
		.linebetween{
			display:block;
		}
		
		.futerline{
			width:96%; color:#d8d8d8; border-bottom:2px dotted #d8d8d8; text-transform:uppercase; font-size:16px;
		}
		
		.futerline1{
			width:98%; color:#d8d8d8; border-bottom:2px dotted #d8d8d8; text-transform:uppercase; font-size:16px;
		}
		
		.ddlViewBy{
			font-size:14px;
			height:auto;
			width:95%;
			padding:5px;
			padding-left:17px;
			border:2px solid #c0c0c0;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
		
		.orangeline{
			height:1px; background:orange; width:98%;
		}
		
		.hederlines{
			height:12px; background:transparent; margin-left:0px; border-top:3px dotted #00C110; width:96.7%;
		}
		
		.hederlines1{
			height:10px; background:transparent; margin-left:0px; border-bottom:3px dotted #00C110; width:96.5%;
		}
		
		.pictekst{
			margin-top:0px; margin-left:0px; border:1px dotted #c0c0c0; width:96%;
		}
		
		.appline{
			height:1px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.applineyellow{
			height:1px; border:1px dotted skyblue; width:100%;
		}
		
		.appline2{
			height:1px; border:1px dotted #c0c0c0; width:100%;
		}
		
		.appline4{
			height:1px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.appline5{
			height:1px; border:1px dotted #c0c0c0; width:96%;
		}
		
		.appline_mob{
			height:1px; border:1px dotted #c0c0c0; width:96%;
		}
		
		.appline2_mob{
			height:1px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.applinesales{
			height:1px; border:1px dotted #c0c0c0; width:96%;
		}
		
		.applinesales1{
			height:1px; border:1px dotted #c0c0c0; width:96%;
		}
		
		.appline_once{
			height:1px; border:1px dotted khaki; width:98%;
		}
		
		.appline6{
			height:1px; border:1px dotted #c0c0c0; width:96%;
		}
		
		.appline7{
			height:1px; border:1px dotted lightsteelblue; width:98%;
		}
		
		#nastavak{
			margin-top:0px;
		}
		
		.dcclline{
			margin-top:5px; margin-left:0px; border:1px dotted lightsteelblue; width:100%; display:block;
		}
		
		.num1{
			text-transform:uppercase; color:khaki; margin-top:-15px;
		}
		
		.num2{
			text-transform:uppercase; color:#FF6A00; margin-top:-25px;
		}		
		
		.num3{
			text-transform:uppercase; color:skyblue;
		}
		
		.num4{
			text-transform:uppercase; color:#CF70FF; margin-top:-15px;
		}
		
		#odvojmob{
			display:block;
		}
		
		.josmalo{
			height:2px;
		}
		
		.josmalo1{
			height:0px;
		}
		
		.josmalo2{
			height:5px;
		}
		
		.code_to_copy{
			padding:10px; border:1px dotted lightskyblue; font-size:12px; color:lightgray; width:98%; display:none;
		}
		
		#thatsall{
			height:3px;
		}
		
		.square1{
			width:15%; height:50px; background:transparent; border:2px dotted blue;
		}
		
		.square2{
			width:15%; height:50px; background:transparent; border:2px dotted greenyellow; margin-top:-50px; margin-left:19%;
		}
		
		.square3{
			width:15%; height:50px; background:transparent; border:2px dotted #e00000; margin-top:-50px; margin-left:38%;
		}
		
		.square4{
			width:15%; height:50px; background:transparent; border:2px dotted darkgreen; margin-top:-50px; margin-left:57%; color:greenyellow; font-size:29px; padding-top:12px;
		}
		
		.socialmediabuttons{
			background:#008047; width:95px; height:35px; color:#f4f4f4; font-size:12px; font-family:'MODENINE'; border:0px; border-radius:5px; text-decoration:none;
		}
		
		.socialmediabuttons1{
			background:#008047; width:40px; height:35px; color:#f4f4f4; font-size:12px; font-family:'MODENINE'; border:0px; border-radius:5px; text-decoration:none;
		}
		
		.socialmedialine{
			margin-top:12px; margin-left:0px; border:1px dotted #c0c0c0; width:96%;
		}

		.dccl1{
			border:0px dashed #c0c0c0; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px;
		}
		
		.dccl2{
			border:0px dashed #c0c0c0; border-left:0px; border-left:0px; padding-top:18px; padding-left:0px; padding-right:0px; padding-bottom:0px;
		}
		
		.dccl3{
			border:0px dashed #c0c0c0; border-top:0px; padding-top:18px; padding-left:0px; padding-right:0px; padding-bottom:0px;
		}
		
		.dccl4{
			border:0px dashed #c0c0c0; border-top:0px; border-left:0px; padding-top:18px; padding-left:0px; padding-right:0px; padding-bottom:0px;
		}
		
		.beforeappline{
			height:0px; margin-top:0px;
		}
		
		.yourpincode{
			color:lightsteelblue; font-size:12px;
		}
		
		.dwl{
			display:none; color:greenyellow; margin-left:14px; font-size:14px;
		}
		
		.loginbutton{
			width:20px; margin-top:9px; height:auto; float:left;
		}
		
		.div12{
			height:5px;
		}
		
		#div12{
			height:5px;
		}
		
		#div13{
			height:10px;
		}
		
		.div14{
			height:9px;
		}
		
		.div14_1{
			height:2px;
		}
		
		.div15{
			height:15px;
		}
		
		.havent{
			height:8px;
		}
		
		.havent1{
			height:0px;
		}
		
		.havent2{
			height:0px;
		}
		
		.dwlicon{
			width:20px; height:auto; float:left; margin-top:10px;
		}
		
		.savepkbutton{
			width:20px; margin-top:16px; height:auto; float:left; display:none;
		}
		
		.applinelm{
			height:1px; border:1px dotted lightsteelblue; width:98%;
		}
		
		.odeljak5{
			background-image:url('https://dccl.rs/Images/circle_mob.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: 50% 50%;
		}
		
		.recordingfont{
			font-size:14px;
		}
		
		.safetyrules{
			background-image:url('https://dccl.rs/Images/circle_mob.png'); background-size: 100% auto; background-repeat:no-repeat; background-position: 50% 50%;
		}
		
		.closebutton2{		
			border:2px solid white; border-radius:20px; padding:5px; cursor:pointer; opacity:1.0; width:30px; height:30px; margin-right:4.5%; float:right; margin-top:3px;
		}
				
		.arrowbutton2{
			border:0px solid white; cursor:pointer; opacity:1.0; width:30px; height:30px; float:left; margin-left:10px;
		}
		
		.datumobjave2{
			color:#f4f4f4; float:left; font-size:12px; margin-top:33px; margin-left:-113px;
		}
		
		#naslovdiv{
			width:98%;
		}
	}
	
	@media only screen and (min-width:1000px) {
		#vrhbutton {
		  display: none;
		  position: fixed;
		  bottom: 20px;
		  right: 30px;
		  z-index: 99;
		  font-size: 18px;
		  border: none;
		  outline: none;
		  background-color: steelblue;
		  color: white;
		  cursor: pointer;
		  padding: 3px;
		  border-radius: 2px;
		  width:40px;
		  height:40px;
		}

		#vrhbutton:hover {
		  opacity:0.7;
		}
		
		.txet{
			width:90%; color:black; font-size:18px; line-height:28px;
		}
		
		.ul1{
			margin-left:-15px; width:100%; font-family: Tahoma;
		}
		
		.image_spisak{
			width:120px;
			height:87px;
		}
			
		.image_spisak:hover{
			opacity:.85;
			width:120px;
			height:87px;
		}
		
		.whole_spisak1{
			height:111px;
			width:100%;
			line-height:23px;
		}
		
		.title_spisak_comp{
			font-size:16px;
			color:#404040;
			font-family:Tahoma;
		}
		
		.title_spisak_mob{
			display:none;
		}
			
		.left_spisak{
			margin-left:142px; 
			margin-top:-80px;
		}
		
		.searchbar{		
			padding:10px; width:45%;
		}
		
		.mediatemp{
			line-height:25px; color:#404040; font-size:16px; height:auto; font-family:Tahoma;
		}
		
		.myfooter{
			margin-top:-100px; font-size:16px;
		}
		
		.myfooter1{
			background-image:url('https://dccl.rs/Images/grey_bcg.png'); background-repeat:repeat; margin:0; width:100%; padding:20px; padding-left:5%;
		}
		
		.myfooter2{
			background-image:url('https://dccl.rs/Images/newskalo_piece_blue.png'); background-repeat:repeat; margin:0; width:100%; padding:20px; padding-left:5%;
		}
		
		.myfooter3{
			background-image:url('https://dccl.rs/Images/right_piece.png'); background-repeat:repeat; margin:0; width:100%; padding:20px; padding-left:5%;
		}
		
		.image-inline{
			width:80px;
			height:58px;
			float:left;
			margin-right:15px;
			border-radius:20px;
		}
		
		.countries{
			margin-left:20px; font-size:18px; color:#404040; font-family:Verdana;
		}
		
		.introtext_main2{
			color:#404040; margin-left:0px; line-height:27px; width:100%;
		}
		
		.program{
			color:#f4f4f4; font-size:15px; padding-left:0px;
		}
		
		.ttdate{
			color:yellow; font-size:15px; padding-left:60px; margin-top:-28px;
		}
		
		.teletext{
			font-family:'MODENINE'; margin-top:50px; opacity:1;
			height:auto; background:transparent; border:2px dotted steelblue; padding-top:10px; padding-left:12px; width:100%;
			background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../Images/waves.jpg'); background-repeat:no-repeat; background-size: 100% auto;
			/*background-attachment: fixed;*/
			background-position: 0% 0%;
		}
		
		.region{
			font-size:16px;
			padding:3px;
		}
		
		.region2{
			font-size:15px;
			padding:3px;
		}
		
		.region1{
			font-size:16px;
			margin-left:20%;
			color:#d8d8d8;
			padding:3px;
		}
		
		.regiontable{
			width:100%; margin-left:-1px;
			background-image:url('https://dccl.rs/Images/circle.png'); background-size: auto 100%; background-repeat:no-repeat; background-position: right;
		}
		
		.letters{
			font-family:"ATypewriterForMe";
		}
		
		.regionnews{
			min-height:100px; font-size:16px;
		}
		
		.regnews{
			font-size:18px;
			font-family:"MODENINE";
		}
		
		#dan{
			width:auto; margin-left:10px; margin-top:10px; color:black; font-size:16px; background:transparent; padding:5px;
		}
		
		#mesec{
			width:auto; margin-left:10px; margin-top:10px; color:black; font-size:16px; background:transparent; padding:5px;
		}
		
		#godina{
			width:auto; margin-left:0px; margin-top:10px; color:black; font-size:16px; background:transparent; padding:5px;
		}
		
		.jezik{
			width:auto; margin-left:10px; margin-top:10px; color:black; font-size:16px; background:transparent; padding:5px;
		}
		
		.datetime{
			font-size:13px;
			color:green;
			line-height:22px;
		}
		
		.rnews{
			font-size:17px;
			font-family:"MODENINE";
			color:lightsteelblue;
		}
		
		.ah3{
			margin-left:0px;
			opacity:1;
			-moz-transition: all .01s;
			-webkit-transition: all .01s;
			-o-transition: all .01s;
			transition: all .01s;
			text-decoration:underline;
			color: #003466;
			font-size:16px;
		}
			
		.ah3:hover {
			margin-left:0px;
			opacity:.85;
			text-decoration:underline;
			color:blue;
			font-size:16px;
		}
		
		#carousel-me{
			display:none;
		}
		
		.clickunveil{
			overflow:hidden;
		}
		
		.clickunveilimages{
			cursor:pointer; margin-top:0px; border:0px solid #d8d8d8; width:200px; height:129px;
		}
		
		.clickunveilimages:hover{
			cursor:pointer; margin-top:0px; border:0px solid #d8d8d8; width:200px; height:129px; opacity:.85;
		}
		
		.clickformore{
			height:20px;
		}
		
		.clickformoretext{
			font-size:15px; line-height:22px; padding-left:0px; color:#d8d8d8; border-bottom:1px dotted #d8d8d8; width:96%;
		}
		
		.imagesunveil{
			margin-top:0px; display:inline; margin-left:20px;
		}
		
		#blankunveil{
			height:25px;
		}
		
		.links0{
			color:white; font-size:14px; font-family:'MODENINE'; text-transform:uppercase; font-weight:bold;
		}
		
		.links{
			color:white; font-size:14px; font-family:'MODENINE'; cursor:pointer; text-transform:uppercase; font-weight:bold;
		}
		
		.links.active{
			text-decoration:underline steelblue 2px; text-underline-offset:5px;
		}
		
		.links:hover{
			color:#d8d8d8; opacity:1; text-decoration:underline steelblue 2px; text-underline-offset:5px;
		}
		
		.linksheader{
			color:#f4f4f4; font-family:'MODENINE'; cursor:pointer;
		}
		
		.highlights{
			color:white; font-size:15px;
		}
		
		#videos{
			display:none;
		}
		
		#player{
			position:absolute;
			width:640px;
			height:391px;
			display:none;
			margin-top:10px;
			margin-left:10px;
		}
		
		#player1{
			position:absolute;
			width:640px;
			height:391px;
			margin-top:10px;
			display:none;
		}
			
		#playerclose_mobile{
			display:none;
		}
		
		#playerclose_desktop{
			display:none; 
			text-decoration:none; 
			position:absolute; 
			margin-top:9px;				
			background:black;
			color:#f4f4f4;
			border:1px solid #c0c0c0;
			padding-left:10px;
			padding-right:10px;
			border-radius:0px;
			
			margin-left:650px;		
		}
		
		#playerclose_desktop:hover{
			display:none; 
			text-decoration:none; 
			position:absolute; 
			margin-top:9px;				
			background:black;
			color:#f4f4f4;
			border:1px solid #c0c0c0;
			padding-left:10px;
			padding-right:10px;
			border-radius:0px;
			
			margin-left:650px;
			opacity:.85;
		}
			
		#player1h{
			height:330px;
			display:none;
		}
		
		.vidcenter{
			margin-left:-40px;
		}
		
		.marqueelinks1{
			font-size:16px; height:30px; margin-left:2px; width:95.5%;
		}
		
		.marqueelinks2{
			font-size:16px; height:250px; margin-left:-40px;
		}
		
		.marqueebcg{
			position:absolute; height:30px; width:76.2%; background:black; opacity:.7;
		}
		
		.fontclass0{
			/*font-size:15px; font-weight:bold; width:98%; line-height:25px;*/
			font-size:16px; font-weight:bold; width:98%; line-height:26px;
		}
		
		.fontclass01{
			font-size:15px; font-weight:bold; width:98%; line-height:25px;
		}
		
		.fontclass2{
			/*font-size:15px; font-weight:bold; width:98%; line-height:25px;*/
			font-size:16px; font-weight:bold; width:98%; line-height:28px;
		}
		
		.hlinesc{
			font-size:15px; font-weight:bold; color:yellow;
		}
		
		.hlinesc11{
			font-size:15px; font-weight:bold; color:yellow;
		}
		
		.fontclass{
			font-size:15px;
		}
		
		.lastheadline{
			width:98%; color:yellow; border-bottom:1px dotted #d8d8d8; text-transform:uppercase; font-size:15px; font-weight:bold; margin-top:0px;
		}
		
		.fontclass1{
			font-size:14px;
		}
		
		.audiocanvas{
			width:350px; height:100px; margin-top:5px; display:none;
		}
		
		.rnewsblank{
			height:9px;
		}
		
		.centerstyle{
			color:#404040; line-height:25px; font-size:16px;
		}
		
		.bluefooterline{
			 margin-left:0px; margin-right:12px; width:auto; max-width:98%; height:auto; min-height:40px; background:steelblue; color:#d8d8d8; padding-top:10px; padding-bottom:10px; text-transform:uppercase; font-size:15px;
		}
		
		.uploading{
			width:100%; display:none; border-top:2px dotted #FF6A00; border-left:0px dotted #0094FF; border-right:0px dotted #0094FF;
		}
		
		img {
		  margin: auto;
		  display: block;
		}
		
		.chline{
			margin-top:17px; margin-left:0px; border:1px dotted #d8d8d8; width:100%;
		}
		
		.chline1{
			margin-top:17px; margin-left:0px; border:1px dotted #d8d8d8; width:98%;
		}
		
		.abdmimg{
			width: 45%;
		    margin: auto;
		    display: block;
		}
		
		.abdmimg_div{
			margin-left:-15px;
		}
		
		.abdmimg2{
		}
		
		#image_middle_mobile{
			display:none;
		}
		
		#image_middle_desktop{
			width:100%;
			display:block;
		}
		
		.tdmiddle{
			height:20px;
		}
		
		.tdmiddle1{
			height:15px;
		}
		
		.fontimg{
			font-size:14px;
		}
		
		.justbeforeimg{
			height:12px;
		}
		
		.myheader{
			background:black; background-image:url('https://dccl.rs/Images/neptune63.jpg'); background-size: auto 100%; background-repeat:no-repeat; background-position: right;
		}
		
		.linebetween{
			display:block;
		}
		
		.futerline{
			width:98%; color:#d8d8d8; border-bottom:1px dotted #d8d8d8; text-transform:uppercase; font-size:17px; font-weight:bold; margin-top:-2px;
		}
		
		.futerline1{
			width:98%; color:#d8d8d8; border-bottom:1px dotted #d8d8d8; text-transform:uppercase; font-size:17px; font-weight:bold; margin-top:-2px;
		}
		
		.ddlViewBy{
			font-size:14px;
			height:30px;
			width:auto;
			max-width:200px;
			padding-left:20px;
			border:2px solid #c0c0c0;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			background:black;
			color:#d8d8d8;
		}
		
		.orangeline{
			height:1px; background:orange; width:100%;
		}
		
		.hederlines{
			height:11px; background:transparent; margin-left:0px; border-top:3px dotted #00C110; width:98.1%;
		}
		
		.hederlines1{
			height:9px; background:transparent; margin-left:0px; border-bottom:3px dotted #00C110; width:98%;
		}
		
		.pictekst{
			margin-top:0px; margin-left:0px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.appline{
			height:1px; border:1px dotted #c0c0c0; width:100%;
		}
		
		.applineyellow{
			height:1px; border:1px dotted skyblue; width:100%;
		}
		
		.appline1{
			height:1px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.appline2{
			height:1px; border:1px dotted #c0c0c0; width:100%;
		}
		
		.appline3{
			height:1px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.appline4{
			height:1px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.appline5{
			height:1px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.appline11{
			height:1px; border:1px dotted #c0c0c0; width:100%;
		}
		
		.applinesales{
			height:1px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.applinesales1{
			height:1px; border:1px dotted #c0c0c0; width:100%;
		}
		
		.appline_once{
			height:1px; border:1px dotted khaki; width:100%;
		}
		
		.appline6{
			height:1px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.appline7{
			height:1px; border:1px dotted lightsteelblue; width:100%;
		}
		
		#nastavak{
			margin-top:7px;
		}
		
		.dcclline{
			display:none;
		}
		
		.num1{
			text-transform:uppercase; color:khaki; margin-top:-5px;
		}
		
		.num2{
			text-transform:uppercase; color:#FF6A00; margin-top:-5px;
		}		
		
		.num3{
			text-transform:uppercase; color:skyblue;
		}
		
		.num4{
			text-transform:uppercase; color:#CF70FF;
		}
		
		#odvojmob{
			display:none;
		}
		
		.josmalo{
			height:0px;
		}
		
		.josmalo1{
			height:5px;
		}
		
		.josmalo2{
			height:5px;
		}
		
		.code_to_copy{
			padding:10px; border:1px dotted lightskyblue; font-size:12px; color:lightgray; width:102%; display:block;
		}
		
		#thatsall{
			height:23px;
		}
		
		.square1{
			width:10%; height:50px; background:transparent; border:2px dotted blue;
		}
		
		.square2{
			width:10%; height:50px; background:transparent; border:2px dotted greenyellow; margin-top:-50px; margin-left:12%;
		}
		
		.square3{
			width:10%; height:50px; background:transparent; border:2px dotted #e00000; margin-top:-50px; margin-left:24%;
		}
		
		.square4{
			width:10%; height:50px; background:transparent; border:2px dotted darkgreen; margin-top:-50px; margin-left:36%; color:greenyellow; font-size:29px; padding-top:12px;
		}
		
		.socialmediabuttons{
			background:#008047; width:105px; height:35px; color:#f4f4f4; font-size:15px; font-family:'MODENINE'; border:0px; border-radius:5px; text-decoration:none;
		}
		
		.socialmediabuttons:hover{
			background:#004927;
		}
		
		.socialmediabuttons1{
			background:#008047; width:50px; height:35px; color:#f4f4f4; font-size:15px; font-family:'MODENINE'; border:0px; border-radius:5px; text-decoration:none;
		}
		
		.socialmediabuttons1:hover{
			background:#004927;
		}
		
		.socialmedialine{
			margin-top:12px; margin-left:0px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.dccl1{
			width:50%; float:left; border:1px dashed #c0c0c0; padding-top:20px; padding-left:20px; padding-right:20px; padding-bottom:20px;
		}
		
		.dccl2{
			width:50%; float:right; border:1px dashed #c0c0c0; border-left:0px; border-left:0px; padding-top:20px; padding-left:20px; padding-right:20px; padding-bottom:20px;
		}
		
		.dccl3{
			width:50%; float:left; border:1px dashed #c0c0c0; border-top:0px; padding-top:20px; padding-left:20px; padding-right:20px; padding-bottom:20px;
		}
		
		.dccl4{
			width:50%; float:right; border:1px dashed #c0c0c0; border-top:0px; border-left:0px; padding-top:20px; padding-left:20px; padding-right:20px; padding-bottom:20px;
		}
		
		.beforeappline{
			height:0px; margin-top:0px;
		}
		
		.yourpincode{
			color:lightsteelblue; font-size:14px;
		}
		
		.dwl{
			display:none; color:greenyellow; margin-left:14px; font-size:15px;
		}
		
		.loginbutton{
			width:20px; margin-top:10px; height:auto; float:left;
		}
		
		.div12{
			height:10px;
		}
		
		#div12{
			height:10px;
		}
		
		#div13{
			height:10px;
		}
		
		.div14{
			height:8px;
		}
		
		.div14_1{
			height:3px;
		}
		
		.div15{
			height:15px;
		}
		
		.havent{
			height:0px;
		}
		
		.havent1{
			height:1px;
		}
		
		.havent2{
			height:6px;
		}
		
		.dwlicon{
			width:20px; height:auto; float:left; margin-top:12px;
		}
		
		.savepkbutton{
			width:20px; margin-top:16px; height:auto; float:left; display:none;
		}
		
		.applinelm{
			height:1px; border:1px dotted lightsteelblue; width:98%;
		}
		
		.odeljak5{
			background-image:url('https://dccl.rs/Images/circle.png'); background-size: 25% auto; background-repeat:no-repeat; background-position: 38% 62%;
		}
		
		.recordingfont{
			font-size:15px;
		}
		
		.safetyrules{
			background-image:url('https://dccl.rs/Images/circle.png'); background-size: 60% auto; background-repeat:no-repeat; background-position: 10% 90%;
		}
		
		.closebutton2{				
			border:2px solid white; border-radius:20px; padding:5px; cursor:pointer; opacity:1.0; width:30px; height:30px; margin-right:4.5%; float:right; margin-top:3px;
		}
				
		.closebutton2:hover{
			opacity:.7;
		}
				
		.arrowbutton2{
			border:0px solid white; cursor:pointer; opacity:1.0; width:30px; height:30px; float:left; margin-left:10px;
		}
			
		.arrowbutton2:hover{
			opacity:.7;
		}
		
		.datumobjave2{
			color:#f4f4f4; float:left; font-size:13px; margin-top:33px; margin-left:-113px;
		}
		
		#naslovdiv{
			width:100%;
		}
	}
	
	@media print {
		html, body {
		   display: none;  /* hide whole page */
		}
	}
	
	@media only screen and (max-width:1000px) {
		.custom-file-upload0 {
			border: 1px solid #404040;
			color:#202020;
			padding: 7px 7px;
			padding-top:5px;
			padding-bottom:5px;
			width:75%;
			font-size:12px;
			background:white;
			border-radius:5px;
		}
		
		.sbuttons {
			border: 1px solid orange;
			color:greenyellow;
			padding: 7px 7px;
			padding-top:5px;
			padding-bottom:5px;
			width:45%;
			font-size:14px;
			background:black;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons2 {
			border: 1px solid orange;
			color:greenyellow;
			padding: 7px 7px;
			padding-top:5px;
			padding-bottom:5px;
			width:55%;
			font-size:14px;
			background:black;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttonspp {
			border: 1px solid orange;
			color:greenyellow;
			padding: 7px 7px;
			padding-top:5px;
			padding-bottom:5px;
			width:55%;
			font-size:14px;
			background:black;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.selectmsgs{
			width:306px; height:35px; background:black; color:#f4f4f4; max-width:100%; border:1px solid #eaeaea;
		}
		
		.msgtextarea{
			min-height:250px; border:1px dashed skyblue; padding:10px; width:98%;
			resize: vertical;
			overflow: auto;
			background:transparent;
		}
		
		.naslovi{
			color:#FFED2B; margin-top:0px; margin-left:0px; font-size:14px; line-height:25px; width:98%; font-weight:bold;
		}
		
		.naslovi1{
			color:#e00000; margin-top:0px; margin-left:0px; font-size:14px; line-height:25px; text-transform:uppercase;
		}
		
		.naslovi2{
			color:greenyellow; margin-top:0px; margin-left:0px; font-size:14px; line-height:25px; width:98%;
		}
		
		.justbeforeadsrevenue{
			height:7px;
		}
		
		.closebutttos{			
			border:2px solid white; border-radius:20px; padding:5px; cursor:pointer; opacity:1.0; width:30px; height:30px; float:left; margin-left:0px; margin-top:-14px; 
		}
		
		.closebuttonstore{			
			border:2px solid white; border-radius:20px; padding:5px; cursor:pointer; opacity:1.0; width:30px; height:30px; float:left; margin-left:0px; margin-top:-20px; 
		}
		
		.wmimage{
			width:200px; height:auto; border:1px dotted #f4f4f4; padding-bottom:17px; margin-top:-3px; background:transparent;
		}
		
		.wmimageaudio{
			width:220px; height:auto; border:1px dotted #f4f4f4; padding-bottom:17px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif1{
			width:100%; height:auto; border:1px dotted #f4f4f4; float:left; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif2{
			height:auto; border:1px dotted #f4f4f4; float:left; width:50%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif3{
			height:auto; border:1px dotted #f4f4f4; float:left; width:33.33%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif4{
			height:auto; border:1px dotted #f4f4f4; float:left; width:25%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif5{
			height:auto; border:1px dotted #f4f4f4; float:left; width:20%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif6{
			height:auto; border:1px dotted #f4f4f4; float:left; width:16%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif7{
			height:auto; border:1px dotted #f4f4f4; float:left; width:14%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif8{
			height:auto; border:1px dotted #f4f4f4; float:left; width:12%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif9{
			height:auto; border:1px dotted #f4f4f4; float:left; width:11%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif10{
			height:auto; border:1px dotted #f4f4f4; float:left; width:10%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage1{
			width:100px; height:auto; border:0px dotted #f4f4f4; margin-top:-2px; background:transparent;
		}
		
		.wmimagepdf{
			width:80px; height:auto; border:1px dotted #f4f4f4; margin-top:-2px; background:transparent;
		}
		
		.mydotted{
			margin-left:0px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.mydotted1{
			margin-left:0px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.toapps{
			width:96%; height:12px; background:transparent;
		}
		
		.contactfooterline{
			margin-top:11px; margin-left:0px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.roundout{
			color:#05C3DD; font-size:13px;
		}
		
		.roundout1{
			color:#05C3DD; font-size:13px; width:100%;
		}
		
		.roundout0{
			margin-top:0px; margin-left:0px; border:1px dotted #FFD800; width:98%;
		}
		
		.roundout01{
			margin-top:0px; margin-left:0px; border:1px dotted #FFD800; width:98%;
		}
		
		.followinstructions{
			color:#A2D2D8;
		}
		
		.downloadcard{
			color:#CF70FF;
		}
		
		.contactus{
			font-size:14px;
		}
	}
	
	@media only screen and (min-width:1000px) {		
		.custom-file-upload0 {
			border: 1px solid #404040;
			color:#202020;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:35%;
			font-size:14px;
			background:white;
			border-radius:5px;
		}
				
		.custom-file-upload0:hover {
			background:#f4f4f4;
		}
		
		.sbuttons {
			border: 1px solid orange;
			color:greenyellow;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:25%;
			font-size:16px;
			background:black;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
				
		.sbuttons:hover {
			background:#202020;
		}
		
		.sbuttons2 {
			border: 1px solid orange;
			color:greenyellow;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:22%;
			font-size:16px;
			background:black;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
				
		.sbuttons2:hover {
			background:#202020;
		}
		
		.sbuttonspp {
			border: 1px solid orange;
			color:greenyellow;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:35%;
			font-size:16px;
			background:black;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
				
		.sbuttonspp:hover {
			background:#202020;
		}
		
		.selectmsgs{
			width:480px; height:40px; background:black; color:#f4f4f4; border:1px solid #eaeaea;
		}
		
		.msgtextarea{
			min-height:250px; width:auto; border:1px dashed skyblue; padding:10px;
			resize: vertical;
			overflow: auto;
			background:transparent;
		}
		
		.naslovi{
			color:#FFED2B; margin-top:0px; margin-left:0px; font-size:15px; line-height:27px; width:98%; font-weight:bold;
		}
		
		.naslovi1{
			color:#e00000; margin-top:0px; margin-left:0px; font-size:15px; line-height:27px; text-transform:uppercase;
		}
		
		.naslovi2{
			color:greenyellow; margin-top:0px; margin-left:0px; font-size:15px; line-height:27px; width:98%;
		}
		
		.justbeforeadsrevenue{
			height:4px;
		}
		
		.closebutttos{			
			border:2px solid white; border-radius:20px; padding:5px; cursor:pointer; opacity:1.0; width:30px; height:30px; float:left; margin-left:0px; margin-top:-14px; 
		}
				
		.closebutttos:hover{
			cursor:pointer; opacity:.7;
		}
		
		.closebuttonstore{			
			border:2px solid white; border-radius:20px; padding:5px; cursor:pointer; opacity:1.0; width:30px; height:30px; float:left; margin-left:0px; margin-top:-20px; 
		}
		
		.closebuttonstore:hover{
			cursor:pointer; opacity:.7;
		}
		
		.wmimage{
			width:250px; height:auto; border:1px dotted #f4f4f4; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimageaudio{
			width:300px; height:auto; border:1px dotted #f4f4f4; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif1{
			width:100%; height:auto; border:1px dotted #f4f4f4; float:left; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif2{
			height:auto; border:1px dotted #f4f4f4; float:left; width:50%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif3{
			height:auto; border:1px dotted #f4f4f4; float:left; width:33.33%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif4{
			height:auto; border:1px dotted #f4f4f4; float:left; width:25%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif5{
			height:auto; border:1px dotted #f4f4f4; float:left; width:20%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif6{
			height:auto; border:1px dotted #f4f4f4; float:left; width:16%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif7{
			height:auto; border:1px dotted #f4f4f4; float:left; width:14%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif8{
			height:auto; border:1px dotted #f4f4f4; float:left; width:12%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif9{
			height:auto; border:1px dotted #f4f4f4; float:left; width:11%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage_gif10{
			height:auto; border:1px dotted #f4f4f4; float:left; width:10%; padding:1px; padding-bottom:0px; margin-top:-3px; background:transparent;
		}
		
		.wmimage1{
			width:200px; height:auto; border:0px dotted #f4f4f4; margin-top:-2px; background:transparent;
		}
		
		.wmimagepdf{
			width:80px; height:auto; border:1px dotted #f4f4f4; margin-top:-2px; background:transparent;
		}
		
		.mydotted{
			margin-left:0px; border:1px dotted #c0c0c0; width:98%;
		}
		
		.mydotted1{
			margin-left:0px; border:1px dotted #c0c0c0; width:100%;
		}
		
		.toapps{
			width:100%; height:12px; background:transparent;
		}
		
		.contactfooterline{
			margin-top:11px; margin-left:0px; border:1px dotted #c0c0c0; width:100%;
		}
		
		.roundout{
			color:#05C3DD; font-size:14px;
		}
		
		.roundout1{
			color:#05C3DD; font-size:14px;
		}
		
		.roundout0{
			margin-top:0px; margin-left:0px; border:1px dotted #FFD800; width:100%;
		}
		
		.roundout01{
			margin-top:0px; margin-left:0px; border:1px dotted #FFD800; width:100%;
		}
		
		.followinstructions{
			color:#A2D2D8; cursor:pointer;
		}
		
		.followinstructions:hover{
			color:steelblue; text-decoration:none;
		}
		
		.downloadcard{
			color:#CF70FF; cursor:pointer;
		}
		
		.downloadcard:hover{
			color:steelblue; text-decoration:none;
		}
		
		.contactus{
			font-size:15px;
		}
	}
	
	.option-toggle {
		position: absolute;
		right: 0;
		top: 0;
		margin-top: 5px;
		margin-right: -30px;
		width: 30px;
		height: 30px;
		background: #f64662;
		text-align: center;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
		color: #fff;
		cursor: pointer;
		-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
		-moz-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
		-ms-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
		box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
	}
	.option-toggle i {
		top: 2px;
		position: relative;
	}
	.option-toggle:hover, .option-toggle:focus, .option-toggle:active {
		color:  #fff;
		text-decoration: none;
		outline: none;
	}	
	
	.bar-wrapper {
	  height: 200px;
	  position: relative;
	}

	.bar {
	  position: relative;
	  bottom: 0;
	  width: 5px;
	  display: inline-block;
	  border: 1px solid red;
	  height: 5px;
	  border-bottom: 3px solid #fff;
	}
	
	.ah{
		opacity:1;
		-moz-transition: all .01s;
		-webkit-transition: all .01s;
		-o-transition: all .01s;
		transition: all .01s;
		text-decoration:none;
	}
		
	.ah:hover {
		opacity:.85;
		text-decoration:underline;
	}	
	
	.ah4{
		margin-left:0px;
		opacity:1;
		-moz-transition: all .01s;
		-webkit-transition: all .01s;
		-o-transition: all .01s;
		transition: all .01s;
		text-decoration:underline;
		color:greenyellow;
	}
		
	.ah4:hover {
		margin-left:0px;
		opacity:.85;
		text-decoration:underline;
		color:green;
	}
	
	#section1{
		display:block;
	}
	#section2{
		display:none;
	}
	#section3{
		display:none;
	}
	#section4{
		display:none;
	}
	#section5{
		display:none;
	}
	
	ul{
		list-style-type: none;
	}
	
	@font-face {
	  font-family:"AtariClassic-Regular";
	  src: url("https://dccl.rs/fonts/AtariClassic-Regular.ttf") format("truetype");
	  
	  font-family:"MODENINE";
	  src: url("https://dccl.rs/fonts/MODENINE.ttf") format("truetype");		  
	}
	
	@media only screen and (max-width:1000px) {
		#body_holder{
			margin:0px; 
			background:black; 
			/*background-image:url(https://dccl.rs/Images/wallpaper34_small.jpg?); 
			background-repeat:no-repeat;*/
		}
		
		.grupe{
			margin-top:20px; margin-left:-10px;
		}
	}	
		
	@media only screen and (min-width:1000px) {
		#body_holder{
			margin:0px; 
			background:black; 
			/*background-image:url(https://dccl.rs/Images/wallpaper34.jpg?); 
			background-repeat:no-repeat;*/
		}	

		.grupe{
			margin-top:20px; margin-left:-25px;
		}		
	}	
	
	#parent0{
		margin-top:-16%;
		display:none;
	}
	
	#parent{
		margin-top:-12%;
		display:none;
	}	

	@media only screen and (max-width: 610px) {
		#cookiepopup {
			background: #0A1216;
			width: 98%;
			position: fixed;
			left: 1%;
			bottom: 10px;
			box-shadow: 0px 0px 2px #cccccc;
			padding: 5px 5px;
			color:#89C46F;
			border:1px solid #cccccc;
			border-radius:10px;
			font-family:"MODENINE";
			opacity:.95;
		 }
	}
	
	@media only screen and (min-width: 610px) and (max-width:1000px) {
		#cookiepopup {
			background: #0A1216;
			width: 65%;
			position: fixed;
			left: 10px;
			bottom: 10px;
			box-shadow: 0px 0px 2px #cccccc;
			padding: 5px 5px;
			color:#89C46F;
			border:1px solid #cccccc;
			border-radius:10px;
			font-family:"MODENINE";
			opacity:.95;
		 }
	}
	
	@media only screen and (min-width:1000px) {
		#cookiepopup {
			background: #0A1216;
			width: 30%;
			position: fixed;
			left: 10px;
			bottom: 10px;
			box-shadow: 0px 0px 2px #cccccc;
			padding: 5px 5px;
			color:#89C46F;
			border:1px solid #cccccc;
			border-radius:10px;
			font-family:"MODENINE";
			opacity:.95;
		 }
	}
	
	#cookiepopup p{
		text-align: left;
		font-size: 14px;
		color:#89C46F;
	}
	
	#cookiepopup button{
		width: 98%;
		border: lightsteelblue;
		background: #097fb7;
		padding: 5px;
		border-radius: 10px;
		color: white;
	}
	
	#cookiepopup button:hover{
		background:#0875A8;
	}
	
	@media only screen and (max-width:600px) {		
		.square0{
			width:auto%; height:50px; background:transparent; background-image:url(https://dccl.rs/Images/CL_6_28_1_small.png?); background-repeat:no-repeat;
		}
		
		.square5{
			width:15%; height:50px; background:transparent; border:2px dotted blue; margin-top:-50px; margin-left:24%;
		}
		
		.square6{
			width:15%; height:50px; background:transparent; border:2px dotted greenyellow; margin-top:-50px; margin-left:43%;
		}
		
		.square7{
			width:15%; height:50px; background:transparent; border:2px dotted #e00000; margin-top:-50px; margin-left:62%;
		}
		
		.square8{
			width:15%; height:50px; background:transparent; border:2px dotted darkgreen; margin-top:-50px; margin-left:81%; color:greenyellow; font-size:29px; padding-top:12px;
		}
		
		.maindata1{
			width:80%; height:auto; margin-top:-15px;
		}
		
		.maindata2{
			width:80%; height:auto; margin-top:-25px;
		}
		
		.maindata3{
			width:80%; height:auto; margin-top:0px;
		}
		
		.maindata4{
			width:80%; height:auto; margin-top:-15px;
		}
		
		.sbuttons_final0 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:50%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final01 {
			border: 1px solid #DD3737;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:50%;
			font-size:14px;
			background:#DD3737;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final02 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:25%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final03 {
			border: 1px solid #DD3737;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:25%;
			font-size:14px;
			background:#DD3737;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:45%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final1 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:75%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final2 {
			border: 1px solid #f4f4f4;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:40%;
			font-size:14px;
			background:transparent;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final3 {
			border: 1px solid #f4f4f4;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:45%;
			font-size:14px;
			background:transparent;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
			margin-top:20px;
		}
		
		.sbuttons_final4 {
			border: 1px solid #008047;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:40%;
			font-size:14px;
			background:#008047;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
			margin-top:0px;
			cursor:pointer;
			float:right;
			margin-right:4px;
		}
		
		.sbuttons_final5 {
			border: 1px solid #f4f4f4;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:45%;
			font-size:14px;
			background:transparent;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
			margin-top:15px;
		}
		
		.sbuttons_final6 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:80%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.videoidmsg{
			width:90%; height:auto; border:1px dotted #f4f4f4; margin-top:-10px;
		}
		
		.videoidmsgcl{
			width:90%; height:auto; border:1px dotted #f4f4f4; margin-top:-10px;
		}
		
		.audioidmsg{
			width:70%; height:40px; border:0px dotted #f4f4f4; margin-top:-10px;
		}
		
		.videoidmsgm{
			width:70%; height:auto; border:1px dotted #f4f4f4; margin-top:-5px;
		}
		
		.audioidmsgm{
			width:70%; height:40px; border:0px dotted #f4f4f4; margin-top:-5px;
		}
		
		.videoidmsglive0{
			width:70%; height:auto; border:1px dotted #f4f4f4; margin-top:-5px;
		}
		
		.videoidmsglive{
			border:1px dotted #f4f4f4; background:transparent; cursor:pointer; float:right; margin:0; margin-top:-5px; width:45%; height:150px; margin-right:3px;
		}
		
		.videoidmsg1{
			width:45%; height:150px; border:1px dotted #f4f4f4; margin-top:-5px; cursor:pointer; margin-left:0px;
		}
		
		#videoidmsglive_naslov1{
			float:left; margin:0; margin-top:0px; width:45%; height:auto; margin-right:3px; display:none; color:greenyellow;
		}
		
		#videoidmsglive_naslov2{
			float:right; margin:0; margin-top:0px; width:45%; height:auto; margin-right:3px; display:none; color:greenyellow;
		}
		
		.videoclass2{
			width:100%; height:auto; border:1px dotted #f4f4f4;
		}
		
		.imageid{
			width:60%; height:auto; border:1px dotted #f4f4f4; margin-top:-10px;
		}
	}
	
	/* za landscape na telefonu*/
	@media only screen and (min-width:600px) and (max-width:800px) {
		.square0{
			width:auto%; height:50px; background:transparent; background-image:url(https://dccl.rs/Images/CL_6_28_1_small.png?); background-repeat:no-repeat;
		}
		
		.square5{
			width:15%; height:50px; background:transparent; border:2px dotted blue; margin-top:-50px; margin-left:14%;
		}
		
		.square6{
			width:15%; height:50px; background:transparent; border:2px dotted greenyellow; margin-top:-50px; margin-left:33%;
		}
		
		.square7{
			width:15%; height:50px; background:transparent; border:2px dotted #e00000; margin-top:-50px; margin-left:52%;
		}
		
		.square8{
			width:15%; height:50px; background:transparent; border:2px dotted darkgreen; margin-top:-50px; margin-left:71%; color:greenyellow; font-size:29px; padding-top:12px;
		}
		
		.maindata1{
			width:50%; height:auto; margin-top:-15px;
		}
		
		.maindata2{
			width:50%; height:auto; margin-top:-25px;
		}
		
		.maindata3{
			width:50%; height:auto; margin-top:0px;
		}
		
		.maindata4{
			width:50%; height:auto; margin-top:-15px;
		}
		
		.sbuttons_final0 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:30%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final01 {
			border: 1px solid #DD3737;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:30%;
			font-size:14px;
			background:#DD3737;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final02 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:20%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final03 {
			border: 1px solid #DD3737;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:20%;
			font-size:14px;
			background:#DD3737;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:45%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final1 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:40%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final2 {			
			border: 1px solid #f4f4f4;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:20%;
			font-size:14px;
			background:transparent;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final3 {
			border: 1px solid #f4f4f4;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:45%;
			font-size:14px;
			background:transparent;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
			margin-top:20px;
		}
		
		.sbuttons_final4 {
			border: 1px solid #008047;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:20%;
			font-size:14px;
			background:#008047;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
			margin-top:0px;
			cursor:pointer;
			float:right;
			margin-right:4px;
		}
		
		.sbuttons_final5 {
			border: 1px solid #f4f4f4;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:25%;
			font-size:14px;
			background:transparent;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
			margin-top:0px;
		}
		
		.sbuttons_final6 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:45%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.videoidmsg{
			width:70%; height:auto; border:1px dotted #f4f4f4; margin-top:-10px;
		}
		
		.videoidmsgcl{
			width:70%; height:auto; border:1px dotted #f4f4f4; margin-top:-10px;
		}
		
		.audioidmsg{
			width:45%; height:40px; border:0px dotted #f4f4f4; margin-top:-10px;
		}
		
		.videoidmsgm{
			width:40%; height:auto; border:1px dotted #f4f4f4; margin-top:-5px;
		}
		
		.audioidmsgm{
			width:45%; height:40px; border:0px dotted #f4f4f4; margin-top:-5px;
		}
		
		.videoidmsglive0{
			width:60%; height:auto; border:1px dotted #f4f4f4; margin-top:-5px;
		}
		
		.videoidmsglive{
			border:1px dotted #f4f4f4; background:transparent; cursor:pointer; float:right; margin:0; margin-top:-5px; width:45%; height:250px; margin-right:3px;
		}
		
		.videoidmsg1{
			width:45%; height:250px; border:1px dotted #f4f4f4; margin-top:-5px; cursor:pointer; margin-left:0px;
		}
		
		#videoidmsglive_naslov1{
			float:left; margin:0; margin-top:0px; width:45%; height:auto; margin-right:3px; display:none; color:greenyellow;
		}
		
		#videoidmsglive_naslov2{
			float:right; margin:0; margin-top:0px; width:45%; height:auto; margin-right:3px; display:none; color:greenyellow;
		}
		
		.videoclass2{
			width:100%; height:auto; border:1px dotted #f4f4f4;
		}
		
		.imageid{
			width:60%; height:auto; border:1px dotted #f4f4f4; margin-top:-10px;
		}
	}
	
	/* za landscape na tabletu*/
	@media only screen and (min-width:800px) and (max-width:1000px) {
		.square0{
			width:auto%; height:50px; background:transparent; background-image:url(https://dccl.rs/Images/CL_6_28_1_small.png?); background-repeat:no-repeat;
		}
		
		.square5{
			width:15%; height:50px; background:transparent; border:2px dotted blue; margin-top:-50px; margin-left:14%;
		}
		
		.square6{
			width:15%; height:50px; background:transparent; border:2px dotted greenyellow; margin-top:-50px; margin-left:33%;
		}
		
		.square7{
			width:15%; height:50px; background:transparent; border:2px dotted #e00000; margin-top:-50px; margin-left:52%;
		}
		
		.square8{
			width:15%; height:50px; background:transparent; border:2px dotted darkgreen; margin-top:-50px; margin-left:71%; color:greenyellow; font-size:29px; padding-top:12px;
		}
		
		.maindata1{
			width:50%; height:auto; margin-top:-15px;
		}
		
		.maindata2{
			width:50%; height:auto; margin-top:-25px;
		}
		
		.maindata3{
			width:50%; height:auto; margin-top:0px;
		}
		
		.maindata4{
			width:50%; height:auto; margin-top:-15px;
		}
		
		.sbuttons_final0 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:30%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final01 {
			border: 1px solid #DD3737;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:30%;
			font-size:14px;
			background:#DD3737;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final02 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:20%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final03 {
			border: 1px solid #DD3737;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:20%;
			font-size:14px;
			background:#DD3737;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:45%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final1 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:40%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final2 {
			border: 1px solid #f4f4f4;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:40%;
			font-size:14px;
			background:transparent;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final3 {
			border: 1px solid #f4f4f4;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:45%;
			font-size:14px;
			background:transparent;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
			margin-top:20px;
		}
		
		.sbuttons_final4 {
			border: 1px solid #008047;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:40%;
			font-size:14px;
			background:#008047;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
			margin-top:0px;
			cursor:pointer;
			float:right;
			margin-right:4px;
		}
		
		.sbuttons_final5 {
			border: 1px solid #f4f4f4;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:45%;
			font-size:14px;
			background:transparent;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
			margin-top:15px;
		}
		
		.sbuttons_final6 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			width:45%;
			font-size:14px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.videoidmsg{
			width:70%; height:auto; border:1px dotted #f4f4f4; margin-top:-10px;
		}
		
		.videoidmsgcl{
			width:70%; height:auto; border:1px dotted #f4f4f4; margin-top:-10px;
		}
		
		.audioidmsg{
			width:45%; height:40px; border:0px dotted #f4f4f4; margin-top:-10px;
		}
		
		.videoidmsgm{
			width:40%; height:auto; border:1px dotted #f4f4f4; margin-top:-5px;
		}
		
		.audioidmsgm{
			width:45%; height:40px; border:0px dotted #f4f4f4; margin-top:-5px;
		}
		
		.videoidmsglive0{
			width:40%; height:auto; border:1px dotted #f4f4f4; margin-top:-5px;
		}
		
		.videoidmsglive{
			border:1px dotted #f4f4f4; background:transparent; cursor:pointer; float:right; margin:0; margin-top:-5px; width:45%; height:250px; margin-right:3px;
		}
		
		.videoidmsg1{
			width:45%; height:250px; border:1px dotted #f4f4f4; margin-top:-5px; cursor:pointer; margin-left:0px;
		}
		
		#videoidmsglive_naslov1{
			float:left; margin:0; margin-top:0px; width:45%; height:auto; margin-right:3px; display:none; color:greenyellow;
		}
		
		#videoidmsglive_naslov2{
			float:right; margin:0; margin-top:0px; width:45%; height:auto; margin-right:3px; display:none; color:greenyellow;
		}
		
		.videoclass2{
			width:100%; height:auto; border:1px dotted #f4f4f4;
		}
		
		.imageid{
			width:60%; height:auto; border:1px dotted #f4f4f4; margin-top:-10px;
		}
	}
	
	@media only screen and (min-width:1000px) {
		input[type=text] {
			width: 500px;
			box-sizing: border-box;
			border: 2px solid #999999;
			border-radius: 10px;
			font-size: 16px;
			color: black;
			background-color: white;
			background-image: url('https://dccl.rs/Images/searchicon.png');
			background-position: 5px 10px; 
			background-repeat: no-repeat;
			min-height:50px;
			padding-left:30px;
		}

		input[type=text]:focus {
			width: 600px;
		}
		
		.square0{
			width:auto; height:50px; background:transparent; background-image:url(https://dccl.rs/Images/CL_6_28_1_small.png?); background-repeat:no-repeat;
		}
		
		.square5{
			width:10%; height:50px; background:transparent; border:2px dotted blue; margin-top:-50px; margin-left:8.4%;
		}
		
		.square6{
			width:10%; height:50px; background:transparent; border:2px dotted greenyellow; margin-top:-50px; margin-left:20.4%;
		}
		
		.square7{
			width:10%; height:50px; background:transparent; border:2px dotted #e00000; margin-top:-50px; margin-left:32.4%;
		}
		
		.square8{
			width:10%; height:50px; background:transparent; border:2px dotted darkgreen; margin-top:-50px; margin-left:44.4%; color:greenyellow; font-size:29px; padding-top:12px;
		}
		
		.maindata1{
			width:60%; height:auto; margin-top:-20px;
		}
		
		.maindata2{
			width:60%; height:auto; margin-top:-20px;
		}
		
		.maindata3{
			width:60%; height:auto;
		}
		
		.maindata4{
			width:60%; height:auto;
		}
		
		.sbuttons_final0 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:20%;
			font-size:16px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final01 {
			border: 1px solid #DD3737;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:20%;
			font-size:16px;
			background:#DD3737;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final02 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:12%;
			font-size:16px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final03 {
			border: 1px solid #DD3737;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:12%;
			font-size:16px;
			background:#DD3737;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
		
		.sbuttons_final0:hover {
			border: 1px solid #003466;
			background:#003466;
		}
		
		.sbuttons_final01:hover {
			border: 1px solid #e00000;
			background:#e00000;
		}
		
		.sbuttons_final02:hover {
			border: 1px solid #003466;
			background:#003466;
		}
		
		.sbuttons_final03:hover {
			border: 1px solid darkred;
			background:darkred;
		}
		
		.sbuttons_final {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:25%;
			font-size:16px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
				
		.sbuttons_final:hover {
			border: 1px solid #003466;
			background:#003466;
		}
		
		.sbuttons_final1 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:25%;
			font-size:15px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
				
		.sbuttons_final1:hover {
			border: 1px solid #003466;
			background:#003466;
		}
		
		.sbuttons_final2 {
			border: 1px solid #f4f4f4;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:15%;
			font-size:15px;
			background:transparent;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
				
		.sbuttons_final2:hover {
			border: 1px solid #202020;
			background:#202020;
		}
		
		.sbuttons_final3 {
			border: 1px solid #f4f4f4;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:15%;
			font-size:15px;
			background:transparent;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
				
		.sbuttons_final3:hover {
			border: 1px solid #202020;
			background:#202020;
		}
		
		.sbuttons_final4 {
			border: 1px solid #008047;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:15%;
			font-size:15px;
			background:#008047;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
			cursor:pointer;
			float:right;
		}
				
		.sbuttons_final4:hover {
			border: 1px solid #0D2B00;
			background:#0D2B00;
		}
		
		.sbuttons_final5 {
			border: 1px solid #f4f4f4;
			color:#f4f4f4;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:17%;
			font-size:15px;
			background:transparent;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
				
		.sbuttons_final5:hover {
			border: 1px solid #202020;
			background:#202020;
		}
		
		.sbuttons_final6 {
			border: 1px solid steelblue;
			color:white;
			padding: 7px 7px;
			padding-top:7px;
			padding-bottom:7px;
			cursor: pointer;
			width:30%;
			font-size:15px;
			background:steelblue;
			border-radius:5px;
			font-weight:bold;
			text-align:center;
		}
				
		.sbuttons_final6:hover {
			border: 1px solid #003466;
			background:#003466;
		}
		
		.videoidmsg{
			width:50%; height:auto; border:1px dotted #f4f4f4; margin-top:-10px;
		}
		
		.videoidmsgcl{
			width:85%; height:auto; border:1px dotted #f4f4f4; margin-top:-10px;
		}
		
		.audioidmsg{
			width:45%; height:40px; border:0px dotted #f4f4f4; margin-top:-10px;
		}
		
		.videoidmsgm{
			width:45%; height:auto; border:1px dotted #f4f4f4; margin-top:-5px;
		}
		
		.audioidmsgm{
			width:45%; height:40px; border:0px dotted #f4f4f4; margin-top:-5px;
		}
		
		.videoidmsglive0{
			width:50%; height:auto; border:1px dotted #f4f4f4; background:transparent; cursor:pointer;
		}
		
		.videoidmsglive{
			border:1px dotted #f4f4f4; background:transparent; cursor:pointer; float:right; margin:0; margin-top:-5px; width:45%; height:250px; margin-right:3px;
		}
		
		.videoidmsg1{
			width:45%; height:250px; border:1px dotted #f4f4f4; margin-top:-5px; cursor:pointer; margin-left:0px;
		}
		
		#videoidmsglive_naslov1{
			float:left; margin:0; margin-top:0px; width:45%; height:auto; margin-right:3px; display:none; color:greenyellow;
		}
		
		#videoidmsglive_naslov2{
			float:right; margin:0; margin-top:0px; width:45%; height:auto; margin-right:3px; display:none; color:greenyellow;
		}
		
		.videoclass2{
			width:140%; height:auto; border:1px dotted #f4f4f4; margin-left:-20%;
		}
		
		.imageid{
			width:20%; height:auto; border:1px dotted #f4f4f4; margin-top:-10px;
		}
	}
	
	.imgicon{
		width:45px; height:auto; cursor:pointer;
	}
	
	.imgicon:hover{
		opacity:0.8;
	}
	
	.videothumbs{
		display:inline; width:48%; height:auto; border:1px dotted #f4f4f4; cursor:pointer;
	}
	
	.videothumbs:hover{
		opacity:0.8;
	}