@charset "utf-8";

/* Limarija Sabljak CSS Document */





body

{

	background: url(../img_kons/podloga4-v5c-2.png) no-repeat #1A5096; /* podloga4-v5c-2.png ima kucicu u gornjem desnom uglu */

	background-position: top;

	/*background-attachment: fixed;*/

	margin: 0px;

	border: 0px;

}


div#nadglavlje

{
	position: relative;

	margin: auto;

	top: 0px;

	z-index: 100;

	width: 960px;

	height: 134px;

	<!-- background: transparent; -->

	z-index: 50;

	font-family: Arial, "MS Trebuchet", sans-serif;

	/*font-family: "BrushScriptMT";*/

	font-size: 72px;

	font-weight: bold;

	text-align: left;

	line-height: 320px;

	color: #ffffff;

	text-shadow: 2px 10px 10px #000;

}


div#nadglavlje a

{

	color: #FFFFFF;

}



div#container

{

	margin: auto;

	width: 960px;

	

	position: relative;

	top: 10px;

	background-color: white;

	padding: 0px;

	padding-top: 10px;

	padding-bottom: 10px;	



	box-shadow: 3px 3px 3px #000;

}

div#logo

{

	position: relative;

	left: 0px;

	z-index: 100;

	margin: auto;

	float: left;

	width: 216px;

}





div#overheader h1

{

	margin-top: 130px;

	font-size: 27px;

}





div#overheader

{

	position: relative;

	top: 0px;

	text-align: right;

	margin: auto;

	width: 940px;

	background-color: white;

	background-image: url(../img_kons/sabljak-prijatelj.png);

	background-repeat: no-repeat;

	height: 24px;

	padding: 10px;

	color: #666666;

	font-family: Arial, MS Trebuchet, sans-serif;

	font-size: 21px;

}



div#overheader img

{

	margin: 4px;

}



div#overheader a

{

	text-decoration: none;

	color: #666666;

	padding: 10px;

}



div#overheader a:hover

{

	background-color: #666666;

	color: #ffffff;

	padding: 10px;

}



div#floatovermeni

{

	position: absolute;

	top: -115px;

	left: -100px;

	width: 350px;

	height: 150px;

	background: url(../img_kons/podloga-float.png);

	z-index: 10;

	

	display: none;

}



div#overmeni

{

	position: absolute;

	top: 260px;

	left: 640px;

	z-index: -99;

	width: 240px;

	height: 110px;

	background-color: gray;

}



div#header

{

	margin: auto;

	width: 940px;

	background-color: #eeeeee;

	height: 250px;

	padding: 0px;

	color: #000000;

	font-family: Geneva, Arial, Helvetica, sans-serif, "Trebuchet MS";

	z-index: -100;

	font-size: 15px;

}



div#header a

{

	display: inline-block;

	width: 240px;

	text-decoration: none;

	color: #666666;

	padding: 2px 2px 2px 2px;

	border-bottom: 1px solid #cccccc;



}



div#header a:hover

{

	text-decoration: none;

	color: #ffffff;

	background-color: #999999;



}



div#lijevo

{

	padding: 5px;

	float: left;

	width: 250px;

	height: 240px;

	/*border: 1px solid #000000;*/v

	background-color: #dfdfdf;

	background: url(../img_kons/meni-pod-3.png);



	/*border-bottom: 1px solid #666;*/

}



div#desno

{

	float: right;

	width: 680px;

	height: 250px;

	/*border: 1px solid #000000;*/

	background-color: #dfdfdf;

	background: url(../img_kons/meni-pod-3.png);



	/*border-bottom: 1px solid #666;*/

}







div#subheader a

{

	text-decoration: none;

	color: #ffffff;

	padding: 4px 10px 4px 4px;

}



div#subheader a:hover

{

	background-color: #99BEFD;

	padding: 4px 10px 4px 4px;

}



div#content

