@charset "iso-8859-2";
/* CSS Document */

BODY
{

}

BODY
{
	background-image	: url(../dsg/_main_background.jpg);
	background-repeat	: no-repeat;
	margin		: 0px;
	padding		: 0px;
	background-color	:#F8F6E9;
	color		: #333333;
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size		: x-small;	/* for IE5/Win */
	voice-family	: "\"}\"";
	voice-family	: inherit;
	font-size		: medium;	/* for compliant browsers */
}
HTML>BODY
{
	/* be nice to Opera */
	font-size		: medium;
}
INPUT, TEXTAREA, SELECT
{
	font-family	: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 8pt;
}
IMG
{
	border		: 0px;
}

A
{
	color		: #F37536;
}

.spacer {
	clear		: both;
	height		: 1px;
	overflow	: hidden;
}

/* OVERALL */
#overall, #overall_vstopna
{
	width		: 99%;
	margin		: 0px;
	padding		: 0px 0px 0px 6px;
	float		: left;
}
#overall_vstopna		/*samo za vstopno stran*/
{
	background-image: url(../dsg/vstopna_background.jpg);
	background-repeat	: no-repeat;
}


/* HEAD */
#head
{
	height		: 85px;
	width		: 737px;
	overflow		: hidden;
}
#head #head_logo
{
	padding		: 0px 110px 0px 0px;
	float		: left;
}
#head #head_search
{
	background-image	: url(../dsg/head_search.jpg);
	background-repeat	: no-repeat;
	padding		: 0px 0px 0px 20px;
	width		: 425px;
	float		: left;
}
#head #head_search A
{
	color		: #FFFFFF;
	text-decoration	: none;
	font-size		: 80%;
	padding		: 0px 25px 0px 15px;
	background-image	: url(../dsg/head_search_bullet.gif);
	background-repeat	: no-repeat;
	background-position: 0px 4px;
}
#head #head_search #search_box
{
	height		: 18px;
	padding		: 3px 0px 0px 0px;
	margin		: 0px;
	border		: 1px solid #000000;
}


/* MAIN */
#main {
float: left;
width: 750px; height: 300px;
padding: 0px 0px 0px 4px;
}

#main #main_menu {
float: left;
width: 164px;
background-image:url(../dsg/menu_top.gif);
background-repeat: no-repeat;
background-position: top;
padding: 14px 0px 0px 0px;
margin-top: 32px;
}

#main #main_menu h1 {
font-size: 75%;
margin: 0px 0px 0px 0px;
padding: 7px 0px 5px 10px;
}

#main #main_menu p {
font-size: 70%;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 10px;

}

#main #main_menu UL
{
	background-color	: #F5F4EA;
	margin		: 0px;
	padding		: 0 15px 0 9px;
}
#main #main_menu UL .sel
{
	background-image: url(../dsg/menu_bullet_red.gif);
}
#main #main_menu LI
{
	background-image	: url(../dsg/menu_bullet.gif);
	background-position: 0px 8px;
	background-repeat	: no-repeat;
	border-top	: 1px solid #000000;
	margin		: 0px;
	padding		: 1px 0px 1px 10px;
	list-style-type	: none;
}
#main #main_menu LI A
{
	font-size		: 80%;
	color		: #333333;
	text-decoration	: none;
}
#main #main_menu .sel A
{
	color		: #F37536;
}
#main #main_menu .sel-not A
{
	color		: #333333;
}

#main #main_menu ul li ul li {
border-top: 0px;
list-style-type: none;
background-image: url(../dsg/menu_bullet1.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}

#main #main_menu  ul li ul .sel {
background-image: url(../dsg/menu_bullet1_red.gif);
}

#main #main_menu ul li ul {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}


#main #main_menu ul li ul a {
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
color: #333333;
font-size: 70%;
text-decoration: underline;
}

#main #main_menu #main_menu_bottom {
width: 100%;
height: 20px;
background-image: url(../dsg/menu_bottom.gif);
background-repeat: no-repeat; 
}

/*center_column*/
#top_menu {
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height:32px;
overflow: hidden;
}
#top_menu A {
float: left;
}

#main_content {
float: left;
background-color: #FFFFFF;
width: 555px;
padding: 0px 0px 10px 0px;
}

#main_content #decor {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
}

#main_content #decor img {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}
#main_content #path, #main_content #path2-0
{
width: 530px;
padding: 10px 0px 4px 10px;
float: left;
}

#main_content #path1, #main_content #path2-1
{
width: 535px;
float: left;
padding: 4px 0px 4px 0px;
border-top: 1px solid #74706D;
border-bottom: 1px solid #74706D;
color: #74706D;
font-size: 60%;
}

#main_content #path1 A, #main_content #path2-1 A
{
text-decoration: underline;
}


