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

body
{
//	background-color: #4444FF;
//	background-color: #FCF8E8;
//	background-color: #DFD8C8;
//	background-color: #333333;
	margin:0px; 
	padding:0px;
}

<!--===================================================================================-->
<!--                                       Header                                      -->
<!--===================================================================================-->

<!--
Note: '.empty_class' must beginn the Header. If doesn't exists, the programm will not working correctly!
-->

.empty_class
{
}

@font-face{
	font-family: "Proxima Nova Light";
	src:url("fonti/proximanovalight.ttf");
}

@font-face{
	font-family: "Proxima Nova Regular";
	src:url("fonti/ProximaNovaRegular.ttf");
}

@font-face{
	font-family: "Aphrodite Slim Pro";
	src:url("fonti/aphrodite_slim_pro.otf");
}

@font-face{
	font-family: "Vivaldi";
	src:url("fonti/VivaldiD.ttf");
}

@font-face{
	font-family: "Goudy Trajan Regular";
	src:url("fonti/Goudy Trajan Regular.otf");
}

@font-face{
	font-family: "Trajan Forum Regular";
	src:url("fonti/Trajan Forum Regular.ttf");
}

@font-face{
	font-family: "Scriptina_Pro";
	src:url("fonti/Scriptina_Pro.otf");
}

@font-face{
	font-family: "Goudy Trajan Regular";
	src:url("fonti/Goudy Trajan Regular.otf");
}

.startna_glava
{
	width: auto;
	height: auto;
//	background-color: #FFFFFF;
}

.podlaga_startne_glave
{
	width: auto; 
	height: auto;
//	transform: rotate(270deg);
//	transform-origin: left top 0;
}

.tekst_startna_glava_01
{
	font-family: "Aphrodite Slim Pro";
	font-family: "Proxima Nova Light";
//	font-family: "Proxima Nova Regular";
//	font-family: "Monotype Corsiva";
//	font-family: "Vivaldi";
//	font-family: "Trajan Forum Regular";
	color: #EEEEEE;	
//	color: #FFFFDD;	
}

.tekst_startna_glava_02
{
//	font-family: "Aphrodite Slim Pro";
//	font-family: "Proxima Nova Light";
//	font-family: "Proxima Nova Regular";
	font-family: "Monotype Corsiva";
//	font-family: "Vivaldi";
	font-family: "Goudy Trajan Regular";
	font-family:"Times New Roman";
	color: #EEEEEE;	
//	color: #FFFFDD;	
}

.tekst_startna_glava_03
{
//	font-family: "Proxima Nova Light";
	font-family: "Monotype Corsiva";
//	color: #FFFFDD;	
	color: #EEEEEE;	
}

.tekst_startna_glava_04
{
	font-family: "Proxima Nova Light";
	color: #EEEEEE;	
}

.tekst_glava_01
{
	font-family: "Proxima Nova Light";
	color: #EEEEEE;	
}

.tekst_glava_02
{
	font-family:"Times New Roman";
	color: #EEEEEE;	
}

.tekst_glava_03
{
	font-family: "Monotype Corsiva";
	color: #EEEEEE;	
}

.tekst_glava_04
{
	font-family: "Proxima Nova Light";
	color: #EEEEEE;	
}

<!--===================================================================================-->
<!--                                     Navigation                                    -->
<!--===================================================================================-->

<!--
Note: '.empty_class' must beginn the Navigation. If doesn't exists, the programm will not working correctly!
-->

.empty_class
{
}

.smg
{
	margin: 0px;
	padding: 0px;
	margin-top: -2px;
}

.mg
{
	margin: 0px;
	padding: 0px;
	
}

.nav_podlaga
{
//	position: absolute; 
	width: auto; 
	z-index: 10; 
	opacity: 1;
}

.nav_podlaga_uporabna
{
	width: 778px;
	height: auto;
	margin-left: 123px;
}

