body {
background-color: #F9FAFB!important;
margin: 0px;
}

.pnum {
	color: silver;
	font-weight: normal;
}


title {
	text-transform:capitalize;
}

::selection {
	background: #06B7F4; /* Safari */
	color: white;
	}
::-moz-selection {
	background: #06B7F4; /* Firefox */
	color: white;
}

a {
	color: #07c;
	color:  #0099FF; 
	color: #0086DF;
/*color: #073E68;*/

}

.btn {
	border-radius: 1rem !important;

}



.tema-smeti {
	background-color: #FEF1D7;
	/*border: 1px solid #FF9900;*/
	margin: 10px 0px;;
	padding: 10px;
	color: #B36500;
		-moz-border-radius: 4px; 
	border-radius: 4px; 
	line-height: 130%;
}

.tema-index {
		background-color: #E0FFD8;
	/*border: 1px solid #009900;*/
	margin: 10px 0px;;
	padding: 10px;
	color: #009900;
		-moz-border-radius: 4px; 
	border-radius: 4px; 
	line-height: 130%;

}

a:hover {
	text-decoration:none; 
	font-weight: normal;
}


h1 {
	
	margin: 0px;
	margin-bottom: 5px;
	font-weight: normal;
	/*float: left;*/
}
h2 {
	
	/*border-bottom: 1px dotted silver;
	padding-bottom: 5px;*/
	font-size: 18px;

}

h3 {
	font-weight: normal;
}



label {
	display: inline-block;
	margin-top:-3px;
	margin-bottom: 4px;
}

.razvrscanje a {
	
	font-size: 12px;
	color: #666;

	/*font-weight: bold;
	
	 padding: 6px 8px;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px; */
}

.razvrscanje a:hover, .razvrscanje-current a {
	/*background-color: #EBEBEB;
	text-decoration: none;*/
}



.razvrscanje img {
	vertical-align: middle;
}



.citat {
	padding: 10px;
	color: #999;
	border: 1px solid #ccc;
	background: white url(slike/citat-velik.png) top right no-repeat;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	
}

.citat-naslov {
	font-size: 10px;
	font-weight: bold;
}

.citat-naslov a {
	font-size: 10px !important;
}

.vnosi {
	margin-bottom: 8px;	
}

.igra {
	text-align: center;
	width: 810px;

}

.desc-igra h1 {
	display: inline-block;
	font-size: 14px;
	color: white;
	font-style: italic;


}

.desc-igra h2 {
	margin: 0px;
}

.desc-igra img {

}



.comment_with_border {
line-height: 140%;

color: #999999;
background: url(slike/comment-mini-icon.png) left top no-repeat;
margin: 15px;
padding: 0px 0px 10px 0px;
border-bottom: #CCCCCC 1px dashed;
width: 560px;
}

.comment_date {
color: #999999; 
font-size: 11px; 
padding: 0px 0px 7px 28px;
}

.comment_with_border a {
color: #999999;
}

.comment_with_border a:hover {
text-decoration: none;
}

.main-news {
	
	width: 555px; 
	color: #333333; 
	/*-moz-border-radius: 8px; 
	border-radius: 8px; */
	padding: 15px 10px;
	line-height: 150%;

	
}

/*
.main-news:hover {
	box-shadow: 0px 8px 10px #E0E0E0;
	
}
*/

.main-news img {
	/*-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;*/
	margin-right: 10px; 


	padding: 4px;
	padding-left: 0px;
	/*border: 1px solid #CCCCCC;*/
	/*box-shadow: 0px 5px 8px #CCCCCC;*/
	/*box-shadow: 0px 0px 6px silver;*/

}


.social-buttons {
	float: right; 
	padding-top: 25px;
	padding-right: 10px;
}

.category-news a {
	display: inline-block;
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	padding: 2px 4px 1px 4px; 
	/*background-color: #3ECAFA; */
	
	
	background-color: #F73F93; 
	color: white;
	text-decoration: none;
	
	/*color: silver;
	text-decoration: underline;
	font-style: italic;*/
	
}

.category-news a:hover {
	background-color: #C42072;
	text-decoration: none;
	
}
.menu-cat {
	float: right; 
	width: 160px;  
	margin-left: 20px; 
	display: inline-block;
	color: #333333; 
	padding-top: 0px !important;
}

.menu-cat2 {
	width: 160px;  
	margin-left: 20px; 
	display: inline-block;
		color: #333333; 
}

.menu-cat h2, .menu-cat2 h2, .menu-cat3 h2 {
	padding: 4px 8px;
	color: #666666;
	margin-left: 0px;
	border-bottom: 1px dashed #CCCCCC;
	margin-top: 20px;
	font-size: 14px;
	/*	-moz-border-radius: 4px; 
	border-radius: 4px; 
*/
}

.menu-cat3 {
	
}


.menu-cat ul, .menu-cat2 ul, .menu-cat3 ul, .menu-cat4 ul {
	margin: 0px;

	padding: 0px;

	list-style-type: none;
	margin-left: 5px;
}


.menu-cat li, .menu-cat2 li,  .menu-cat3 li {
	padding: 6px;
	line-height: 150%;
	border-bottom: 1px dashed #CCCCCC;
	 -moz-transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;
   background-color: white;
}

.menu-cat4 li {
	padding: 6px;
	line-height: 150%;
	border-bottom: 1px dashed #CCCCCC;
}

.menu-cat4 img {
	padding-left: 110px;
}

.menu-cat li a,.menu-cat2 li a,  .menu-cat3 li a {


}

.menu-cat li a:hover,.menu-cat2 li a:hover,  .menu-cat3 li a:hover {
/*color: #F7931A;*/
text-decoration: none;

}



.menu-cat li:hover,.menu-cat2 li:hover,  .menu-cat3 li:hover {
background-color: #333;
color: white;

}

.menu-cat li:hover a,.menu-cat2 li:hover a,  .menu-cat3 li:hover a {
	color: #9CD2FF;
}
/*
.menu-cat li:hover,.menu-cat2 li:hover {
	background-color: #F6F6F6;
}*/


.main-news h1 {
	clear: both;
	margin-top: 10px;
	line-height: 140%;
}

.kategorija-clanek {
	font-size: 11px;
	display: inline-block;
}

.kategorija-clanek a {
	color: silver;
}

.main-news h2 {
	margin-top: 0px;
line-height: 140%;
	margin-bottom: 10px;

	font-weight: normal;

}

.main-news ol {
border: 1px solid black;
}

.main-news span {
	padding: 1px 3px;
}

.tabela-hranila-vrednost, .diete, .lunine-mene {

	padding: 2px;
	margin: 2px 0px;
}

.ssliko {
	background: url('slike/hranilna-vrednost.png') bottom right no-repeat;
}

.tabela-hranila-vrednost td, .diete td {
	padding: 3px;
	border-bottom: 1px solid #f5f5f5;
}

.lunine-mene td { 
border: 1px solid #f5f5f5;
text-align: center;
padding: 10px;
}

.tabela-hranila-vrednost tr:nth-child(even) {
	/*background-color:  #f5f5f5;*/
}

#tab-info  {
	margin: 0px;
	padding: 10px;

	list-style: none;
	background: #F5F5F5;

	

}
#tab-info li {
	display: inline;	
	cursor: pointer;
	padding: 14px 16px;
	border-bottom: none;
}

#tab-info li a {
	color: #999999;
	text-decoration: none;
	
}

#tab-info li a:hover {
	text-decoration: none;
}

#tab-info li:hover {
	background-color: white;
	border: 1px solid #ccc;
	border-bottom: none; 
	padding: 13px 15px;
	box-shadow: 1px -1px 1px #E7E7E7;
}

#tab-info li.current { 
	background-color: white;
	border: 1px solid #ccc;
	border-bottom: none; 
	padding: 13px 15px;
	box-shadow: 1px -1px 1px #E7E7E7;
	
}


#tab-datas {
	
    padding: 0px;
    background-color: white;
    border-top: 1px solid #ccc;

}

#tab-datas div {
	padding:10px;
	padding-bottom: 0px;
	
}

.category-desc {
	color: silver; 
	clear: both; 
	padding: 0px 0px 0px 10px;
	line-height: 140%;
}


.desc-igra-stolpec-slika {

	float: left;
	-webkit-box-shadow: 0px 0px 4px white;
	box-shadow: 0px 0px 4px white;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #333333;
	padding: 5px;
	width: 154px;
	text-align: center;


}


.comment-mini {
	color: silver; 
	display: inline-block; 
	padding-left: 5px;
}

.comment-mini img {

	padding: 0px; 
	margin:0px; 
	-webkit-box-shadow: none; 
	box-shadow: none; 
	vertical-align:text-top;
	padding-right: 2px;
}

