*{
	margin: 0;
	padding: 0;
}

body{background:#000;}
#wrap{margin:0 auto; padding-bottom:40px;}


/***************  U P - N A V  **************/

#up_menu{
	margin:0 auto;
	height: 37px;
	border-bottom: 1px solid #ddd;
	background-image:url(../img/elements/upnav_bck.gif);
}

#up_menu_holder{
	margin:0 auto;
	width:920px;	
}

#up_menu li{
	float:right;
	list-style:none;
	padding:0 10px;
	border-right: 1px solid #727272;
	line-height:37px;
}

#up_menu li a{
	color: #333132;
	font:13px Arial, Helvetica, sans-serif;
	letter-spacing:0.01em;
}

#up_menu li.noborder{
	border:none;
	padding:0 15px;
}

/***************  C O N T E N T  **************/

#content, #content_pocetna, #content_pocetna_dom, #content_galerija, #content_kolonija, #content_prizor, #content_muzej{
	width:920px;
	background:url(../img/cont_head/sabori_05.jpg) repeat-y;
	margin:0 auto;
	margin-top:7px;
	margin-bottom:20px;
	border-bottom:2px #ce171e solid;
}

#content_pocetna{background:url(../img/cont_head/pocetna_14.jpg) repeat-y;}
#content_galerija{background:url(../img/cont_head/galerija_05.jpg) repeat-y;}
#content_kolonija{background:url(../img/cont_head/kolonija_05.jpg) repeat-y;}
#content_prizor{background:url(../img/cont_head/prizor_05.jpg) repeat-y;}
#content_muzej{background:url(../img/cont_head/muzej_bck_05.jpg) repeat-y;}
#content_pocetna_dom{background:url(../img/cont_head/pocetna_14.jpg) repeat-y; border-top:2px #ce171e solid;}

#cont_body{
	padding:0 40px 20px 40px;
}

#blu{
	height:20px;
	background:url(../img/elements/blu_bck.jpg);
	font:14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	margin:0 auto;
	padding-top:5px;
	letter-spacing:0.01cm;
}

.img_potpis{
	color:#fff;
	font:13px Arial, Helvetica, sans-serif;	
	padding-right:45px;
	padding-top:5px;
}

