@charset "utf-8";
/* CSS Document */

@import url("menu.css");
@import url("reset.css");



html {background: url(../img/bg.gif) repeat-x #c7afbd; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
body{	 color:#28170f; font-size:14px;  line-height:18px; width:100%}
body#index { /* background: url(../img/ribbon_index.gif) no-repeat right top; */}
body#ponuda { /*background: url(../img/ribbon_ponuda.gif) no-repeat right top; */}
body#galerija { /*background: url(../img/ribbon_galerija.gif) no-repeat right top; */}
body#zanimljivosti { /*background: url(../img/ribbon_zanimljivosti.gif) no-repeat right top; */}
body#kontakt { /*background: url(../img/ribbon_kontakt.gif) no-repeat right top; */}
a {color:#d1840a; text-decoration:underline;}
a:hover {color:#7e5308; text-decoration:underline;}
a:visited {color:#d1840a; text-decoration:underline;}
a:active {color:#d1840a; text-decoration:underline;}

p { line-height:18px;}
#wrap {	margin:0 auto 0 auto; width:100%; display:inline-block; overflow:visible;}

#page { width:998px; margin:0 auto; overflow:visible;} 

#head { width:984px; background:url(../img/head2.png) no-repeat #e3e2ce; padding:36px 7px 0 7px; clear:both; display:inline-block; height:146px;}
.logo { z-index:20; position: absolute; float:left; margin:7px 0 0 2px;}
.kugle { background:url(../img/kugle.jpg) no-repeat 891px -7px; width:984px; display:inline-block; height:135px;overflow:visible;}

#content {width:985px; background:url(../img/content2.png) repeat-y; clear:both; padding:0 8px 10px 8px; display:inline-block;}

#flash { width:985px; display:block; height:306px; border-top:4px solid #fff;}
.flashlevo { background:url(../img/flash_levo2.jpg) no-repeat left top; width:255px; height:273px; display:block; color:#70594a; padding:30px 0 0 19px; float:left;}
	.flashlevo h1 { color:#70594a; font-size:28px; margin-bottom:15px;}
	.flashlevo p { margin:0 0 41px 0;}
	.text { float:left; width:440px; padding:10px 0 0 10px;}
.flashdesno { float:left;}
	
#maincontent { width:100%; background:url(../img/solja_bottom2222.jpg) no-repeat right bottom; float:left; padding-top:15px;}

.galeryIcon { padding:5px 10px;}

.title {color:#70594a; font-size:14px; font-weight:bold; padding:15px 0 10px 15px;}
.icon_sitnikolaci { float:left; clear:left; margin-left:15px;}
.ponuda { float:left; width:480px;}
.ponuda li { width:460px; float:left; clear:left; line-height:18px; background: url(../img/zvezdica.png) no-repeat left 6px; padding:0 0 0 15px;}

.text { float:left; width:965px;} 
.textIndex { float:left; width:450px; margin:10px;}
.commercial { float:right; clear:right; width:190px; padding:0 15px 0 15px; display:block;}
.indexgallery { padding-bottom:30px;}
.uskrs { background: url(../img/uskrs.jpg) bottom right no-repeat;}


#form { width:537px; background:url(../img/form-bg.png) no-repeat; height:577px; padding:20px; float:left; margin:0 0 0 10px;}
form { width:450px; float:right; margin:20px 50px 20px 0;}
label { float: left; clear:left;}
.ime {	margin:8px 0px 0 0;}
.prezime {	margin:16px 0px 0 0;}
.email {margin:16px 0px 0 0;}
input { background:url(../img/input.png) no-repeat; width:300px; height:25px; border:none; padding:6px 0 0 5px; color:#E3E2CE; float:right; }
textarea { font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px; margin:32px 3px 0 0; background: url(../img/textarea.png) no-repeat; border:none; padding:6px 0 0 5px; height:180px; width:310px; overflow:auto;  color:#e3e2ce; float:right;}
input.button {	font-size:14px; text-transform: uppercase;	text-align:center;	color:#e1d9a4; margin:30px 5px 0 0; width:100px; height:40px; background: url(../img/button.png) no-repeat; border:none; cursor:pointer; float:right; clear:right; padding:0;}
label.ime {	margin:14px 0px 0 0;}
label.prezime {	margin:29px 0px 0 0;}
label.email {margin:29px 0px 0 0;}
label.tekst {margin:43px 0px 0 0;}

#gallery { width:730px; float:left; padding-bottom:20px;}
#gallery ul {}
#gallery li { float:left; margin: 10px;}
#gallery li a{ float:left; border-bottom:10px solid #fff; border-left:3px solid #fff; border-right:3px solid #fff; border-top:3px solid #fff;}
#gallery li a:hover {}

#textzanimljivosti { width:690px; float:left; padding:0 0 20px 10px;}
#textzanimljivosti a { color:#d1840a; text-decoration:underline;}
#textzanimljivosti ul { margin-bottom:10px;}
#textzanimljivosti li { padding:5px 0;}
#textzanimljivosti li img { margin-bottom:-5px;}

h2 img { margin-bottom:-5px;}

.box { float:left; width:192px; height:199px; background:url(../img/box_bg.jpg) no-repeat; display:block; padding:5px; font-size:14px; margin:5px 0 0 15px; display:block; }
.box2 { float:left; width:192px; height:450px; background:url(../img/box_bg3.jpg) no-repeat; display:block; padding:25px 35px 5px 5px; font-size:14px; margin:5px 0 0 15px; display:block; }
.box3 { float:left; width:180px; height:257px; background:url(../img/box_bg4.jpg) no-repeat; display:block; padding:5px; font-size:12px; margin:5px 0 0 15px; display:block; }

#bottom { clear:both; float:left; width:100%; height:25px; background:url(../img/bottom2.jpg) no-repeat bottom; display:block; overflow:visible;}
.solja { display:block; float:right; margin-right:-114px; margin-top:-155px; overflow:visible; position:relative; z-index:1;}
.location { float:left; width:200px; background:url(../img/location.jpg) no-repeat; height:300px; padding:20px;}
.stared { float:left; width:300px; color:#4f1d37; padding:90px 0 0 10px; margin-left:60px}
.design_by { width:100%; text-align:center; font-size:12px; padding:10px 0 0 0;}
.design_by a { color:#fff;font-weight:bold; text-decoration: none;}
.hosted { padding-left:20px;}

.orange { color:#d1840a;}
.red { color:#6e0b0b;}


.clearleft { float:left; clear:left;}
.left { float:left;}

.font10 { font-size:10px;}
.font12 { font-size:12px;}
.font14 { font-size:14px;}