@charset "utf-8";
/* CSS Document */
*, *::before, *::after {
  box-sizing: border-box;
}
body{
	font-size: 20px;
	font-family: Calibri;
	margin: auto;
	letter-spacing: 0.8px;
	
}

.icon-picture{
	color: #00f; 
}
#wrap{
	width: 1000px;
	border: solid 1px;
	margin: auto;
	  box-sizing: border-box;
}
#mwrap{
	width: 100%;
	border: solid 1px;
	margin: auto;
	  box-sizing: border-box;
}
#sadrzaj{
	width: 100%;
	clear: both;
	margin: auto;
	
}
#sidebar{
	float: left;
	width: 25%;
	background: #C8BFBF;margin-left: -8px;
}
.u{
	background: #E64A33;
	color: #fff;
	margin: -2px -5px ;
	padding: 3px 3px 5px 20px;
}
#content{
	float: left;
	width: 75%;
margin: auto;
}
.br0, .br1{
	border-right: solid #fff 3px;
	width: 100%;
}
.naslov, .title{
	background: #5A6988;
	color: #fff;
	padding: 5px;
	/*font-size: 25px;
	margin-left: -5px;
	margin-right: -5px;*/
}
.naslov a:visited{
	color: #fff;
}
.pading{
	padding: 5px;
	width: 100%;
	
}
.clear{
	clear: both;
}
/* Navigaciona traka*/
#nav_traka{
background: #fff;	
}
#nav_traka ul, .nav2 ul, .korisnici{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#nav_traka li{
	float: left;
	width: 20%;
    padding: 0px ;
	text-align: center;
	/*height: 45px;*/
	margin-bottom: -0px;
	/*border-right: solid #fff 1px;*/
}
#nav_traka:last-child{
	border-right: #df9327;
}
.nav2 li{
	float: left;
	width: 24.25%;
	padding: 0px 0px;
	text-align: center;
}
.korisnici{
	margin: 10px;
}
.li1{
	float:left;
    
	padding: 0px 0px 0px 0px;
}
.li2{
	float:left;
	padding: 0px 0px 0px 10px;
	vertical-align: top;
	
}
 .li2 ul li{
	list-style-type: none;
	 margin: -6px;
	 padding: 0px;
	 font-weight: normal;
	 color: #A2A7B7;
	 
}

.li11{
	float:left;
	/*width: 60px;*/
	padding: 0px 0px 0px 0px;	
}
.li22{
	float:right;
	padding: 0px 0px 0px 10px;
	width:84%;
}
.posta{
	width: 100%;
	
}
.posta_levo{
	float: left;
	width: 90%;
}
.posta_desno{
	float: left;
	width: 10%;
	text-align: right;
}

.line{
	border-right: solid 1px;
}
.profil_slika{
	border: solid;
	width: 20px;
	
	border-radius: 50%;
	
}
.title{
	margin-left: -5px;
	margin-right: -25px;
}
.title a:visited{
	color: #fff;
}
a:hover{
	color: #0f0;
}
a:visited{
	color: #121452;
}
a:link{
	color: #3854C0;
}
.title2{
	padding: 5px;
	/*font-size: 1.7em;
	font-weight: bold;*/
}
.podtitle{
	padding: 0px 0px;
    margin: 0px;
	font-weight: normal;
	background: #fff;	
	
}
.podtitle div{
	background: #CACCC4;
	float: left;
	width: 25%;
	text-align: center;
	padding: 5px 0px;
	
}
.div_float{
		float: left;
	width: 50%;
	text-align: center;
	padding: 5px 0px;
}
.er{
	font-style: italic;
	color: #f00;
	padding: 5px;
	text-align: center;
}
.foot{
	background: #5A6988;
	padding: 5px;
	
	text-align: center;
	color: #fff;
}
.chatn{
	/*margin: -5px;*/
	background: #fff;
	padding: 5px;
	color: #000;
		
}
.red{
	color: #f00;
}
.red2{
	color: #f00;
	font-weight: bold;
}
.zeleno{
	color: #0f0;
}
.mes{
	margin: 5px 0px;
	padding: 5px 0px;
}
.mesl{
	float: left;
}
.mesd{
	float: right;
}
.traka{
	background: #000;
	color: #fff;
	padding: 5px;
}
.levat{
	float: left;
}
.desnat{
	float: right;
}
.navx{
	padding-left: 5px;
	background: #B1EDE1;
	margin-left: 10px;
}
.nav2{
	padding: 5px 2px 5px 10px;
	background: #B1EDE1;
	margin: 0px -5px;
	/*font-size: 1.2em;*/
}
.nav3{
	padding: 0px 0px 5px 10px;
}
.nav_siva{
	padding: 5px 2px 5px 10px;
	background: #CBCBCB;
	/*margin: 0px -5px;
	font-size: 1.2em;*/
	color: #220505;
	margin-left: 10px;
	max-width: 100%;
}
.siva1, .siva2{
	float: left;
}
.siva1{
	max-width: 15%;
}
.siva2{
	max-width: 85%;
	padding-left: 5px;
}
/* Adminka botovi*/
.botovi li{
	/* width: 100% ;
   border-bottom: solid 1px;*/	
		
}
.botovi, .bot_lista{
	margin-left: -15px;
	margin-right: -50px;
}
.bot_lista{
	list-style: none;

	}
.bot_lista li{
	float: left;
    border: none;


}
li .b1{
	width:50%;
	border-right: solid 1px;
	border-left: solid 1px;
}
li .b2{
	width:25%;
	border-right: solid 1px;
		text-align: center;
}
li .b3{
	width: 25%;
		text-align: center;
	    border-right: solid 1px;
}
li .b4,li .b11{
	width: 50%;
		/*text-align: center;*/
	    border-right: solid 1px;
	    text-align: left;
	  }
