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

@import "menu.css";
@import "reset.css";
@import "contact.css";

html {  font-family:"Segoe UI", Arial, Helvetica, sans-serif; width:100%; display:block; }
body { width:100%; font-size:12px; line-height:16px; background:url(../img/bg.jpg) repeat-x #ebd1a7;}

h1 { font-size: 18px;}
h2 { font-size:16px;}
h3 { font-size:14px;}
h4 { font-size:12px;}

#side h4 { color:#686868; text-align:center;}

#content h1 { padding:20px 0 10px 0;}


#wrap { width:960px; margin:0 auto; padding:0; display:block; height:100%; background:url(../img/wrap_bg.jpg) no-repeat; display:block;}

#head { width:940px; height:235px; clear: both; float:left; padding:0 10px;}
	.logo { background:url(../img/logo_bg.jpg) no-repeat; float:left; width:162px; height:81px; padding:0 0 0 20px; margin-left:15px;}

#content { background-color:#FFF; display:inline-block;  width:940px; clear: both; float:left; padding:0 10px;}
	#main { float:left; width:709px; display:block; padding:20px 10px 0 0; border-right:1px solid #c3c3c3;}
		.slika_naslovna { padding:10px;}
	#side { float:left; width:200px; display:block; padding:20px 10px;}
	
	.suite ul { clear:both; display:block;}
	.suite li { width:350px; float:left; display:inline-block; margin:10px 0;}
	.suite li .img { float:left; padding:0 5px; margin:5px 0; border-right: 1px dashed #333; }
	.suite li .text_li { float:left; width:220px; padding:0 5px;}
	
	.galerija li { display:inline-block; float: left; margin:10px 10px;}

#footer { bottom:0; height:106px;  padding:0 25px; }
	#footer p { color:#FFF; float:left; display:block; margin:15px 0 0 30px;}
	.valid { float:right; color:#FFF; padding:70px 15px 0 0;}
	

.under_construction { margin:0 170px; width:600px;}