/*================================================================
	CSS dokument - izdelava spletnih strani www.predstavi.se
	---
	- Glavni CSS dokument za www.jugoreklama.com
	---
================================================================*/


/* OSNOVNA OBLIKA STRANI
----------------------------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	background-image: url(../slike/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; color: #C63E44; margin: 0px; padding: 25px 0px 20px 0px; }

/* GLAVA
----------------------------------------------------------------*/

.glava { display: block; width: 940px; height: 150px; margin: 0 auto; background-image: url(../slike/glava_bg.jpg); background-repeat: no-repeat; }
.logo { padding-left: 45px; padding-top: 37px; float: left; }


/* GLAVNI MENI
----------------------------------------------------------------*/

.meni_container { float: right; width: 554px; height: 122px; }
.meni_container div a { float: left; height: 122px; background-image: url(../slike/meni.png); }

.gumb_1 a:link, .gumb_1 a:visited { width: 156px; background-position: 0px 0px; margin-right: 26px; }
.gumb_2 a:link, .gumb_2 a:visited { width: 156px; background-position: -156px 0px; margin-right: 26px; }
.gumb_3 a:link, .gumb_3 a:visited { width: 156px; background-position: -312px 0px; }

.gumb_1 a:hover { background-position: 0px -122px; }
.gumb_2 a:hover { background-position: -156px -122px; }
.gumb_3 a:hover { background-position: -312px -122px; }


/* VSEBINA
----------------------------------------------------------------*/

.map_container { display: block; width: 774px; height: 598px; border: 1px solid #CDCDCD; }
.vsebina { width: 700px; margin: 0 auto; }

/* NOGA
----------------------------------------------------------------*/

.spodnji_meni { display: block; width: 860px; padding-top: 8px; text-align: center; color: #666; margin: 0 auto; }
.spodnji_meni a { color: #666; text-decoration: underline; }
.spodnji_meni a:hover { text-decoration: none; }

#footer {
	display: block;
	width: 860px;
	padding-top: 14px;
	padding-bottom: 30px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #858585;
	text-align: center;
	line-height: 16px;
	margin: 0 auto;
}

#footer a {
	font-weight: bold;
	color: #858585;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}