/*
Theme Name: Župnija Trzin
Theme URI: Private
Author: Miha Bevk - MB3WK ;)
Author URI: http://www.facebook.com/miha.bevk
Description: Specialen spletni design za župnijo Trzin. Template je delo graditelja spletne strani, Mihe Bevka. Izdelan je bil s pomočjo programa Photoshop in sicer med 8. in 13. julijem 2014. Nova spletna stran je bila objavljena v decembru 2014, tako kot je bilo to pri prejšnji spletni strani. S tem smo lepo zaokrožili jubilejno leto za našo župnijo - 50-letnico.
Template: zupnija_trzin
Version: 4.0
License: Miha Bevk - Župnija Trzin
License URI: http://www.facebook.com/miha.bevk
Tags: župnija trzin, trzin, template, sv. florijan, meni, sidebar, logo, header, news, koledar, oznanila, e-novice
Text Domain: zupnija_trzin

-------------------------------------------------------------- */

@charset "utf-8";
/* CSS Document - Style of Župnija Trzin - Powered by Miha Bevk - MB3WK ;) */

@font-face {
	/*font-family: 'Aller';    */ 
	/*src: url('font/Aller.ttf');*/
}

@font-face {
    font-family: 'AllerRegular';
    src: url('font/aller_rg-webfont.eot');
    src: url('font/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('font/aller_rg-webfont.woff') format('woff'),*/
         url('font/aller_rg-webfont.ttf') format('truetype'),
         url('font/aller_rg-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'AllerBD';    
	src: url('font/aller_bd-webfont.ttf');
	src: url('font/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
	     url('font/aller_bd-webfont.woff') format('woff'),
	     url('font/aller_bd-webfont.ttf') format('truetype'),
	     url('font/aller_bd-webfont.svg#AllerRG') format('svg');
}

@font-face {
	font-family: 'AllerItalic';    
	src: url('font/Aller_It.ttf');
}

@font-face {
	font-family: 'AllerLt';    
	src: url('font/Aller_Lt.ttf');
}

@font-face {
	font-family: 'AllerBdIt';    
	src: url('font/Aller_BdIt.ttf');
}


a,
a:visited,
a:hover,
a:active {
 	text-decoration: none;
	outline: 0;
	border: 0;
	color: #2e2e2e;
}

h2 {
	font-size:18px/18px;
}


html {
	font:14px/16px 'AllerRG', Helvetica, Tahoma, sans-serif;
	color: #4c4c4c;
}

body {
	background:url('images/background.png') repeat-x scroll 0% 0% transparent;
}

*{
	/* če nimaš teh nastavitev, potem se bodi začne na lokaciji, ki ni (x,y)=0,0 ampak na 1,1 */
	/* velja za vse elemente ! http://www.w3schools.com/cssref/sel_all.asp */
	margin: 0;
	padding: 0;
}

	
blockquote {
  background: #f9f9f9 !important;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote:after {
  color: #ccc;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  float: right; 
  vertical-align: -0.4em;
}


/* HEADER */
/************************************************ DELOVANJE *************************************************************/
/* FOOT je v grobem sestavljen iz 2 DIVov - prvi je #header_start, drugi #full_header									*/
/* 1. #header_start - v začetku ga ni bilo (! - bil je samo full_header) in zato se je pri zmanjšanju strani (CRTL + -) */
/* zadeva v headerju povsem sesula - logotip in meni sta se pojavila povsem na levi, glavna vsebina pa na sredini		*/
/* header_start ima zato definirano 100% širino, poskrbi za background IN pozicijo ima NUJNO na absolute - če bi bila	*/
/* relative, prekrivanje divov nebi delovalo.																			*/
/* 2. #full_header ima FIKSNO ŠIRINO 1085px (brez #header_start je bila 100%, kar je pa povzročalo tisti zgoraj omenjeni*/
/* zamik), in PORAVNAVO na sredino (margin auto).																		*/
/* 3. #full_header ima sicer za vsebino vse ostalo - details, meni,...													*/
/* TOREJ header_start je zelo pomemben za BG (če imaš različne resolucije vidiš še vedno BG), full_header pa s FIKSNO	*/
/* širino ustvari zadevo FIKSNO - pri različnih resolucijah in pomanjšavah bo spletna stran FIKSNA - ne bo se razdirala	*/
/* V HTMLju je zadeva spisana v groben takolo: <div id=h_start></div><div id=full_h> ..... .... .... ... ... ... </div>!*/
/* zorej header_start se v htmlju začne v eni vrstici, in v isti se konča - podobno je tudi pri FOOT - glej spodaj		*/
/* !!!!!!!!!!!!!!!!!! NITI PRI HEADER_START NITI PRI FULL_HEADER NE SMEŠ IZBRISAT HEIGHT !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!	*/
/************************************************************************************************************************/

#header_start {
	 background:url(images/bg_header_all.png) repeat-x;
	 margin: 0px auto;
	 display: block;
	 position:absolute;
	 /*height:421px; ZA bg_header_all_ORIG.png*/
	 height:350px;
	 width:100%;
	 
}
#full_header {
	width: 1085px;
	/*height: 421px; ZA bg_header_all_ORIG.png*/
	height: 350px;
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#logotip {
	display: block;
	position: absolute;	
	width: 810px;
	height: 222px;
	background:url(images/logotip.png) no-repeat scroll 0% 0% transparent;
}

#header_details {
	display: block;
	position: absolute;
	/*top: 114px;ZA bg_header_all_ORIG.png*/
	top: 23px;
	right: 25px;
	width: 300px;
	height: 102px;
	text-align:right;
}
	#header_vizitka {
		font: 16pt 'AllerLtIt', Helvetica, Tahoma, sans-serif;
		color: rgb(165,4,48);
		line-height:120%;
		font-style:italic; /* za IE */
	}
	
	/* menu */
	ul#menu {
		position:absolute;
		margin: 0px;
		padding: 0px;
		left: 205px;
		width:890px; /* če je left: 217, width ne sme biti večji od 1000px - sicer dobiš scroll left/right !! */
		list-style-type:none;
		top: 360px;
		z-index:1;
	}
	
	.menu-osrednji-meni-container{
		position:absolute;
		margin: 0px;
		padding: 0px;
		left: 205px;
		width:915px; /* če je left: 217, width ne sme biti večji od 1000px - sicer dobiš scroll left/right !! */
		list-style-type:none;
		/*top: 360px; ZA bg_header_all_ORIG.png */
		top: 289px;
		z-index:1;
	}
	
		.menu-osrednji-meni-container ul{
			list-style: none outside none;
		}
		
			.menu-osrednji-meni-container ul li{
				display: inline;
				position: relative;
				float: left; /* na levo razvrsti! - pazi float > uporaci clear */
				background:url('images/spacer.png') no-repeat scroll right center transparent;
				height: 50px;
			}
			
			.menu-osrednji-meni-container ul li a{
				display: block;
				text-transform: uppercase;
				white-space: nowrap;
				font: 14pt 'AllerRegular', Arial, Helvetica, sans-serif;
				text-decoration: none;
				color: #FFF;
				margin: 15px 50px 0px 0px;
				z-index:999;
			}
			
				.menu-osrednji-meni-container ul li a:hover {
					color: rgb(221,143,133);
				}
				
					.menu-osrednji-meni-container ul li ul{
						display: none;
						position: absolute;
						top:50px;
						left: -10px;
						background: #bf0a2b;
						z-index: 1;
					}
					
						.menu-osrednji-meni-container ul li ul li{
							display: block;
							position: relative;
							float: none;
							height: auto !important;
							background: none;
							padding: 7px 40px 7px 10px;
						}
						
						.menu-osrednji-meni-container ul li ul li a{
								margin: 0;
								font-size: 14px;
						}
						
							.menu-osrednji-meni-container ul li ul li ul{
								display: none;
								position: absolute;
								min-width: 50px;
								top: 0;
								left: 150px;
							}
							
								.menu-osrednji-meni-container ul li ul li ul li a{
									font-size:12px;
								}