{

	margin: auto;

	width: 932px;

	background: url(../img_kons/donji-val.png) no-repeat;

	background-color: #eeeeee;

	padding: 4px;

	padding-top: 20px;

	color: #000000;

	font-family: Geneva, Arial, Helvetica, sans-serif, "Trebuchet MS";

}



div#content img

{

	padding: 10px;

}



div#content ul

{

	padding-left: 20px;

	width: 400px;

	float: inherit;

	line-height: 1.6em;

	padding-bottom: 20px;

}



div#content li

{

	color: #666666;

	list-style: square;

}



div#content h1

{

	font-family: Trebuchet MS;

	font-size: 32px;

	font-weight: bold;

	color: #407EC9;

	padding-left: 10px;

	border-bottom: 4px solid #CCCCCC;

	

	text-shadow: 1px 1px 1px #000;

	filter: dropshadow(color=#999999, offx=1, offy=1);	

}



div#content h2

{

	font-family: Trebuchet MS;

	font-size: 24px;

	font-weight: bold;

	color: #666666;

	padding-top: 10px;

	padding-left: 10px;

}



div#content h3

{

	font-family: Trebuchet MS;

	font-size: 17px;

	font-weight: bold;

	color: #666666;

	padding-left: 0px;

	padding-bottom: 10px;

}



div#content p

{

	padding-top: 10px;

	padding-bottom: 10px;

}



div#galerija

{

	font-family: Trebuchet MS;

	font-size: 14px;

	color: #666666;

	padding-left: 10px;

	padding-top: 16px;

	padding-right: 10px;

	padding-bottom: 10px;

}



div#galerija table

{

	font-size: 11px;

	text-align: center;

}





div#galerija

{

	margin-bottom: 20px;

}



.navodi

{

	font-family: Trebuchet MS;

	font-size: 17px;

	color:#CCCCCC;

	background:#999999;

	padding: 10px;

	text-shadow: 1px 1px 2px #666666;

	

	-moz-border-radius: 12px;

    -webkit-border-radius: 12px;

    -khtml-border-radius: 12px;

    border-radius: 12px;

}



div#upit

{

	font-family: Trebuchet MS;

	font-size: 17px;

	color:#CCCCCC;

	background:#999999;

	padding: 10px;

	text-shadow: 1px 1px 2px #666666;

	

	-moz-border-radius: 12px;

    -webkit-border-radius: 12px;

    -khtml-border-radius: 12px;

    border-radius: 12px;

}



div#tekst01

{

	position: inherit;

	font-family: Trebuchet MS;

	font-size: 14px;

	color: #666666;

	padding-left: 10px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 10px;

	text-align: justify;

	float: left;

	margin-bottom: 12px;

}





div#tekst02

{

	position: inherit;

	font-family: Trebuchet MS;

	font-size: 14px;

	color: #666666;

	padding-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 10px;

	text-align: justify;

	float: left;

	margin-bottom: 12px;

}





div#tekst01-lijevi

{

	position: inherit;

	font-family: Trebuchet MS;

	font-size: 14px;

	color: #666666;

	padding-left: 10px;

	padding-top: 16px;

	padding-right: 10px;

	padding-bottom: 10px;

	text-align: justify;

	float: left;

	width: 445px;

	margin-bottom: 12px;

}



div#tekst01-lijevi p

{

	padding-top: 10px;

	padding-bottom: 10px;

}



div#tekst01-desni

{

	position: inherit;

	font-family: Trebuchet MS;

	font-size: 14px;

	color: #666666;

	padding-left: 10px;

	padding-top: 16px;

	padding-right: 10px;

	padding-bottom: 10px;

	text-align: justify;

	float: right;

	width: 445px;

	margin-bottom: 12px;

}



div#tekst01-desni-upit

{

	position: inherit;

	font-family: Trebuchet MS;

	font-size: 14px;

	color: #666666;

	/* background: url(../img_kons/upit-podloga.jpg) no-repeat; */

	padding-left: 10px;

	padding-top: 16px;v

	padding-right: 10px;

	padding-bottom: 10px;

	text-align: justify;

	float: right;

	width: 445px;

	height: 720px;

	margin-bottom: 12px;

}



div#tekst01-desni-kontakti

{

	position: inherit;

	font-family: Trebuchet MS;

	font-size: 14px;

	color: #666666;

	background: url(../img_kons/kontakt-podloga.jpg) no-repeat;

	padding-left: 10px;

	padding-top: 16px;v

	padding-right: 10px;

	padding-bottom: 10px;

	text-align: justify;

	float: right;

	width: 445px;

	height: 340px;

	margin-bottom: 12px;

}



div#tekst01-desni p

{

	padding-top: 10px;

	padding-bottom: 10px;

}





div#subcontent

{

	margin: auto;

	width: 930px;

	background-color: #dddddd;

	height: 96px;

	padding: 4px;

	color: #666666;

	font-family: Arial, "MS Trebuchet", sans-serif;

	font-size: 12px;

}



div#footer

{

	position: relative;

	top: 10px;

	margin: auto;

	width: 930px;

	height: 24px;

	padding: 0px;

	color: #666666;

	font-family: Arial, "MS Trebuchet", sans-serif;

	font-size: 12px;

	text-align: center;

}



div#subfooter

{

	position: relative;

	top: 10px;

	margin: auto;

	width: 930px;

	height: 24px;

	padding: 0px;

	color: #000000;

	font-family: Arial, "MS Trebuchet", sans-serif;

	font-size: 12px;

	margin-top: 6px;

	margin-bottom: 0px;

	text-align: right;

}





.h1

{

	font-size: 27px;

}



/*accordion css postavke*/

/*CSS for example Accordion #hc1*/



#hc1 .acc-tekst1

{

	padding-left: 80px;

	padding-top: 270px;

	width: 656px;

	height: 360px;

	background: url(../img_kons/acc-img1.jpg);

	font-family: Arial;

	font-size: 18px;

	color: #ffffff;

	text-shadow: 1px 1px 5px #333;



}



#hc1 .acc-tekst2

{

	padding-left: 80px;

	padding-top: 270px;

	width: 656px;

	height: 360px;

	background: url(../img_kons/acc-img2.jpg);

	font-family: Arial;

	font-size: 18px;

	color: #ffffff;

	text-shadow: 1px 1px 5px #333;

}



#hc1 .acc-tekst3

{

	padding-left: 80px;

	padding-top: 270px;

	width: 656px;

	height: 360px;

	background: url(../img_kons/acc-img3.jpg);

	font-family: Arial;

	font-size: 18px;

	color: #ffffff;

	text-shadow: 1px 1px 5px #333;

}



#hc1 .acc-tekst4

{

	padding-left: 80px;

	padding-top: 270px;

	width: 656px;

	height: 360px;

	background: url(../img_kons/acc-img4.jpg);

	font-family: Arial;

	font-size: 18px;

	color: #ffffff;

	text-shadow: 1px 1px 5px #333;

}



#hc1 .acc-tekst5

{

	padding-left: 80px;

	padding-top: 270px;

	width: 656px;

	height: 360px;

	background: url(../img_kons/acc-img5.jpg);

	font-family: Arial;

	font-size: 18px;

	color: #ffffff;

	text-shadow: 1px 1px 5px #333;

}



#hc1 li{

margin:0; /*Spacing between each LI container*/

}



