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

body { font-size: 15px; background: #650202 url(../images/back.jpg) repeat-x top; text-align: center; }

#container { background: url(../images/swirls-back.png) no-repeat top; width: 100%; text-align: center; }

#header { height: 105px; }

#footer { height: 85px; background: url(../images/swirls-footer.png) no-repeat top; }

#wrap { width: 800px; margin: 0 auto; position: relative; text-align: left; }
#wrap h1 { background: transparent url(../images/logo.png) no-repeat; position: absolute; left: 10px; top: 0px; width: 340px; height: 115px; text-indent: -9999px; }

#menu { position: absolute; right: 10px; top: 80px; width: 400px; height: 35px; }
#menu li { float: left; display: inline; }
#menu li a { display: block; width: 100px; height: 35px; text-indent: -9999px; background: transparent url(../images/menu.png) no-repeat; }
#menu li a.onama { background-position: 0 0; }
#menu li a.galerija { background-position: -100px 0; }
#menu li a.ponuda { background-position: -200px 0; }
#menu li a.kontakt { background-position: -300px 0; }
#menu li a.onama:hover { background-position: 0 -35px; }
#menu li a.galerija:hover { background-position: -100px -35px; }
#menu li a.ponuda:hover { background-position: -200px -35px; }
#menu li a.kontakt:hover { background-position: -300px -35px; }

#content { width: 800px;  padding-bottom: 30px; background: url(../images/content-bottom.png) no-repeat bottom; }

#pre-content { width: 800px; height: 30px; background: url(../images/content-top.png) no-repeat bottom; }

#main-content { 
  position: relative; 
  padding: 40px 70px; 
  font: 1em/1.5em Georgia, "Times New Roman", Times, serif; 
  background: url(../images/content-middle.png) repeat-y;
  height: 100%;
}

#deco-top { position: absolute; top: -30px; left: 0px; width: 800px; height: 65px; background: url(../images/content-top-swirls.png); }
#deco-bottom { position: absolute; bottom: -30px; left: 0px; width: 800px; height: 65px; background: url(../images/content-bottom-swirls.png) 0 -100px; }

#deco-top-left, #deco-top-right, #deco-bottom-left, #deco-bottom-right { position: absolute; width: 70px; height: 100px; }
#deco-top-left { top: 35px; left: 0; background: url(../images/content-top-swirls.png) 0 -65px; }
#deco-top-right { top: 35px; right: 0; background: url(../images/content-top-swirls.png) -730px -65px; }
#deco-bottom-left { bottom: 35px; left: 0; background: url(../images/content-bottom-swirls.png) 0 -165px; }
#deco-bottom-right { bottom: 35px; right: 0; background: url(../images/content-bottom-swirls.png) -730px -165px; }

h2 { font-size: 1.8em; font-style: italic; text-align: center; font-weight: normal; margin-bottom: 0.8em; color: #3f0000; background: url(../images/divider.gif) no-repeat bottom;  padding-bottom: 18px;  }

.text .short { width: 60%; }
.text p { margin-bottom: 0.8em; }

.picture { background: url(../images/picture.png); padding: 25px; margin-top: -1em; }

p a, .text a { color: #183996; }
p a:hover, .text a:hover { color: maroon; }

.breadcrumb em { font-size: 1.1em; }


ul#list li { background: url(../images/bullet_orange.png) no-repeat 0 5px;  padding-left: 18px;  }


#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img { border: 2px solid #d3d3d3; padding: 4px; background-color: #fff; }
#gallery ul a { color: #fff; margin: 2px; }
#gallery ul a:hover img { border: 2px solid maroon; }


#formmail { margin: 1em 0; }
#formmail fieldset {	margin:0;	border:none; }		
#formmail legend { background: #fff; padding: 0 5px; font-style: italic; }	
#formmail p { clear:both; margin:.5em 0; overflow:hidden; }	
#formmail label { float:left; width:60px; display:block; text-align:right; margin-right:10px; }	
#formmail input, #formmail textarea {	margin:0;	width:280px; border:1px solid #ddd;	padding:3px 5px 3px 25px; }		

#formmail input#name {background:#fff url(../images/form_name.gif) no-repeat 5px 50%;}
#formmail input#email {background:#fff url(../images/form_email.gif) no-repeat 5px 50%;}
#formmail input#web {background:#fff url(../images/form_url.gif) no-repeat 5px 50%;}
#formmail textarea#message {background:#fff url(../images/form_note.gif) no-repeat 5px 6px;}

#formmail textarea { height:125px; overflow:auto; }					
#formmail p.submit { clear:both; padding: 0 70px; }	
#formmail button { height:28px; line-height:28px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #aaa; border-bottom:1px solid #aaa; background:url(../images/form_button.gif) no-repeat; padding:0 10px 0 25px; color:#333; cursor:pointer; text-align:left; font-size:11px; font-weight:bold; }

.contact { float: right; width: 200px; text-align: left; margin: 1em; padding-top: 10px; }
.phone { background: url(../images/phone.png) no-repeat 0px 4px; padding-left: 18px; margin: 0.25em; }

.message { background-color: #fffafa; border: 1px solid #ffbfbf  ; color: #111; display: none; width: 60%; padding: 10px; }
.message strong { color: maroon; font-size: 1.1em; font-weight: normal; }
#alert ul li { background: url(../images/bullet_orange.png) no-repeat 0 3px;  padding-left: 18px; }