/* VSEBINA */
#full_main {
	width: 1000px;
	margin: 0 auto !important; /* 0px gor, auto postavi div na sredino */
	/*min-height:1480px; /* SAMODEJNO PRILAGAJANJE - OBVEZNA UPORABA NA KONCU FULL MAINA <BR CLASS="CLEAR">!!!! */
	background: rgb(235,235,235);
}
	
	#shadow_main_news {
		top: 20px; /* razmak med menijem in začetkom sence - top */
		display: block;
		width: 980px;
		height: 349px;
		margin: 0px auto; /* poravnaj na sredino */
		background:url(images/shadow_main_news.png) no-repeat transparent;
		position:relative;
		margin-bottom:30px; /* 30px naj bo prostora med main_news in news! - nujno glej opombe: B2 */
	}
	
		#main_news {
			height:328px;
			width:932px;
			margin: 0px auto; /* nastavitev: na sredino */
			display: block;
			position:relative;
			/** ZAČETEK KODE ZA GRADIENT BACKGROUND - http://www.colorzilla.com/gradient-editor/ **/
			background: rgb(235,235,235); /* Old browsers */
			background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(178,178,178,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,235,235,1)),
			color-stop(100%,rgba(178,178,178,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(178,178,178,1) 100%); 
			/* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(178,178,178,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%,rgba(178,178,178,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom, rgba(235,235,235,1) 0%,rgba(178,178,178,1) 100%); /* W3C */
			filter: 
			progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#b2b2b2',GradientType=0 ); 
			/* IE6-9 */
		}
		
		ul.bxslider li div.text-bxslider {
			float: left;
			position: relative;
			display: block;
			width: 900px;
			height:275px;
			float: left; /* postavitev besedila na levo */
			padding:30px 0px 0px 30px;
			margin-bottom: 35px; /* pozicija 'tistih pikic' pri glavnih novicah - to NIMA vpliva na nobeno drugo stvar! */
			color:#944911; font-family:'AllerLt'; font-size:16px;
			font-weight:normal !important;
		}
		
			ul.bxslider li div.text-bxslider p {
				font: 14px/16px 'AllerRegular', Arial, Helvetica, sans-serif;
				margin-bottom: 30px;
				color:#944911; font-family:'AllerLt'; font-size:16px;
				line-height:20px; /* razmik med vrsticami - mnogo bolj pregledno */
				/*float:left;*/
				width:48%;
				/*position:absolute;*/
				position:relative;
				margin-top:15px;
			}
			
			ul.bxslider li div.text-bxslider p img {
				display: none; /* ne želimo prikazati slik v <p>*/
			}
			
			ul.bxslider li div.text-bxslider div.wp-caption {
				display: none; /* ne želimo prikazati opisa slik v sliderju*/
			}
		
		ul.bxslider img {
			position:absolute;
			float: right !important;	/* postavitev slike na desno */
			height:290px !important;	 /* širina slike v glavnih novicah */
			width: 420px !important; /* velikost sliko width naj bo najmanj 400px */
			border-radius: 5px;
			border: 2px solid #CCC;
			margin: -40px 10px 0px 20px !important;
			top: 60px; /* zgornje nasvative so nične - razen absolute (če je h1 čez 2 vrsti, slika ni fiksna)*/
			right:00px; /* s top in right ter absolute pa je slika na fiksnem mestu neglede na vse */
		}
		
			ul.bxslider li h1 {
				font: 24px/24px 'AllerRegular', Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				margin: 0px 0px 5px;
				width:460px;
			}
			
	.clear {
		clear: both;
	}
			
	.clear:after {
		clear: both;
	}
	
	.clear:before, .clearfix:after {
		content: "";
		display: table;
	}
	
