/* -- Default "_RESET_" Rules -- */

* { margin: 0px; padding: 0px; }

body {
	background-image:url(../images/bg.gif);
	color: #000;
	font: normal normal 12px/100% Arial,sans-serif;
}

a:link, a:visited, a:active { color: #8e9814; text-decoration: underline; outline: none;}
a img { text-decoration: none; border: none; cursor: pointer; }
a:hover {color: #000; background-color:#e0eab9;}

table {}
table td {padding:5px 7px;background-color:#e0eab9;} 



/* -- Standard Helpers -- */

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }

.tl { text-align: left; }
.tc { text-align: center !important; }
.tr { text-align: right; }

div.clear {
height: 0px;
overflow: hidden;
clear: both;
}


/* -- Your Site Starts Here -- */

#container {
	margin: 0 auto;
	width:820px;
	padding: 0 70px 40px 70px;
	background-image:url(../images/bg-content.gif);
	-webkit-box-shadow: #c7c6c6 0px 0px 5px;
	-moz-box-shadow: #c7c6c6 0px 0px 5px;
	box-shadow: #c7c6c6 0px 0px 5px;
}

#header {
	width:820px;
	background-color:#231f20;
	margin: 0 -70px;
	padding: 40px 70px;
}

.logo {
	float:left;
	width:220px;
	height:41px;
	background-image:url(../images/logo.gif);
	text-indent:-9999px;
}

#navig ul {
	height: 37px;
	float:right;
}

#navig li {
	list-style-type:none;
	display: inline;
}

#navig li a:link, #navig li a:visited, #navig li a:active {
	font-family: 'TitilliumMaps26L500wt';
	color:#fcffd8;
	text-decoration:none;
	padding: 10px 12px 10px 12px;
	margin: 0 0 0 10px;
	font-size: 14px;
	display: inline;
	float:left;
}

#navig li a:hover {
	color:#efefdf;
	text-decoration:none;
	color:#000;
	background-color:#cddb25;
	-webkit-border-radius: 4px;    /* for Safari */
    -moz-border-radius: 4px;       /* for Firefox */
}

#navig .active {
	background-color:#cddb25;
	color:#000 !important;
	-webkit-border-radius: 4px;    /* for Safari */
    -moz-border-radius: 4px;       /* for Firefox */
}

#header_box {
	width:820px;
	height:320px;
	-webkit-box-shadow: #c7c6c6 0px 0px 5px;
	-moz-box-shadow: #c7c6c6 0px 0px 5px;
	box-shadow: #c7c6c6 0px 0px 5px;
	-webkit-border-radius: 4px;    /* for Safari */
    -moz-border-radius: 4px;       /* for Firefox */
	margin-top:25px;
	background-color:#FFF;
}

.slide1 {
	background-image:url(../images/header-01.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	width:820px;
	height:320px;
}

.slide2 {
	background-image:url(../images/header-02.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	width:820px;
	height:320px;
}

.slide3 {
	background-image:url(../images/header-03.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	width:820px;
	height:320px;
}

h1 {
	font-family: 'TitilliumMaps26L1wt';
	font-size:36px;
	color:#231f20;
	font-style:normal;
	letter-spacing:0;
	line-height:1.2em;
	margin: 0 0 10px;
	padding: 20px 0 4px 50px;
}

h2 {
	font-family: 'TitilliumMaps26L1wt';
	font-size:28px;
	color:#231f20;
	font-style:normal;
	letter-spacing:0;
	line-height:1.2em;
	margin: 0 0 10px;
	padding: 20px 0 4px 50px;
}

#header_box ul {
}

#header_box li {
	list-style-type:none;
	display: block;
	font-family: 'TitilliumMaps26L250wt';
	color:#231f20;
	font-style:normal;
	text-decoration:none;
	margin: 18px 0 18px 50px;
	padding: 0 0 0 30px;
	font-size: 16px;
	background-image:url(../images/li-arrow.gif);
	background-repeat:no-repeat;
}

#content #nabrajanje ul {
}

#content #nabrajanje li {
	list-style-type:none;
	display: block;
	font-family: 'TitilliumMaps26L250wt';
	color:#231f20;
	font-style:normal;
	text-decoration:none;
	margin: 18px 0 18px 50px;
	padding: 0 0 0 30px;
	font-size: 16px;
	background-image:url(../images/li-arrow.gif);
	background-repeat:no-repeat;
}