.startni_menu_gumb_01 
{
	width: 118px;
	height: 42px;
//	background-color: #382A34;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.startni_menu_gumb_02 
{
	width: 118px;
	height: 42px;
//	background-color: #382A34;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.startni_menu_gumb_03 
{
	width: 118px;
	height: 42px;
//	background-color: #382A34;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.startni_menu_gumb_04 
{
	width: 118px;
	height: 42px;
//	background-color: #382A34;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.startni_menu_gumb_05 
{
	width: 118px;
	height: 42px;
//	background-color: #382A34;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.startni_menu_gumb_06 
{
	width: 118px;
	height: 42px;
//	background-color: #382A34;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.startni_menu_gumb 
{
	width: 118px;
	height: 42px;
//	background-color: #382A34;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.startni_menu_gumb_aktivni
{
	width: 118px;
	height: 42px;
	background-color: #888892;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.crta_med_startnimi_menu_gumbi
{
	width: auto;	
	height: auto;
	background-color: #66666C;
}

.tekst_startni_menu_gumb
{
	font-family: "Proxima Nova Light";
	color: #88FEA8;	
	color: #EEEEEE;	
	cursor: pointer;
	text-decoration: none;
}

.tekst_startni_menu_gumb_aktivni
{
	font-family: "Proxima Nova Regular";
	color: #EEEEEE;	
	cursor: pointer;
	text-decoration: none;
//	font-weight:bold;
}

.menu_gumb_01 
{
	width: 118px;
	height: 42px;
//	background-color: #382A34;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.menu_gumb_02 
{
	width: 118px;
	height: 42px;
//	background-color: #382A34;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.menu_gumb_03 
{
	width: 118px;
	height: 42px;
//	background-color: #382A34;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.menu_gumb_04 
{
	width: 118px;
	height: 42px;
//	background-color: #382A34;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.menu_gumb_05 
{
	width: 118px;
	height: 42px;
//	background-color: #382A34;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.menu_gumb_06 
{
	width: 118px;
	height: 42px;
//	background-color: #382A34;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.menu_gumb 
{
	width: 118px;
	height: 42px;
//	background-color: #382A34;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.menu_gumb_aktivni
{
	width: 118px;
	height: 42px;
	background-color: #584C54;
	background-color: #E0E0E8;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.menu_crta_01 
{
	width: 0px;
	height: 0px;
	background-color: #666666;	
	display: table-cell;	
	visibility: hidden;	
	text-align: center;
  vertical-align: middle;
}

.menu_crta_02 
{
	width: 0px;
	height: 0px;
	background-color: #666666;	
	display: table-cell;	
	visibility: hidden;	
	text-align: center;
  vertical-align: middle;
}

.menu_crta_03 
{
	width: 0px;
	height: 0px;
	background-color: #666666;	
	display: table-cell;	
	visibility: hidden;	
	text-align: center;
  vertical-align: middle;
}

.menu_crta_04 
{
	width: 0px;
	height: 0px;
	background-color: #666666;	
	display: table-cell;	
	visibility: hidden;	
	text-align: center;
  vertical-align: middle;
}

.menu_crta_05 
{
	width: 0px;
	height: 0px;
	background-color: #666666;	
	display: table-cell;	
	visibility: hidden;	
	text-align: center;
  vertical-align: middle;
}

.menu_crta_aktivna 
{
	visibility: visible;	
}

.podmenu 
{
	display: table;	
}

.podmenu_vrstica
{
	width: auto;	
	height: auto;
	background-color: #B0A0A0;
	border-top:solid 1px #C8BDB5;
	display: table-cell;	
	text-align: center;
  vertical-align: middle;
}

.tekst_menu_gumb
{
	font-family: "Proxima Nova Light";
	color: #EEEEEE;	
	cursor: pointer;
	text-decoration: none;
}

.tekst_menu_gumb_aktivni
{
	font-family: "Proxima Nova Light";
	color: #333333;	
	cursor: pointer;
	text-decoration: none;
}

.tekst_podmenu_vrstica
{
	font-family: "Proxima Nova Light";
	color: #BBBBBB;
	cursor: pointer;
	text-decoration: none;
}

<!--===================================================================================-->
<!--                                      Section                                      -->
<!--===================================================================================-->

<!--
Note: '.empty_class' must beginn the Section. If doesn't exists, the programm will not working correctly!
-->

.empty_class
{
}

.telo
{
//	position: relative;
//	top: 0px; 
}

.telo_uporabno
{
	position:relative; 
	width:auto; 
	height:auto;
}

.foto_doma
{
	width: auto;
	height: auto;
}

.podlaga_naslovov_podstrani
{
	position:relative; 
	width:auto; 
	height:auto;
	box-shadow: 0px 4px 10px #AAAAAA;
}

.celotna_podlaga_velikih_slik_galerije
{
	width: auto;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
}

.podlaga_velike_slike_galerije
{
	width: auto;
	height: auto;
	margin-left: 0px;
	margin-right: 0px;
}


.velike_slike_galerije
{
	width: auto;
	height: auto;
}

.startni_gumb 
{
	background-color: #DFCC72;
	background-color: #DFC472;
	background-color: #9CCC7A;
	text-align: center;
  vertical-align: middle;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 60px;
	padding-right: 60px;
}

.startni_gumb_aktivni
{
	background-color: #AC8C42;
	background-color:#489E48;
	text-align: center;
  vertical-align: middle;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 60px;
	padding-right: 60px;
}

.tekst_startni_gumb
{
	font-family: "Proxima Nova Light";
	font-size: 18px;
	color: #222222;
	cursor: pointer;
	text-decoration: none;
}

.tekst_startni_gumb_aktivni
{
	font-family: "Proxima Nova Light";
	font-size: 18px;
	color: #222222;
	cursor: pointer;
	text-decoration: none;
}

.gumb 
{
	background-color: #DFCC72;
	background-color: #FFE8AF;
	text-align: center;
  vertical-align: middle;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 60px;
	padding-right: 60px;
}

.gumb_aktivni
{
	background-color: #AC8C42;
	background-color:#489E48;
	background-color: #E9C88F;
	text-align: center;
  vertical-align: middle;
	padding-top: 10px; 
	padding-bottom: 10px; 
	padding-left: 60px;
	padding-right: 60px;
}

.tekst_gumb
{
	font-family: "Proxima Nova Light";
	font-size: 18px;
	color: #222222;
	cursor: pointer;
	text-decoration: none;
}

.tekst_gumb_aktivni
{
	font-family: "Proxima Nova Light";
	font-size: 18px;
	color: #222222;
	cursor: pointer;
	text-decoration: none;
}

<!--===================================================================================-->
<!--                                       Footer                                      -->
<!--===================================================================================-->

<!--
Note: '.empty_class' must beginn the Footer. If doesn't exists, the programm will not working correctly!
-->

.empty_class
{
}

.noga
{
	background-color: #333333;
}

.noga_uporabna
{
}

<!--===================================================================================-->
<!--                                  Other Definitions                                -->
<!--===================================================================================-->


<!---------------------------------------- Teksti --------------------------------------->

<!--
Note: '.empty_class' must beginn the Navigation. If doesn't exists, the programm will not working correctly!
-->

.empty_class
{
}

.tekst_naslovi_01
{
	font-family:"Times New Roman";
	color: #44444E;	
}

.tekst_naslovi_02
{
	font-family:"Times New Roman";
	font-family: "Proxima Nova Regular";
	color: #D9B87F;	
}

.tekst_naslovi_03
{
	font-family:"Times New Roman";
	font-family: "Proxima Nova Regular";
	color: #D9B87F;	
}

.tekst_naslovi_11
{
	font-family:"Times New Roman";
	color: #E9C88F;	
}

.tekst_podnaslovi_01
{
	font-family: "Proxima Nova Regular";
	color: #B89554;	
}

.tekst_podnaslovi_02
{
	font-family: "Proxima Nova Regular";
	color: #505050;	
}

.tekst_podnaslovi_03
{
	font-family: "Proxima Nova Regular";
	color: #505050;	
}

.tekst_podnaslovi_04
{
	font-family: "Proxima Nova Regular";
	color: #505050;	
}

.tekst_besedilo_01
{
	font-family: "Proxima Nova Light";
	color: #505050;	
}

.tekst_besedilo_krepko_01
{
	font-family: "Proxima Nova Light";
	color: #803048;	
	line-height: auto;
	font-weight: bold;
}

.tekst_besedilo_02
{
	font-family: "Proxima Nova Light";
	color: #333333;	
}

.tekst_besedilo_03
{
	font-family: "Proxima Nova Light";
	color: #333333;	
}

.tekst_naslovi_zgoscenk_01
{
	font-family: "Proxima Nova Regular";
	color: #555555;	
	font-weight: bold;
}

.tekst_audio_posnetki_01
{
	font-family: "Proxima Nova Light";
	color: #555555;	
}

.tekst_audio_posnetki_02
{
	font-family: "Proxima Nova Light";
	color: #555555;
}

.tekst_clana_zasedbe_01
{
	font-family: "Proxima Nova Light";
	color: #444444;	
}

.tekst_clana_zasedbe_02
{
	font-family: "Proxima Nova Light";
	color: #444444;	
}

.tekst_kontakt_01
{
	font-family: "Proxima Nova Light";
	color: #565050;	
}

.tekst_kontakt_02
{
	font-family: "Proxima Nova Light";
	color: #565050;	
}

.tekst_noga_01
{
	font-family: "Proxima Nova Light";
	color: #AAAAAA;	
}

.tekst_noga_02
{
	font-family: "Proxima Nova Light";
	color: #AAAAAA;	
}

.tekst_noga_03
{
	font-family: "Proxima Nova Light";
	color: #AAAAAA;	
}

.tekst_opozorilo_15
{
	font-family: "Proxima Nova Light";
	font-size: 15px;
	color: #333333;	
	line-height: 20px;
}

.tekst_opozorilo_16
{
	font-family: "Proxima Nova Light";
	font-size: 16px;
	color: #333333;
	line-height: 20px;
}

.tekst_opozorilo_18
{
	font-family: "Proxima Nova Light";
	font-size: 18px;
	color: #333333;
	line-height: 20px;
}

<!---------------------------------------- Ostalo --------------------------------------->

.podlaga_zvocnika
{
	width: auto;
	height: auto;
}

.slika_zvocnika
{
	width: auto;
	height: auto;
	background-color: #888892;
}
/*
.start_zvocnik
{
	position:relative;
	width: auto;
	height: auto;
//	float: right;
}
*/
.start_zvocnik
{
	position:relative;
	width: 24px;
	height: 24px;
	margin-top:700px;
	margin-left:400px;
//	float: right;
}

.tekst_startni_kontakt_01
{
	font-family: "Proxima Nova Regular";
	color: #DDDDDD;
}


.naziv_skladbe
{
	text-decoration: underline;
}

.naziv_skladbe_aktivni
{
	color: #3333FF;
}

.kazalec
{
	cursor: pointer;
}

.fotografija_predstavitev
{
	border:1px solid #E4E4E4;
}