/* NEWS - to so novice ki niso ravno aktualne - pod glavnimi novicami, na glavni strani */
#news_shadow_left {
	float: left; /* poravnaj levo - desno bo poravnan sliderbar box (koledar...) */
	background:url(images/shadow_news_left.png) no-repeat;
	margin-left: 2px; /* s tem sem približno poravnal TO senco in senco shadow_main na levi strani =/= 0 */
	margin-top: 15px;
	width: 36px;
	height: 305px;
}
	
#news, #news_without-sidebar {
	float: left; /* poravnaj na levo poleg sence */
	width:700px;
	/*min-height:1000px; IZOGIBAM SE FIKSNIM DOLŽINAM - samodejno prilagajanje - obvezna uporaba <br class=clear> !! */
	/*_min-height:1000px; */
	margin-left: -5px; /* NASTAVITEV ROBU - PREKRIVANJE 5px čez senco */
	border-radius: 5px;
	background:#FFF;
}

	#news_without-sidebar {
		width:934px;
		/* zgoraj sem nastavil 700, ampak 930 prevlada - s tem se izognem kopiranju celotnih lastnosti (float,margin,bor.) */
	}
	
	#news_bar, #news_bar_without-sidebar, #calendar_bar, #oznanila_bar, #enovice_bar {
		width: 100%;
		height: 46px;
		background: #bf0a2b;
		border-top-left-radius: 5px;
		border-top-right-radius: 0px;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 0px;
		text-align: left;
	}
	
	#news_bar_without-sidebar{
		border-top-right-radius: 5px;
	}
	
	#news h2, #news_bar_without-sidebar h2, #calendar_side h2, #oznanila h2, #enovice h2 {
		margin: 0px;
		float: left;
		font: 18px/18px 'AllerBD', Arial, Helvetica, sans-serif;
		color:#FFF;
		padding-top: 12px;
		padding-left: 20px;
	}
	
	#news .vse_novice { /* gumbek - prikaz vseh novic */
		float: right;
		font-size:12px;
		border-radius:5px;
		margin-right:15px;
		margin-top:10px;
		float: right;
		color:#FFF;
		border: 1px solid #CCC;
		border-radius:3px;
		padding: 5px 20px;
		background: rgb(188,71,91); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(188,71,91,1) 0%, 
		rgba(188,35,61,1) 49%, rgba(180,10,41,1) 50%, rgba(180,10,41,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, 
		color-stop(0%,rgba(188,71,91,1)), color-stop(49%,rgba(188,35,61,1)), color-stop(50%,rgba(180,10,41,1)), 
		color-stop(100%,rgba(180,10,41,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(188,71,91,1) 0%,
		rgba(188,35,61,1) 49%,rgba(180,10,41,1) 50%,rgba(180,10,41,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(188,71,91,1) 0%,
		rgba(188,35,61,1) 49%,rgba(180,10,41,1) 50%,rgba(180,10,41,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(188,71,91,1) 0%,
		rgba(188,35,61,1) 49%,rgba(180,10,41,1) 50%,rgba(180,10,41,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(188,71,91,1) 0%,
		rgba(188,35,61,1) 49%,rgba(180,10,41,1) 50%,rgba(180,10,41,1) 100%); /* W3C */
		filter: 
		progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc475b', endColorstr='#b40a29',GradientType=0 ); 
		/* IE6-9 */
	}
	
	#news ul.dlm-downloads {
		list-style-type: none;
		margin: 0px;
		border: 1px none;
		min-height:300px; /* nastavljena min-širina v primeru, da NOVIC NI! */
	}
	
		#news li.even-odd, #news ul.dlm-downloads{ /* vsebovano v <div id="news"> - to so LIji od starejših novic */
		/* #news ul.dlm-downloads je posebej za prikaz OZNANIL IN ZUP. LISTA preko DLM-DOWNLOADERJA */
			margin-top:10px;
			margin-left: 15px;
			margin-right: 15px;
			margin-bottom: 10px; /* NE SPREMINJAJ NE VEDE - POGLEJ KAJ SE ZGODI NA FOOT */
			padding: 5px;
			clear: left !important;
			border-top-left-radius:10px;
			border-bottom-right-radius:10px;
			list-style: none;
		} 
			#news li.even-odd:nth-child(odd){
				background: #f5f5f8 url(images/foot_bg_bars.png);
				clear: left !important;
			}
			#news li.even-odd:nth-child(even){
				background:#f1e4e8 url(images/foot_bg_bars_2.png);
				clear: left !important;
			}
			#news ul.seznam_novic li img {
				float: left;
				margin-top:0px;
				border: 2px solid #FFF;
				border-radius:10px;
				border-bottom-left-radius:0px;
				width: 102px;
				height: 78px;
				margin-top: 0px;
			}
			
				#news ul.seznam_novic li img:hover{
					opacity:0.9;
				}
			
				#news ul.seznam_novic li p img {
					display:none; /* ne prikazuj slike v <p> elementu */
				}
			#news ul.seznam_novic li h1{
				padding-left:120px; /*če ni slike, je zadeva še vedno fikna na 120px od levega robu */
				padding-top: 5px;
				color: #1c1c1c;
				font: 15px/15px 'AllerLt', Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				font-weight:bold;
			}
			
				#news ul.seznam_novic li h1 div.datum_novice{
					display:none;
				}
				
				#news ul.seznam_novic li h1:hover div.datum_novice, #news ul li img:hover h1 div.datum_novice{
					display:block;
					float: right;
				}
			#news ul.seznam_novic li div.povzetek{
				padding-left:120px;
				padding-right:15px;
				padding-top:7px;
				font: 14px/14px 'AllerRegular', Arial, Helvetica, sans-serif;
				color: #575757;
			}

