* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, helvetica, sans-serif;
}

body {
	font-size: 11px;
	color: #333333;
	background: #ed1b24 url(images/gradient.gif) repeat-x center top;
	text-align: center;
}

a, a:visited, a:active {text-decoration: none; color: #000000; outline: none;}
img.clear {border: 0; float: none; margin: 0;}

h1 {
	font-size: 20px;
	color: #d51220;
	font-weight: normal;
}
h1 a {color: #d51220;}
h1.naslov {margin: 20px;}

h2 {
	font-size: 18px;
	color: #cf1e2e;
	font-weight: normal;
}

/* =FORME ================================================================*/
input, select, textarea {
	color: #685e5d;
	border: 1px solid #ccc9c2;
	background-color: #f8f5ee;
	padding: 1px;
}
input.image {border: none; padding: 0;}
.required {border: 1px dotted #c21e25;}
.normal {border: 1px solid #ccc9c2;}


.wrapper {
	width: 940px;
	margin: 0 auto;
	background: url(images/karlovacko-pivo.jpg) no-repeat left top;
	text-align: left;
}

#desno-pivo {
	position: absolute;
	width: 35px; height: 495px;
	background: url(images/desna-boca.jpg) no-repeat right top;
	margin-left: 905px;
}

#site {
	width: 820px;
	text-align: left;
	margin: 0 0 0 85px;
}

/* =HEADER ================================================================*/
#header {
	height: 152px;
	background: url(images/header-desni-bg.jpg) no-repeat right bottom;
}
#header img {margin: 39px 0 0 17px;}
#header #navigator {
	background: url(images/navigator-bg.gif) repeat-x left top;
	width: 620px; height: 41px;
}
#header #navigator a {
	height: 41px; line-height: 41px;
	background: url(images/navigator-delimiter.gif) no-repeat right bottom;
	display: block;
	float: left;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	color: #ffffff;
}
#header #navigator a.n-home {width: 74px;}
#header #navigator a.n-proizvodi {width: 104px;}
#header #navigator a.n-pivovara {width: 100px;}
#header #navigator a.n-promocije {width: 111px;}
#header #navigator a.n-download {width: 112px;}
#header #navigator a.n-newsletter {
	width: 119px;
	background: url(images/n-newsletter-bg.jpg) no-repeat right bottom;
}

#header #navigator a.n-home:hover,
#header #navigator a.n-home-selected {color: #000000; background: url(images/btn-home.gif) no-repeat left top;}
#header #navigator a.n-proizvodi:hover,
#header #navigator a.n-proizvodi-selected {color: #000000; background: url(images/btn-proizvodi.gif) no-repeat left top;}
#header #navigator a.n-pivovara:hover,
#header #navigator a.n-pivovara-selected {color: #000000; background: url(images/btn-pivovara.gif) no-repeat left top;}
#header #navigator a.n-promocije:hover,
#header #navigator a.n-promocije-selected {color: #000000; background: url(images/btn-promocije.gif) no-repeat left top;}
#header #navigator a.n-download:hover,
#header #navigator a.n-download-selected {color: #000000; background: url(images/btn-download.gif) no-repeat left top;}
#header #navigator a.n-newsletter:hover,
#header #navigator a.n-newsletter-selected {color: #000000; background: url(images/btn-newsletter.gif) no-repeat left top;}

#header form {
	width: 170px; height: 75px;
	position: absolute;
	margin: 70px 0 0 635px;
}
#header form h3 {
	color: #ae8d46;
	font-weight: normal;
	font-size: 14px;
}
#header form input {
	background: #f7f0dd url(images/trazi-icon.gif) no-repeat right top;
	width: 150px;
	border: 0;
	padding: 2px 18px 2px 2px;
	margin: 6px 0 0 0;
	color: #4c493a;
}

/* =CONTENT =============================================================== */
.content {
	width: 820px;
	background: #f8f5ee url(images/content-bg.gif) repeat-y left top;
}

.content .main #breadcrumb {
	margin: 15px 20px 15px 20px;
	height: 35px; line-height: 35px;
	border-bottom: 1px solid #e0e0de;
}
.content .main #breadcrumb a {
	font-size: 12px;
	color: #606060;
	text-transform: uppercase;
}
.content .main #breadcrumb a.selected {color: #cf4552;}

.s-vijest {background: url(images/vijesti-bg.gif) repeat-y left top;}
.s-naslovnica {background: #f8f5ee url(images/s-naslovnica-bg.gif) repeat-y left top;}

.content #content-footer {
	width: 820px; height: 12px;
	clear: both;
	background: url(images/content-footer.jpg) no-repeat left bottom;
}
.s-naslovnica #content-footer {background: url(images/content-footer-naslovnica.jpg) no-repeat left bottom;}
.s-vijest #content-footer {background: url(images/content-footer-vijesti.jpg) no-repeat left bottom;}

