/*================================================================
	CSS dokument - izdelava spletnih strani www.predstavi.se
	---
	- Glavni CSS dokument za www.trzin.si
	---
================================================================*/


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

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

.wrapper_tabela {
	margin-top: 18px;
	background-image: url(../slike/tabela_ozadje.png);
	background-repeat: repeat-y;
}

.glava {
	float: left;
	width: 646px;
	height: 130px;
	background-image: url(../slike/napis_trzin.jpg);
	background-repeat: no-repeat;
}

.vsebina {
	float: left;
	width: 646px;
	min-height: 670px;
}

.vsebina_tabele {
	font: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;	
}

.vsebina_tabele td {
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.vsebina a, .vsebina a:visited, .vsebina a p, .vsebina a p {
	color: #537AD5;
	font-weight: bold;
	text-decoration: none;
}

.vsebina_tabele_2 {
	font: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.vsebina a:hover, .vsebina a:hover p {
	color: #537AD5;
	font-weight: bold;
	text-decoration: underline;
}

.vsebina a.predpis-color { 																												/* PREDPIS COLOR */
	color: #913654;
}
.vsebina a.predpis-color:hover {
	color: #913654;
}

.stolpec_bg {
	background-image: url(../slike/stolpec_spodaj_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #913654;
	margin: 0px;
	padding: 15px 0px 0px 15px;
	line-height: normal;
}

.h1_bg {
	background-image: url(../slike/h1_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
}

.h1_bg h1 {
	padding-top: 0px;
}

h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	line-height: normal;
}

.besedilo {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	display: block;
	width: 400px;
	padding: 20px;
}

.img_zupan {
	display: block;
	padding-right: 15px;
	padding-bottom: 10px;
}

.opis_slike {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

li {
	padding: 0px;
	margin: 0px;
	line-height: 20px;
}

ul {
	margin: 0px 0px 0px 30px;
	padding: 0px;
}

.naslov {
	display: block;
	width: 386px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 12px;
	background-color: #FFFAB7;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border: 1px solid #CCCCCC;
}

.kontakt {
	display: block;
	width: 383px;
	padding: 0px 5px 10px 5px;
	line-height: 24px;
	background-image: url(../slike/zapisi_div.gif);
	background-repeat: repeat-x;
	background-position: 10px 24px;
}

.reader {
	display: block;
	width: 100%;
	text-align: center;
	color: #999999;
	font-size: 11px;
	Tahoma, font-family: Arial, Helvetica, sans-serif;
}

/*p {
	margin: 0px;
	width: 340px;
	line-height: 18px;
	display: inline;
}
*/
.pdfLink { padding-left: 24px; background-image: url(../slike/reader.gif); background-position: 3px 0px; background-repeat: no-repeat; padding-top: 2px; padding-bottom: 2px;}
.docLink { padding-left: 24px; background-image: url(../slike/word.gif); background-position: 3px 0px; background-repeat: no-repeat; padding-top: 2px; padding-bottom: 2px;}
.excelLink { padding-left: 24px; background-image: url(../slike/excel.gif); background-position: 3px 0px; background-repeat: no-repeat; padding-top: 2px; padding-bottom: 2px;}
.rtfLink { padding-left: 24px; background-image: url(../slike/word.gif); background-position: 3px 0px; background-repeat: no-repeat; padding-top: 2px; padding-bottom: 2px;}

/*a[href$='.pdf'] {
display:inline-block;
padding: 2px 2px 2px 20px;
line-height:18px;
background:transparent url(../slike/reader.gif) top left no-repeat;
}
a[href$='.doc'] {
display:inline-block;
padding: 2px 2px 2px 20px;
line-height:18px;
background:transparent url(../slike/word.gif) top left no-repeat;
}
a[href$='.xls'] {
display:inline-block;
padding: 2px 2px 2px 20px;
line-height:18px;
background:transparent url(../slike/excel.gif) top left no-repeat;
}
a[href$='.rtf'] {
display:inline-block;
padding: 2px 2px 2px 20px;
line-height:18px;
background:transparent url(../slike/word.gif) top left no-repeat;
}
*/

.tabela_zapisi td {
	line-height: 18px;
	background-image: url(../slike/zapisi_div.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

.zapis_naslovnica {
	display:block; 
	width: 386px;
	padding: 7px;
	background-image: url(../slike/zapisi_div.gif);
	background-position: left top;
	background-repeat: repeat-x;
	line-height: 18px;
}

.postit {
	display: block;
	width: 400px;
	height: 150px;
	background-image: url(../slike/postit_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* CRUMBLINE
----------------------------------------------------------------*/

.crumbline {
	float: left;
	width: 602px;
	height: 23px;
	padding-left: 14px;
	padding-right: 30px;
	padding-top: 9px;
	background-image: url(../slike/crumbline_bg.jpg);
	background-repeat: no-repeat;
}

.crumbline a:link, .crumbline a:visited {
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}

.crumbline a:hover {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

.crumb {
	float: left;
	height: 24px;
}

.crumb_bg {
	float: left;
	padding-left: 22px;
	height: 24px;
	background-image: url(../slike/crumbline_div.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

.crumb_home {
	float: left;
	padding-left: 18px;
	height: 24px;
	background-image: url(../slike/home_ico.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.datum {
	float: right;
	height: 24px;
}

.desni_stolpec_podatki {
	display: block;
	width: 190px;
	height: 190px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 15px;
	color: #000000;
	background-image: url(../slike/podatki_bg.png);
	background-repeat: no-repeat;
}


/* BUBBLE
----------------------------------------------------------------*/

.desni_stolpec_container{
	display: block;
	width: 190px;
	background-image: url(../slike/desni_stolpec_bg.png);
	background-repeat: repeat-y;
}
.desni_stolpec_bottom{
	display: block;
	width: 190px;
	height: 100px;
	background-image: url(../slike/desni_stolpec_bottom.png);
	background-repeat: no-repeat;
}
.desni_stolpec_bubble, .desni_stolpec_bubble_2 {
	float: left;
	width: 190px;
	text-align: center;
	padding-bottom: 6px;
	text-align: center;
}

.desni_stolpec_bubble img {
	filter:alpha(opacity=85); 
	-moz-opacity: 0.85; 
	opacity: 0.85;
}

.desni_stolpec_bubble_2 img {
	filter:alpha(opacity=100); 
	-moz-opacity: 1.00; 
	opacity: 1.00;
}



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

.meni_container {
	display: block;
	width: 202px;
	padding-left: 13px;
}

.gumb a:link, .gumb a:visited {
	float: left;
	width: 192px;
	height: 24px;
	padding: 4px 0px 0px 10px;
	background-image: url(../slike/gumb.png);
	background-position: 0px 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

.gumb a:hover {
	background-image: url(../slike/gumb.png);
	background-position: 0px 28px;
	text-decoration: none;
}

.podmeni_container_block {
	float: left;
	width: 197px;
	padding-left: 5px;
	padding-bottom: 1px;
}

.podmeni_container_none {
	display: none;
}

.gumb_2 a:link, .gumb_2 a:visited {
	float: left;
	width: 181px;
	height: 18px;
	padding: 3px 0px 0px 16px;
	background-image: url(../slike/gumb_2.png);
	background-position: 0px 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	font-size: 11px;
}

.gumb_2 a:hover {
	background-image: url(../slike/gumb_2.png);
	background-position: 0px 21px;
	text-decoration: none;
}
.gumb_3 a:link, .gumb_3 a:visited {
	float: left;
	width: 192px;
	height: 40px;
	padding: 4px 0px 0px 10px;
	background-image: url(../slike/gumb_3.png);
	background-position: 0px 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

.gumb_3 a:hover {
	background-image: url(../slike/gumb_3.png);
	background-position: 0px 44px;
	text-decoration: none;
}


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

.noga {
	float: left;
	width: 616px;
	height: 30px;
	background-image: url(../slike/noga_bg.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 30px;
	padding-top: 23px;
	color: #EDDCE1;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

.noga a:link, .noga a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #EDDCE1;
}

.noga a:hover {
	text-decoration: underline;
	color: #EDDCE1;
}
	
.izvedba {
	display: block;
	width: 834px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding-top: 8px;
	color: #AD6E82;
}

.medij {
	display: block;
	width: 834px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	padding-top: 8px;
	color: #AD6E82;
}

.izvedba a:link, .izvedba a:visited {
	color: #AD6E82;
	text-decoration: none;
}

.izvedba a:hover {
	text-decoration: underline;
}

/* KAZALO
----------------------------------------------------------------*/

.sitemap1 {
	float: left;
	width: 380px;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	margin-top: 15px;
	background-image: url(../slike/sitemap1.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}

.sitemap2 {
	float: left;
	width: 360px;
	padding-left: 40px;
	line-height: 16px;
	margin: 4px 0px 0px 0px;	
	background-image: url(../slike/sitemap2.gif);
	background-repeat: no-repeat;
	background-position: 6px;
}

.sitemap3 {
	float: left;
	width: 340px;
	padding-left: 60px;
	line-height: 16px;
	margin: 4px 0px 0px 0px;	
	background-image: url(../slike/sitemap2.gif);
	background-repeat: no-repeat;
	background-position: 26px;
}

.sitemap4 {
	float: left;
	width: 320px;
	padding-left: 80px;
	line-height: 16px;
	margin: 4px 0px 0px 0px;	
	background-image: url(../slike/sitemap2.gif);
	background-repeat: no-repeat;
	background-position: 46px;
}

.sitemap1 a:link, .sitemap1 a:visited {
	text-decoration: none;
}

.sitemap1 a:hover {
	text-decoration: underline;
}
.sitemap2 a:link, .sitemap2 a:visited, .sitemap3 a:link, .sitemap3 a:visited,.sitemap4 a:link, .sitemap4 a:visited {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

.sitemap2 a:hover, .sitemap3 a:hover, .sitemap4 a:hover {
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}

/* KOLEDAR PRIREDITEV
----------------------------------------------------------------*/

.prireditve_dan {
	display: block;
	width: 80px;
	text-align: center;
	color: #666;
	padding-top: 5px;
	font-size: 13px;
}
.prireditve_number {
	display: block;
	width: 80px;
	text-align: center;
	padding: 10px 0 0 0;
	font-size: 24px;
	font-weight: bold;
	color: #999;
	height: 30px;
}
.prireditve_wend .prireditve_dan, .prireditve_wend .prireditve_number {
	color: #913654;
}
.prireditve_naslov {
	display: block;
	width: 568px;
	padding: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-color: #dddddd;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.prireditve_linki {
	display: block;
	width: 100%;
	padding: 0 0 5px 5px;;
	text-align: left;
	line-height: 20px;
	text-align: center;
}
.prireditve_linki span {
	padding: 0 5px;
}
.prireditve_opis {
	float: left;
	padding-left: 18px;
	padding-bottom: 6px;
	background-image: url(../slike/bullet.png);
	background-repeat: no-repeat;
	background-position: 3px 5px;
}
.koledar_tabela td {
	border: none;
}

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

.video {
	display: block;
	width: 480px;
	margin: 0 auto;
	background-color: #000;
	padding: 10px;
}
.youtube_arhiv {
	display: block;
	width: 630px;
	text-align: center;
	line-height: 20px;
	margin: 20px 0;
}
.video_naslov {
	display: block;
	width: 630px;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
	margin: 20px 0 10px 0;
	font-size: 16px;
}

.seja-tocka {
	padding: 8px 0;
	border-bottom: 1px solid #ccc;
}

/* PREDPISI
----------------------------------------------------------------*/

.predpis-priponka {
	display: block;
	padding: 0 0 10px 0;
}