li .b11{
	border-left: solid 1px;
	padding: 5px;
}
.b1,.b2,.b3,.b4{
	padding: 5px;
}
.botovi{
	width: 100%;
	list-style: none;
	margin: 0px -20px;
}
/* Kraj Adminka botovi*/
.app{
	padding-bottom: 5px;
	margin-left: 10px;
}
form{
	margin: 10px;
}
.bold{
	font-weight: bold;
}
.i{
	font-style: italic;
}
.green{
	color: #174F17;
}
.div1{
	background: #EAE7E7;
    margin: 0px -5px;
	border-top: solid 1px;
}
.div2{
	background: #fff;
    margin: -5px;
}
.div3{
	padding: 10px;
	border-bottom: solid 1px;
}
.small{
	font-size: small;
}
.center{
	text-align: center;
}
.foto{
	padding: 10px 0px 5px 30px;
}
.avat{
	padding: 3px 0px 5px 10px;
	background: #BAE8EC;
	margin: 9px 0px 9px 9px;
	
}
.ava1, .ava2{
	float: left;
}
.ava1{
	width: 80%;
}
.ava2{
	width: 20%;
	text-align: right;
}
.poruka{
	padding-left: 5px;
}
.diz{
	/*background-image: url(2.gif);*/
background: #fff;
max-wdth: 100%;
}
.beotext{
	color: #fff;
}
.sup{
	vertical-align: super;
    color: #f00;
	font-weight: bold;
}
.crvena{
	color: #f00;
}
.spanProfil{
	color: #221E1E;
	font-weight: bold;
}
.profil{
	font-style: italic;
	color: #4A1E1F;
}
.google{
	float:right;
}
.mob_admin{
	display: none;
}
#meni{display:none;}
.forum_searh{
	margin: 0px;
	border-left: solid #f00 6px;
	width:100%;
	padding: 5px;
	text-align: right;
	border-bottom:solid #39F 1px;
}
#fsi{
	width: 80%;
	padding-left: 5px;
}
#fss{
	width: 6%;
}
.dod2{
	padding-left: 5px;
}
.zoom{
	position: absolute;
	width:0px;
	-webkit-transition:width 0.3s linear 0s;
	transition:width 0.3s linear 0s;
	z-index:10;
}
.pic:hover + .zoom{
	width:400px;
}
.korisnici_naslov{
 margin: 0px -15px 0px -5px;	
}
#parola, #searha{
	display: none;
}
.jos a{
	color: #fff;
}
.dva, .pet{
	list-style: none;
	
}
.dva li:first-child, .pet li:first-child{
	border-right:solid 1px #000;
}
.pet li:last-child{
	border-left:solid 1px #000;
}
.jedan, .tri{
	float: left;
	width:50%;
	text-align: center;
	padding: 5px;
	
}
.pet li{
	float: left;
	width:33%;
	text-align: center;
	padding: -5px;	
}
.pet{
	padding-top: 0px;
}
.osam a{
	color: white;
}
#skrit{
	display: none;
}
#trazi{
	border: none;
	width: 100%;
	padding: 5px;
}
.saspiska{
	margin:15px 0px;
	
}
#labus{
	padding-left: 5px;
}
.s1{
	border: solid 1px;
	width: 70%;
	float: left;
}
.s2{
	float:left;
	width:30%;
	padding-top: 20px;
}
.jen1,.jen2{
	float: left;
	padding: 5px;
	text-align: center;
	width:50%;
	background: #B6E4F0;
}
.multi_file{
	display: none;
}
.odgovor{
	background: #C4E176;
	padding-top: 3px;
}
#prik span{
    display: block;
	float: left;
	width: 16.66%;
	content: center;
}
.like, .voli, .super, .tuzno, .ljut, .not{
     cursor: pointer;
}
#lajkovi{
	margin-top: 5px
}
.anketa_profil a{
	color: #fff;
}
/* MENU end */
@media only screen and (max-width: 480px) {
	#mwrap{
		
		width: 99%;margin: auto;

	}
	#sidebar{
		height: 0px;
		display: none; 
	}
	#komp{
		display: none;
	}
	#kucar{
		display: none;
	}
	#sadrzaj{
		width: 100%;
		margin: auto;
		}
	.mob_admin{
		display:inline;
	}
	#fsi{
	width: 80%;
}
#fss{
	width: 15%;
}
.menu{height:0; overflow:hidden; -webkit-transition:all 1s; background: #D4E48B;}
.menu nav{width:100%; padding-bottom: 15px;}
.menu a, .menu select{width:100%; text-decoration: none;}
.menu select{padding-left:calc(50% - 30px);}
/*#meni:checked + .menu{min-height:350px; -webkit-transition:all 1s;}*/

#nav_traka label{display:block;}
	#content{
		width: 100%;
	}
	.google form, .sat{
    display: none;
	}
	

.korisnici_naslov{
 margin: 0px -15px 0px -15px;	
}
.pading{
	margin: -10px;
}
	.addbot{
		margin:  -16px -23px -10px -5px;
	}

	img {max-width: 100%;}
}
@media only screen and (min-width: 481px){
#mob{
	display: none;
}
/*label	#dugme2{
		display: none;
	}
*/	
#nav_traka label, #meni, .men, #men2{
		display: none;
	}
	.menu{display: none}


.korisnici_naslov{
 margin: 0px -15px 0px -5px;	
}
	.addbot{
		margin:  0px -23px -10px -5px;
	}
}
@media only screen and (max-width: 250px) {
	form{
	
		}	

.nema_nista{
	padding: 5px;
	background: #CADFA0;
	text-align: center;
}}