/* CSS Document */
/* tole je design spletne strani mitja.slo-design.com */
/* CSS, JPG, PNG in ostale datoteke, ki jih vsebuje design
   so avtorsko delo in njihova uporaba v drugih projektih
   ni dovoljena, razen z privolitvijo avtorja -> ROK Mitja
   
   mitja.slo-design.com
   ROK Mitja (webfreak)
   webfreak12@gmail.com */

body {
	background: #000;
	margin: 0px;
	/*color: #fff;*/
}

#celota {
	width: 902px;
	margin: 0px auto;
	position: relative;
}

#border {
	width: 100%;
	height: 210px;
	background: url(../slike/stran/bg-vodoravno.jpg) repeat-y center;
	margin: 0px auto;
	padding: 0px;
}

#glava {
	width: 882px;
	margin: 0px auto;
}

#logo {
	height: 119px;
	width: 882px;
	margin: 0px auto;
	background: url(../slike/stran/logo.jpg) no-repeat;
	position: relative;
	text-align: right;
}

#icons {
	padding-top: 95px;
}

#icons img {
	margin-left: 20px;
}

#menu {
	width: 200px;
	background: #313131;
	height: 210px;
	position: absolute;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	margin-top: 50px;
}

#menu ul li {
	margin-top: 20px;
	margin-left: 90px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;	
	list-style-type: none;
	list-style-image: none;
	list-style-image: url(../slike/stran/pikica.jpg);
}

#menu ul li:hover{
	list-style-image: url(../slike/stran/pikica-hov.jpg);
}

#menu ul li a {
	color: #989897;
	border: 0px;
	text-decoration: none;
}

#menu ul li a:hover {
	color: #fff;
	border: 0px;
	border-bottom: 2px solid #F00;
}

#slika {
	position: relative;
	top: 0px;
	height: 210px;
	width: 682px;
	/*background: url(../slike/stran/glava.jpg) no-repeat;*/
	float: right;
}

#meni-levo {
	width: 201px;
	background: #181818;
	margin-left: 10px;
	padding-bottom: 15px;
}

#kategorije {
	width: 210px;
	height: 32px;
	margin-left: -10px;
	padding-top: 10px;
	background: url(../slike/stran/kategorije.jpg) no-repeat;
}

#kategorije h1, #rss-feed h1, #zanimivosti_in_prijatelji h1 , #administracja h1{
	display: none;
	margin: 0px;
}

.kategorije, .administracja {
	list-style-type: none;
	list-style-image: url(../slike/stran/plusek.jpg);
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	margin-left: -10px;
}

.kategorije li, .rss-feed li, .zanimivosti_in_prijatelji li, .administracja li{
	margin-top: 3px;
	margin-left: 40px;
}

html>body .kategorije li, .rss-feed li, .zanimivosti_in_prijatelji li, .administracja li{
	margin-top: 3px;
	margin-left: 0px;
}

.kategorije span {
	color: #CCC;
}

.kategorije a , .rss-feed a, .zanimivosti_in_prijatelji a, .administracja a{
	color: #999;
	text-decoration: none;
}

.kategorije a:hover, .rss-feed a:hover, .zanimivosti_in_prijatelji a:hover, .administracja a:hover{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #f00;
}

#rss-feed {
	width: 210px;
	height: 30px;
	margin-left: -10px;
	margin-top: 15px;
	margin-bottom: 15px;
	background: url(../slike/stran/rss-feed.jpg) no-repeat;
}

.rss-feed {
	list-style-type: none;
	list-style-image: url(../slike/stran/rss.jpg);
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	margin-left: -10px;
}

#zanimivosti_in_prijatelji {
	width: 210px;
	height: 30px;
	margin-left: -10px;
	margin-top: 15px;
	margin-bottom: 15px;
	background: url(../slike/stran/links.jpg) no-repeat;
}

.zanimivosti_in_prijatelji {
	list-style-type: none;
	list-style-image: url(../slike/stran/puscica.jpg);
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	margin-left: -10px;
}