/* =SIDEBAR ===================*/

.content #sidebar {
	float: right; clear: right;
	width: 200px;
} 

.content #sidebar #najnovije-vijesti,
.content #sidebar #skini-wallpaper {
	width: 200px; height: 240px;
	background: #f1ead0;
	float: right; clear: right;
}
.content #sidebar #najnovije-vijesti h2,
.content #sidebar #promocije h2 {
	margin: 15px 0 10px 20px;
	color: #313332;
}
.content #sidebar #najnovije-vijesti a,
.content #sidebar #promocije a,
.content .main #ostale-vijesti a {
	width: 140px; line-height: 16px;
	display: block;
	padding: 2px 0 3px 15px;
	margin: 0 0 0 20px;
	border-bottom: 1px solid #dcd4bd;
	background: url(images/strelica-siva.gif) no-repeat 0 7px;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
}
.content #sidebar #najnovije-vijesti a.prvi,
.content .main #ostale-vijesti a.prvi {border-top: 1px solid #dcd4bd;}
.content #sidebar #najnovije-vijesti a small,
.content #sidebar #promocije a small {display: block; font-weight: normal;}
.content #sidebar #najnovije-vijesti img,
.content #sidebar #promocije img {margin: 10px 0 0 20px;}

.content #sidebar #promocije {
	width: 200px; height: 272px;
	background: url(images/promocije-bg.jpg) no-repeat left top;
	float: right;
	clear: right;
}
.content #sidebar #promocije a {
	color: #666666;
	border-bottom: 1px solid #d3b67a;
}
.content #sidebar #promocije a.prvi {border-top: 1px solid #d3b67a;}
.content #sidebar #promocije a.ostale {margin: 0; border: none; float: none; background: none;}
.content #sidebar #promocije a.ostale img {margin: 10px 0 0 10px; border: none;}

/* =NASLOVNICA ==============================================================*/
.content #naslovnica {
	width: 620px; height: 240px;
	background: #f6f5f1 url(images/naslovnica-bg.jpg) no-repeat right top;
	float: left; clear: left;
}
.content #naslovnica img {
	margin: 20px 0 0 20px;
	border: 6px solid #ffffff;
	float: left;
}
.content #naslovnica h1 {
	width: 240px;
	float: right; clear: right;
	margin: 20px 20px 10px 0;
}
.content #naslovnica h1 a {
	color: #D81821;
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 22px;
}
.content #naslovnica p {
	width: 240px;
	float: right; clear: right;
	margin: 0 20px 0 0;
	color: #65625d;
	line-height: 18px;
}
.content #naslovnica p img {border: 0; float: none; margin: 0;}

/* =NASLOVNICA DOLJE */
.content #naslovnica-dolje {
	float: left; clear: left;
	width: 620px; height: 280px;
	background: url(images/naslovnica-dolje-bg.jpg) repeat-x left top;
}
.content #naslovnica-dolje div {
	float: left;
	width: 200px; height: 280px;
	margin: 0 0 0 5px;
}
.content #naslovnica-dolje div img {
	border: 6px solid #ffffff;
	margin: 25px 0 0 10px;
}
.content #naslovnica-dolje div h2 a {color: #cf1e2e;}
.content #naslovnica-dolje div h2,
.content #naslovnica-dolje div p {margin: 10px 0 0 10px;}
.content #naslovnica-dolje div p {line-height: 18px;}
.content #naslovnica-dolje div p img {border: 0; float: none; margin: 0;}


/* =MAIN =================================================================*/
.content .main {
	width: 620px;
	float: left; clear: left;
	background: url(images/content-main-bg.jpg) no-repeat right top;
}


/* =VIJESTI ==============================================================*/
.content .vijesti {background: url(images/vijesti-bg.gif) repeat-y left top;}
.content .vijesti #sadrzaj {
	float: left; clear: left;
	margin: 30px 20px 0 20px;
	width: 380px;
}

.content .vijesti #sadrzaj img {
	border: 5px solid #ffffff;
	margin: 10px 0 10px 0;
}

.content .vijesti #sadrzaj p {
	margin: 10px 0 20px 0;
	line-height: 16px;
}

.content .vijesti h1 {
	font-weight: bold;
	font-family: Arial, helvetica;
	font-size: 22px;
}