/* spodaj #news_shadow_bottom_without-sidebar je mišljen za strani, katere so brez sidebara */
#news_shadow_bottom, #news_shadow_bottom_without-sidebar {
	float: left;
	background:url(images/shadow_news_bottom_cut.png) no-repeat; /*uporabljena odrezana senca - glej OP B4 */
	margin-left: -5px; /* pusti na 5px */
	margin-top: -5px; /* NE SPREMINJAJ!!!!! prilagojena slika za to mero po PHOTOSHOPU! */
	width: 702px;
	height: 48px;
	/*z-index:0; /* prekrivanje čez news ne deluje! - glej OP B4 */
	/*position:relative; /* prekrivanje čez news ne deluje! - glej OP B4 */
}

#news_shadow_bottom_without-sidebar{
	background:url(images/shadow_news_bottom_cut_without-sidebar.png) no-repeat; /*uporabljena odrezana senca - glej OP B4 */
	width: 936px;
}
	

/* DESNI SLIDER */
	#right_slider {
		float: right;
		width: 294px;
		margin-right: -40px; /* oddaljenost right_slider od vsebine na levi - biti mora 30px ali več - opomba C1 */
		margin-left: 5px; /* s tem sem popravil oddaljenost CELEGA RIGHT SIDER od vsebine na levi - tako da je enaka kot
							oddaljenost GLAVNE vsebine od levega robu spletne strani - glej sence in razdaljo! opomba C2 */
	}
	
		#calendar_full_div {
			position: relative; /* nujno - zaradi prekrivanja menija pri individualnih straneh */
			top: 50px; !important
			float:left;
			width:100%;
			height: 361px;
			z-index:0; /* nujno - zaradi prekrivanja menija pri individualnih straneh */
		}
		
			#calendar_shadow_left, #calendar_side, #oznanila, #enovice { /* za prekrivanje mora biti relative */
				position: relative;
			}
			
			#calendar_shadow_left, #oznanila_shadow_left {
				float: left; /* poravnaj levo - desno bo poravnan sliderbar box (koledar...) */
				background:url(images/shadow_news_left.png) no-repeat;
				margin-left: -10px;
				margin-top: 15px;
				width: 36px;
				height: 305px;
				display: block;
				z-index:0;
				position:relative;
			}
			
			#calendar_side, #oznanila, #enovice {
				float:left;
				margin-left:-5px;
				width:272px;
				height:100%;
				border-radius:5px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-top-right-radius:0px !important;
				-webkit-border-top-right-radius: 0px !important;
				-moz-border-radius-topleft: 0px !important;
				z-index:0;
				/* http://www.colorzilla.com/gradient-editor/ */
					background: rgb(255,255,255); /* Old browsers */
					background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 
					32%, rgba(255,255,255,1) 34%, rgba(215,216,216,1) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, 
					color-stop(0%,rgba(255,255,255,1)), color-stop(32%,rgba(255,255,255,1)), 
					color-stop(34%,rgba(255,255,255,1)), color-stop(100%,rgba(215,216,216,1))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,
					rgba(255,255,255,1) 32%,rgba(255,255,255,1) 34%,rgba(215,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,
					rgba(255,255,255,1) 34%,rgba(215,216,216,1) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,
					rgba(255,255,255,1) 34%,rgba(215,216,216,1) 100%); /* IE10+ */
					background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 32%,
					rgba(255,255,255,1) 34%,rgba(215,216,216,1) 100%); /* W3C */
					filter: 
					progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d8d8',
					GradientType=0 ); /* IE6-9 */
				/* */
			}
			
			#oznanila img.preview{
				width: 272px;
				height:315px;
				border-bottom-left-radius:15px;
				border-bottom-right-radius:15px;
			}
			
					/* #calendar_bar je zgoraj že definiran - v vrstici okrog 317 */
					
			#calendar_shadow_bottom {
				float: left;
				background:url(images/shadow_right_sliders.png) no-repeat;
				width: 260px;
				height: 47px;
				margin-left: 25px;
				margin-top: -2px;
			}
			
			#calendar object {
			width: 100px !important;}
			
		#oznanila_full_div {
			float: left;
			width:100%;
			height: 361px;
			margin-top:0px;
			/* margin-top:50px; samo ce je calendar prvi */
			z-index: 0;

		}
		
			#hover-oznanila{
				display:none;
				margin-top:46px;
			}
			
			#oznanila:hover #hover-oznanila{
				background:url(images/opacity_75.png);
				width:100%;
				height:315px;
				border-bottom-left-radius:5px;
				border-bottom-right-radius:5px;
				display:block;
				position:absolute;
				top:0px;
			}
			
				#oznanila img.lupa{
					position:relative;
					top:15%;
					display:block;
					width:150px;
					margin-left:auto;
					margin-right:auto;
				}
				
				span.oznanila-preview-text{
					position:relative;
					top:23.5%;
					display:block;
					margin-left: auto;
					margin-right:auto;
					text-align:center;
					font-size:12px;
					text-transform:uppercase;
					font-weight:bold;
				}
		
		#enovice_full_div {
			float: left;
			width:100%;
			min-height: 155px;
			margin-top:50px;
			margin-bottom: 0px; /* kadar je VSEBINA (NEWS) po dolžini kratka, s tem nastavim razmak med enovice in footom */
			/* glej opombo C1 */
			/* POPRAVLJENO KASNEJE: nastavil namesto height > min-height, zato sedaj margin-bottom lahko 0,in ne 72 */
		}
		
			#enovice_shadow_left {
				float: left; /* poravnaj levo - desno bo poravnan sliderbar box (koledar...) */
				background:url(images/shadow_enovice_left.png) no-repeat;
				margin-left: -10px;
				margin-top: 10px;
				width: 36px;
				height: 144px;
				display: block;
				z-index:1;
			}
			
