/*

	UGLAŠENO DELO \ www.uglaseno-delo.si
	VERSION 1.0 \ Last Edit: 30.08.2009
	
	PROJECT & DESIGN: STUDIO 3S \ www.studio-3s.si
	WEB DEVELOPMENT: KODAMOTIV \ www.kodamotiv.com
	
	CONTENTS ----------
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES
	   6.LAYOUT
	   7.GENERIC CLASSES
	
    -------------------
	
    COLORS ------------

	modra: 		# 29aae2
	zelena: 	# 8cc63f
	oranzna: 	# f7931e
	rumena: 	# ffcf01
	siva: 		# 939598
    -------------------

*/

/* 1. BODY
---------------------------------------------------------------------- */
* {margin:0; padding:0;}
body { background:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#6d6e71;}

/* 2. DEFAULT STYLING
---------------------------------------------------------------------- */
p,ul,dl,ol { padding-bottom:13px; line-height:16px; }
ul li { margin-left:20px; }
ol { list-style:decimal; }
ol li { margin-left:20px; }
small {font-size:10px; color:#6d6e71; padding-bottom:11px; display:block; font-weight:bold; background:transparent url(../slike/trikoti.gif) no-repeat; padding-left:10px; text-transform: lowercase;}
fieldset {border:none; vertical-align:baseline;}
span {font-size:10px; color:#a9a9a9;}

/* 3. HEADINGS
---------------------------------------------------------------------- */
h1 {font:normal 26px Verdana, Arial, Helvetica, sans-serif; color:#221e1f; margin:0; padding:0 0 13px;}
	h1#alter {text-indent:-9000px; margin:0; padding:0;}
h2 {font:normal 16px Verdana, Arial, Helvetica, sans-serif; color:#221e1f;}
h3 {font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#221e1f;}
h4 {font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#221e1f;}
h5 {font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#221e1f;}

/* 4. GENERIC CLASSES
---------------------------------------------------------------------- */
.clear {clear:both;}

/* 5. LINKS
---------------------------------------------------------------------- */
a {color:#243f8f; text-decoration:underline; font-weight:bold;}
a#print {background:transparent url(../slike/print.gif) top left no-repeat; width:21px; height:21px; display:block; padding-left:26px;}

/* 6. IMAGES
---------------------------------------------------------------------- */
img {border:none; display:block;} 
img.frontImage {float:right; margin:0 0 10px 5px;}

/* 7. LAYOUT
---------------------------------------------------------------------- */
#container {width:960px; margin:0 auto;}

/* 8. HEADER
---------------------------------------------------------------------- */
#header { background:transparent url(../slike/banner.gif) bottom left no-repeat; height:140px; position:relative;}
#header .logo { background:transparent url(../slike/logo.gif) 10px 7px no-repeat; width:168px; height:100px; float:left;}
#header .logo a {display:block;width:168px; height:100px;}
#header .navigation {background:#b9e0f7 url(../slike/prehod.gif) top left repeat-y; width:792px; float:left;}
#header .navigation ul {list-style:none; margin:0; padding:0 0 0 30px; position: relative; }
#header .navigation ul li:first-child { border-left:solid 1px #29aae2;}
#header .navigation ul li {float:left; width:150px; margin:0; padding:0; text-align:center; border-right:solid 1px #29aae2;zoom: 1;position: relative;  }
#header .navigation ul li#blue:hover, #header .navigation ul li#blue.selected {border-bottom:solid 3px #29aae2; height:97px; }
#header .navigation ul li#green:hover, #header .navigation ul li#green.selected  {border-bottom:solid 3px #8cc63f; height:97px; }
#header .navigation ul li#orange:hover, #header .navigation ul li#orange.selected  {border-bottom:solid 3px #f7931e; height:97px;}
#header .navigation ul li#yellow:hover, #header .navigation ul li#yellow.selected  {border-bottom:solid 3px #ffcf01; height:97px;}
#header .navigation ul li a {color:#29aae2; text-decoration:none; height:30px; display:block; padding-top:70px; text-transform:lowercase;}
/* 	LEVEL TWO */
#header .navigation ul li ul { width: 174px; visibility: hidden; position: absolute; top:100px; left: -6px; padding:3px 9px 9px 9px; background:transparent url(../slike/dropdown_bg.png) bottom center no-repeat;}
#header .navigation ul li ul li { font-weight: normal; border:none; float: none; text-align:left; width:174px; }
#header .navigation ul li ul li:first-child { border:none; }
/* IE 6 & 7 Needs Inline Block */
#header .navigation ul li ul li a { border-right: none;width:166px; padding:3px 3px 0 5px; height:22px; font-weight:normal; color:#939598; }
#header .navigation ul li ul li a:hover {background:#e2f1fc;} 
/* 	LEVEL THREE */
/*
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }
*/
/* SEARCH */
#header .userTools {float:left; margin:30px 0 0 10px;}
#header .textsize {/*position:absolute;*/ width:100px; margin:20px 0 5px 0;}
#header .textsize a {color:#28AAE9;}

#header .user {/*position:absolute;*/  color:#29aae2;  }
#header .user a {color:#29aae2; text-decoration:none; font-weight:normal;}
#header .search {/* position:absolute;*/ width:145px; }
#header .searchField {border:none; background:transparent url(../slike/searchBox.gif) top left no-repeat; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#939598; padding:2px 5px; width:95px;height:15px;vertical-align:top; }


/* 9. INDEX
---------------------------------------------------------------------- */
#content {width:790px; float:left;} 
#content .push {width:357px; margin:40px 35px 30px 0; padding-top:10px; float:left;}
#content .blue {border-top:solid 2px #29aae2;}
#content .green {border-top:solid 2px #8cc63f;}
#content .orange {border-top:solid 2px #f7931e;}
#content .yellow {border-top:solid 2px #ffcf01;}
#content .push img {float:right; margin-left:10px;}

small#greenSmall {background-position:0 -28px;}
small#orangeSmall {background-position:0 -57px;}
small#yellowSmall {background-position:0 -114px;}
small#greySmall {background-position:0 -86px;}

/* 10. INNER PAGES
---------------------------------------------------------------------- */
#content .subNav {float:left; width:145px; margin:45px 20px 0 0; }
#content .subNav dl.blue dt { background:#29AAE2; padding:6px 5px ; margin:0; color:#fff; font-weight:bold;}
#content .subNav dl.blue dd a {background:#E2F1FC; border-top:solid 1px #fff; width:135px; display:block; font-weight:normal; text-decoration:none; color:#29AAE2; padding:6px 5px ;}
#content .subNav dl.blue dd a:hover, #content .subNav dl dd a.selected {color:#939598;}

#content .subNav dl.green dt { background:#8cc63f; padding:6px 5px ; margin:0; color:#fff; font-weight:bold;}
#content .subNav dl.green dd a {background:#eef7e2; border-top:solid 1px #fff; width:135px; display:block; font-weight:normal; text-decoration:none; color:#8cc63f; padding:6px 5px ;}
#content .subNav dl.green dd a:hover, #content .subNav dl dd a.selected {color:#939598;}
	
#content .subNav dl.orange dt { background:#f7931e; padding:6px 5px ; margin:0; color:#fff; font-weight:bold;}
#content .subNav dl.orange dd a {background:#feefdd; border-top:solid 1px #fff; width:135px; display:block; font-weight:normal; text-decoration:none; color:#f7931e; padding:6px 5px ;}
#content .subNav dl.orange dd a:hover, #content .subNav dl dd a.selected {color:#939598;}
	
#content .subNav dl.yellow dt { background:#ffcf01; padding:6px 5px ; margin:0; color:#fff; font-weight:bold;}
#content .subNav dl.yellow dd a {background:#fff8d9; border-top:solid 1px #fff; width:135px; display:block; font-weight:normal; text-decoration:none; color:#ffcf01; padding:6px 5px ;}
#content .subNav dl.yellow dd a:hover, #content .subNav dl dd a.selected {color:#939598;}

#content .article {float:left; width:600px; margin-top:15px;}
#content .article small.breadcrumbs a {font-weight:normal; color:#939598;}
#content .article strong.intro {color:#939598;}

#content .article_2 {margin-top:15px; width:750px;}
#content .article_2 small.breadcrumbs a {font-weight:normal; color:#939598;}
#content .article_2 strong.intro {color:#939598;}


/*  RIGHT COLUMN
---------------------------------------------------------------------- */
#rightCol {float:right; width:170px; border-top:solid 2px #939598; margin:40px 0 0 0; padding-top:10px;}
#rightCol ul {margin:0; padding:0;}
#rightCol ul li {margin-left:15px;}
#rightCol ul li a { font-weight:normal; }
#rightCol img { margin-bottom:15px; }

/* FOOTER
---------------------------------------------------------------------- */
#footer { text-align:center; border-top:solid 1px #939598; margin:0 auto; width:780px; margin-top:45px; font-size:10px;}
#footer ul {list-style:none; margin:10px 0 5px 0; padding:0;}
#footer ul li { display:inline; border-left:solid 1px #6d6e71; margin:0;padding:0 10px;}
#footer ul li:first-child {border-left:none;}
#footer ul li a {color:#6d6e71; font-weight:normal; text-decoration:none;}