.content .main #ostale-vijesti {
	float: right; clear: right;
	width: 200px;
	background: url(images/ostale-vijesti-bg.jpg) no-repeat right top;
}
.content .main #ostale-vijesti h2 {
	margin: 30px 15px 10px 15px;
	color: #3c3934;
}
.content .main #ostale-vijesti img {margin: 10px 20px 10px 20px;}
.content .main #ostale-vijesti a.ostale,
.content #sidebar #najnovije-vijesti a.ostale {
	background: transparent;
	border: none;
	margin: 10px;
	width: 100px;
}
.content .main #ostale-vijesti a.ostale img,
.content #sidebar #najnovije-vijesti a.ostale img {
	border: none;
	margin: 0;
}

.content .vijesti-arhiva #lijevo {
	float: left;
	width: 180px;
	margin: 0 0 0 20px;
	background: url(images/vijesti-bg.jpg) no-repeat top left;
}
.content .vijesti-arhiva #desno {
	float: right;
	width: 383px;
	margin: 0 20px 0 0;
}
.content .vijesti-arhiva #desno a {
	display: block;
	line-height: 17px;
	font-weight: bold;
	background: url(images/strelica-crvena.gif) no-repeat 0 5px;
	padding: 0 0 0 15px;
	margin: 8px 0 0 0;
}

.content .main .grb {
	margin: 0 0 0 20px;
	float: left;
}
.content .main .sadrzaj {
	margin: 0 20px 0 0;
	float: right;
	width: 380px;
}
.content .main .sadrzaj p {margin: 10px 0 20px 0;}
.content .main .sadrzaj p a {color: #dd0000;}


/* =SIDEBAR */
.content #sidebar #skini-wallpaper {background: url(images/skini-wallpaper.jpg) no-repeat left top;}
.content #sidebar #skini-wallpaper h2 {
	margin: 20px 20px 0 20px;
	color: #2f2e2c;
}
.content #sidebar #skini-wallpaper img {
	border: none;
	margin: 170px 0 0 20px;
}



/* =DOWNLOAD =============================================================*/

.content .main .area {
	width: 280px; height: 145px;
	float: left;
	margin: 0 0 20px 20px;
	background: url(images/download-box.gif) no-repeat top left;
}
.content .main .area img {
	border: 5px solid #FFFFFF;
	margin-top: 30px;
	margin-left: 20px;
	float: left;
}
.content .main .area h3 {
	float: left;
	margin-top: 35px;
	margin-left: 15px;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	color: #333333;
}
.content .main .area p {
	float: left;
	color: #8c8879;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, sens-serif;
	margin-left: 15px;
	margin-top: 5px;
}
.content .main .area a {
	float: left;
	margin-left: 15px;
	margin-top: 5px;
	color: #333333;
	font-family: Verdana, sans-serif;
	font-size: 8px;
	font-weight: normal;
	width: 50px;
}



/* =PIVOVARA =============================================================*/
.content .pivovara .area img {
	border: 2px solid #ffffff;
	margin: 30px 0 0 10px;
}
.content .pivovara .area h4 {
	float: right; clear: right;
	margin: 40px 20px 0 0;
	width: 130px;
	font-size: 10px;
}
.content .pivovara .area a {
	display: block;
	float: left; clear: left;
	font-size: 10px;
	color: #7d7d7c;
}



/* =PROIZVODI =============================================================*/
.content .proizvodi .proizvod {
	margin: 10px 20px 10px 20px;
	clear: both;
}
.content .proizvodi .proizvod img {
	float: left;
	margin: 0 0 10px 0;
}
.content .proizvodi .proizvod div {
	float: right;
	width: 379px;
	min-height: 159px;
	background: url(images/proizvodi-bg.jpg) no-repeat left top;
}
.content .proizvodi .proizvod div.asortiman {background: transparent;}

.content .proizvodi .proizvod div h1 {
	float: left; clear: left;
	margin: 10px !important;
	margin: 10px 10px 10px 5px;
}
.content .proizvodi .proizvod div p {
	width: 355px;
	display: block;
	float: left; clear: left;
	margin: 0 10px 30px 10px !important;
	margin: 0 5px 30px 5px;
}
.content .proizvodi div.separator {
	width: 579px; height: 30px;
	display: block;
	clear: both;
	background: url(images/content-separator.jpg) no-repeat left top;
	margin: 0 auto;
}



/* =NEWSLETTER ============================================================*/
.content .newsletter img {
	float: left;
	margin: 0 0 0 20px;
}
.content .newsletter form {
	float: right;
	width: 380px;
	margin: 0 20px 0 0;
}
.content .newsletter form p {
	margin: 10px 0 10px 0;
}

.content .newsletter form div {
	width: 183px; height: 60px;
	display: block;
	float: left;
}
.content .newsletter form div input {display: block;}
.content .newsletter form input.submit {border: none;}
.content .newsletter form div select {display: block;}
.content .newsletter form select.datum {display: inline;}