.desc-igra-opis {
	margin-left: 220px;
	padding-top:8px;


}

.content-box img {
	vertical-align: middle;
}

.dodano {
	float: right; 
	color: silver;
}

#border {
	margin-left: auto;
	margin-right: auto;
	/*width: 1020px;*/
	width: 920px;
	background: url(slike/bcg-valovi.png) bottom center no-repeat;
/*

	border: 8px solid white;*/
	-moz-border-radius: 15px; 
	border-radius: 15px; 
	background-color: white;
	clear: both;
	position: relative;
	margin-top: 500px;
}

.datum-cas {
	position: absolute;
	color: #65D0F0;
	top: 60px;
	right: 0px;
	/*top: 49px;
	right: 10px;
	 font-size: 10px;
	color: silver;
	background-color: white;
	padding: 2px 4px;
	border: 1px solid silver;
	-moz-border-radius: 5px; 
	border-radius: 5px; */
}

.member {
	position: absolute;
	top: 4px;
	right: 15px;
	/*-moz-border-radius: 8px; 
	border-radius: 8px;*/
	font-size:14px;
    color:silver;
   /* text-shadow:0px 1px 1px silver;*/
    font-family:"Arvo", "Myriad Pro", "Trebuchet MS", sans-serif;
    /*-webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;*/

	text-transform:capitalize;
	/*box-shadow: 0px 0px 5px #ccc;*/
	
	/*background-color: white;

	border: 1px solid #cccccc;
	box-shadow: 0px 0px 20px #cccccc;


-moz-box-shadow:    inset 0 0 15px #ccc;
   -webkit-box-shadow: inset 0 0 15px #ccc;
   box-shadow:         inset 0 0 15px #ccc;*/
   
/*box-shadow: -5px 0px 20px #cccccc;
border-bottom: 1px dashed silver;*/
    color:#666666;


    


}

.member-4 {
/*
-moz-box-shadow:    inset 0 0 5px #E7E7E7;
   -webkit-box-shadow: inset 0 0 5px #E7E7E7;
   box-shadow:         inset 0 0 5px #E7E7E7;*/
padding-bottom: 8px;
	margin: 10px;
	border-bottom: 1px dashed #ccc;
/*	-moz-border-radius: 10px; 
	border-radius: 10px;*/

}

.member a {
	font-size:14px;
    color:#666666;
    text-decoration: none;

}

.member a:hover {
	text-decoration: none;
	color: black;
	border-bottom: 1px solid black;
}

.member img {
	
}

.facebook {
	right: 130px;

}

.clani-menu {
	position: absolute;
	top: -5px;
	right:-15px;
}

.button img {
	position: absolute;
	left: -27px;
	top: -10px;
}

.hitro-iskanje {
	position: absolute;
	top: -240px;
	right: -50px;

}

.member-2 {
	position: absolute;
	top: -55px;
	right: 110px;

}

.slika-member {
	float: left;
	margin-right: 5px;
	padding: 6px;
	
}

.povezava_member {
width: 280px;
line-height: 150%;
padding-top: 12px;

}

/*
.igre-3000-logo {
	position: absolute;
	top: -78px;
	left: -1px;

} */

.novo-zs a {
	color: #00FF00;
}

.novo {
	display: inline-block;
	color: white;
	/*background-color: #008ECF;*/
	background: #008ECF url(slike/content-bar-bcg.png) repeat-x;
/*background: #008ECF url(slike/member-bcg.png) repeat-x;*/
	padding: 1px 6px;
	-moz-border-radius: 7px; 
	border-radius: 7px; 
}

#main {
	padding: 15px;
	padding-top: 0px;
	line-height: 140%;
} 

.description, .description-2 {
	/* background: #FFFF99 url(slike/bcg-desc.png) top left repeat-x ; */
	background-color: #FFFF99;
	-moz-border-radius: 13px;
	border-radius:13px;
	-webkit-border-radius: 13px;
	padding: 20px 20px 10px 20px;

	/*
	color: #666666;
	*/
	-webkit-box-shadow: 0px 4px 4px #CCCCCC;
	box-shadow: 0px 4px 4px #CCCCCC;
	
	margin-bottom: 18px;
	margin-top: 13px;
}

.description-2 {
	/* background: #FFFF99 url(slike/bcg-desc-2.png) top left repeat-x ;*/
	background-color: #FFFF99;
}

.description .img, .description-2 .img {
	display: block;
	float: left;
	padding-right: 10px;
}

.description h1, .description-2 h1 {
	
}

.description a, .description-2 a {
	color: #1188FF;
	padding: 1px;
}

.description a:hover, .description-2 a:hover {
	text-decoration:  none;
}





.menu-ui {
	background: #0099FF url(slike/settings-general.png) right top no-repeat;
	margin-bottom: 13px;

	
		  -moz-border-radius-bottomright: 13px;
  border-bottom-right-radius: 13px;
  -moz-border-radius-bottomleft: 13px;
  border-bottom-left-radius: 13px;
	border-top: 1px solid #A7D3FF;
	padding: 5px;
	padding-bottom: 0px;

}

.menu-ui a {
	display: inline-block;
	margin-bottom: 4px;
	width: 128px;

	color: white;
	text-align: center;
	padding: 8px 3px;
	height: 14px;
	text-decoration: none;
	

}

.menu-ui a:hover, .menu-ui-active {
	color: white;
	background-color: #A7D3FF;
	-moz-border-radius: 10px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	overflow: none;

}

 

.desc-add-info {
	float: right; 
	width: 165px; 
	padding-top:4px; 
	padding-left: 15px; 
	height: 50px;
	line-height: 150%;
}

.desc-add-info a {
	color: #000000;
}

#selection {
	text-align: right;
	margin-bottom: 12px;
}

#selection-2 {

	font-size: 10px;
	line-height: 130%;
	padding: 5px;
	margin-top: 10px;

	
}

	
#selection-2 a {

	
		color:  white; 
		background-color: #82DBF9;
	padding: 8px 13px;;
	margin-right: 5px;
	margin-bottom: 5px;

	-moz-border-radius: 5px;
	border-radius: 5px;  
	font-size: 12px;
	font-weight: normal;
	display: inline-block;
	border: 1px solid #82DBF9;
	text-transform:uppercase;
	text-decoration: none;


}

#selection-2 a:hover {
border: 1px solid white; 



}

#selection a {
	font-size: 10px;
	color: #1188FF;
	text-decoration: none;
	padding:4px 6px;
	font-style: normal;
	
}

#selection a:hover  {
	background-color: #0099FF;
	-moz-border-radius: 8px; 
	border-radius: 8px; 
	color: white;
	/* -webkit-box-shadow: 0px 4px 4px #CCCCCC;
	box-shadow: 0px 4px 4px #CCCCCC; */
}

#selection .active {
	font-size: 10px;
	background-color: #0099FF;
	-moz-border-radius: 8px; 
	border-radius: 8px; 
	color: white;
	padding:4px 6px;
	/* -webkit-box-shadow: 0px 4px 4px #CCCCCC;
	box-shadow: 0px 4px 4px #CCCCCC; */
}







/*
.pagination, .pagination-2 {

	padding-top: 0px;
	margin-top: 10px;
	padding-bottom: 10px;
	clear: both;
	text-align: center;
	font-weight: normal;
	display: block;
	line-height: 200%;
	
}




.pagination a, .pagination-2 a { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	display: inline-block;
	padding:2px 8px;
	text-decoration: none;

	margin-top: 1px;
}

.pagination a:hover, .pagination-2 a:hover {
display: inline-block;
	background-color: #0099FF; 
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:2px 8px;
	text-decoration: none;


}

.pagination .active, .pagination-2 .active {
display: inline-block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #0099FF; 
	color: white;
	padding:2px 8px;
	text-decoration: none;
}

.pagination .inactive, .pagination-2 .inactive  {
	color:  #1188FF; 
	padding:4px 6px; 
	text-decoration:none; 
	-moz-border-radius: 5px;
	border-radius: 5px; 
	font-size: 20px;
	font-weight: normal;
}

*/

#menu {
padding-top: 1px;

}

#menu, #menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
}

#menu li {
  float: left;
}

.nav {
	display: block;
	font-size: 12px;
	font-weight: bold;


}



#menu li div ul li {
	margin: 0px;
	padding: 0px;
	color: black;
	text-shadow: none;
}

.menu-desc {
	font-size: 11px; 
	color: #666666;
}




.bigmenu {
  position: absolute;
  left: -999em;
  top: 30px;
  width: 930px;
  float: left;

  border-bottom: 4px solid #CCCCCC;
  background-color: white;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
  
  -moz-border-radius-bottomright: 8px;
  border-bottom-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-left-radius: 8px;
 /* -webkit-box-shadow: 0px 0px 1px #CCCCCC;
  box-shadow: 0px 0px 1px #CCCCCC;*/
  z-index: 3;
border: 4px solid #00B0E5;
color: #333;

	  
}


.bigmenutop li {

width: 100%;
display: block;
	
}



.bigmenutop li a {
	padding: 6px 30px;
	color: black;
	text-shadow: none;
	display: block;
	margin-right: 0px;
}

.bigmenutop li a:hover {
	color: white;
}



.bigmenutopother li {
float: left;
width: 143px;
display: block;

	
}


#povecava, #povecava-2 {
	background: url(slike/povecava.png) center no-repeat; 
	
}

#povecava:hover, #povecava-2:hover {
	background: url(slike/povecava-2.png) center no-repeat; 
	cursor: pointer;
}

#pomanjsava, #pomanjsava-2 {
	background: url(slike/pomanjsava.png) center no-repeat; 
}

#pomanjsava:hover, #pomanjsava-2:hover {
	background: url(slike/pomanjsava-2.png) center no-repeat; 
	cursor: pointer;
}

#flash {
position: relative;
z-index: 1;
}



.bigmenutopother li a {
	padding: 4px 0px 4px 10px;
	color: black;
	text-shadow: none;
	display: block;
	margin-right: 0px;
	font-size: 11px;
}

.bigmenutopother li a:hover {
	color: white;
}



#menu li:hover div, #menu li div:hover {
  left: auto;
}

.main-nav-bcg {
	height:50px; 
	background: url(slike/menu-bcg.png) left top repeat-x; 
	border: 1px solid white;
	
}


.sub-nav {
	background: url(slike/bcg-sub-nav.png) left top repeat; 
	font-size: 10px; 
	margin-left: 1px; 
	margin-right: 1px; 
	margin-bottom: 3px;
	color: #333333; 
	height: 18px; 
	padding: 1px 0px 0px 10px;
}

.sub-nav a {
	color: #333333;
}

.sub-nav a:hover {
	text-decoration: none;
}

.online {
	float: right; 
	font-size: 10px; 
	color: #333333; 
	padding-top: 15px; 
	padding-right: 10px;
}

.online span {
	float: left; 
	padding: 3px 5px 0px 3px;
}


.online img {
	float: left; 
}

#column {
	width: 200px;
	float: left;
	text-align: center;
	-moz-border-radius: 6px;
	border-radius: 6px;
	 -webkit-box-shadow: 0px 0px 8px #CCCCCC;
    box-shadow: 0px 0px 8px #CCCCCC; 
    margin-bottom: 20px;
    /* border: 2px solid #0099FF; */
    border: 1px solid #CCCCCC;
}

#column-inner {
	/* border: 1px solid #0970D5;*/
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 5px;
}

#column-up {
	background: url(slike/column-up.png) left top repeat-x;
	height: 24px;
	color:  white;
	font-size: 12px;
	padding-top: 8px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
}

#column-down {
	background: url(slike/column-down.png) left top repeat-x;
	height: 24px;
	color:  white;
	font-size: 12px;
	padding-top: 8px;
	  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}

#column-down a {
	color:  white;
	font-size: 12px;
}

#column-down a:hover {
	text-decoration: none;
}

#column-menu a {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	line-height: 200%;
	color: black;
	
}

#column-menu a:hover {
	text-decoration: underline;
}

.column-odd {
	background: url(slike/column-odd-bcg.png) left top repeat-x;
	height: 20px;
	padding-top: 2px;
}

.column-even {
	height: 20px;
	padding-top: 2px;
} 

#content {
	width: 735px;
	float: right;
	margin-bottom: 15px;

}

#content-2 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-top: 20px;

}






#povecava {
	cursor: pointer;
}

#pomanjsava {
	cursor: pointer;
}




/* Samo slika + možnost besedila */
.tooltip {
  background-color: white;
  padding: 7px;
  /*
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  moz-opacity:0.8;
  -khtml-opacity:0.8;
  opacity: 0.8;
  */
  display: none;
  position: absolute;
 
 /*-moz-border-radius: 7px;
  border-radius: 7px;
  padding: 2px;
 border: 1px solid silver;
 */
  -webkit-box-shadow: 4px 4px 8px #999999;
  box-shadow: 4px 4px 8px #999999;
  -moz-border-radius: 10px;
	border-radius: 10px;
/*	box-shadow: 4px 4px 4px #A8A8A8;*/
  z-index: 1;
color: #666;
}



/* Samo besedilo */

.tooltip-box {

  background: url(slike/tooltip-bcg.png);
  /*background-color: #333333;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  moz-opacity:0.8;
  -khtml-opacity:0.8;
  opacity: 0.8;
  */
  color: white;
  font-size: 10px;
  display: none;
  position: absolute;
  padding: 2px 3px;
  height: 17px;

  font-family: Verdana;
  

  text-align: center;
  
  /*
   -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
   -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px; */
  
}

/* Samo besedilo 

.tooltip-box {
  background-color: #000000;
  
  color: white;
  font-size: 10px;
  display: none;
  position: absolute;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 4px 14px;
  font-family: Verdana;
  border: 1px solid white;
  -webkit-box-shadow: 0px 0px 6px #999999;
  box-shadow: 0px 0px 6px #999999;
}
*/

.box, .box-2 {
	width: 155px;
	height: 120px;
	-moz-border-radius: 6px;
    border-radius: 6px;
    padding: 6px;
    -webkit-box-shadow: 0px 0px 8px #CCCCCC;
    box-shadow: 0px 0px 8px #CCCCCC;
    border: 1px solid white;
    float:left;
    margin-left: 13px;
    margin-bottom: 13px;
    border: 1px solid #CCCCCC;
}

.box-2 {
	text-align: center;
}

.box-2 img {
	margin-bottom: 6px;
}


.box a, .box-2 a {
	text-decoration: none;
	display: inline-block;
}

.box-2 a {
	color: black;
}

.box-2 a:hover {
	font-weight: bold;
}

.box:hover, .box-2:hover {
	border: 1px solid #999999;
}









.box-down-img-thumb img {
	float: left; 
	margin-top: 3px;
}

.box-down-text {
	display: inline-block; 
	float: left; 
	padding: 7px 5px 0px 5px;
}

.teacher {
	text-align: center;	
	line-height: 160%;

}

.teacher a {
	color: black;
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-decoration: underline;
	
}

.teacher a:hover {
	text-decoration: none;
}

.overflow-box {
	overflow: hidden; 
	height: 19px;
}

.min-category-box, .min-category-box-right {
	text-align: left; 
	font-size: 10px; 
	color: #999999;
	float: left;
	width: 74px;

}

.min-category-box-right {
	float: right;
	text-align: right; 
}

.min-category-box a, .min-category-box-right a {
	color: #999999;
	text-decoration: underline;
}

.min-category-box a:hover, .min-category-box-right a:hover {
	text-decoration: none;
}


/* vertikalna poravnava znotraj učitelj link box */

#wrapper {
	width:150px;
	height:77px;
	clear: both;
}

#wrapper>#floating { /*display:table for Mozilla & Opera*/
	display:table;
	position:static;
}
#floating { /*for IE*/
	width:150px;
	height:100%;
	position:relative;
}
#floating div { /*for IE*/
	position:absolute;
	top:50%;
}
#floating>div { /*for Mozilla and Opera*/
	display:table-cell;
	vertical-align:middle;
	position:static;
}
#floating div div {
	position:relative;
	top:-50%;
}

#ocena {
	border: 1px solid siver;
	background: white;
}

.ocena {
	text-align: center;
	margin: 10px 0px 15px 0px;
	background-color: white;


}

.ocena-item, .ocena-item-last {
	display: inline-block;
	text-align: center;
	padding: 5px 10px;
	border-right: 1px solid #EDF7FF;
}

.ocena-item-last {
	border-right: 1px solid white;
}

/* Učitelj */

.teacher-content {


}

.zgodbica-content {
	font-size: 12px;
	line-height: 180%;
}


.zgodbica-content h2 {
	margin-bottom: 10px;
}



.teacher-content tr {
	line-height: 140%;
}




.revealer {
	cursor: pointer;
}

/* spoiler pač ne dela pri razkritju teacher item - nimam pojma  zakaj ne, najprej je delalo pol je kr crkno,
se mi ne da zajebavati tako da si dodal kar nov class spoiler2, spoiler pa seveda še rabiš zaradi jQuery */
.spoiler {
    display: inline;
    font-weight:  bold;
}

.teacher-item a {
	color:  #1188FF; 
	text-decoration:none; 
	-moz-border-radius: 5px;
	border-radius: 5px;  
	font-size: 12px;
	font-weight: normal;
}