#hc1 li .hpanel{

padding: 0px; /*Padding inside each content*/

background: lightblue;

}





/*---------divovi za reference---------------*/





.naslov

{

	font-size: 18px;

	font-family: Arial, "MS Trebuchet", sans-serif;	

	padding-bottom: 10px;

}





div#div1

{

	position: absolute;

	width: 500px;

	height: 120px;

	display: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	border: solid 1px #eeeeee;

	background-color: #ffffff;

	padding: 16px;

	color: #999999;

	z-index: 1000;

	

	text-align: justify;

	

	-moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

	

	box-shadow: 5px 5px 10px #000000;	

}





div#div2

{

	position: absolute;

	width: 500px;

	height: 120px;

	display: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	border: solid 1px #eeeeee;

	background-color: #ffffff;

	padding: 16px;

	color: #999999;

	z-index: 1000;

	

	text-align: justify;

	

	-moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

	

	box-shadow: 5px 5px 10px #000000;	

}



div#div3

{

	position: absolute;

	width: 500px;

	height: 120px;

	display: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	border: solid 1px #eeeeee;

	background-color: #ffffff;

	padding: 16px;

	color: #999999;

	z-index: 1000;

	

	text-align: justify;

	

	-moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

	

	box-shadow: 5px 5px 10px #000000;	

}