/* =PROMOCIJE ================================================================*/
.content .promocije #promocije-gore {margin: 0 20px 0 20px;}
.content .promocije #promocije-gore h1,
.content .promocije #promocije-gore p {
	float: right; clear: right;
	width: 380px;
	margin: 0 0 10px 0;
}

.content .promocije h1.front {
	margin: 10px 0 10px 20px;
	font-size: 18px;
}

.content .promocije table {
	width: 580px;
	margin: 0 20px 0 20px;
}

.content .promocije table td {
	border-bottom: 1px solid #dfdfdb;
	height: 34px;
	color: #333333;
}
.content .promocije table th {
	border-top: 1px solid #dfdfdb;
	border-bottom: 1px solid #dfdfdb;
	height: 34px;
	color: #d81821;
}

.content .promocije table tfoot td {border-bottom: none;}

.content .promocije #kafic-desno {
	width: 180px;
	background: url(images/kafic-desno-bg.jpg) repeat-x left top;
	float: right;
	margin: -15px 20px 0 0;
}
.content .promocije #kafic-desno address {
	font-style: normal;
	display: block;
	margin: 10px;
	padding: 0 0 0 15px;
	border-bottom: 1px solid #dcd8cf;
	color: #beb9ae;
	background: url(images/strelica-siva.gif) no-repeat 0px 3px;
}
.content .promocije #kafic-desno address strong {display: block;}
.content .promocije #kafic-desno address a {
	display: block;
	color: #d05357;
	margin: 5px 0 5px 0;
}

.content .promocije #kafic-lijevo {
	width: 380px;
	float: left;
	margin: 0 0 0 20px;
}
.content .promocije #kafic-lijevo img {
	border: 5px solid #ffffff;
	margin: 5px 0 5px 0;
}
.content .promocije #kafic-lijevo p {margin: 5px 0 0 0;}




/* =SITEMAP, MAPA STRANICA ================================================*/
.content .sitemap .sadrzaj a {
	color: #dd0000;
	background: url(images/strelica-siva.gif) no-repeat 0 3px;
	padding: 0 0 0 13px;
	display: block;
	margin: 5px 0 0 0;
}
.content .sitemap .sadrzaj a.level1 {margin-left: 20px;}
.content .sitemap .sadrzaj a.level2 {margin-left: 40px;}
.content .sitemap .sadrzaj a.level3 {margin-left: 60px;}
.content .sitemap .sadrzaj a.level4 {margin-left: 80px;}
.content .sitemap .sadrzaj a.level5 {margin-left: 100px;}




/* =TRAZILICA ============================================================*/
.content .trazilica img {
	float: left;
	margin: 0 30px 0 20px;
}
.content .trazilica div {
	float: left;
	margin: 10px 0 0 0;
}
.content .trazilica div a {
	float: left; clear: left;
	margin: 0; padding: 0 0 0 15px;
	background: url(images/strelica-siva.gif) no-repeat 0 3px;
	color: #d51220;
}

.content .trazilica div a.stranice {
	margin: 25px 0 0 0;
	float: left; clear: none;
	background: none;
	text-decoration: underline;
}





/* =FOOTER ================================================================*/
#footer {
	width: 820px;
	clear: both;
	background: url(images/content-footer-bg.gif) no-repeat left top;
}
#footer #ispod-crte {
	display: block;
	font-size: 10px;
	color: #f68685;
	border-top: 1px solid #f68685;
	padding: 5px 0 0 0;
	margin: 10px 0 45px 0;
}
#footer #ispod-crte p {float: left;}
#footer #ispod-crte div {float: right;}
#footer #ispod-crte div a {color: #f68685;}



/* =ALERT */
#alert {
	width: 298px; height: 200px;
	background: url(images/modal.gif) no-repeat;
	position: absolute;
	z-index: 9999;
	text-align: left;
	top: 30% !important; top: 25%; left: 50%;
	margin-left: -150px;
	display: none;
	/*-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border: 2px solid #f8f5ee !important;*/
}
#alert h6 {
	color: #f8f5ee;
	disply: block;
	font-size: 18px;
	font-family: "Arial Narrow", Arial, Verdana, helvetica;
	font-weight: bold;
	margin: 20px 15px 10px 85px;
}
#alert p {
	margin: 15px 15px 0 85px;
	color: #ffffff;
}

#alert #buttons {
	position: absolute;
	bottom: 45px;
	left: 85px;
}

#alert input {
	border: 1px solid #f8f5ee !important;
	width: 40px;
	float: left;
	margin: 0 10px 0 0;
	background: transparent;
	color: #ffffff;
}
#alert input#alert_ok {}
#alert input#alert_cancel {width: 70px;}



/* =FIX ==================================================================*/
.clear {
	clear: both;
	font-size: 2px;
}