.potpis{text-align:center; color:#fff; font:bold 16px Arial, Helvetica, sans-serif; width:750px; margin:0 auto; padding-top:30px; letter-spacing:0.01em; line-height:22px;}

.zuta5{border-bottom:5px #fef58c solid;	margin:10px;}

/***************   C O N T   H E A D / B O D Y   B A C K     **************/

#cont_head_galerija, #cont_head_galerija_sp, #cont_head_galerija_iz, #cont_head_prizor, #cont_head_pocetna, #cont_head_trsic, #cont_head_trsic2, #cont_head_trsic3, #cont_head_kolonija, #cont_head_radionica, #cont_head_sabori, #cont_head_sabori2, #cont_head_sabori3, #cont_head_sabori4, #cont_head_tekeris, #cont_head_muzej, #cont_head_muzej_sp1, #cont_head_muzej_sp2, #cont_head_obrazovanje, #cont_head_domk, #cont_head_kontakt, #cont_head_novosti, #cont_head_upis, #cont_head_upis1, #cont_head_profes_usavr, #cont_head_profes_usavr1{text-align:center; padding-top:4px;}

#cont_head_galerija{background:url(../img/cont_head/mpop_03.jpg) no-repeat; height:650px;}
#cont_head_galerija_sp{background:url(../img/cont_head/galerija_sp_bck_03.jpg) no-repeat; height:630px;}
#cont_head_galerija_iz{background:url(../img/cont_head/galerija_iz_bck_03.jpg) no-repeat; height:630px;}
#cont_head_prizor{background:url(../img/cont_head/prizor_03.jpg) no-repeat; height:630px;}
#cont_head_pocetna{background:url(../img/cont_head/pocetna_11.jpg) no-repeat; height:646px;}
#cont_head_trsic{background:url(img/trsic_03.jpg) no-repeat; height:1570px;}
#cont_head_trsic2{background:url(img/trsic2_03.jpg) no-repeat; height:1570px;}
#cont_head_trsic3{background:url(img/trsic3_03.jpg) no-repeat; height:1715px;}
#cont_head_kolonija{background:url(img/kolonije_03.jpg) no-repeat; height:1800px;}
#cont_head_radionica{background:url(img/radionica_03.jpg) no-repeat; height:551px;}
#cont_head_sabori{background:url(img/sabori_03.jpg) no-repeat; height:1930px;}
#cont_head_sabori2{background:url(img/sabori2_03.jpg) no-repeat; height:1550px;}
#cont_head_sabori3{background:url(img/sabori3_03.jpg) no-repeat; height:1760px;}
#cont_head_sabori4{background:url(img/sabori4_03.jpg) no-repeat; height:1750px;}
#cont_head_tekeris{background:url(../img/cont_head/tekeris_03.jpg) no-repeat; height:1244px;}
#cont_head_tekeris1{background:url(../img/cont_head/tekeris_05.jpg) left bottom no-repeat; height:1244px;}
#cont_head_muzej{background:url(img/muzej_03.jpg) no-repeat; height:3020px;}
#cont_head_muzej_sp1{background:url(../img/cont_head/muzej_sp1_bck_03.jpg) no-repeat; height:2380px;}
#cont_head_muzej_sp2{background:url(img/muzej_sp2_03.jpg) no-repeat; height:2750px;}
#cont_head_obrazovanje{background:url(img/obrazovanje_03.jpg) no-repeat; height:720px;}
#cont_head_domk{height:150px;}
#cont_head_kontakt{background:url(../img/cont_head/kontakt_bck_03.jpg) no-repeat; height:1423px;}
#cont_head_kontakt1{background:url(../img/cont_head/kontakt_bck_05.jpg) left bottom no-repeat; height:1423px;}

#cont_head_novosti{background:url(../img/cont_head/kontakt_bck_03.jpg) no-repeat; height:750px;}
#cont_head_novosti1{background:url(../img/cont_head/novosti1.jpg) bottom repeat-y; height:3440px;}
#cont_head_upis{background:url(../img/cont_head/kontakt_bck_03.jpg) no-repeat; height:750px;}
#cont_head_upis1{background:url(../img/cont_head/novosti1.jpg) bottom repeat-y; height:1750px;}
#cont_head_profes_usavr{background:url(../img/cont_head/kontakt_bck_03.jpg) no-repeat; height:750px;}
#cont_head_profes_usavr1{background:url(../img/cont_head/novosti1.jpg) bottom repeat-y; height:1550px;}

#cont_body_pocetna, #cont_body_radionica{color:#fff689; padding:40px 40px 0 40px;}
#cont_body_pocetna{background:url(img/index_13.jpg) no-repeat; height:520px;}
#cont_body_radionica{background:url(../img/cont_head/radionica_bck_05.jpg) no-repeat; height:1810px;}

/***************  P H O T O   **************/

.okvir_c, .img_c3, .img_c2news{
	margin:0 auto;
	text-align:center;
}

.img_c0, .img_c, .img_c2, .img_c3, .img_c2news{
	text-align:center;
	position: relative;
	width:840px;
}

.img_c img{margin:10px;}
.img_c0 img{margin:0; padding:0;}

.img_c2 a:hover, .img_c3 a:hover, .img_c2news{text-decoration:none;}
.img_c2 a img{margin:10px; border:1px #999 solid;}
.img_c2 a:hover img{margin:10px; border:1px #fff689 solid;}
.img_c3 a img{margin:10px 30px; border:1px #999 solid;}
.img_c3 a:hover img{margin:10px 30px; border:1px #fff689 solid;}

.img_c2news a img{margin:10px 0; border:1px #999 solid;}
.img_c2news a:hover img{margin:10px 0; border:1px #fff689 solid;}

.cont_img_r{text-align:right; padding-right:50px;}
.cont_img_r img{margin-top:30px;}

.img_c_news{text-align:center; margin-top:200px;}
.img_c_news img{padding:5px;}

/***************  I  M  G     T  A  B   **************/

.img_tab, .img_tab_kontakt{
	text-align:center;
	color:#fff;
	font:bold 14px Arial, Helvetica, sans-serif;
	width:750px;
	margin:0 auto;
	padding-top:80px;
}

.img_tab_kontakt{width:650px;}
.img_tab{width:780px;}

.img_tab_kontakt a.mail{text-decoration:none; color:#fff;}
.img_tab_kontakt a.mail:hover{text-decoration:underline; color:#fff;}

.img_tab a {text-decoration:none; color:#fff;}
.img_tab a img{padding-top:5px; text-decoration:none; border:none;}
.img_tab a:hover img{padding-top:5px; text-decoration:none; border:none;}

/* okvir */
.img_tab_trsic, .img_tab_sabori, .img_tab_sabori2, .img_tab_sabori3, .img_tab_sabori4, .img_tab_muzej, .img_tab_muzej_sp1, .img_tab_tekeris{
	text-align:center;
	margin:0 auto;
	padding-bottom:20px;
	width:840px;
}

.img_tab_trsic{margin-top:340px;}
.img_tab_sabori{margin-top:390px;}
.img_tab_sabori2{margin-top:480px;}
.img_tab_sabori3{margin-top:450px;}
.img_tab_sabori4{margin-top:350px;}
.img_tab_muzej{margin-top:580px;}
.img_tab_muzej_sp1{margin-top:520px}
.img_tab_tekeris{margin-top:700px;}
.img_tab_kontakt{margin-top:180px;}

/* fotke */
.img_tab_trsic a:hover, .img_tab_sabori a:hover, .img_tab_sabori2 a:hover, .img_tab_sabori3 a:hover, .img_tab_sabori4 a:hover, .img_tab_muzej a:hover, .img_tab_tekeris a:hover {text-decoration:none;}

.img_tab_trsic a img, .img_tab_sabori a img, .img_tab_muzej a img, .img_tab_tekeris a img{
	margin:5px;
	border:1px #333 solid;
}

.img_tab_trsic a:hover img, .img_tab_sabori a:hover img, .img_tab_muzej a:hover img, .img_tab_tekeris a:hover img{
	margin:5px;
	border:1px #fff689 solid;
}

.img_tab_sabori2 a img, .img_tab_sabori3 a img, .img_tab_sabori4 a img, .img_tab_tekeris a img{
	margin:15px 15px;
	border:1px #333 solid;
}

.img_tab_sabori2 a:hover img, .img_tab_sabori3 a:hover img, .img_tab_sabori4 a:hover img, .img_tab_tekeris a:hover img{
	margin:15px 15px;
	border:1px #fff689 solid;
}


/******* M E N U *******/

#menu{
	color:#fff;
	margin-top:5px;
	font: bold 14px Arial, "Helvetica", sans-serif;
}

#menu ul{
	list-style-type:none;
	padding-left:45px;

	margin:0;
	margin:10px 5px 0 5px;
	list-style:none;
}

#menu ul li{
	display:inline;
	margin:0;
	padding:0 8px;
	float:left;
	background:url(../img/elements/x_01.jpg) 8px -23px  no-repeat;
}

#menu ul li a{
	float:left;
	background:url(../img/elements/x_01.jpg) left 0px no-repeat ;
	margin:0;
	padding:0 0 0 13px;
	text-decoration:none;
}

#menu ul li a span{
	display:block;
	background:url(../img/elements/x_02.jpg) right 0px no-repeat ;
	padding:3px 14px 5px 0px;
	color:#fff;
}

#menu ul li a:hover{
	background-image:none;
}

#menu ul li a:hover span{
	background-position:100% -23px;
}

#menu ul li  a:hover span{
	color:#fff;
}

#menu ul li a.on, #menu ul li a.on:hover {
	background:url(../img/elements/y_02.jpg) left 0px no-repeat ;
}

#menu ul li a.on span, #menu ul li a.on:hover span{
	background:url(../img/elements/y_03.jpg) right 0px no-repeat ;
	color:#eee;
}

/***************  F O N T S   **************/

p{
	font:normal 14px Arial, Helvetica, sans-serif;
	padding:10px 0;
	line-height:20px;
	color:#fff689;
	text-align:justify;
}

p.p_novosti{
	font:normal 14px Arial, Helvetica, sans-serif;
	padding:10px 0;
	line-height:20px;
	color:#fff;
	text-align:center;
}

p.p10{
	font:normal 14px Arial, Helvetica, sans-serif;
	padding:10px;
	line-height:20px;
	color:#fff689;
	text-align:justify;
}


p.p20, p.p100, p.p100b{
	font:normal 14px Arial, Helvetica, sans-serif;
	padding:5px 25px;
	line-height:20px;
	color:#fff689;
	text-align:justify;
}

p.p100, p.p100b{padding:5px 200px;}
p.p100b{font-weight:bold;}
p.p100_underline{
	text-align:center;
	text-decoration:underline; 
	font:bold 15px Arial, Helvetica, sans-serif;
}

p.p100_b15{
	font:bold 15px Arial, Helvetica, sans-serif;
	padding:5px 200px;
	letter-spacing:0.05em;
}

p.p_b15{
	font:bold 15px Arial, Helvetica, sans-serif;
	padding:5px 0px;
	letter-spacing:0.05em;
}

p.desno{
	text-align:right;
	padding-right:20px;
}

p.p_centar, p.p_centar_underline, p.p_centar_p10{
	text-align:center;
	font:bold 15px Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	letter-spacing:0.05em;
}

p.p_centar_underline{
	text-decoration:underline;
}

p.p_centar_slim{
	text-align:center;
	font:14px Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	letter-spacing:0.05em;
}

.img_tab_trsic p, .img_tab_sabori p, .img_tab_sabori2 p, .img_tab_sabori3 p, .img_tab_sabori4 p{
	color:#fff;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#fff689;
	padding:5px 15px 10px 15px;
	word-spacing:0.1em;
	text-align:justify;
}

#cont_body_radionica p{
	font:normal 14px Arial, Helvetica, sans-serif;
	line-height:20px;
	color:#fff689;
	margin:0 10px;
	padding:10px;
	text-align:justify;
}

h1.zut{
	font:normal 26px Arial, Helvetica, sans-serif; 
	color:#fff689;
	padding-top:20px;
	padding-bottom:5px;
}

h1.beo{
	font:normal 26px Arial, Helvetica, sans-serif; 
	color:#fff;
	padding-top:20px;
	padding-bottom:5px;
}

h1.beo_naslov{
	font:bold 26px Arial, Helvetica, sans-serif; 
	color:#fff;
	padding-top:20px;
	padding-bottom:15px;
}

h2{
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#fff689;
	padding:10px 0;
}

h3.zut{
	font:normal 18px Arial, Helvetica, sans-serif; 
	color:#fff689;
	padding-top:20px;
	padding-bottom:5px;
}

h3.beo{
	font:normal 18px Arial, Helvetica, sans-serif; 
	color:#fff;
	padding-top:30px;
}

h3.beo1{
	font:normal 18px Arial, Helvetica, sans-serif; 
	color:#fff;
	padding-top:0px;
	padding-bottom:10px;
}

h3.beo_left{
	font:normal 18px Arial, Helvetica, sans-serif; 
	color:#fff;
	padding-top:30px;
	padding-left:200px;
	text-align:left;
}