.teacher-item a:hover {

	text-decoration:underline; 
	-moz-border-radius: 5px;
	border-radius: 5px; 
	font-size: 12px;
	font-weight: normal;
}



.teacher-item  {
	/* background:white url(slike/arrows.png) no-repeat left top; */
	padding: 10px;
	
    line-height: 130%;
    border-bottom: 1px dashed silver;
    /*background: url(slike/teacher-hover.png) left bottom repeat-x;
     cursor: pointer; */
   
}

.teacher-item:hover {
	background-color: #F3FCFF;
	/*border-bottom: 1px solid black;*/
}



.teacher-buttons {
	text-align: center;
	margin: 10px 0px 15px 0px;
}



/* OGLASI */

.oglas-kvadrat-komentar {
	float: left; 
	width:300px; 
	height: 250px; 
	border: 1px solid silver;
}

.oglas-pravokotnik-top {
	/* width: 728px;
	height: 90px;
	border: 1px solid silver;
	margin-bottom: 10px;*/
}

.oglas-pravokotnik-spodaj-igra {
	width: 728px;
	height: 90px;
	border: 1px solid silver;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}


.oglas-pravokotnik-spodaj {
	width: 728px;
	height: 90px;
	border: 1px solid silver;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}


/* ZAČETEK STARS */

.stars div a {
  background: transparent url(sprite_rate.png) 0 0 no-repeat;
  display: inline-block;
  height: 23px;
  width: 12px;
  text-indent: -999em;
  overflow: hidden;
}

.stars a.rating-right {
  background-position: 0 -23px;
  padding-right: 6px;
}

.stars a.rating-over {
  background-position: 0 -46px;
}

.stars a.rating-over.rating-right {
  background-position: 0 -69px;
}

.stars a.rating {
  background-position: 0 -92px;
}

.stars a.rating.rating-right {
  background-position: 0 -115px;
}


/* KONEC STARS */

.prispevek-razno {

	width: 335px;
	margin-right: 10px;

	padding: 10px;
	padding-top: 0px;
	display: inline-block;
}



.prispevek-razno-info {
	border-top: 1px dashed silver;
	color: #666666;
	font-style: italic;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
	
}

.prispevek-razno-info a {
	color: #0099FF;
	font-weight: bold;
}

.prispevek-razno-info a:hover {
	text-decoration: none;
}

.img-center {
text-align: center;
}

.dnevnik {

	padding: 10px


}

.dnevnik-info {
	border-top: 1px dashed silver;
	color: #CCCCCC;
	font-style: italic;
	margin-top: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
}

.dnevnik-info a {
	color: #CCCCCC;
	font-weight: bold;

}

.dnevnik-info a:hover {
	text-decoration: none;
}

.dnevnik-box {
	margin-bottom: 25px;
}

.new {

/* background-color: #DDF5FF;
font-weight: bold;*/

}

.new a {
/* font-weight: bold; */
}
/* novo zasebno sporočilo */
.new2 {
	border: 1px solid black;
}

.ui-links-navigation {
	padding: 5px;
	color: silver;
}

.ui-links-navigation a {
	color: silver;
}

.ui-links-navigation a:hover {

	color: gray;
}


/* Registracija od Larry Ulman - Ajax */

.name, .title {
  font-weight: bold;
  text-transform: uppercase;
  color: #009;
}

.error {
  font-weight: bold;
  color: #C00;
}

.ok {
	font-weight: bold;
  	color: green;
}

#results {
  border: medium solid #390;
  display: none;
  padding-left: 10px;
  width: 300px;
}

.vnosi {
display: block;
}

.errorMessage, .errorMessage2 {
	border: 1px solid;
	color: #D8000C;
	background-color: #FFBABA;
	padding: 5px 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	/* border: 2px solid #EBBDBD;*/


}

 .errorMessage2 {
 	margin-top: 10px;
 }

.successMessage, .addmember {
	background-color: #D7FFB2; 
	color: #339900;
	padding: 5px 10px;
	margin-bottom: 10px;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	border: 1px solid #339900 !important;
}

.addmember {
	padding: 0px;
}

.submenu-active a {
	 /* font-size: 10px;
	-moz-border-radius: 8px; 
	border-radius: 8px; 
	color: white;
	padding:2px 6px;
	background-color: white;
 
	-webkit-box-shadow: 0px 0px 10px black;
    box-shadow: 0px 0px 10px black;*/
}


/* REDESIGN! */

.bar {

	/*background-color: #373737;*/
	color: white;





/*
position: fixed;
margin-top: -34px;*/ /* height + padding-top --> to cifto prepiši tudi pod body margin-top!!!*/
	
}

/* aktiven gumb  */
.nav-hover-active a {
	background-color: #00B0E5;
}

.bar a {
	padding: 13px;
	/*-moz-border-radius: 4px; 
	border-radius: 4px;*/
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	/*text-shadow: 1px 1px 2px black;*/
	margin-right: 4px;

 
}


 
 

.bar a:hover {
	/*-moz-box-shadow:    inset 0 0 15px #A7004C;
   -webkit-box-shadow: inset 0 0 15px #A7004C;
   box-shadow:         inset 0 0 15px #A7004C;*/
	
	color: white;
	background-color: #16A1E7;
	/*background-color: #3BAADB;*/
	
	padding: 13px;

}


.bar-izbran {

	
	color: white !important;
		background-color: #16A1E7;
	/*background-color: #3BAADB;*/
	
	padding: 13px;
	/*border: 1px solid #A7004C;
	border-top: none;
	border-bottom:none;*/
}

.bar .active {
	color: white;

}

.bar-middle {
	margin-left: auto;
	margin-right: auto;
	width: 936px;
	
}

.bar-left {
	padding: 5px 0px;
	float: left;
	position:relative;
	padding-left: 0px;
}

.bar-right {
	position: absolute;
	float: right;
	padding: 5px 0px;
	right: 30px; 
	top: 12px;
	color: #CCCCCC;
	line-height: 140%;
	width: 270px;


}



.bar-right span {
	padding-left: 15px;
}
.content-box {
	/* border: 1px solid #DEDEDE;
	border-top: none;
	-moz-border-radius-bottomright: 15px;
		border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px; 
	background: url(slike/bcg-top-2.png) left top repeat-x; */

}

.main-menu {
	margin-left: auto;
	margin-right: auto;
	width: 935px;
	font-size: 12px;
	padding: 10px 15px;
	text-transform: uppercase;
	
}

.main-menu a {
	color: #666666;
	font-size: 10px;
}

.main-menu a:hover {
	text-decoration: black;
}


.content-bar, .content-bar-2 {
	position: relative;
	/*background: url(slike/content-bar-bcg.png) left top repeat-x;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;*/
	/*-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;*/
	/*height: 32px;
		border-bottom: 1px dashed #CCCCCC;*/
	
	
}



.content-bar-4 {
	/*border-bottom: 1px dotted #CCCCCC;
	border-bottom: 6px solid #EEEEEE;*/
		/*background-color: #F5F5F5;*/
		/*background: url(slike/bcg-forum-hover.png) left bottom repeat-x;
		border-bottom: 3px solid #EEEEEE;
		*/
		/*-moz-border-radius: 10px; 
	border-radius: 10px; 
	padding: 0px 10px;*/
	
	border-bottom: 1px dashed #CCCCCC;

	 	
	 	/*box-shadow: 0px 3px 0px 0px #ccc;*/
		/*
			border-bottom: 1px solid #EEEEEE;
		background-color: #F9F9F9;
		*/
}

.content-bar-3 {
	position: relative;
	/*background: url(slike/content-bar-bcg.png) left top repeat-x;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;*/
	/*-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;*/
	border-bottom: 1px dashed silver;
}

.content-bar-2 {
	border-bottom: 1px solid #0099FF;
}

.content-bar h1, .content-bar-4 h1 {
	color: #333333;

	font-size: 25px;
	padding: 10px 0px 5px 10px;
/*font-family: 'Marck Script', cursive;*/
	/*text-transform:uppercase;*/
	text-shadow: 1px 1px 0px #E0E0E0;
	
	

}

.content-bar-4 h1 {
	background-color: #F5F5F5;
	display: inline-block;
	padding: 5px 10px;
	margin-top: 15px;
	margin-bottom: 10px;

	
}


.content-bar-spodaj {
	position: relative;
	background: url(slike/content-bar-bcg-spodaj.png) left top repeat-x;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	height: 32px;
}


.content-bar-menu {
	position: absolute;
	top: 9px;
	right: 200px;
	font-size: 12px;
}

.content-bar-menu-spodaj {
	text-align: center;
	padding: 10px;
	clear: both;
}