/* FOOT */
/************************************************ DELOVANJE *************************************************************/
/* FOOT je v grobem sestavljen iz 3 DIVov - prvi je #full_foot, drugi #foot_bg, tretji #foot							*/
/* 1. #full_foot: določa BG barvo + v center postavi sliko cerkve brez ponavljanja										*/
/* 2. #foot_bf: po 100% širini naredi background belih črt - z-index:-1, da ne prekrijejo drugih pomembnih stvari		*/
/* 3. #foot: ima FIKSNO širino (okrog 1350) - ne sme biti 100%, sicer pri pomanšavi spletne strani foot razpade - zleze	*/
/* povsem na levo stran. foot nima nobenega backgrounda, ima pa vso vsebino - 5 divov (first, sedond...fifth)			*/
/************************************************************************************************************************/
#full_foot {
	position:relative;
	float: left; /* ne izbriši */
	display:block;
	margin:0px auto;
	background:#bf0a2b url(images/foot_cerkev.png) no-repeat;
	background-position:center; 
	background-size: 100% 100%;
	width:100%;
	height:330px;
	z-index:1;
}

	#foot_bg {
		width: 100%;
		height:330px;
		position: absolute; /* nujno absolute! - sicer ne pride do "DIV na DIV" - če daš relative ni prekrivanja */
		background:url(images/foot_bg.png) repeat;
		/* background: url(http://www.marussiaf1team.com/static/images/VR_Pattern_20.png) repeat; */
		z-index: -1; /* pošlji ZA vse divide */
	}
	#foot {
		margin: 0px auto;
		display:block;
		position:relative;
		height:330px;
		width:1340px;
	}
	
		#foot h2 {
			font: 24px/24px 'AllerItalic', Arial, Helvetica, sans-serif;
			color:#FFF;
			text-align:center;
			padding-top:5px;
		}
		
		#foot h3 {
			font: 16px/16px 'Aller', Arial, Helvetica, sans-serif;
			margin: 26px 22px;
			color: #FFF;
			font-weight:bold;
		}
		
		#foot h4 {
			font: 14px/14px 'AllerItalic', Arial, Helvetica, sans-serif;
			margin: 26px 22px;
			color: #FFF;
			margin-top: -25px;
		}
		
		#foot .first {
			display:block;
			float:left;
			width: 155px;
			height:197px;
			background:url(images/50_let.png) no-repeat;
			margin-top:80px;
			margin-left:0px;
		}
		
		#foot .second {
			display:block;
			float:left;
			width: 290px;
			height:290px;
			margin-top:20px;
			margin-left:20px;
		}
		
			#second_box, #third_box, #fourth_box {
				background:url(images/foot_bg_bars.png); 
				height:40px; 
				width:290px; 
			}
			
		
		#foot .third {
			display:block;
			float:left;
			width: 290px;
			height:290px;
			margin-top:20px;
			margin-left:60px;
			text-align: center;
		}
			
			#third_box p {
				color: #FFF;
				font: 14px/14px 'AllerRegular', Arial, Helvetica, sans-serif;
				margin: 26px 22px;
				color: #FFF;
				margin-top: 26px;
			}
		
		#foot .fourth {
			display:block;
			float:left;
			width: 290px;
			height:290px;
			margin-top:20px;
			margin-left:60px;
		}
			#fourth_box ul {
				margin: 26px 22px;
			}
			#fourth_box li {
				margin-top: 2px;
				color: #FFF;
			}
			#fourth_box span {
				height:32px;
				width:32px;
			}
			#fourth_box .fb{
				float:left;
				margin-top:10px;
				margin-left:0px;
				background:url(images/social_networks/facebook_dark.png) no-repeat;
				height:32px;
				width:32px;
			}
			#fourth_box .fb:hover{
				background:url(images/social_networks/facebook_active.png) no-repeat;
			}
			#fourth_box .go{
				float:left;
				margin-top:10px;
				margin-left:10px;
				background:url(images/social_networks/google_dark.png) no-repeat;
				height:32px;
				width:32px;
			}
			#fourth_box .go:hover{
				background:url(images/social_networks/google_active.png) no-repeat;
			}
			#fourth_box .yt{
				float:left;
				margin-top:10px;
				margin-left:10px;
				background:url(images/social_networks/youtube_dark.png) no-repeat;
				height:32px;
				width:32px;
			}
			#fourth_box .yt:hover{
				background:url(images/social_networks/youtube_active.png) no-repeat;
			}
			#fourth_box a {
				color:#FFF;
			}
			#fourth_box a:hover {
				text-decoration:underline;
			}
		
		#foot .fifth {
			display:block;
			float:left;
			width: 151px;
			height:253px;
			background:url(images/foot_florijan.png) no-repeat;
			margin-top:50px;
			margin-left:15px;
		}
		
		
		