#main_content #contents_main {
font-size: 80%;
padding: 0px 0px 0px 10px;
float: left;
}

#contents_main p {
margin: 20px 0px 20px 0px;
padding: 0px;
}


#contents_main ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 17px;
}

#contents_main li {
list-style-type:square;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents_main a {
text-decoration: underline;
}

#contents_main a:hover {
text-decoration: none;
}

#contents_main #contents {
width: 385px;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}



#contents_main #pricevanja {
color: #2E2E2E;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#pricevanja .pricevanja_picture {
padding: 10px 0px 5px 0px;
float: left; border: 0px solid Red;
}

#pricevanja .pricevanja_picture img.picture {
padding-top: 4px;
float: left;
}

#pricevanja .pricevanja_text {
float: left; border: 0px solid blue; width: 430px; padding-left: 15px;
}


#contents_main h1 {
font-family: "Times New Roman", Times, serif;
font-weight: normal;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
font-size: 190%;
}

#contents_main h2 {
font-weight: normal;
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;
font-size: 130%;
}

#contents_main h3 {
font-weight: bold;
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;
font-size: 100%;
}

#contents_main h4 {
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 0px;
font-size: 90%;
}

#contents_main #contents img {
margin: 0px 10px 0px 0px;
}

.blue h1 {
color: #2361CA;
}
.blue h2 {
color: #2361CA;
}
.blue h3 {
color: #2361CA;
}

.yellow h1 {
color: #EECE2E;
}
.yellow h2 {
color: #EECE2E;
}
.yellow h3 {
color: #EECE2E;
}

.darkblue h1 {
color: #525F94;
}
.darkblue h2 {
color: #525F94;
}
.darkblue h3 {
color: #525F94;
}

.green h1 {
color: #9BCC34;
}
.green h2 {
color: #9BCC34;
}
.green h3 {
color: #9BCC34;
}

.contents_cols {
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 0px;
float: left;
width: 175px;
border:0px solid Red;
}

/*navig .top .more .back */
.desno {
padding: 20px 0px 0px 0px;
float: right;
}

#contents_main .desno-10 {
padding: 20px 10px 0px 0px;
float: right;
}

#contents_main .desno-vstopna {
vertical-align:top; padding-left: 20px;
}

#contents_main .more {
padding-left: 335px;
}

#contents_main .back {
float:left; padding: 20px 0 0 0;
}
#contents_main .backf {
float:left;
}

/*desni stolpec v vsebini*/
#right_col {
font-size: 85%;
width: 150px;
float: right;
}

#right_col h1 {
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
margin: 0 0 0 0;
padding: 5px 0px 5px 0px;
font-size: 110%;
}

#right_col p
{
	margin	: 0px 0px 10px 0px;
	padding	: 0px;
}

#right_col ul {
	margin	: 0px;
	padding	: 0px;
}

#right_col li {
padding: 0px 0px 0px 8px;
display: block;
text-decoration: underline;
list-style-type: none;
background-image: url(../dsg/right_col_bullet.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
#right_col a.letter {
padding: 0px;
display: inline;
text-decoration: none;
list-style-type: none;
background-image: none;
background-repeat: no-repeat;
background-position: 0px;
}

#right_col form {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#right_col input {
width: 90%;
border: 1px solid #7F9DB9;
}

#right_col select {
width: 90%;
border: 1px solid #7F9DB9;
}

#right_col textarea {
padding: 0px 0px 0px 0px;
width: 90%;
border: 1px solid #7F9DB9;
height: 50px;
}

#right_col table td {
vertical-align: top;
}

#right_col #check {
border: 0px solid Red;
width: 16px;
height: 16px;
}

P.error, B.error
{
	margin		: 0px 0px 5px 0px;
	padding		: 0px;
	color		: red;
	font-size		: 7pt;
	font-weight	: bold;
}
B.error
{
	margin-left	: 10px;
}


/*tools: font+, font-, print*/
#tools {
float:left;
margin: 0 0 0 0;
padding: 202px 0 0 0;
}

#tools #tools_background {
padding: 4px 0px 0px 4px;
background-image:url(../dsg/tools_backround.gif);
background-repeat: no-repeat;
width:26px;
height: 88px;
}

#tools #tools_background img {
margin-top: 6px;
border: 0px;
}



/* box layout */
.box {
	background-color	: #FFFFFF;
	border				: 1px solid #A5A5A5;
	margin-bottom		: 15px;
}

.box h1 {
	margin				: 0px;
	background-color	: #D0D8D9;
	border-bottom		: 4px solid #99ACAD;
	padding				: 7px;
	padding-top			: 10px;
	color				: #000000;
	font-weight			: bold;
	top					: -3px;
	position			: relative;
	height				: 100%;
}

.box h1 a {
	float				: right;
	text-transform		: lowercase;
	font-size			: 90%;
}