.content-bar-menu a, .content-bar-menu-spodaj a {
	font-size: 10px;
	padding: 3px 10px;
	font-weight: bold;
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	color: #FFFFFF;
	text-decoration: none;
}

.content-bar-menu a:hover, .content-bar-menu-spodaj a:hover {
	text-decoration: underline;
}

.content-bar-menu .active, .content-bar-menu-spodaj .active {
	font-size: 10px;
	padding: 3px 10px;
	font-weight: bold;
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	background-color: #FFFFFF;
	color: #0099FF;
	text-decoration: none;
}

.content-box {
	display: flex;
	flex-direction: column;
}

#navigation {
	order: 1;
	width: auto; /* Spremenjeno v auto */
	padding-top: 15px;
}

.content-box-border {
	order: 2;
	flex-grow: 1;
	padding: 15px 10px;
}

@media only screen and (min-width: 768px) {
	.content-box {
		flex-direction: row;
	}

	#navigation {
		width: auto;
		order: 0;
		max-width: 210px;
	}

	.content-box-border {
		flex-grow: 1;
		order: 1;
	}

}

@media only screen and (max-width: 767px) {
	.avatar-big {
		display: none;
	}

	#info-nav-2 li a, #info-nav-3 li a {
		padding: 12px 15px 5px 15px !important;
	}
}


.content-box-item {
	width: 191px;
	float: left;
	padding: 10px 15px;
	
	/*padding-left:5px;
	margin-right: 9px;
	padding-bottom: 3px;
	border: 1px solid silver;
	 background-color: green; 
	 	border: 1px solid white;*/
	 	/*box-shadow: 0px 0px 1px 1px white inset, 0px 23px 21px -25px #000;*/
	 	
	 	/*box-shadow: 0px 23px 21px -25px #666;*/
	 	

}

.content-box-item a {
	color: black;
	text-decoration: none;
	font-weight: bold;
	
}


.content-box-item:hover {
	
-moz-border-radius: 10px;
	border-radius: 10px;
	

}


.content-box-item a:hover {
	 text-decoration: underline;
	/*color: #019CFE;*/
}

.content-box-item img {
	margin-top: 3px;
	/*border: 1px solid white;
	box-shadow: 0px 23px 21px -25px #666;*/

	

}


.content-box-item a img {

text-decoration: none;
}

.content-box-item a:hover img {

text-decoration: none;
}





#navigation a, .navigation a, .navigation-2 a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #015287;*/
	color: #0099FF;
	display: inline-block;
	padding: 6px;
	text-decoration: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
}

.navigation-3 a {
	text-decoration: none;
	color: #666666;
	line-height: 200%;
}

.navigation-3 a:hover {
	text-decoration: underline;
}

.top-heading {
	padding: 8px 5px 8px 38px; 
	background: url(slike/bcg-menu.png); 
	color:  #50CEFF; 
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	color: white; 
	font-weight: bold; 
	border: 1px solid #F39700;
	border-bottom: none;
	position: relative;
}

.top-heading-bottom {
	padding: 5px 13px; 
	background: url(slike/bcg-menu.png); 
	color:  #50CEFF; 
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px; 
	color: white; 
	font-weight: bold; 
	border: 1px solid #F39700; 
	border-top: none;
	text-align: right;
}

.top-heading-bottom a {
	color: white;
	
	text-decoration: underline;
}

.top-heading-bottom a:hover {
	text-decoration: none;
}

.top-heading img {
	position: absolute; 
	left: -3px; 
	top: -3px;
}

.krog {

background: url(slike/krog.png) left top no-repeat;
color: white;
font-weight: bold;
padding: 5px 14px 5px 8px;
}

#navigation a:hover, .navigation a:hover, .navigation-2 a:hover {
	background-color: #0099FF; 
	color: white;
}





.box-down {
	color: #999999;
	font-size: 11px;
	/*-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;*/
	margin-top: 3px;
	width: 200px;
	/* border-bottom: 1px dotted #CCCCCC;*/
	padding:1px 0px 3px 0px;
}

.box-down a {
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
}
.box-down a:hover {
	text-decoration: none;
}

.box-down img {
	vertical-align: text-bottom;
}

.box-down-happy {
	font-weight: bold; 
	color: #38BE18; 
	font-size: 12px;
}


.box-down-sad {
	font-weight: bold; 
	color: #F19400; 
	font-size: 12px;
}

.box-down-neutral {
	font-weight: bold; 
	color: silver; 
	font-size: 12px;
}

#footer {

	color: #CCCCCC;
	/*border-top: 1px solid #4587AE;
	border-top: 1px solid #B4CFDE; */
	padding-top: 0px;


}

#footer a {
	text-decoration: none !important;
}

#footer a:hover {
	text-decoration: underline !important;
}

#footer-main-links {

	padding-bottom: 10px;

	color: silver;
	font-size: 11px;
	
}

#footer-main-links a {
	color: #CCCCCC;
	
}

#footer-main-links a:hover {

	text-decoration: none;
}

#footer-content {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	line-height: 180%;
}
#footer-copyright {
	margin-top: 15px;
}


/* ZAČETEK TABS */

#info {
	width: 530px; /* spremeni še pri container width... */
	padding: 20px 20px;
	background-color: #FFFFFF;
	min-height: 80px;
	


  	
  		margin-top: 5px;
	/*border-top: none;*/

    
}

#info a {
	color:  #0099FF;
}
#info a:hover {
	text-decoration: none;
}

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

#info-nav {
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style: none;
	border-bottom: 3px solid #16A1E7;
	background-color: #F3F3F3;
	
		/*text-shadow: #000000 0.05em 0.05em;*/
}

#info-nav-3 {
	color: #ccc;
}

#info-nav-2, #info-nav-3 {
	text-transform: uppercase;
margin: 0px;
	padding: 0px;
	width: 100%;
	list-style: none;


}

#info-nav li {
	display: inline;
  	text-align: center;

}

#info-nav-2 li, #info-nav-3 li {

	display: inline-block;
	text-align: center;

	
}

#info-nav li a {
	display: inline-block !important;
	color: #666666;
	text-decoration: none;
	padding: 13px 20px 10px 20px;
	
	
	
}

#info-nav-2 li a, #info-nav-3 li a {
	display: inline-block;
	padding: 12px 30px 5px 30px;
	text-decoration: none;
	color: #CCCCCC;
	
}



#info-nav-3 li a {
	padding: 12px 38px 5px 38px !important;
}



#info-nav li a:hover {
	background: #16A1E7;
	color: white;
	
}
#info-nav li.current { 
	
	
    
}

#info-nav-2 li, #info-nav-3 li {
	border-bottom: 5px solid white;
}
#info-nav-2 li.current, #info-nav-3 li.current {

	border-bottom: 5px solid #666666;
	/*text-shadow: 0px 1px #666;*/

}

#info-nav-2 li:hover, #info-nav-3 li:hover {

	border-bottom: 5px solid #CCCCCC;
}

#info-nav-2 li.current:hover, #info-nav-3 li.current:hover {

	border-bottom: 5px solid #666666;
}

#info-nav-2 li.current a, #info-nav-3 li.current a {
	color: #666666;
	font-weight: bold;

} 

#info-nav li.current a {

	cursor: default;
	text-decoration: none;
	color: white !important;
	background: #16A1E7;
	padding: 13px 20px 10px 20px;
}


#container {
	position: relative;
	margin:0 auto;
	text-align: left;
	width: 573px;
	font-size: 12px;
	margin-top: 0px;
	/*background: white url(slike/bcg-prijava-zgoraj.png) left top no-repeat;*/
	background-color: white;
	background-position: 7px 7px;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 80px black;
    box-shadow: 0px 0px 80px black;
    
}


#prijava_ok, #registracija_ok, #pozabljeno-geslo_ok {
	background: url(slike/content-bar-bcg.png) left top;
	display: none;
	position: relative;
	margin:0 auto;
	text-align: left;
	width: 450px;
	font-size: 12px;
	margin-top: 170px;
	color: white;
	font-size: 20px;
	border: 4px solid white;
	-moz-border-radius: 20px;
	border-radius: 20px;  
	padding: 20px;
	/*padding-left: 45px;*/
	-webkit-box-shadow: 0px 0px 20px black;
    box-shadow: 0px 0px 20px black;
   /*  text-align: center;*/
}

#prijava_ok img, #registracija_ok img, #pozabljeno-geslo_ok img {
	vertical-align: middle;

}

#prijava_ok a img, #registracija_ok a img, #pozabljeno-geslo_ok a img {
 text-decoration:none;

}

#prijava_ok a, #registracija_ok a, #pozabljeno-geslo_ok a {
	color: white;
}

#prijava_ok a:hover, #registracija_ok a:hover, #pozabljeno-geslo_ok a:hover {
	text-decoration: none;
}