/* ZA SINGLE PAGE */
/* SLIDER NA DESNI JE DEFINIRAN ŽE ZGORAJ, PRAV TAKO HEADER IN FOOT */
#news.extra_dolzina, #news_without-sidebar.extra_dolzina { min-height:390px; }
#news_bar.extra_text_transform h2, #news_bar_without-sidebar.extra_text_transform h2 { text-transform:uppercase; }

#info_news {
	margin: 10px 15px;
	padding-left: 8px;
	padding-top:7px;
	padding-bottom: 7px;
	padding-right:8px;
	clear: left !important;
	border-radius:5px;
	background: #f5f5f5 no-repeat;
}

#info_news strong, #info_news span {
	font: 14px/14px 'AllerLt', Arial, Helvetica, sans-serif;
	color: #b90000;
	font-weight:bold;
}

#info_news a,
#info_news a:visited,
#info_news a:hover,
#info_news a:active {
 	text-decoration: none;
	outline: 0;
	border: 0;
	color: #b90000;
}

#info_news font {
	font: 14px/14px 'AllerRegular', Arial, Helvetica, sans-serif;
	color: #b90000;
}

#info_news .extra_float {
	float: right;
	text-transform:uppercase;
	padding-right:15px;
}

#zapis_text {
	font: 14px/14px 'AllerRegular', Arial, Helvetica, sans-serif;
	color: #1c1c1c;
	padding-left:15px;
	padding-right: 25px;
	padding-top:5px;
	text-align:justify;
	line-height:20px;
}

/*#zapis_text img{
	border: 3px #da867c solid;
	border-radius:5px;
	float:left;
	width:210px;
	height:139px;
	margin-right:15px;
	margin-top: -2px; /* lepotni popravek - lepše izgleda 
}*/


	#zapis_text p{
		padding-bottom:10px;
	}


	#zapis_text img.crta, #zapis_text img.crta_without-sidebar{
		border:0px !important; 
		padding:0px; 
		margin:0px;
		width:662px;
		height:21px;
	}
	
	#zapis_text img.crta_without-sidebar{
		width:898px;
	}
	
	#zapis_text ol{ /* zamik številčenja od levega robu: brez=čist na levem robu */
		padding-left:40px;
	}
	
	#zapis_text ul{
		padding-left:40px;
	}
	
/* POSEBEJ ZA OZNANILA - Download MONITOR */
.sdm_download_item_count{
	display: none !important; /* ne prikaži downloadov */
}



/*************************************** ZA ALL-IN-ONE CALENDAR PLUGIN ***********************************/
h2.widgettitle{
	display:none; /* onemogoči prikaz naslova za widget Koledar */
}

.ai1ec-day{
	font-size: 1.5em !important; /* v orig. css 2em */
}

.ai1ec-today, .ai1ec-weekday{
	width:100% !important; /* v orig. css je okrog 940px, kar ne ustreza - zelo grdo izgleda */
}