#administracja {
	width: 210px;
	height: 30px;
	margin-left: -10px;
	margin-top: 15px;
	margin-bottom: 15px;
	background: url(../slike/stran/administracija.jpg) no-repeat;
}

#pictures {
	position: absolute;
	width: 710px;
	right: 0px;
	top: 0px;
	left: 183px;
	display: inline;
	margin-top: -5px;
}

#pictures ul li{
	display: inline;
}

.slika2 {
	margin-left: 18px;
	margin-right: 18px;
}

.slika3 {
	margin-right: -18px;
}

#pictures img{
	background: #212121;
	padding: 4px;
}

#vsebina {
	position: absolute;
	width: 670px;
	right: 0px;
	top: 153px;
	left: 222px;
	display: inline;
}

.vnos{
	position: relative;
	width: 640px;
	right: 0px;
	left: 0px;
	background: url(../slike/stran/vnos-ozadje.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding-left: 20px;
	padding-right: 10px;
	text-align: justify;
	margin-bottom: 50px;
	padding-top: 40px;
	padding-bottom: 10px;/**/
}

.oglas1 {
	text-align: center;
	background: #1D1D1D;
	position: relative;
	width: 660px;
	right: 0px;
	left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin-bottom:20px;
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.vnos h1 {
	position: absolute;
	top: 13px;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-left: 0px;
	margin-bottom: 20px;
	font-weight: normal;
}

.vnos a {
	color: #F00;
	text-decoration: none;
}

.vnos img {
	padding: 0px;
	border: 0px;
}

.vnos a:hover {
	color: #FFF;
	border-bottom: 1px solid #F00;
}


.datum {
	position: absolute;
	right: 5px;
	top: 10px;
	/*margin-top: -15px;*/
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.com {
	position: absolute;
	right: 0px;
	margin-top:25px;
	margin-bottom: 20px;
}

#nav_objav {
	text-align: center;
	width: 680px;
	color: #fff;
	font-size: 10px;
}

#nav_objav a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color: #fff;
}

.arh {
	margin-top: 20px;
}

#noga {
	position: relative;
	width: 665px;
	height: 30px;
	right: 0px;
	left: 0px;
	background: #303030;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: justify;
	margin-bottom: 30px;
	margin-left: 9px;
	
}

#noga p {
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	line-height: 30px;
	color: #CCC;
}

#noga a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #f00;
}

#noga a:hover {
	color: #f00;
}

/*************************************/
/* OFSITE IN TRANSFORM LINKI */

/* linkci - offsite */
 #vsebina a[href^="http://"] {
  /*background: url(/razvoj/mitja/slike/stran/offsite.gif) no-repeat center right;*/
  padding-right: 0px;
}

#celota a[href^="http://sdt.slo-design.com"] {
  background: transparent;
  padding-right: 0;
}

#varnostna_koda {
	margin-left: 212px;
	margin-top: -164px;
	padding: 5px;
	float: left;
	border: 1px solid #D1D1D1;
	width: 190px;
	height: 60px;
	margin-bottom: 20px;
	background: #1D1D1D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#osebne_nastavitve {
	margin-left: 212px;
	margin-top: -84px;
	padding: 5px;
	float: left;
	border: 1px solid #D1D1D1;
	width: 190px;
	height: 52px;
	margin-bottom: 20px;
	background: #1D1D1D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: center;
}

#komentiranje_nastavitve{
	border: 1px solid #D1D1D1;
	padding: 5px;
	width: 190px;
	height: 132px;
	margin-bottom: 20px;
	color: #FFF;
	background: #1D1D1D;
}

#napake_vpisa {
	border: 1px solid #D1D1D1;
	float: right;
	padding: 10px;
	width: 213px;
	height: 122px;
	margin-top: -164px;
	margin-bottom: 20px;
	background: #1D1D1D;
}

#napake_vpisa p {
	font-weight: bold;
	color: #999;
}