#prijava-ok-slika,  #registracija-ok-slika, #pozabljeno-geslo-ok-slika {
	display: none;
	position: absolute;
	top: -35px;
	left: -80px;

}

#overlay {
	display:none;
	top: 0; right: 0; bottom: 0; left: 0;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	width: 100%;
	z-index: 1;
	color: #666666 !important;
}
#blanket {
	background-color: black;
	/*background: url(slike/bcg-prijava-prozorno.png);*/
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	opacity: 0.2;
	position: absolute;
	width: 100%;
}

/* KONEC TABS */


.najdi {
	float: right;  text-align: right;
	
	
}

.najdi input[type="text"] {
	width: 200px;


	
}

.najdi input[type="submit"] {
	padding: 7px !important; 
	width: 30px !important;

background: url("slike/iskalnik.jpg") no-repeat 5px 5px; !important;
	color: white !important;
	


}

.najdi input[type="submit"]:hover {

}

input[type="button"]:active, input[type="submit"]:active {
	/* background: url(slike/button-bcg.png) top left repeat-x; */
} 

.uporabnik-info {
	text-align: center;
	/* border: 1px solid #CCCCCC;*/
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(slike/content-bar-bcg.png) left top repeat-x;
	color: white;
	font-weight: bold;


}

.uporabnik-info-span {
	text-transform:uppercase;
}



.ui-user-description-selection ul {
padding-left: 5px;
list-style-type: none;
}

.ui-1, .ui-2, .ui-3, .ui-4 {
	-moz-border-radius: 5px;
	border-radius:5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	color: white;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
	clear: both;
}

.ui-1-1 {
	margin-top: 0px;
}

.ui-1 img, .ui-2 img, .ui-3 img, .ui-4 img {
vertical-align: middle;
float: right;

}

.ui-1 {
	background-color: #50CEFF;
}

.ui-2 {
	background-color: #FABD00;
}

.ui-3 {
	background-color: #F79321;
}

.ui-4 {
	background-color: #D84D00;
}

.comments, .comments-igra {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #333333;
	line-height: 160%;
	width: 410px;
	float: right;

}

.comments-igra {
	float: left;
	width: 570px;
	border:none;
	padding-right: 18px;
}

.social-stuff {
	width: 350px; 
	float: right; 
	margin-right: 10px;
	padding: 0px;
}


.slika-profil {
	float: left;
}



.comment, .thread-top, .thread-top2, .comment-prvi {
	margin-bottom: 10px;
	padding: 10px;
	min-height: 50px;
	/*-moz-border-radius: 8px;
	border-radius:8px;
	-webkit-border-radius: 8px;*/
border-bottom: 1px dashed #CCCCCC;
/*background: white url(slike/bcg-forum-hover.png) left bottom repeat-x;*/
	   /* border-bottom: 1px dotted #E7E7E7;
	  */
/*
	border: 1px dashed #CCCCCC;
	background-color: #EEFAFF;
	background: url(slike/uporabnik-komentar-bcg.png) repeat-x;*/
}

.comment-prvi {
	/*margin-bottom: 10px;
	padding: 10px;
	min-height: 50px;
	/-moz-border-radius: 4px;
	border-radius:4px;
	-webkit-border-radius: 4px;
	border: 1px solid #CCCCCC;
	-webkit-box-shadow: 2px 2px 5px #E2E2E2;
    box-shadow: 2px 2px 5px #E2E2E2;
    background-color: #FAF5F1;
    
    -webkit-box-shadow: 0px 0px 50px #ccc;
    box-shadow: 0px 0px 50px #ccc;
    border-bottom: none;
    border-radius:8px;
	-webkit-border-radius: 8px;*/
}

.comment:hover {
	/*border-bottom: 1px solid silver;*/
}


.thread-top {
	
	 background: #06B7F4 url(slike/thread-bcg.png) left bottom repeat-x; 
	 color: white;
	 font-size: 14px;
	 line-height: 160%;
	 border: none;
}

.thread-top2 {
 font-size: 12px;
	 line-height: 160%;
	background: none;
	color: #666666;
	border: none;
}

.footer-info {
	padding: 0px 10px;

	 line-height: 130%;
}

.thread-top2 h2 {
	color: #666666;
	font-size: 13px;
	margin-bottom: 5px;
	margin-top: 20px;
	/* border-bottom: 1px dotted silver; */

}



.thread-top2 img {
vertical-align:middle;
}

.thread-top a {
	color: white;
}

.thread-top a:hover {
	text-decoration: none;
}


.forum-forum {


 border-bottom: 1px dashed silver; 

	/*border-bottom: 1px dotted #DADADA;*/
	padding: 8px 0px;
	/* mma padding se ti nkeje prekriva in zgorn ne dela zato moraš dati important... 
	padding-top: 9px !important;
	padding-bottom: 8px !important;
	*/
	
	 /*margin-bottom: 5px;*/
	
	 
	 /*
	 -moz-transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;
   background-color: white;
	 */
	
	 

}




.forum-blog {

	min-height: 5px;
	      border: 1px solid #E7E7E7;
	  background: white url(slike/bcg-forum-hover.png) left bottom repeat-x;
	  padding: 7px;
	  padding-top: 9px;
	  margin-bottom: 7px;
	  -moz-border-radius: 8px;
	border-radius:8px;
	-webkit-border-radius: 8px;
}

.blog-blog {


	border: 1px solid #E7E7E7;
	  background: white url(slike/bcg-forum-hover.png) left bottom repeat-x;
	  padding: 7px;
	  padding-top: 9px;
	  margin-bottom: 12px;
	  margin-right: 12px;
	  -moz-border-radius: 8px;
	border-radius:8px;
	-webkit-border-radius: 8px;
}

.blog-blog a {
	text-decoration: underline;
}

.blog-blog a:hover {
	text-decoration: none;
}

.forum-forum-2 {
	padding: 7px;
}

.forum-forum td br {
	margin-bottom: 10px;
}




.forum-forum:hover {
background-color:#F2FBFF;
/*background-color: #E6F6FF;
background-color:rgba(113,194,255,0.2);*/

}

/*

.forum-forum:nth-child(even) {
	background-color:#E3F1FA;
}

.forum-forum:nth-child(odd) {
	background-color:#FAFAFA;
}


.forum-forum10:nth-child(even) {
	background-color: #FDE2AA;
}

.forum-forum10:nth-child(odd) {
	background-color: #FEF1D7;
}

*/


.forum-forum10:hover {
	background-color: #FEF1D7;
}


.forum-title-3 a {
	/* font-weight: bold; */
}

/*
.forum-title-3 a:visited { color: #336699; }
*/


.forum-title-4 a {
	color: #B36500 !important;
	/* za desni stolpec obarvanje v vijolično pobriši !important */
}


.forum-forum:hover a { 
/*
color: #9CD2FF;*/

}
.comment-title, .forum-title {
	margin-left: 55px;
	margin-bottom: 10px;
	color: silver;
	font-size: 14px;
	
	
	/* color: #E0E0E0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px; */
}

.comment-title {
/*	border-bottom: 1px dotted silver;
	padding: 5px;
	background-color: #F3F3F3;*/
	
	color: #666;
}

.thread-info {

	color: #666;
	font-size: 11px !important;
}

.thread-info a {
	color: #666;
	text-decoration: underline !important;
	font-size: 11px !important;
	font-weight: normal !important;
}

.thread-info a:hover  {
	text-decoration:none !important;
}

.forum-title-2 {
	line-height: 140%;
}

.forum-title {
	margin-bottom: 5px;
}


.comment-title a, .comment-content a, .forum-title a, .forum-title-2 a, .forum-content a {

text-decoration: none;
	
}


.forum-title, .forum-title-2 {
	margin-left: 0px;
	
}

.forum-title a {
	/* font-size: 15px; */


}

.forum-title-2 a, .forum-content a {
	text-decoration: none;
	/* font-size: 12px; */
	
}






.forum-title a:hover, .forum-title-2 a:hover, .forum-content a:hover {
	text-decoration: underline;
}


.forum-content {
	line-height: 150%;
	/*padding-left: 14px;*/
}

.forum-title-3 {
	margin-bottom: 0px;
	
}

.forum-title-3 a {
	/* font-size: 14px; */
	

}

.forum-add {
	float: right;
}

.forum-add img {
	vertical-align: middle;
	margin-left: 10px;

}

.item-date {
	color: #999999;
	font-size: 11px;
	line-height: 140%;
	
}

.item-date a {
	color: #999999;

}

.item-date a:hover {
	text-decoration: none;
}




.comment-title a:hover, .comment-content a:hover {
text-decoration: underline;
	/* text-decoration: underline; */
}