/** 

!!!! POZOR - V DATOTEKI AGENDA-WIDGET.TWIX SEM V VRSTICI 18 NAMESTO <a class="ai1ec-date-title ai1ec-load-view" NAPISAL SAMO <a class="ai1ec-date-title" >>> ai1ec-load-view SEM ODSTRANIL, SAJ SICER PRI WIDGETU NE DELUJE KLIK NA DATUM !!!
---- če kaj spreminjaš, potem pobriši obvezno cache od all-in-one calendar
**/

.ai1ec-popup-trigger{
	width:98% !important;
	/*width:98% !important; /* sirino bara zmanjsaj za 2% - da se ne prekriva s scroll barom */
	/*bolje ne podajat v px ! se sesuje na KOLEDARJU pri celodnevnih dogodkih */
}




/*************************************** ZA SLIKE - in ostale stvari z .aligncenter ***********************************/
.aligncenter{
	display: block;
	margin-left: auto;
	margin-right:	auto;
}

.alignright{ /* specialno za slike dodane preko Predstavnostnih datotek - poravnava desno s programom */
	float:right;
	margin-left: 10px;
	margin-right: 10px;
}

.alignleft{ /* specialno za slike dodane preko Predstavnostnih datotek - poravnava levo s programom */
	float:left;
	margin-left: 10px;
	margin-right: 10px;
}

.wp-caption{
		font-size:12px !important;
		background:#f3f3f3;
		text-align:center;
		padding-top:5px;
		border:1px solid #dddddd;
}



#calendar_full_div p.gumb-celoten-koledar{
	position:relative;
	display:table !important;
	top:0px;
	scroll:none;
	float:right;
	margin-top: 11px;
	margin-right: 12px;
}

#calendar_full_div p.gumb-celoten-koledar a{
	background:#FFF;
	border:1px solid #CCC;
}

#calendar_full_div p.gumb-celoten-koledar a:hover{
	background:#EBEBEB;
	border:1px solid #ADADAD;
}

.horizontal-line-under-calendar{
	top:325px;
	position:absolute;
	left:0;
	right:0;
	margin: 0 auto;
	width:250px;
	height:1px;
	background: rgb(221,222,222);
	background: -moz-linear-gradient(left, rgba(221,222,222,1) 0%, rgba(163,163,163,1) 50%, rgba(221,222,222,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(221,222,222,1)), color-stop(50%,rgba(163,163,163,1)), color-stop(100%,rgba(221,222,222,1)));
	background: -webkit-linear-gradient(left, rgba(221,222,222,1) 0%,rgba(163,163,163,1) 50%,rgba(221,222,222,1) 100%);
	background: -o-linear-gradient(left, rgba(221,222,222,1) 0%,rgba(163,163,163,1) 50%,rgba(221,222,222,1) 100%);
	background: -ms-linear-gradient(left, rgba(221,222,222,1) 0%,rgba(163,163,163,1) 50%,rgba(221,222,222,1) 100%);
	background: linear-gradient(to right, rgba(221,222,222,1) 0%,rgba(163,163,163,1) 50%,rgba(221,222,222,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddede', endColorstr='#dddede',GradientType=1 );
}

#news ul.dlm-downloads #ne{
	width:193px !important;
	height:240px !important;
	display:table;
	float:left;
	position:relative;
	margin-right:5px;
	margin-bottom:20px;
	border:2px solid #FFF; /* nujno naj bo, sicer se sesuje prikaz content-download-oznanila-new.php */
}

#news ul.dlm-downloads #ne.class0 #prekrij{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border:2px solid #bf0a2b !important;
}

#news ul.dlm-downloads li #ne img.specialo{
	width:193px !important;
	height:245px !important;
	float:left;
}


#news ul.dlm-downloads li #ne #prekrij{
	display:none;
}

	#news ul.dlm-downloads li #ne:hover #prekrij{
		background:url(images/opacity_90.png);
		width:193px;
		height:245px;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		display:block;
		position:absolute;
		border:2px solid #666;
	}
	
	#news ul.dlm-downloads li #ne img.lupa-oznanila{
		position:absolute;
		left:30%;
		top:25%;
		border:none;
		width:75px;
		height:75px;
	}
	
	span.mojop{
		position:relative;
		top:70%;
		display:block;
		font: 14px/14px 'AllerRegular', Arial, Helvetica, sans-serif;
		margin-left: auto;
		margin-right:auto;
		text-align:center;
		font-size:15px;
		text-transform:uppercase;
		font-weight:bold;
	}
	
	span.aktualna, span.pretekla{
		position:absolute;
		font: 16px/16px 'AllerRegular', Arial, Helvetica, sans-serif;
		top:10%;
		left:0;
		right:0;
		margin-left:0;
		margin-right:0;
		text-align:center;
		text-transform:uppercase;
		font-weight:bold;
		color:#bf0a2b;
	}
	
	span.pretekla{
		color:#F00;
	}
	
	
/*************************************** ZA NAROČANJE NA EVNOICE - SKUPAJ Z MAILPOET ***********************************/
.wysija-msg ul{
	list-style: none outside none;
}

.widget_wysija{
	position:relative;
	margin-top:5px;
}
.wysija-input{
	width:130px;
	margin: 2px;
	border:1px solid #666;
}

