/* Page styles */

/* Barve:

*/

html {overflow-y: scroll;}

body,h1,h2,h3,p,td,quote,small,form,input,ul,li,ol,label,a{
	margin:0px;
	padding:0px;
	font-family:Calibri;
}

body{
	margin-top:0px;
	font-size:17px;
	color: #000000;
	text-align:left;
	background-image:url("../slike/ozadje2.jpg");
	background-size: cover;
}

/* Glava */
#glava1{
	width:100%;
}	

.container1{
	}

#glava2{
	width:900px;
	height:150px;
	margin: auto;
	text-align:left;
}

.container2{
	padding:0px 0px 0px 0px;
	position:relative;
	vertical-align: bottom;
}

#glava3{
	width:900px;
	height:30px;
	margin: auto;
	text-align:left;
}

#pageContent{
	float:auto;
	width:900px;
	min-height: 700px;
	margin:auto;
	padding-top:20px;
	padding-left:0px;	

}

#page_background{
	width:860px;
	min-height: 700px;
	background-color: rgba(255, 251, 227, 0.8);
	padding:20px 20px 20px 20px;
	}

#ime{
	margin-top:60px;
	margin-right:0px;
	float:right;
 }
	
.podnaslov{
	margin-right:50px;
	font-size:19px;
	font-style: Sagoe Script;
	font-family: Sagoe Script;
	color: #FFF2D1; 
}

.podnaslov2{
	margin-right:120px;
	font-size:19px;
	font-style: Sagoe Script;
	font-family: Sagoe Script;
	color: #FFF2D1; 
}



.logo_table_class{
		margin-top:20px;
}

/* Menjava slik */
#cycler{position:relative; width:0px;height:350px;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:2}

#slika1{
	margin-top: 5px;
	padding-left:35px;
	padding-bottom:25px;
	float:right;
	width: 384px;
	height: 321px;}

#slika2{
	margin-top: 5px;
	padding-left:35px;
	padding-bottom:25px;
	float:right;
	width: 469px;
	height: 321px;}


/* Drop down menu */

#drop-nav{ display:inline-block;}
  
.nav_td { text-align: right; vertical-align: bottom;}

ul.drop_menu {list-style: none;
	border-bottom-width:2px;
  border-bottom-color:#FF182B;
  border-bottom-style: solid;
  padding-left:20px;}

ul.drop_menu li {
	display: block; 
	position: relative;
	float: left; 
	padding-left:10px;
	z-index:4;}
	
ul.drop_menu li ul li {
	width:100%;}
	
li ul {
	display: none;	}

/* top menu*/	
ul.drop_menu li a { 
	display: block; 
	text-decoration:none; 
	text-align:center;
	white-space: nowrap; 
	font-size:17px;
	font-style: Sagoe Script;
	font-family: Sagoe Script;
	color: #FFF2D1; 
	height:32px; 
	padding-top:4px;
	padding-right:7px;
	padding-left:7px;}
	 

ul.drop_menu li a:hover	{
	color: #c20000;
	text-decoration:none;}	

ul.drop_menu li a:active, ul.drop_menu li a:focus	{
	background-color:#FF182B;
	color: #ffffff;
	text-decoration:none;}

/*vsi menuji izbrani*/	
ul.drop_menu li ul li a:hover{
	color: #c20000;
	text-decoration:none;}

ul.drop_menu li ul li a:active, ul.drop_menu li ul li a:focus {
	color: #ffffff;
	text-decoration:none;}

ul.drop_menu li ul{
	border: 1px #291202 solid;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#ffffff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 3px 3px 6px #291202;}
	
li:hover ul {
	display: block; 
	position: absolute;width:155px;
	color: #00174f;}
	
li:hover li {
	float: none;
	color: #00174f;}

/* Headings */
h1{
	font-size:27px;
	font-weight:bold;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#291202;}

h2{
	font-weight:bold;
	font-size:22px;
	font-weight:bold;
	padding-bottom: 0px;
	display: inline;
	color:#291202;}

h3{
	font-weight:bold;
	font-size:18px;
	padding-bottom: 10px;
	display: inline;
	color:#291202;}

h4{
	font-weight:normal;
	font-size:18px;
	display: inline;
	color:#291202;}

ul{
	margin:0px 0px;}

a.link:link    {color:#c20000; background-color:transparent; text-decoration:none}
a.link:visited {color:#c20000; background-color:transparent; text-decoration:none}
a.link:hover   {color:#c20000; background-color:transparent; text-decoration:none}
a.link:active  {color:#c20000; background-color:transparent; text-decoration:none}

#loading{
	visibility:hidden;
}