body, html {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial; font-size:0.82em;
	background:url(../images/bg1.jpg) repeat-y center;
}
#container {
	margin: 0 auto;
	text-align: left;
	background-image:url(../images/bg-ornamenti.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;
	width: 780px;
	height:800px;
	padding-left:160px;
	padding-right:160px
}
#center {
	background: #a7a9aa url(../images/siva.jpg) bottom left no-repeat;
	width: 780px;
	height:620px;
	position:relative
}
a {color:#000; text-decoration:underline}
a:hover {color:#000; text-decoration:none}
/* start header */
#header {
	width: 780px;
	height: 180px;
	float:left;
}
#left {
	width: 390px;
	height:160px;
	padding-bottom: 20px;
	float: left;
	background: #fff url(../images/logo.gif) 0% 90% no-repeat;
}
#right {
	width:380px;
	height:170px;
	padding:10px 0px 0px 10px;
	float: left;
	color: #fff;
	background-color:#000;
}
/* end header */

/* start body */
#sadrzaj {
	width:780px;
	height: 170px;
	float:left;
}
#box1 {
	float: left;
	width: 220px;
	height: 150px;
	margin:10px 0px 0px 10px;
	border:1px solid #dadada;
	background: url(../images/kvadro.jpg) left bottom no-repeat #f3f3f3;
	position:relative
}
#box2 {
	float: right;
	width: 220px;
	height: 150px;
	background: #f3f3f3;
	margin:10px 10px 0px 0px;
	border:1px solid #dadada;
}
#box3 {
	margin: 10px auto; 
	background: #f3f3f3;
	width: 220px;
	height: 150px;
	border:1px solid #dadada;
	text-align: center;
	background-image: url(../images/opcije.jpg);
	background-repeat: no-repeat;
	background-position: 51% 90%;
}
#box1 h2, #box2 h2, #box3 h2 {
	width:190px;
	height:35px;
	display:block;
	border:1px solid #DADADA;
	background-color:#FFFFFF;
	color:#00111A;
	font:20px/30px Georgia, "Times New Roman", Times, serif;
	margin:6px 10px 16px 10px;
	padding:0 0 0 10px;
	text-align: left;
}
#box1 h2 span, #box2 h2 span, #box3 h2 span {
	background-color:#fff; 
	color:#ae1f24;
}
#box2 p, #box3 p {
	padding:0px 11px 0px 31px;
}
#box1 p {
	padding:0px 2px 0px 70px;
	position: absolute;
	left: -18px;
	top: 57px;
	z-index: 102;
	width: 179px;
	height: 39px;
}
#box1 p.more, #box2 p.more, #box3 p.more{
	background:#fff; 
	color:#003D5C; 
	width:175px; 
	height:11px; 
	margin:10px 29px 10px;
	padding:0px; 
	display:block;
}
#box1 p.more span, #box2 p.more span, #box3 p.more span{
	display:block; 
	width:44px; 
	height:11px; 
	background:#f3f3f3; 
	color:#003D5C; 
	text-decoration:none; 
	margin:0 0 0 97px; 
	font-size:11px; 
	text-align:center; 
	text-transform:uppercase;
}
/* end body */
/* start imagemenu */
#images{
	width:500px;
	height:270px;
	float:right;
	margin-right:10px;
}
#katalog {
	float:left;
	height: 60px;
}
#katalog p.more{
	background:#F3F3F3;
	color:#003D5C;
	width:500px;
	height:20px;
	padding:0px;
	margin:20px 0px 20px 0px;
	display:block;
}
#katalog p.more span{
	display:block;
	width:80px;
	height:20px;
	background:#a7a9aa;
	color:#ae1f24;
	margin:0 0 0 350px;
	font-size:11px;
	text-align:center;
	font:20px/30px Georgia, "Times New Roman", Times, serif;
	vertical-align: top;
}
div, p, ul, h2, h3, img{
	padding:0px; 
	margin:0px;
}
/* end imagemanu */
/* start footer */
#footer {
	height:50px;
	width: 780px;
	margin: 0 auto;
}
#copyright {
	width: 385px;
	height:45px;
	text-align:right;
	margin-right: 5px;
	margin-top: 5px;
	float:left;
	background-color:#fff;
}
#copyright a {
	color:#999999;
	font-variant:normal;
	text-decoration:underline;
}
#copyright a:hover {
	text-decoration:none;
	font-variant:normal;
}
/* end footer */
#novo-bg, #novo{
	position: absolute;
	top: 345px;
	right: 700px;
	z-index: 101;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	background-image: url(../images/novo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#separei{
	position: absolute;
	top: 145px;
	right: 12px;
	z-index: 101;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	background-color: #ae1a25;
	width: 146px;
	height: 35px;
}
#separei span a{
	display:block;
	background-color: #ae1a25;
	width: 146px;
	height: 35px;
	text-align:center;
	font:24px/32px bold Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	letter-spacing:1px;
	color:#FFFFFF
}
#separei span a:hover{
	display:block;
	background-color: #a7a9aa;
}
#novo-bg{
	width: 146px;
	height: 146px;
	z-index: 100;
}
/* forma */
div#forma{
	float: left;
}
div#forma-hvala{
	float: right;
	background:url(../images/comment.jpg) top left no-repeat;
	height:250px;
	width: 250px;
	padding: 20px;
	}

.clear { clear: both; }
fieldset {
	border: none;
	margin:0;
	padding:0;
}

#formLeft {
	width: 200px;
	float: left;
}
#formLeft input {
	border:1px dashed #FFFFFF;
	width:152px;
	height:18px;
	padding:0;
	position: relative;
	margin: 0;
	background-color: #cecece;
	}
/*#formLeft .input-bg {
	float:left;
	padding:0;
	position: relative;
	margin: 0;
}
#formLeft .active {
	background: url(../images/input.gif) 0 0 no-repeat transparent;
}
*/
#formLeft input:focus {
	border:1px solid #ae1f24;
	background-color: #babcbb;
}
#formRight {
	float: right;
	width: 250px;
}
#formRight textarea {
	border:1px dashed #FFFFFF;
	width:250px;
	height:100px;
	margin:0;
	background-color: #cecece;
	float:left
}
/*#formRight .message-bg {
	border:none;
	height:142px;
	margin-top:10px;
	position:relative;
}*/
#formRight textarea:focus {
	border:1px solid #ae1f24;
	background-color: #babcbb;
}
label {
	display: block;
	font-weight: bold;
	padding: 5px 0;
}
#formLeft .input-bg div.error   {
	position: absolute;
	top: 0px;
	left: 0px;
	width:200px;
	color: #000;
	text-align: left;
	font-weight: normal;
	border:none
}
#formRight .message-bg div.error {
	position: absolute;
	top: 150px;
	left: 0px;
	width:200px;
	color: #000;
	text-align: left;
	font-weight: normal;
	border:none
}

input.submit-button {
	float: right;
	width:60px;
	height:21px;
	background-color: #cecece;
	cursor:pointer;
	font:bolder 10px/18px Georgia, "Times New Roman", Times, serif;
	border:1px dashed #FFFFFF;
	color:#000;
	text-transform:uppercase;
	text-align:center;
	margin:20px 0;
}