a.link  {
	float:left;
	background-image:url(../images/link-arrow.gif);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#cddb25;
	height:20px;
	padding: 6px 15px 0px 30px;
	margin: 15px 0 0 50px;
	color:#010101;
	text-decoration:none;
	font-size: 14px;
	font-family: 'TitilliumMaps26L500wt';
	font-style:normal;
	-webkit-border-radius: 4px;    /* for Safari */
    -moz-border-radius: 4px;       /* for Firefox */
}

a.link:hover  {
	background-position:left bottom;
	background-color:#231f20;
	color:#fcffd8;
}

#content {
	margin: 25px 0 0 -20px;
}

#content p {
	padding: 30px 50px 10px 50px;
	line-height:2.5em;
}

.infobox {
	width: 260px;
	height: 310px;
	background-color:#f2f6c8;
	background-image:url(../images/bg-infobox.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin:0 0 0 20px;
	padding-bottom:25px;
	-webkit-border-radius: 4px;    /* for Safari */
    -moz-border-radius: 4px;       /* for Firefox */
	-webkit-box-shadow: #c7c6c6 0px 0px 5px;
	-moz-box-shadow: #c7c6c6 0px 0px 5px;
	box-shadow: #c7c6c6 0px 0px 5px;
}

.infobox h2 {
	font-family: 'TitilliumMaps26L1wt';
	font-size:26px;
	color:#3a3d12;
	font-style:normal;
	letter-spacing:0;
	line-height:1.2em;
	margin: 0 0 10px;
	padding: 20px 0 0 90px;
	background-position:20px bottom;
	background-repeat:no-repeat;
}

.infobox1 {background-image:url(../images/bg-infobox1.gif);}
.infobox2 {background-image:url(../images/bg-infobox2.gif);}
.infobox3 {background-image:url(../images/bg-infobox3.gif);}

.infobox ul {
	margin:40px 0 0 0;
}
.infobox li {
	list-style-type:none;
	display: block;
	color:#231f20;
	font-style:normal;
	text-decoration:none;
	margin: 2px 0 2px 56px;
	padding: 0 20px 0 37px;
	line-height:2.4em;
	background-image:url(../images/li-arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
}

.infobox .link {margin-left:63px;}

.ponudabox {
	margin: 20px 0;
}

.img-big {
	width: 732px;
	background-color:#FFF;
	background-position: center center;
	background-repeat:no-repeat;
	-webkit-border-radius: 4px;    /* for Safari */
    -moz-border-radius: 4px;       /* for Firefox */
	border: #FFF solid 10px;
	margin: 30px 0 0 50px;
	-webkit-box-shadow: #c7c6c6 0px 0px 5px;
	-moz-box-shadow: #c7c6c6 0px 0px 5px;
	box-shadow: #c7c6c6 0px 0px 5px;
}

.img-gal {
	margin: 0 -30px 10px 30px;
	padding:0;
	text-align:center;
}

.img-gal span {
	text-align:right;
	font-style:italic;
	font-size:11px;
	margin:20px 0 0 20px;;
	float:left;
}

.img-thumb {
	width: 227px;
	height: 150px;
	background-color:#fff;
	margin: 30px 0 0 20px;
	-webkit-border-radius: 4px;    /* for Safari */
    -moz-border-radius: 4px;       /* for Firefox */
	-webkit-box-shadow: #c7c6c6 0px 0px 5px;
	-moz-box-shadow: #c7c6c6 0px 0px 5px;
	box-shadow: #c7c6c6 0px 0px 5px;
	border: #FFF solid 5px;
	float:left;
}

.img-thumb:hover {
	background-color: #FFF !important;
	-webkit-box-shadow: #000 0px 0px 5px;
	-moz-box-shadow: #000 0px 0px 5px;
	box-shadow: #000 0px 0px 5px;
}

.ponudabox h3 {
	font-family: 'TitilliumMaps26L1wt';
	font-size:24px;
	color:#3f3739;
	font-style:normal;
	letter-spacing:0;
	line-height:1.2em;
	margin: 0 0 10px;
	padding: 20px 0 0 75px;
	background-position:20px bottom;
	background-repeat:no-repeat;
}

.ponuda ul {
	margin:10px 0 0 20px;
	width:260px;
}
.ponuda li {
	list-style-type:none;
	display: block;
	color:#231f20;
	font-style:normal;
	text-decoration:none;
	margin: 2px 0 2px 56px;
	padding: 0 0 0 37px;
	line-height:2.4em;
	background-image:url(../images/li-arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
}

#footer_container {
	background-color:#231f20;
}

#footer {
	margin: 0 auto;
	width: 860px;
	padding: 20px 50px 50px 50px;
	background-image:url(../images/bg-footer.gif);
	-webkit-border-radius: 0px 0px 4px 4px;    /* for Safari */
    -moz-border-radius: 0px 0px 4px 4px;       /* for Firefox */
}

#footer h3 {
	font-family: 'TitilliumMaps26L1wt';
	font-size:24px;
	color:#3f3739;
	font-style:normal;
	letter-spacing:0;
	line-height:1.2em;
	margin: 0 0 10px;
	padding: 20px 0 0 75px;
	background-position:20px bottom;
	background-repeat:no-repeat;
}

