/****************

    ERIC MEYER'S 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, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
strong{
    font-weight:bold; 
}
em{ 
    font-style:italic; 
}

/* text styling */
a{ color:#567CA0; }
a:hover{ text-decoration:none; }

p{ font:normal 11px/1.4em Verdana; color:#567ca0; padding-bottom:15px; }
h1, h2, h3{ color:#507f9d; padding-bottom:15px; }
h1{ font:bold 13px Verdana, Arial, Helvetica, sans-serif; }
h2, h3{ font:normal 11px Verdana, Arial, Helvetica, sans-serif; }
h3{ color:#DD5317; }

ul, ol{ padding:0 0 15px 25px; }
ol ul{ padding-bottom:0; }
li{ font:normal 11px/1.4em Verdana; color:#567ca0; }

dt{ font:bold 11px Verdana; color:#567CA0; padding-top:15px; }
dd{ font:normal 11px Verdana; }	
dd a{ color:#567CA0; }	

/* position za slike */
.imgleft{ float:left; margin-right:15px; }
.imgright{ float:right; margin-left:15px; }


/* body i containeri */

body{ background:#fdbf44; }

#wrapper{ width:746px; margin:0 auto; padding:0; background:#fff; }

/* header id->zasad je prazan tj ima samo background-image, kasnije ce trebat ubacit neki flash znaci vjerojatno dodatni div*/
#header{ background:url(arhimir/header.jpg) no-repeat 0 0; height:173px; position:relative;}
#headnavigation{ background: url(arhimir/headnavi.jpg) no-repeat 0 0; text-align:center; height:92px; }
    /* dio za linkove u headeru sa hoverom za slike, tocno podeseno da pase s obzirom na background-image */
    #headnav { width: 714px; height: 55px; background: url(arhimir/navigacija.gif); margin: 0 16px; padding: 0; position: relative; list-style:none; }
    #headnav li { position: absolute;  top: 0; }
    #headnav li, #headnav a{height: 55px; display: block;}
	#headnav span{ display:none; }

    #djeca {left: 0; width: 238px;}
    #roditelji {left: 238px; width: 238px;}
    #skole {left: 476px; width: 238px;}

    #djeca a:hover, #roditelji a:hover, #skole a:hover{background: transparent url(arhimir/navigacija.gif);}

    #djeca a:hover{background-position: 0 -55px}
    #roditelji a:hover{background-position: -238px -55px}
    #skole a:hover {background-position: -476px -55px}

#main{ margin:10px 0; background: url(arhimir/main.gif) repeat-y 254px 0; }

    #leftnav{ float:left; background:#fff; list-style:none; width:220px; padding:45px 0 0 18px; margin:0 26px 0 0; background-position:top left; background-repeat:no-repeat; }
    #leftnav li{ font:bold 11px/12px Verdana, Arial, Helvetica, sans-serif; display:block;  margin:0; border-bottom:1px dashed #a0bbc4; padding:0; }
    #leftnav li a, #leftnav li a:visited{display:block; text-decoration:none; color:#507f9d; padding:6px 0px 6px 15px; }

    #content{ float:left; width:440px; margin:0 0 10px 2px; padding:15px 30px 20px 10px; }

.cijene{ font:normal 11px Verdana; }
.cijene td{ padding:5px; color:#567CA0; }

    #foot{ clear:both; margin-top:0px; padding:3px 0 0 280px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; }
    #foot a{ font-weight:bold; color:#94abbb; text-decoration:none; }
    #foot a:hover{ color:#feb211; }

#footer{ clear:both; background:#fdbf44 url(arhimir/footer.jpg) no-repeat 0 0; padding:40px 0 20px 35px; font:11px Arial, Helvetica, sans-serif;  }

    #footer p{ border-top:2px dashed #f58500; padding:5px 0 0; color:#fff; }
    #footer a{ color:#fff; text-decoration:none; }
    #footer a:hover{ text-decoration:none; }

/* pocetna stranica */


#infoslike{ width:468px; height:436px; background:url(arhimir/info.jpg) no-repeat 0 0; float:left; position:relative; }
#infoslike ul{ list-style:none; }
#infoslike li span{ display:none; }
#info-1 a{ position:absolute; width:230px; height:160px; left:20px; top:0; }
#info-2 a{ position:absolute; width:150px; height:200px; left:260px; }
#info-3 a{ position:absolute; height:220px; left:90px; top:165px; width:210px; }
#info-4 a{ position:absolute; height:150px; right:5px; top:290px; width:150px; }

#infotext{ float:left; width:256px; height:369px; background-color:#edf2f5; margin:12px 2px 10px 1px; padding:15px 0 10px 0; }
#infotext p{ color:#567ca0; padding-left:25px; padding-right:10px; }

#infotext1{ width:100%; height:369px; background:#edf2f5; margin:12px 2px 10px 1px; padding:15px 0 10px 0; }
#infotext1 p{ color:#567ca0; padding-left:25px; padding-right:10px; }

img.dashes{ margin-bottom:0; }
.buttonSubmit { background: #FDD25F; border: 2px solid #FDBF44; color: #7C4326; font: bold 12px Verdana; cursor: pointer; }
a.mail:link, a.mail:visited {color:#94abbb;}
a.mail:hover, a.mail:active{color:#feb211;}
.info_bitno{ color:#DD5317; font-weight:bold; }

.contact-form ul{ list-style:none; padding:0; }
.contact-form li{ float:left; clear:left; display:block; padding-bottom:5px; }
.contact-form label{ width:120px; float:left; }	

.boja20 #leftnav{ background-image:url(arhimir/leftnavigation.gif); }
.boja21 #leftnav{ background-image:url(arhimir/leftnavigation_skole.gif); }
.boja22 #leftnav{ background-image:url(arhimir/leftnavigation_roditelji.gif); }

.boja20 #leftnav a:hover, .boja20 #leftnav a.active{ color:#ffe864; background:#fd0000; }
.boja21 #leftnav a:hover, .boja21 #leftnav a.active{ color:#507f9d; background:#f4d560; }
.boja22 #leftnav a:hover, .boja22 #leftnav a.active{ color:#ffe967; background:#010080; }

.clear { width:100%; height:1%; clear:both; font-size:1px; }

#home-link { position:absolute; top:30px; left:50px; width:300px; height:110px; }
#home-link span { display:none; visibility:hidden; }
.hdnSpam{ display:none; }
























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */