small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

img { border-style: none; }

a
{
	color: #660066;
	cursor: pointer;
}

/*
 *		Reset kraj
 */
 
 body
{
        background: #bae8fe url("/dizajn/pdlrv.png") no-repeat top center;
	font: normal 10px/3em Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
	width:100%;
}

/*--GLOBALNO--------------------------------------------*/

h1, h2, h3 { margin: 10px 0; padding: 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; border-bottom: 0px dashed #ddd;}
h1 {font-size: 2.5em;}
h2 {font-size: 2.5em;}
h3 {font-size: 2em;}
p {margin: 5px 0; padding: 5px 0;}

/*wrapper styles .fixed  dok ne rijesimo skriptu */


#wrapper {
	width:960px;
	text-align:left;
	margin:0 auto;
}
.liquid #wrapper {
	width:100%;
	text-align:left;
	margin:0;
}
/* HEADER */
#header {
	clear:both;
	float:left;
	width:100%;
	color: #000;
}
#header {
		border-bottom:0px solid #000;
		background:  url("/dizajn/top-contenta.png") no-repeat bottom center;
		padding-bottom:70px;

}
#header p,
#header h1,
#header h2 {
	padding:.1em 15px 0 15px;
	margin:0;
}
p.layoutstyle {
	float:left;
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}

#header ul li a:hover {
	background:#369;
	color:#fff;
}

#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	border-top:0px solid #000;
	padding:6px 15px !important;
	text-align:left;
}
 
#wrapper  a.kontakt{
	top: 25%;
	left: 0;
	width: 42px;
	height: 102px;
	color: #FFF;
	cursor: pointer;
	text-indent: -100000px;
	overflow: hidden;
	position: fixed;
	z-index: 100000;
	margin-left: -7px;
	background: #000; 
	background-image: url(/dizajn/kontakt_tab.png);
/*
	_position: absolute;
	_background-image: url(/dizajn/kontakt_tab_ie6.png); 
*/
}
 
/*
 a#kontakt_tab:hover {
    margin-left: -4px; }
*/

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail {
	background:#fff;    	/* Right column background colour */
}
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-200px; 	/* Width of right column */
	position:relative;
	right:100%;
       background: transparent ;    	/* url("images/pdl_content.gif") repeat-x Centre column background colour ako se doda slika u podlogu raspada se layout */
}
.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:400px;         	/* Left column width + right column width */
	background:#fff;    	/* Left column background colour */
}
.holygrail .contentwrap {
	float:left;
	width:50%;
	position:relative;
	right:200px;        	/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .content {
	margin:0 215px;     	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
	overflow:hidden;
}
.holygrail .navigation {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:170px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:15px;         	/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:170px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;
}
/* 2 column right menu settings */
.rightmenu {
	background:#ff9;
}
.rightmenu .colleft {
	float:left;
	width:200%;
	margin-left:-200px;
	position:relative;
	right:100%;
	background: #fff ;    	/* url("images/pdl_content.gif") repeat-x Centre column background colour ako se doda slika u podlogu raspada se layout */
}
.rightmenu .contentwrap {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	padding-bottom:1em;
}
.rightmenu .content {
	margin:0 15px 0 215px;
	overflow:hidden;
}
.rightmenu .navigation {
	float:right;
	width:170px;
	position:relative;
	left:185px;
}
.blogstyle {
	background:#ff9;    	/* Right column background colour */
}
.blogstyle .colmid {
	float:left;
	width:200%;
	margin-left:-200px; 	/* Width of right column */
	position:relative;
	right:100%;
	background:#FFD8B7;    	/* Centre column background colour */
}
.blogstyle .colleft {
	float:left;
	width:100%;
	margin-left:-200px; 	/* Width of centre column */
	background:#fff;    	/* Left column background colour */
}
.blogstyle .contentwrap {
	float:left;
	width:50%;
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.blogstyle .content {
	margin:0 15px 0 415px;	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:100%;
	overflow:hidden;
}
.blogstyle .navigation {
	float:right;
	width:170px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	left:185px;         	/* Width of the left-had side padding on the left column */
}
.blogstyle .col3 {
	float:right;
	width:170px;        	/* Width of right column content (right column width minus left and right padding) */
	position:relative;
	left:555px;
}

/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	height: 121px;
	border-top:0px solid #fff;
		background: url("/dizajn/footer2.png") no-repeat top center;
	color: #000;
}
#footer p {
	font: normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	margin:0;
}

#footer_top{
	border-top:0px solid #fff;
	height: 110px;
	background: url("/dizajn/footer_top_021.png") no-repeat top center;
	margin: 0 auto;
	
}

#footer_top p{
	width: 960px;
	padding: 10px;
	test-align: center;
		margin: 0 auto;

	
}

/*
.action{
	background-color:red;
}
.img_left {
	margin: 5px 5px 5px 0;
	float: left;
	clear: none;
}
.img_right {
	margin: 5px 0 5px 5px;
	float: right;
	clear: none;
}
*/

/*SLIDER HEADER*/

#slider {
    width: 960px; /* important to be same as image width */
    height: 240px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	background: url("/dizajn/pdl_slider_05.png") no-repeat bottom center;

}

#sliderContent {
    width: 960px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    position: relative;
	display: none;
	
}
.sliderImage span {
    position: absolute;
	font: 20px/15px Arial, Helvetica, sans-serif;
    padding: 0;
    width: 960px;
/*
    background-color: #fff;
*/
    filter: alpha(opacity=10);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font: normal 22px/1.8em Georgia, "Times New Roman", Times, serif;
}
#slider .left {
	bottom: 0;
    left: 200px;
	width: 250px !important;
	height: 215px;
	padding: -50px ; 
}
#slider .right {
	right: 0;
	bottom: 0;
	width: 150px !important;
	height: 215px;
}
#slider ul { list-style-type: none;}

/*SLIDER HEADER end*/

/*Links*/

#links  a
{ position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font: normal 9px/23px Tahoma, Sans-serif; white-space:nowrap; background:url(/dizajn/butons/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
#links  a{ height:23px; padding:0 3px; vertical-align:middle;  background-position:left top;}
#links *:hover,
#links *:active,
#links *:focus{ color:#888;}

#links  #prev-news, #links  #prev-action{ background:url(/dizajn/strelica-lijevo.png) no-repeat center center; text-indent: -9000px; width: 13px; height: 13px;}
#links  #next-news, #links  #next-action{ background:url(/dizajn/strelica.png) no-repeat center center; text-indent: -9000px; width: 13px; height: 13px;}