#footer p {
	color:#545816;
	width: 160px;
	font-style:normal;
	text-decoration:none;
	margin: 20px 10px 2px 75px;
	padding: 0 0 0 37px;
	line-height:2em;
	background-repeat:no-repeat;
	background-position:0px 8px;
}

.add {background-image:url(../images/footer-add.gif);}
.tel {background-image:url(../images/footer-tel.gif);}
.mail {background-image:url(../images/footer-mail.gif);}

#footer_links {
	margin: 0 auto;
	width: 820px;
	color:#8b8b8b;
	font-size:11px;	
	padding: 15px 0;
	line-height:1.5em;
}

#footer_links a:link, #footer_links a:active, #footer_links a:visited {
	color:#eff3c4;
	text-decoration:none;
}
#footer_links a:hover {
	color:#eff3c4;
	background-color:#000;
	text-decoration:none;
}

/* Kontakt forma */
#content form {margin: 20px 50px 10px 50px; padding:39px; border: 1px solid #dbdecb; background: #fff; width: 670px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#content label {display:block;padding:0 0 5px 0; color: #7f8c42;
			font: normal 14px/16px 'TitilliumMaps26L250wt';}
#content input, #content textarea {display:block;margin-bottom:15px;border: 1px solid #e3e7b9; background-color:#fff; padding: 5px 10px; font-family: 'TitilliumMaps26L250wt'; font-size: 14px;-webkit-border-radius: 4px; -moz-border-radius: 4px; color:#616161;}
#content input:hover, #content textarea:hover {border: 1px solid #e6d5b6; background-color:#f2f6c8;}
#content input:focus, #content textarea:focus {border: 1px solid #e3e7b9;  background-color:#fdffe6;}
#content .submit {color: #8e9814; width: 100px; margin:0;padding:5px; cursor:pointer;}
#content .error {color: #834c24; margin: -5px 0 15px 0; text-decoration:blink;}
#content form .hidden {display:none;}
#content select {
	display:block;
	margin-bottom:15px;
	border: 1px solid #e3e7b9; 
	background-color:#fff; 
	font-family: 'TitilliumMaps26L250wt'; 
	font-size: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px; 
	color:#616161;
	padding:2px 2px 2px 6px;
	outline:none;
} 
#content option {
	font-family: 'TitilliumMaps26L250wt'; font-size: 14px; color:#616161;
	padding:5px 2px 5px 6px;
	outline:none;}
.box {float:left; margin:2px 5px 0 0;}	

#kalkulator table {
	width: 600px;
}

#kalkulator tr {
	vertical-align: top;
}

#kalkulator td {
	padding:5px 7px;
	background-color:transparent;
}

#kalkulator td.caption{
	text-align: right;
	width: 200px;
}

#kalkulator input {
	display: inline;
}
#kalkulator label {
	display: inline;
}
#kalkulator input.broj {
	text-align: right;
}


#kalkulator2 {
	margin: 20px 50px 10px 50px; 
	padding:39px; 
	border: 1px solid #dbdecb; 
	background: #fff; 
	width: 670px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
}


#kalkulator2 table {
	width: 600px;
}

#kalkulator2 tr {
	vertical-align: top;
}

#kalkulator2 td {
	padding:5px 7px;
	background-color:transparent;
	font-family: 'TitilliumMaps26L250wt';
	color:#7f8c42;
	font-style:normal;
	text-decoration:none;
	font-size: 14px;
}

#kalkulator2 td.caption{
	text-align: left;
	width: 250px;
	font-weight: bold;
	border-bottom: 1px Dotted;
}

#kalkulator2 td.broj{
	text-align: right;
	width: 100px;
	font-weight: bold;
	border-bottom: 1px Dotted;
}

#kalkulator2 td.caption2{
	text-align: left;
	width: 250px;
	font-weight: normal;
	border-bottom: 1px Dotted;
}

#kalkulator2 td.broj2{
	text-align: right;
	width: 100px;
	font-weight: normal;
	border-bottom: 1px Dotted;
}

#kalkulator2 td.opis{
	font-weight: normal;
	font-size: smaller;
}