/* Basic */

html, body{margin:0px ; padding:0px}

body{text-align:center; Background: #EFF1F2}

a, p, div, span, h1, h2, h3, h4, h5, h6, form, input, textarea, table, td , tr { margin: 0px; padding: 0px; font: normal 12px Tahoma, sans-serif; color: #414141; line-height: 17px; }

p { line-height: 20px; font-size: 12px }

img { border: 0px; }

b { color: #344C5F }

.slika { border: 1px solid #24527D; Background: white; padding: 1px }


 /* Site layout */


#header {Background: url('images/header.gif') no-repeat; }
#menu {Background: url('images/menu.gif') no-repeat; padding-left: 10px; padding-right: 10px;}
.content { Background: url('images/content.gif'); padding-left: 10px; padding-right: 10px }
#footer {  Background: url('images/footer.gif') no-repeat; color: #F0F0F0;padding-left: 15px; }
#footer p { color: white; margin-top: 6px }
#footer a { color: white;  }

.showmenu { padding-left: 15px;  }
.showmenu a { color: #21527F; font-weight: bold; float: left; padding-top: 12px; display: block; font-size: 11px }
.showmenu a:hover { font-size: 11px }

.space { Background: url('images/space.gif') no-repeat; width: 11px; height: 37px; display: block; float: left;
margin-left: 7px; margin-right: 7px }

.right-middle { Background: url('images/right-middle.gif') repeat-y; padding: 0px 10px 7px 10px }
.left-top { Background: url('images/left-top.gif') left top no-repeat; padding: 22px 15px 7px 15px }
 
a { text-decoration: none; color: #234362; font-size: 12px }
a:hover { text-decoration: underline; color: #272C30; font-size: 12px }

.boldlink { text-decoration: none; color: #23527E; font-size: 13px; font-weight: bold }
.boldlink:hover { text-decoration: underline; color: #516D88; font-size: 13px; font-weight: bold }

.bigtitle-star { font: normal 17px Trebuchet MS, sans-serif; font-weight: normal; color: #21527F; 
Background: url('images/star.gif') no-repeat left top; padding-left: 25px  }

.bigtitle { font: normal 17px Trebuchet MS, sans-serif; font-weight: normal; color: #21527F;  }

 /* Rute */

.ruta { border: 1px solid #D7D7D7; background: #FFF19C url('images/rtbg.gif') repeat-x top; padding: 14px; margin-top: 10px; text-align:left }

.ruta span { font-size: 12px }

.ruta a { font: normal 16px Trebuchet MS, sans-serif; font-weight: bold; color: #21527F;}
.ruta a:hover {  font: normal 16px Trebuchet MS, sans-serif; font-weight: bold; color: #133A5F;}

/* Listanje */

.ruta { border: 1px solid #D7D7D7; background: #FFF19C url('images/rtbg.gif') repeat-x top; padding: 5px 10px 5px 10px; margin-top: 10px }

.ruta b { font-size: 12px }



 /* Forma */

.input { padding: 3px 3px 2px 3px; border: 1px solid #D5D5D5; background: #fff url(images/input_bg.gif) repeat-x 0 0; }

label { color: #2D3D4E; font-size:12px; font-weight: bold; margin }

.input_text:focus { border: 1px solid #f00 !important; }


/* LEFT NAVIGATION */
.left_nav {

        margin-left: 7px;
	width: 187px;
        
	}
.left_nav dl {
	padding: 0px 0px 0px;
	margin: 0px 2px;
	background: #0A930A url(images/eft-nav-divider.gif) left bottom no-repeat;
	}
.left_nav dl dt {
	padding: 8px 8px;
	margin: 0px;
	font: bold 11px/12px Tahoma, sans-serif;
	color: #F6F6F6;
	}
.left_nav dl dd {
	padding: 0px;
	margin: 0px;
	}
.left_nav dl dd ul {
	padding: 0px;
	margin: 0px;
	}
.left_nav dl dd ul li {
	padding: 0px;
	margin: 0px;
	background: transparent url(images/left-nav.gif) left top no-repeat;
	list-style: none;
	height: 30px;
	}
.left_nav dl dd ul li a:link, .left_nav dl dd ul li a:visited, .left_nav dl dd ul li a:hover {
	padding: 0px 0px 0px 12px;
	margin: 0px;
	font: normal 11px/30px Tahoma, sans-serif;
	color: #EEEFF0;
	text-decoration: none;
	display: block;
	height: 30px;
	}
.left_nav dl dd ul li a:hover {
	background: transparent url(images/left-nav-hover.gif) left top no-repeat;
	color: #FFF;
	}
.left_nav dl dd ul li a em {
	font-size: 10px;
	font-style: normal;
	color: #FC0;
        margin-left: 3px;
	}





 /* Tutorials listing */

.thumb { margin-top: 4px; float: left; margin-right: 9px; width: 50px; height: 50px; Background: url('images/thumb_bg.gif') no-repeat top; padding: 2px  }
.tutinfo { padding-left: 4px; padding-right: 4px; padding-bottom: 7px; width: 468px; margin-top: 7px; Border-bottom: 1px solid #EAEAEA; Background: url('images/tutinfobg.gif') repeat-x bottom }


.tuttitle {  color: #055205; text-decoration: none; font: bold 13px Trebuchet MS, sans-serif; }
.tuttitle:hover { color: #2D2903; text-decoration: underline; font-weight: bold; font: bold 13px Trebuchet MS, sans-serif; }


.tutpag {  color: #0B7A0B; text-decoration: none; font: bold 13px Trebuchet MS, sans-serif; }
.tutpag:hover { color: #025502; text-decoration: underline; font-weight: bold; font: bold 13px Trebuchet MS, sans-serif; }

.date { color: #878786}

/* Stranice */

.pages {
    padding-top: 10px;
    padding-bottom: 7px;
    clear: left;


}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
    text-decoration: none;

}

.pages span.current {
    border: 1px solid #767676;
    font-weight: bold;
    background: #35AC35;
    color: #fff;
    margin-top: 5px;
    margin-left: 4px;
    text-decoration: none;

}

.pages a {
    border: 1px solid #A5A5A5;
    text-decoration: none;
    margin-left: 4px;
    margin-top: 5px;
}

.pages a:hover {
    border-color: #676767;
    text-decoration: none;
    Background: #F4F6F1;
    color: black
}

.pages a.nextprev {
    font-weight: bold;
    margin-top: 5px;
    text-decoration: none;
}

.pages span.nextprev {
    color: #696969;
    margin-top: 5px;
    text-decoration: none;
}

.pages span.nextprev {
        border: 1px solid #ddd;
        color: #696969;
        text-decoration: none;
}

.flinks {width: 100% ;  margin: 0px auto; text-align: left; }
.flinks ul, .flinks li { list-style:none; margin:0; padding:0; }
.flinks a { display:block; border-bottom:1px solid #C6C6C5; text-decoration:none; color:#021328;
padding-left:5px;  padding-right:5px;  padding-top:3px; Background: #FCFDFE;
padding-bottom:2px; font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial;  font-size:12px; font-weight: normal; }
.flinks a:hover { color: #ffffff; Background: #1B5287; border-bottom: 1px solid #C7C7C7; text-decoration: none; font-weight: normal }

.flinks a span { font-weight: bold; display: block; color: #426A90 }
.flinks a:hover span { font-weight: bold; display: block; color: #ffffff }

.activelink { Background:  #1B5287; }

* html .flinks a { height:1%; } /* Internet Explorer Sucks :-) */

.input { padding: 3px 3px 2px 3px; border: 1px solid #D5D5D5; background: #fff url(images/input_bg.gif) repeat-x 0 0; }