p.wysija-paragraph{
	margin-top:8px;
	margin-left:10px;
}

p.wysija-paragraph input.validate[required]{
	width:250px !important;
}

.wysija-submit{
	position:absolute;
	float:right;
	width:100px;
	height:81px;
	font-size:16px;
	bottom:0px;
	left:160px;
}


.pravno-besedilo{
	margin:0;
	padding:0;
	margin-left:12px;
}

/* ZA GALERIJO - Z UPORABO ADVANCED CUSTOM FIELD */
h2.galerija{
		color: #1C1C1C !important;
		font: 18px/18px "AllerBD",Arial,Helvetica,sans-serif;
		padding-left:0px !important;
}

ul#galerija_acf{
	list-style:none;
	padding-left:0px !important;
	padding-top:20px;
	width:104% !important;
}

	ul#galerija_acf li{
		float:left; /* dont delete - za enak razmak - pri galerija_acf li img mora tudi bit */
	}
	ul#galerija_acf li img{
		width:95px !important;
		margin-right: 15px;
		margin-bottom: 15px;
		border: 2px solid #CCCCCC;
		float:left; /* dont delete - za enak razmak - pri galerija_acf li mora tudi bit */
	}
	
	
/* SAMO ZA ČIŠĆENJE IN KRAŠENJE !!!!!! */
		.CSSTableGenerator {
			margin:0px;padding:0px;
			width:662px;
			box-shadow: 10px 10px 5px #888888;
			border:1px solid #000000;
			
			-moz-border-radius-bottomleft:14px;
			-webkit-border-bottom-left-radius:14px;
			border-bottom-left-radius:14px;
			
			-moz-border-radius-bottomright:14px;
			-webkit-border-bottom-right-radius:14px;
			border-bottom-right-radius:14px;
			
			-moz-border-radius-topright:14px;
			-webkit-border-top-right-radius:14px;
			border-top-right-radius:14px;
			
			-moz-border-radius-topleft:14px;
			-webkit-border-top-left-radius:14px;
			border-top-left-radius:14px;
		}.CSSTableGenerator table{
			border-collapse: collapse;
				border-spacing: 0;
			width:662px;
			height:10px;
			margin:0px;padding:0px;
		}.CSSTableGenerator tr:last-child td:last-child {
			-moz-border-radius-bottomright:14px;
			-webkit-border-bottom-right-radius:14px;
			border-bottom-right-radius:14px;
		}
		.CSSTableGenerator table tr:first-child td:first-child {
			-moz-border-radius-topleft:14px;
			-webkit-border-top-left-radius:14px;
			border-top-left-radius:14px;
		}
		.CSSTableGenerator table tr:first-child td:last-child {
			-moz-border-radius-topright:14px;
			-webkit-border-top-right-radius:14px;
			border-top-right-radius:14px;
		}.CSSTableGenerator tr:last-child td:first-child{
			-moz-border-radius-bottomleft:14px;
			-webkit-border-bottom-left-radius:14px;
			border-bottom-left-radius:14px;
		}.CSSTableGenerator tr:hover td{
			background-color:#ffaaaa;
				

		}
		.CSSTableGenerator td{
			vertical-align:middle;
			
			background-color:#ffffff;

			border:1px solid #000000;
			border-width:0px 1px 1px 0px;
			text-align:left;
			padding:7px;
			font-size:10px;
			font-family:Arial;
			font-weight:normal;
			font-size: 12px !important; /* dodal MBe */
			color:#000000;
		}.CSSTableGenerator tr:last-child td{
			border-width:0px 1px 0px 0px;
		}.CSSTableGenerator tr td:last-child{
			border-width:0px 0px 1px 0px;
		}.CSSTableGenerator tr:last-child td:last-child{
			border-width:0px 0px 0px 0px;
		}
		.CSSTableGenerator tr:first-child td{
				background:-o-linear-gradient(bottom, #ff5656 5%, #7f0000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5656), color-stop(1, #7f0000) );
			background:-moz-linear-gradient( center top, #ff5656 5%, #7f0000 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5656", endColorstr="#7f0000");	background: -o-linear-gradient(top,#ff5656,7f0000);

			background-color:#ff5656;
			border:0px solid #000000;
			text-align:center;
			border-width:0px 0px 1px 1px;
			font-size:16px;
			font-family:Arial;
			font-weight:bold;
			color:#ffffff;
		}
		.CSSTableGenerator tr:first-child:hover td{
			background:-o-linear-gradient(bottom, #ff5656 5%, #7f0000 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5656), color-stop(1, #7f0000) );
			background:-moz-linear-gradient( center top, #ff5656 5%, #7f0000 100% );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5656", endColorstr="#7f0000");	background: -o-linear-gradient(top,#ff5656,7f0000);

			background-color:#ff5656;
		}
		.CSSTableGenerator tr:first-child td:first-child{
			border-width:0px 0px 1px 0px;
		}
		.CSSTableGenerator tr:first-child td:last-child{
			border-width:0px 0px 1px 1px;
		}
/* SAMO ZA ČIŠĆENJE IN KRAŠENJE !!!!!! */