div#div4

{

	position: absolute;

	width: 500px;

	height: 120px;

	display: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	border: solid 1px #eeeeee;

	background-color: #ffffff;

	padding: 16px;

	color: #999999;

	z-index: 1000;



	text-align: justify;

	

	-moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

	

	box-shadow: 5px 5px 10px #000000;	

}



div#div5

{

	position: absolute;

	width: 500px;

	height: 120px;

	display: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	border: solid 1px #eeeeee;

	background-color: #ffffff;

	padding: 16px;

	color: #999999;

	z-index: 1000;

	

	text-align: justify;

	

	-moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

	

	box-shadow: 5px 5px 10px #000000;	

}



div#div6

{

	position: absolute;

	width: 500px;

	height: 120px;

	display: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	border: solid 1px #eeeeee;

	background-color: #ffffff;

	padding: 16px;

	color: #999999;

	z-index: 1000;

	

	text-align: justify;

	

	-moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

	

	box-shadow: 5px 5px 10px #000000;	

}



div#div7

{

	position: absolute;

	width: 500px;

	height: 120px;

	display: none;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	border: solid 1px #eeeeee;

	background-color: #ffffff;

	padding: 16px;

	color: #999999;

	z-index: 1000;

	

	text-align: justify;

	

	-moz-border-radius: 20px;

    -webkit-border-radius: 20px;

    -khtml-border-radius: 20px;

    border-radius: 20px;

	

	box-shadow: 5px 5px 10px #000000;	

}



/*---------kraj divova za reference---------------*/



/*---------kod za slideshow-----------*/



#slideshow { 

    margin: 0px auto; 

    position: relative; 

    width: 390px; 

    height: 390px; 

    padding: 15px; 

    box-shadow: 0 0 20px rgba(0,0,0,0.4); 

    background-color: #ffffff;



    -moz-border-radius: 24px;

    -webkit-border-radius: 24px;

    -khtml-border-radius: 24px;

    border-radius: 24px;

}



#slideshow > div { 

    position: absolute; 

    top: 10px; 

    left: 10px; 

    right: 10px; 

    bottom: 10px; 

}



/*---------kraj koda za slideshow-----------*/



/*---------kod za slideshow sandwich-----------*/



#slideshow-sandwich { 

    margin: 0px auto; 

    position: relative; 

    width: 400px; 

    height: 221px; 

    padding: 20px; 

    box-shadow: 0 0 20px rgba(0,0,0,0.4); 

    background-color: #ffffff;



    -moz-border-radius: 24px;

    -webkit-border-radius: 24px;

    -khtml-border-radius: 24px;

    border-radius: 24px;

}



#slideshow-sandwich > div { 

    position: absolute; 

    top: 10px; 

    left: 10px; 

    right: 10px; 

    bottom: 10px; 

}



/*---------kraj koda za slideshow sandwich-----------*/



#cjenik-tablica

{

  	border-collapse: separate;

  	border-spacing: 10px;

  	*border-collapse: expression('separate', cellSpacing = '10px');

	background-color: #dddddd;



	/*height: 100px;*/

	vertical-align: text-top;

}