.comment-not-logged-in a {
		text-decoration: none;
		color: #0099FF;
}

.comment-not-logged-in a:hover {
	text-decoration: underline;	
}

.comment-content {
	clear:both;
	line-height: 150%;
	color: #000;
	padding-top:10px;
	
	

}

.comment-content-5 img {
	max-width: 797px;
	padding: 0px 0px;

}

.comment-content-5 {

}

.img-max img {
	max-width: 550px;
}

.comments label {

	padding-right: 15px;
	

}


.forum-border-2 img {
	max-width: 550px;
}

.comment-border {
background-color: #E6F6FF;
	padding: 12px;
	padding-bottom: 1px;
	-moz-border-radius: 8px;
	border-radius:8px;
	-webkit-border-radius: 8px;
	margin-top: 20px;
}
.forum-border {
	/*margin-top: 10px;
	background: url(slike/cvek-123-bcg.png) top right no-repeat;*/
}

.forum-border h3 {
	float: left;
	margin-top: 0px;
}


.datum {
	position: relative;
	color: #C0BEBB; 
	font-size: 10px;

}


.content-box-border h1 {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.content-box-border h2 {
	font-size: 14px;
	margin: 10px 0px 0px 0px;
	color: black;

}

.content-box-border h3 {
	margin-top: 0px;
}

.add-new-3 {
	display: inline;
	
}

.add-new, .add-new-2  {
	margin-bottom: 5px;
	line-height: 160%;
	margin-top: 3px;



}
.add-new a, .add-new-2 a {
	/* color: black;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline; */

	color: #1188FF;
	text-decoration: none;
	padding:4px 6px;
	font-style: normal;
	font-weight: normal;


}

.add-new a:hover, .add-new-2 a:hover  {	
	/* text-decoration: none; */
	background-color: #0099FF;
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	color: white;
	text-decoration: none;
}

.add-new-content, .add-new-content-comment {
	margin-top: 15px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 8px #CCCCCC;
    box-shadow: 0px 0px 8px #CCCCCC;
    padding: 20px;
    margin-left: 15px;
    border: 1px solid #CCCCCC;

}

.add-new-content-comment {
	margin-left: 0px;
}


#search input[type="text"] {
	height: 20px;
	padding: 0px;
	padding-top: 1px;
	padding-left: 33px;
	padding-right: 25px;

	width: 130px;
	-moz-border-radius: 8px;
    border-radius: 8px;
	margin: 0px;
	color: #CCCCCC;
	position: absolute;
	top: 5px;
	right: 8px;
	border: none;
	background: white url(slike/search-logo.png) left top no-repeat;
}


#search input[type="text"]:focus {
	-webkit-box-shadow: none;
    box-shadow: none;
    color: #333333;
}

.loading {
	position: absolute;
	top: 7px;
	right: 13px;
}

#search-rezultat-border {
	-moz-border-radius: 10px;
    border-radius: 10px;
	width: 480px;
	max-height: 480px;
	border: 4px solid #02A2FC;
	background-color: #E7F7FC;
	position: absolute;
	top: 40px;
	right: 0px;
	padding: 8px;
	color: #666666;
	display :none;
	overflow: auto;
	
}

#search-rezultat-border a {
	font-size: 12px;
	color: black;
	font-weight: bold;
}

.search-rezultat, .search-brez-zadetkov {
	clear:both;
	background-color: white;
	-moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 3px;
    padding: 5px 10px;
	text-decoration: none;
	color: #333333;
	

}

.search-rezultat img {
	vertical-align: middle;
	padding-right: 5px;
}

.search-rezultat:hover {
	background-color: #5EB2FF;
	color: white;
}

.search-stat {
	float: right; 
	padding-top: 2px;
}

.search-stat img {
	vertical-align: middle;
}
	

.kategorija-mini {
	float: right; 
	font-size: 10px; 
	font-weight: normal;
}


textarea {
	 width: 100%;
}

.textarea-2 {
	width: 975px;
}

.prikazi-izbrisi {
	display: none;
}


/* UI autocomplete... */

.ui-widget {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

	/* Design okvircka! */

	
	
	.ui-autocomplete {
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar 
		padding-right: 20px;*/	
	-moz-border-radius: 10px;
    border-radius: 10px;

	width: 355px;
	max-height: 380px;
	border: 4px solid #02A2FC;
	background: #E7F7FC;
	/* padding: 8px 8px 8px 70px; */
	padding: 8px;
	padding-top: 52px;
	color: #666666;
	margin-top: 20px;
	/*
	left: auto !important;
    
    
    top: 0px !important;
    right: 100px !important;
*/
	
	}
	
	
	/* posamezne izbire */
	.ui-menu-item  {
		border-bottom: 4px solid #E7F7FC;
		background: white;
		-moz-border-radius: 10px;
		border-radius: 10px;  
		
	}
	
	.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding: 5px 10px;
	line-height:1.5;
	zoom:1;
	cursor: pointer;
	}
	
	.ui-menu-item img {
		vertical-align: middle;
	}
	
	/* ZACETEK border radius HOVER elementa!!! */
	.ui-corner-all { 
		-moz-border-radius: 10px;
		border-radius: 10px;  
		
	
	}
	
.ui-state-hover, .ui-widget-content .ui-state-hover { 
	border: 1px solid #E7F7FC; 
	background: #5EB2FF; 
	font-weight: bold; 
	color: white; }
.ui-state-hover a, .ui-state-hover a:hover { 
	color: white; 
	text-decoration: none; }

	/* KONEC border radius HOVER elementa!!! */
	
	/* DESIGN ZA SEARCH INPUT! */
	.ui-autocomplete-input {
		
	height: 20px;
	padding: 0px;
	padding-top: 1px;
	padding-left: 33px;
	padding-right: 25px;
	width: 130px;
	-moz-border-radius: 8px;
    border-radius: 8px;
	margin: 0px;
	color: #CCCCCC;
	font-style:italic;
	/*
	position: absolute;
	top: 5px;
	right: 8px;
	*/
	font-size: 12px;
	border: none;
	background: white url(slike/search-logo.png) left top no-repeat;
	}
	
	.ui-autocomplete-input:focus {
	-webkit-box-shadow: none;
    box-shadow: none;
    color: #333333;
}	
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 480px;
	}

.ui-autocomplete-loading { background: white url('slike/loader.gif') right center no-repeat; }
	
#iskanje-igre-kategorije {

	position: absolute;
	right: 400px;
	top: 36px;
	display: none;
	z-index: 2;
	border: 4px solid #02A2FC;
	background: #E7F7FC;
    -moz-border-radius-topleft: 10px;
  	border-top-left-radius: 10px;
  	-moz-border-radius-bottomleft: 10px;
  	border-bottom-left-radius: 10px;
    padding: 7px 8px;
    border-right: none;

}

#iskanje-igre-kategorije-2 {

	position: absolute;
	right: 23px;
	top: 40px;
	display: none;
	z-index: 2;

}


#iskanje-igre-kategorije-border-fix {
	position: absolute;
	right: 393px;
	top: 36px;
	display: none;
	z-index: 2;
	border-top: 4px solid #02A2FC;
	background: #E7F7FC;
	height: 5px;
	width: 10px;
}

/*
#iskanje-igre-kategorije-border-fix-2 {
	position: absolute;
	right: 393px;
	top: 80px;
	display: none;
	z-index: 2;
	border-bottom: 4px solid #02A2FC;
	background: #E7F7FC;
	height: 5px;
	width: 10px;
}*/


.signature {
	border-top: 1px dotted #bbb; 
	margin-left: 65px; 
	margin-top: 13px; 
	padding-top:6px; 
	color: #aaa;
	font-size: 11px;
}

.signature a {
	text-decoration: none;
	font-size: 11px;
}

.signature a:hover {
	text-decoration: underline;
	
}

.oglas-stolpec {
	width: 160px;
	height: 600px;
	background-color: #CCCCCC;
	margin-left: auto;
	margin-right: auto;
}



/* ZAČETEK CLANI */



#clani, .razno, .clani-2 {
  margin-bottom: 10px;
  padding: 10px;
}

#clani h3, .razno h3
{
  margin:0;
  padding: 5px;
border-bottom: 1px dashed silver;
  color: #00314F;
  font-weight:normal;

  
}

#clani h3:hover, .clanki-active {
	/*background-color: #F0F5F8;*/
	
	
	background-color: #E6F6FF;

	

}

#clani div, .razno div
{
	padding: 10px;
  border-bottom:1px solid #fff;
  position: relative;
  -moz-border-radius: 5px;
	border-radius: 5px;
	background-color: white;
}

.razno h3 {
	background-color: #F0F5F8;
}

