@import url('editor.css');


html  {height:100%;}

body {
	background-color: #333;
	font-size:12px;
	font-family:FreeSans,Arial,Helvetica,sans-serif;
	height:100%;
}
/* PARAGRAF */
#articlepage {line-height: 1.7em;}
#articlepage p {padding:10px 0;}

/* TRANZICIJE */
	/* tranzicija za hover */
	.vrh a, #gorelevo #blogmeni .active a, #gorelevo #blogmeni a, #meni a, .moduletable a, #articlepage a, #docs a, .nazad, a {
	  transition: color 0.3s;
	  -moz-transition: color 0.3s; /* Firefox */
	  -ms-transition: color 0.3s; /* IE, when it eventually supports it */
	  -o-transition: color 0.3s; /* Opera */
	  -webkit-transition: color 0.3s; /* Safari & Chrome */
	}
	/* tranzicija za intro clanak */
	.blogonama  .article_rowonama  {
	  transition: background-color 0.3s;
	  -moz-transition: background-color 0.3s; /* Firefox */
	  -ms-transition: background-color 0.3s; /* IE, when it eventually supports it */
	  -o-transition: background-color 0.3s; /* Opera */
	  -webkit-transition: background-color 0.3s; /* Safari & Chrome */
	}
/* LINKOVI */

#meni #osnovni a, a { outline: none; text-decoration:none;}
 
a, a:visited, a:focus{color:#fff;} a:hover {color:#f14b12;}

#docs a, #docs a:visited, #docs a:focus{color:#000;}
#docs a:hover {color:#f14b12;}
#articlepage a, #articlepage a:visited, #articlepage a:focus{color:#f14b12;text-decoration: none;} #articlepage a:hover {color:#000;}

#articlepage .tag a {color:#0DBDFF;text-decoration: none;background-color:#fff;} #articlepage .tag a:hover {color:#000;}

.moduletable a, .moduletable a:visited, .moduletable a:focus{color:#f14b12;text-decoration: none;} .moduletable a:hover {color:#000;}

#meni a:hover {color:#fff;}
#meni a:hover span {color:#f14b12;}	
#meni a:hover strong {color:#f14b12;}

#Xmeni a:hover {color:#fff;}
#Xmeni a:hover span {color:#f14b12;}	
#Xmeni a:hover strong {color:#f14b12;}




/* docs */
	#docs {
		margin-top: 0;
		position: absolute;
		top: 0px;
		width: 75%;
		z-index: 1001;
		height: auto;
	}

	#docs-opacity {
		width: 420px;
		left: 180px;
 		margin-top: 0;
		position: fixed;
		top: 0px;
		z-index: 1000;
		height: 100%;
		opacity:0.9;
		}

	#docs-belo {
		background:#fff;
		width: 420px;
 		margin-top: 0;
		position: fixed;
		z-index: 1000;
		height: 100%;
		}
		
#docs .wrapper{padding:10px;margin:0px;}


.logo {display:block;position: fixed; z-index: 2005;	top: 0px; left: 0px; }


#meni {
    overflow: hidden;
    position: fixed;
    z-index: 1005;
	}
#Xmeni { 
	position:fixed;
	top: 140px;
	left: -5px;
	}	

/* sadrzaj */
	#sadrzaj {
		color:#111;
		height: auto;
		padding-right: 5px;
		padding-bottom:30px;
		}

#goredesno {
	z-index:1006; 
	position:fixed;
	height:auto; 
	opacity:0.9; 	
}	

.fvssoc {position:fixed; bottom:5px; right:25px; display:none; z-index:1002;}
.fvssoc img {margin:3px;}

/*gmapa*/
.gfrejm  {position:fixed; top:0; left:180px; width:100%; height:100%; z-index:1000;}
.gfrejm iframe {width:100%; height:100%;}
	
	
.nazad{ display:block; color:#000; 
		text-shadow: 0 0 2px #fff;
		 -moz-text-shadow:  0 0 2px #fff;
		 -webkit-text-shadow: 0 0 2px #fff; 
		 }
.nazad:hover { display:block; color:#fff; opacity:0.6;
		text-shadow: 0 0 2px #000;
		 -moz-text-shadow:  0 0 2px #000;
		 -webkit-text-shadow: 0 0 2px #000; 
		 }

		 
.sifralabel {
color:#0dbdff;} 

/*za primenu*/


	.clear {clear:both;}
	.zaobli {border-radius: 20px;	-moz-border-radius: 20px;	-webkit-border-radius: 20px;}

	.odbigore {padding-top:20px;}
	.odbidole {padding-bottom:20px;}
	.odbilevo {padding-left:20px;}
	.odbilevo2 {padding-left:40px;}
	.odbidesno {padding-right:20px;}

	.align-center, .centar {text-align:center;}
	.align-left, .levo {text-align:left;}
	.align-right, .desno {text-align:right;}

	.bgbela {background-color:#fff; color:#000;}
	.bgsiva {background-color:#777; color:#FFF;}
	.bgsiva2 {background-color:#444; color:#ccc;}
	.bgcrna {background-color:#000; color:#fff;}

	.Hbela:hover {background-color:#fff; }
	.Hsiva:hover {background-color:#777; }
	.Hsiva2:hover {background-color:#444; }
	.Hcrna:hover {background-color:#000; }

	.bela {color:#fff;}
	.siva {color:#777;}
	.siva2 {color:#444;}
	.crna {color:#000;}
	.orange {color: #F14B12;}
	
	
	.padding2 {padding:2px;}
	.padding5 {padding:5px;}
	
	.letilevo {float:left; display:block; position:relative;}
	.letidesno {float:right; display:block; position:relative;}
	
	
	.sakri {display:none; }
	
	
/*.item42 a {font-weight:bold; color:#F14B12;} onama*/
/*.item50 a {font-weight:bold; color:lightgreen; } blog*/
/*.item51 a {font-weight:bold; color:#0DBDFF;} kontakt*/
/*.item61 a {font-weight:bold; color:yellow;} galerija*/