#napake_vpisa h3{
	color: #f00;
	margin: 0px;
	padding: 0px;
}

#napake_vpisa span{
	color: red;
	font-weight: bold;
}


#komentiraj_forma {
	border: 1px solid #D1D1D1;
	height: 245px;
	width: 660px;
	margin-bottom: 20px;
	padding-top: 10px;
	background: #1D1D1D;
}

#capt {
	width: 120px;
}

.kljukica {
	padding-left: 10px;
	padding-top: 7px;
}

.com_levo{
	display: inline;
    float: left;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

#submit_gumb {
	background: url(../slike/stran/fade-butt.png) repeat-x;
	height: 20px;
	border: 1px solid #D1D1D1;
	float: right;
	margin-right: 10px;
}

#submit_gumb:hover {
	background: url(../slike/stran/fade-butt-hov.png) repeat-x;
}

.com_desno{
	display: inline;
    float: right;
    text-align: right;
	font-size: 10px;
	color: #fff;
}

.comment {
	clear: both;
	text-align:justify;
	padding-top: 10px;
}

#form {
	width: 660px;
	margin: 0px auto;
	font-size: 11px;
	padding: 10px;	
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#form a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #F00;
}

#form input, #form textarea{
	color: #000;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 3px;
	background: #ccc;
}

#form textarea {
	background: #fff;
}

#form strong {
	font-size: 11px;
	font-weight: bold;
	color: #CCC;
}

.ni_kom {
	margin: 0px auto;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}

/* Form highlighting*/

.contact_form {
        width: 150px;
        font-size: small;
        margin-left: 10px;
}
.contact_form input {
        border: 1px solid #b2b2b2;
		background:  url(../slike/stran/input-bg.jpg);
        width: 156px; /* IE */
}
html>body .contact_form input {
        width: 158px; /* Others */
}
.contact_form_box {
        width: 360px;
        margin-left: 10px;
}
.contact_form_box textarea {
        border: 1px solid #b2b2b2;
        width: 620px; /* IE */
        height: 190px;
		background:  url(../slike/stran/forma-bg.jpg) repeat-x;
}
html>body .contact_form_box textarea {
        width: 622px; /* Others */
		background:  url(../slike/stran/forma-bg.jpg) repeat-x;
}
.boxhead {
        height: 5px;
        font-size: 0px;
}
.boxhead div {
        height: 5px;
}
.boxbody {
        margin-left: 5px;
}
.boxfoot {
        height: 5px;
        font-size: 0px;
}
.boxfoot div {
        height: 5px;
}

/* KOMENTARJI */

#komentarji {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}

#vsebina h1 {
	font-family: "Berlin Sans FB", "Gill Sans MT", Tahoma, Verdana;
	color: #F00;
	font-weight: normal;
	font-size: 22px;
	margin-top: -2px;
}

#vsebina h1 span{
	color: #FFF;
}

.ni_kom {
	margin: 0px auto;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
	font-family: "Berlin Sans FB", Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	font-weight: normal;
	font-size: 18px;
}

.obj {
	width: 640px;
	background: #1D1D1D;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 2px;
	margin-left: 10px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin-bottom: 15px;
}

.obj a {
	color: #F00;
	text-decoration: none;
}

.obj a:hover{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #f00;
}

/*******************************************/
/* 					ARHIVI				   */
/*******************************************/

#kat {
	width: 80%;
	background: #343434;
	margin: 0px auto;
	padding: 10px;
	margin-bottom: 15px;
}

#kat h2 {
	font-size: 15px;
	font-family: "Berlin Sans FB", Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	font-weight: normal;
}

#kat h3 {
	font-size: 17px;
	font-family: "Berlin Sans FB", Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	font-weight: normal;
	margin-left: -50px;
}

#kat span {
	color: #F00;
}

.datum_arhiv {
	font-size: 10px;
}

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

.odd {
	background: #1D1D1D;
}

table {
	width: 100%;
	border: 0px;
}

tr, td{
	border: 0px;
}