#clani a, .razno a,  .clani-2 a, .games-delete a { 
	color:  #1188FF; 
	padding:4px 6px; 
	text-decoration:none; 
	-moz-border-radius: 5px;
	border-radius: 5px;  
	font-size: 12px;
	font-weight: normal;
	line-height: 220%;
	
	
	/*
	
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	display: inline-block;
	padding: 8px;
	text-decoration: none;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
}

#clani a:hover, .razno a:hover,  .clani-2 a:hover, .games-delete a:hover {
	padding:4px 6px; 
	color: white; 
	background-color: #0099FF; 
	text-decoration:none; 
	-moz-border-radius: 5px;
	border-radius: 5px; 
	font-size: 12px;
	font-weight: normal;
	
	
	/*background-color: #0099FF; 
	color: white;*/
	

}

.games-delete {
	margin-top: 5px;
}

.games-delete img {
	vertical-align: bottom;
}


#clani p, .razno p {
  margin: 0 10px 0 0;
  padding: 0;
  

}

/* KONEC ČLANI */

.social-rating {
  	line-height: 100%;

}

.social-rating a {
	color: black;
	font-size: 12px;
	text-decoration: none;

}

.social-rating img {
	margin-right: 2px;
	margin-left: 5px;
	vertical-align:middle;
	
}
	
.social-rating a span {
display: inline-block;
background: url(slike/puscica-2.png) left top no-repeat;
border-right: 1px solid #D1D1D1; 
padding: 3px 3px 3px 3px;
padding-right:4px;
padding-left: 10px;
height: 12px;
vertical-align:middle;
}


.forum-2 {
	padding: 0px 15px 10px 15px;
}



.forum-3:hover {
	background-color: #F3FCFF;
}

.smilies-selection {
	width: 100%; 
	margin-right: 30px;
}


.smilies-selection input, .avatar-selection input {
	margin-left: 6px;
}

.smilies-selection span, .avatar-selection span, .video-selection span {


border: 1px solid white;
	padding: 5px;
	-moz-border-radius: 7px;
  border-radius: 7px;
}

.video-selection span, .video-selection span input { 
margin-bottom: 5px;
cursor: pointer;
}
.smilies-selection span:hover, .avatar-selection span:hover, .video-selection span {
border: 1px solid #E7E7E7;
	  background: white url(slike/bcg-forum-hover.png) left bottom repeat-x;
	/*padding: 5px;
	background-color: #E6F6FF;*/
	
}

.smilies-selection span, .smilies-selection span input  {
	cursor: pointer;
}

.video-selection span:hover {
	border: 1px solid silver;
}


.moznosti-urejanja {
/*color: silver; 
padding-left: 10px; 
border-right: 5px solid silver;*/
color: #333;
line-height: 190%; 
padding-bottom:0px;
text-align: right;

}

.moznosti-urejanja ul {
	padding-left: 23px;
	list-style-type:none;
}

.avatar {
border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
}

.avatar-mini {
  	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 45px;
	height: 45px;

}

.avatar-big {
-moz-border-radius: 6px;
	border-radius: 6px;
/*border: 1px solid #CCCCCC;
	padding: 3px;
	box-shadow: 5px 5px 5px #CCCCCC;*/
}


.radij-novica {
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 3px !important;
	border: 1px solid #ccc !important;
}


.forum-avatar {
border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;

}

.time {
	position: absolute;
	left: -13px;
	top: 2px;
}

#ura {
	display: inline-block;
	width: 47px;
	text-align: right;
}

.pagination-thread {
	color: #666;
	display: inline-block;
	font-weight: normal;
	/*position:absolute;
	left:0px;
	top:0px;*/

	
}
.pagination-thread a {
	color: #666;
	font-weight: normal;
	/*text-decoration: underline;
	background-color: #02A3FB;
	color: white;
	padding: 2px 4px;
	text-decoration: none;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;*/

}

.pagination-thread a:hover {
	color: #666;
/*color: #02A3FB;
	background-color: #05B4F5;
	text-decoration: none;*/
}



.listNav { margin: 20px 0px 10px 40px; }
.ln-letters { overflow:hidden;}
.ln-letters a { /*font-size:0.9em;*/ display:inline-block;  padding:2px 6px; margin-right: 6px; border:1px solid white; text-decoration:none; -moz-border-radius: 5px;
	border-radius:5px;
	-webkit-border-radius: 5px;}
.ln-letters a.ln-last { border-right:1px solid white; -moz-border-radius: 5px;
	border-radius:5px;
	-webkit-border-radius: 5px;}
.ln-letters a:hover,
.ln-letters a.ln-selected {background-color:#0099FF; /* background: url(slike/member-bcg.png) left top repeat-x;*/ color: white; border: 1px solid #009FDA;}
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:0px; color:#336699; }

#demo4 #listWrapper { width:650px }
#demoFour li { float:left; list-style-type: none; margin: 0px; padding: 0px;}
#demoFour a { display:block; overflow: hidden; 
	  color:  #1188FF; 
	padding:4px 6px; 
	text-decoration:none; 
	-moz-border-radius: 5px;
	border-radius: 5px;  
	font-size: 12px;
	font-weight: normal;
	height: 14px;
	  
	  }
#demoFour a:hover { padding:4px 6px; 
	color: white; 
	background-color: #0099FF; 
	text-decoration:none; 
	-moz-border-radius: 5px;
	border-radius: 5px; 
	font-size: 12px;
	font-weight: normal; height: 14px;}
	
.clani-2 table {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid white;
	padding-top: 7px;
	width: 140px;
}

.clani-3 table {
	width: 120px;
}

.nadzorna-uporabnik {
float: none;	
}
.nadzorna-uporabnik:first-letter {
  text-transform: uppercase;

}


.interests ul {
	margin: 0px;
	padding: 0px 10px 0px 27px;
	list-style-type:circle
}

.msgln { 
padding: 2px; margin: 4px; border-bottom: 1px dashed #ccc;
}

.reg_ni_potrebna, .nova-tema {
	background-color: #777777;
	color: white;
	text-shadow: 1px 1px 0px #333;
	text-align: center;
	padding: 8px;
	margin-bottom:1px;

}

.reg_ni_potrebna {
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

.nova-tema {
	background-color: #06B7F4;
	text-shadow: 1px 1px 0px #666;
	margin-bottom: 25px;
	display: block;
	font-size: 20px;
	font-weight: bold;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px; 
	padding: 6px;
	padding-bottom: 8px;
	color: white;
}


.nova-tema:hover {

	font-weight: bold;
	background-color: #05ABE2;
}

.novi-odgovori {
	/*border: 1px solid #666; 
	box-shadow: 1px 1px 1px #ddd; */
	position: absolute; 
	/*background-color: white;*/
	padding: 3px; 
	border-radius: 6px; 
	right: -22px; 
	margin-top: -3px; 
	font-size: 14px; 
	color: #666;
	
}


.scrollToTop{
	width:50px; 
	height:50px;
	padding:0px; 
	text-align:center; 
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:15px;
	margin-left: 910px;
	display:none;
	background: url('slike/na-vrh.png') no-repeat;
	z-index: 10;
}
.scrollToTop:hover{
	text-decoration:none;
}


.warning{
     background-color: #eaaf51;
     border-color: #d99a36;
}

.moderator {
	color: green;
	font-size: 12px;
	font-weight: bold;
}

.moderatorlimited {
	color: silver;
	font-size: 12px;
	font-weight: bold;
}

body {
	-webkit-animation: fadein 0.3s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 0.3s; /* Firefox < 16 */
	 -ms-animation: fadein 0.3s; /* Internet Explorer */
	  -o-animation: fadein 0.3s; /* Opera < 12.1 */
		 animation: fadein 0.3s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.h5, h5 {
	font-size: 1.05rem !important;
}
.hover {
	/* border-left: 10px solid white ; */
}
.hover:hover {
	background-color: #F0F7FF !important;
	/* border-left: 10px solid blue ; */
}

/* X-Small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {

	.hover:hover {
		background-color: white !important;
	}

	.shortenText {
		max-width: 200px !important;
	}
 }

.topic-box a {
	text-decoration: none !important;
	/* color: rgba(0,0,0,0.9) !important; */
	transition: color 0.15s, text-decoration 3s, border-bottom 0.15s;
	/* border-bottom: 2px solid transparent; */
}

.topic-box a:hover {
	/*text-decoration: underline !important;
	 border-bottom: 2px solid currentColor; */
}

.youtube-video-container {
	position: relative;
	overflow: hidden;
	width: 100%;
  }
  
  .youtube-video-container::after {
	display: block;
	content: "";
	padding-top: 56.25%;
  }
  
  .youtube-video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }

  .shortenText {
    max-width: 700px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (max-width: 767px) {
    .shortenText {
        max-width: 300px;
    }
}