/*
COLORS
bgmodra #c6d9ea
bgsiva #e9e9e9
meni 525252
levi meni #a3a1a1
border content d9d9d9
text 3d3d3d
*/

/* RESET
------------------------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,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;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

/* GENERAL STYLES
------------------------------ */
/* elements */
html {}
body { background:transparent url(pic/line.gif) repeat-y 256px 103px; font:normal 75% Tahoma,Helvetica,serif; background-color:#FFFFFF; color:#3d3d3d; padding:0; text-align:left;}
a {color:#3d3d3d;}
a:hover {text-decoration:none;}
p {
	margin:0 0 1em;
	text-align: justify;
}

/* LAYOUT */
#site { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; width:1007px;}
#header { background-repeat:no-repeat; background-position:left top; height:357px; margin-left:256px; width:751px;}
.p #header { background-image: url(pic/header-pesek.jpg);}
.u #header { background-image: url(pic/header-urejanje.jpg);}
.g #header { background-image: url(pic/header-beton.jpg);}
.k #header { background-image: url(pic/header-kontakt.jpg);}
.l #header { background-image: url(pic/header-lokacija.jpg);}

#header ul { margin-top:284px; position:absolute;}
#header ul, #header li a:hover { background-repeat:no-repeat; background-position:left top; height:73px;}
ul#menup, #menup li a:hover, #menup a.selected { background-image: url(pic/menu-pesek.jpg);}
ul#menuu, #menuu li a:hover, #menuu a.selected { background-image: url(pic/menu-urejanje.jpg);}
ul#menug, #menug li a:hover, #menug a.selected { background-image: url(pic/menu-beton.jpg);}
ul#menuk, #menuk li a:hover, #menuk a.selected { background-image: url(pic/menu-kontakt.jpg);}
ul#menul, #menul li a:hover, #menul a.selected { background-image: url(pic/menu-lokacija.jpg);}

#header ul li { float:left;}
#header ul li a { display: block; height:73px; text-indent:-9999px;}
li a#p { width:114px;}
li a#u { width:231px;}
li a#g { width:120px;}
li a#k { width:142px;}
li a#l { width:144px;}

li a:hover#p, li a#p.selected { background-position: 0 bottom;}
li a:hover#u, li a#u.selected { background-position: -114px bottom;}
li a:hover#g, li a#g.selected { background-position: -345px bottom;}
li a:hover#k, li a#k.selected { background-position: -465px bottom;}
li a:hover#l, li a#l.selected { background-position: -607px bottom;}

#wrapper {  background-color:#FFFFFF;; padding-top:30px;}
#submenu { float:left; width:228px; padding: 28px 28px 0 0; text-align:right;}
#submenu li {margin-bottom:28px ! important; margin-bottom:14px;}
#submenu a { color:#a3a1a1; display:block; font-family: "trebuchet MS"; font-size:1.15em; font-weight:bold;  text-transform:uppercase; text-decoration:none;}
#submenu a:hover { color:#525252}
#submenu a.subselected { text-decoration:underline;} 
#content {
	border-top:3px solid #d9d9d9;
	border-left:3px solid #d9d9d9;
	float:left;
	line-height:1.3em;
	padding:25px 25px 10px 25px;
	width:698px;
	}

#footer { padding:30px 0 10px 0; font-size:0.9em; color:#ccc;}

/* HACKS
------------------------------ */
.clear,.pushbox ul,ul.newsList li,.poll li,.breadcrumbs {display:inline-block;}
.clear:after,.pushbox ul:after,ul.newsList li:after,.poll li:after,.breadcrumbs:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}