/* <------------ Browser Reset ---------- */
@import url("reset.css");
@import url("form.css");
@charset "utf-8";
/* CSS Document */

body, html { background: #17140F; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#b5b5b5; line-height:1; }
body { font-size: 62.5%; }
p { margin: 0 0 1.5em 0; text-align:left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.4em; color:#b5b5b5; line-height:1.5em;}
strong {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  font-weight:bold; font-size:1em; color:#d3ac67;}
small { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:0.6em; }
em { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-style:italic; font-size:1em; color:#d3ac67;}

/* <------------ Layout ---------- */
#wrap { margin: 0 auto; width:910px; position: relative; padding:0 20px; background:url(../img/bg_header.jpg) no-repeat #000;}
#main { float:left; width:566px; padding:40px 20px;}
#sidebar { float:right; width:304px;}
#sidebar img { margin-bottom:20px;}
#sidebar-slika { background: url(../img/bg_sidebar-slika.png); padding-top:39px; padding-left:27px;}


#header { position: relative; width:910px; height:492px;  }
#top { position: relative; width:910px; height:120px;}

a.button { display:block; text-indent:-9999px; }
a#rupice-logo { width:133px; height:120px; float:left; position:relative; background:url(../img/logo-vinarija-rupice-m.jpg);}

#header h1 { position: absolute; background: url(../img/naslov-vinarija-rupice.jpg) 0 0 no-repeat; width: 473px;	height: 120px; left: 133px;	text-indent: -9999px; }

#velika-slika {position: relative; width:910px; height:372px;}

#navigacija { position:relative; float:left; width:910px; height:60px; border-bottom:1px solid #FFF;}
/* <------------ Meni ---------- */
#navigacija ul {
	list-style:none;
	z-index:10;
	position:absolute;
	z-index:100;
	padding:4px 0px;
	margin-top:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	text-transform:uppercase;
	height:18px;
	letter-spacing: 2px;
	width:902px;
}
#navigacija li {float:left}
#navigacija a, #navigacija a:active, #navigacija a:visited {text-decoration:none; color:#d4d4d4; padding:5px 25px;
}
#navigacija li a:hover{
background-color: #333333;
color: #ffffff;
}

#navigacija li.selected a{
background-color: #333333;
color: #ffffff;
}

/* <------------ Flags ---------- */
#flags { position:absolute; float:right; top:20px; right:0px; width:70px; height:19px; display:block;}
#flags img { position:relative; float:left; width:28px; height:19px; padding-left:7px;}

#footer {clear:both; text-align:left; background:#000; height:5.1em; color:#444; font-size:1.2em; padding:10px 0; line-height:1.2em; border-top:1px solid #1e1e1e;}

#footer strong {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;  font-weight:bold; font-size:1.1em; color:#444;}
#footer a, #footer a:active, #footer a:visited {text-decoration:none; color:#444;}
#footer a:hover {text-decoration: underline; color: #FFF;}

#galerija img { float:left; margin-right:10px; }
#galerija img.zadnja{ margin-right:0; }
#galerija { clear:both; width:910px; height:110px; padding-bottom: 15px;  text-align:left;}

#galerija2 img { float:left; margin-right:30px; margin-bottom:20px;}
#galerija2 img.zadnja{ margin-right:0; }
#galerija2 { clear:both; width:560px; height:270px; padding-bottom: 15px;  text-align:left;}


/* <------------ Main ---------- */
#main  h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:3.6em; /*line-height: 3.6em; */color:#d4d4d4;   margin:0 0 10px 0; background:url(../img/bg_linija.png) bottom repeat-x; width:460px;}
#main  h2 span{ background:url(../img/icon-list-mali.jpg) right bottom no-repeat; width:31px; height:35px; padding-left:12px;}
#main  h3 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.8em; /*line-height: 20px;*/ color:#d3ac67;   margin:0 0 25px 0;}
#main  h4 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.5em; /*line-height: 20px;*/ color:#d3ac67;   margin:0 0 25px 0;}
#main ul, #main ol {list-style-type:decimal; margin:10px 20px 1.5em 20px;}
#main ul {list-style-type:square;}
#main li {line-height:18px;}

#razmak {background:url(../img/icon-list-mali-z.jpg) left bottom no-repeat; width:31px; height:35px; padding-right:22px;}