/* CSS Document */

/* 

Predpone stilov:

frontpage: fp_
content: con_

*/

html
{
    margin: 0px;
    padding: 0px;
    background-color: #403c2d;
}

body
{
    margin: 0px;
    padding: 0px;
    background-color: #403c2d;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
}


.clear
{
    clear: both;
    background: none;
    float: none;
}

a img
{
    border: none;
}

img
{
    border: none;
    padding: 0px;
    margin: 0px;
}

a
{
}

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

div
{
    border: none;
    padding: 0px;
    margin: 0px;
}

/* MAIN LAYOUT */
#wrapper
{
}

/* OGRODJE za splošne strani */

#wrapper_body1
{
    background-color: #ffffff;
    background-image: url(/html/CSD/images/wrapper_bg1.gif) !important;
    background-repeat: repeat-x;
    background-position: top center;
}

#wrapper_body2
{
    background-image: url(/html/CSD/images/wrapper_bg2.jpg) !important;
    background-repeat: no-repeat;
    background-position: top center;
}

#wrapper_body3
{
    background-image: url(/html/CSD/images/wrapper_bg3.gif) !important;
    background-repeat: repeat-x;
    background-position: bottom center;
}

#ogrodje_body
{
    width: 970px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
}

#wrapper_footer
{
    /*background-image:url(/html/CSD/images/wrapper_bg1.jpg); 	background-repeat:no-repeat; 	background-position:top center;*/
}

#ogrodje_footer
{
    width: 970px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
}

/* HEADER */
#header
{
    width: 970px;
    height: 287px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

#header #header_top
{
    width: 970px;
    height: 50px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;
}



/* SEARCH */
#header #header_top #search_box
{
    width: 213px;
    height: 25px;
    padding: 7px 5px 0px 5px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 725px;
    background-image: url(/html/CSD/images/search_box_bg.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#header #header_top #search_box p
{
    float: left;
    color: #ffffff;
    line-height: 17px;
}

#header #header_top #search_box input.search_input
{
    display: inline;
    float: left;
    height: 15px;
    line-height: 15px;
    border: 0px;
    font: 12px;
    width: 135px;
    margin: 0px 5px 0px 5px;
}

#header #header_top #search_box a.input_btn
{
    width: 17px;
    height: 17px;
    background-image: url(/html/CSD/images/input_btn.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    float: left;
    display: block;
}

#header #header_bottom
{
    width: 970px;
    height: 231px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

/* CONTENT */
#content_ogrodje
{
    width: 970px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    background-image: url(/html/CSD/images/content_body_bg1.gif);
    background-repeat: repeat-y;
    background-position: 20px 0px;
}

#content_ogrodje2
{
    width: 970px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    background-image: url(/html/CSD/images/content_body_bg2.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

#content_ogrodje3
{
    width: 970px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

/* CONTENT HEADER*/
#content_body
{
    width: 930px;
    padding: 0px 20px 0px 20px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

#content_body .col1
{
    width: 170px;
    padding: 0px 0px 40px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    clear: none;
    float: left;
}

#content_body .col2
{
    width: 580px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    clear: none;
    float: left;
}

#content_body .col2 #article_holder
{
    width: 540px;
    padding: 10px 20px 20px 20px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

#content_body .col3
{
    width: 180px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    clear: none;
    float: left;
}

/* FOOTER */
#footer
{
    width: 970px;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#footer_top, #footer_top2, #footer_top3
{
    width: 970px;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#footer_top
{
    background-image: url(/html/CSD/images/footer_bg1.gif);
    background-repeat: repeat-y;
    background-position: 0px 0px;
}

#footer_top2
{
    background-image: url(/html/CSD/images/footer_bg2.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

#footer_top3
{
    width: 800px;
    padding: 10px 20px 0px 150px;
    background-image: url(/html/CSD/images/footer_bg3.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#footer_top .col
{
    width: 135px;
    padding: 10px 0px 20px 40px;
    float: left;
    clear: none;
}

#footer #footer_bottom
{
    width: 900px;
    overflow: hidden;
    padding: 10px 50px 10px 20px;
    margin: 0px 0px 0px 0px;
}


/******************
FADE MENI
*******************/
.ddsmoothmenu
{
float:right;
height:44px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background-image:url(/html/CSD/images/main_menu_bg.jpg);
background-repeat:repeat-x;
background-position:right top;
margin-right:270px;}

.ddsmoothmenu ul{
z-index:100;
padding:20px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
list-style-type:none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
height:24px;
padding:0px 16px 0px 16px;
margin:0px 0px 0px 0px;
list-style:none;
clear:none;


}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
	height:24px;
	line-height:24px;
	text-decoration:none;
	padding:0px 2px 0px 2px;
	color:#187BB1;
	font-size:16px;
	display:block
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
}

.ddsmoothmenu ul li a:hover,
.ddsmoothmenu ul li.selected a{
	text-decoration:none;
	color:#55b8c1;
	background-image:url(/html/CSD/images/main_menu_hover.gif);
	background-repeat:no-repeat;
	background-position:left bottom;}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
padding:0px;
padding-bottom:12px;
background:#fff;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
font-size:12px;
border-top-width: 0;

}
.ddsmoothmenu ul li ul li a:hover{
 background:none;

}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
display:none;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
display:none;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display:none;
/*background: #65CFE2;*/
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/*************** 
Prijava na e-novice  
***************/


#footer_noviceprijava{
	width:135px;
	float:right;
	color:#E7D59C;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;}

#footer_noviceprijava input.vnos{
	border:1px solid #403C2D;
	background-color:#E7D59C;
	color:#403C2D;
	width:100px;
	float:left;
	font-size:10px;
	padding:0px 2px 2px 2px;
	margin:0px 0px 5px 0px;
	clear:both;}

#footer_noviceprijava input.gumb{
	border:1px solid #E7D59C;
	color:#403C2D;
	background-color:#E7D59C;
	font-size:10px;
	float:left;
	padding:0px 4px 0px 4px;
	margin:5px 0px 5px 0px;
	clear:both;}