.box .content {
	padding				: 8px 4px;
	height				: 100%;
}

.box .top_left, .box .top_right, .box .bottom_left, .box .bottom_right {
	overflow			: hidden;
	width				: 3px;
	height				: 3px;
	position			: relative;
	z-index				: 10;
}

.box .top_left {
	background-image	: url(../dsg/box_top_left.gif);
	top					: -1px;
	left				: -1px;	
}

.box .top_right {
	background-image	: url(../dsg/box_top_right.gif);
	float				: right;
	top					: -1px;
	right				: -1px;
}

.box .bottom_left {
	background-image	: url(../dsg/box_bottom_left.gif);
	bottom				: -1px;
	left				: -1px;	
}

.box .bottom_right {
	background-image	: url(../dsg/box_bottom_right.gif);
	float				: right;
	bottom				: -1px;
	right				: -1px;
}



/* BOOKS */
DIV.book
{
	width		: 170px;
	float		: left;
	margin		: 0px 10px 5px 0px;
	padding		: 4px;
	text-align		: center;
}
DIV.book A
{
	color		: #000000;
}
#br
{
	clear		: both;
}
DIV#pages
{
	
}
DIV#pages A, DIV#pages A.selected
{
	display		: block;
	background-color	: #E7EEF8;
	width		: 15px;
	float		: left;
	text-align		: center;
	margin		: 0px 4px 0px 0px;
	color		: #000000;
	text-decoration	: none;
	border		: 1px solid #000000;
}
DIV#pages A.selected, DIV#pages A:hover, DIV#pages A:active
{
	background-color	: #B4CCEF;
}

DIV.selfHelpPicture
{
	border		: 1px solid #000000;
	margin		: 4px;
	text-align		: center;
	float		: left;
}

#contents_main #contents DIV.selfHelpPicture img
{
	margin		: 4px;

}

#contents .home p {
	margin-top: 0px;
	font-size: 85%;
}

#main #main_menu .banners p {
	padding: 0px 0px 0px 0px;	
	margin-bottom: 20px;
}

.banners {
	margin-right: 5px;
	padding: 0px;
	margin-top: 20px;
}

.banners_right {
	position: absolute;
	width	: 160px;
	left : 775px;
	font-size: 70%;
	margin-top	: 5px;
}

.banners_right p {
	margin: 0px;
	padding: 0px 0px 0px 0px;	
	margin-bottom: 20px;
}
div.photogallery div.images {width:100%;float:left;}
div.photogallery div.image {margin:2px;padding:5px;border:solid #74706d 1px;text-align:center;}
div.photogallery div.image img {margin:0;padding:0;}
#contents_main #contents div.images img {margin:0;padding:0;}
div.photogallery div.image_big {margin:0 0 20px 0;}
div.photogallery h1 {margin-bottom:10px;}



div.image_c {margin:0 0 10px 0;float:left;}


#contents ul.commentlist {margin:0 0 5px 0;padding:0;list-style:none;width:100%;float:left;clear:both;}
#contents ul.commentlist li {margin:0 0 10px 0;padding:0 0 3px 0;background:none;list-style:none;}
#contents ul.commentlist li p {margin:0;padding:0;}

h3.comments {float:left;clear:both;width:100%;}
h3.photogalery_link a {font-weight:normal;}


div.thumb {margin:0 3px 15px 0;float:left;}
#contents div.thumb p.comment_link {margin:0;padding:3px 0 0 0;clear:both;font-size:85%;width:115px;text-align:center;}


/*
.commentform {width:100%;float:left;}
.commentform td input {float:right;}
.commentform td textarea {float:right;width:200px;}
div.images input.send {margin:10px 0 0;float:right;}
div.images p.sendtext {margin:10px 0;font-size:90%;float:left;clear:both;width:100%;}
*/
.commentform {float:left;width:307px;}
.commentform fieldset {margin:0 0 5px 0;padding:0;border:none;}
.commentform fieldset label {width:80px;float:left;}
.commentform fieldset input {width:220px;float:left;}
.commentform fieldset textarea {width:220px;float:left;}
.commentform fieldset input.send {margin:10px 0 0;width:auto;float:right;}


span.outerimg {padding:3px;display: table; #position: relative; overflow: hidden;float:left;background-color:#fff;float:left;border:solid #74706d 1px;width:110px;height:110px;}
span.outerimg span.middleimg {display: table-cell;  #position: absolute; #top: 50%;vertical-align: middle; text-align:center;width:100%;}
span.outerimg span.middleimg a {outline:none;}
span.outerimg img {margin:0;padding:0;float:none;border:0;text-align:center;#position: relative; #top: -50%;}


.paging {float:left; width: 100%; }
.paging .left {float:left;}
.paging .right {float:right;}

input#send_button{width:53px;border:none;margin:5px 0;}