/* @override 
	http://butler.local/pridi-na-feri.si/html/feri.css
	http://pridi-na-feri.si/feri.css
	http://butler.local/pridi-na-feri.si/html/feri.2.css
	http://pridi-na-feri.si/feri.2.css
*/

/* light background: #E7E3D9 */

@media screen {
	.hidden {
		display: none;
	}
}

body {
	font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #000;
}


.legend {
	cursor: help;
	text-decoration: underline;
}

.centercell {
	text-align: center !important;
	border-left: 1px solid #ddd;

}


/* @end */

.alt {
	display: none;	
}

.cb {
	clear: both;
}


/*
* {
	outline: 1px solid rgba(255,255,255,0.1)
}*/


input:focus { outline: none}
a { outline: none; 
color:  #274463;}

a:hover {
	color: #CFC95F;
}

img {
	border: none;
}


#back {
		padding-top: 0;
		background: url(ui/v2/body-bg.jpg) repeat-x #F5F3EF 0 -50px;
		
}

#container {
	/* todo: IE6 */

	/*background:  url(ui/container-bg.gif) no-repeat center 5px;*/
	background: none;
	min-height: 500px;
}



#header, #content, .sitewidth {
	width: 985px;
	margin: 0 auto;
	text-align: left;

}



#content {
	min-height: 550px;
}

/* @group header and menu */

#header {
	background: url(ui/v2/header-bg.gif) repeat-x 0 bottom;
	height: 135px;
	padding-top: 4px;
	padding:0;

}

	#feri {
		float: right;
		width: 310px;
		height: 130px;
	}
	
	#feri img,
	.ie6transparent {
		/*IE6 fix */
		behavior: url(iepngfix.htc);
	}
	


	#home {
		display: block;
		float: left;
		height: 135px;
		width: 250px;
		background: url(ui/v2/home-sprited.gif) no-repeat;	
	}
		#home:hover {
			background-position: 0 -130px;	
		}
	
	#menu {
		margin: 0;
		padding:0;
		float: left;
		margin-top: 72px;
	}
	
		#menu li {
			display: block;
			list-style: none;
			float: left;
			margin: 0;
			padding:0;
		}
		
		#menu a {
			display: block;
			width: 60px;
			height: 45px;
			background: url(ui/menu.gif) no-repeat;
			
			outline:  1px solid rgba(255,255,255,0.0);
		}
		
		a#m1 { 
			background-position: -60px 0;
			width: 100px;
		}

		a#m2 { 
			background-position: -165px 0;
			width: 70px;
		}
		
		a#m3 { 
			background-position: -235px 0;
			width: 110px;
		}		

		a#m4 { 
			background-position: -350px 0;
			width: 80px;
		}
		
		a#m0:hover { background-position: 0 -50px }
		a#m1:hover { background-position: -60px -50px }
		a#m2:hover { background-position: -165px -50px }
		a#m3:hover { background-position: -235px -50px }
		a#m4:hover { background-position: -350px -50px }
		
		.selected a#m0 { background-position: 0 -100px !important}
		.selected a#m1 { background-position: -60px -100px !important }
		.selected a#m2 { background-position: -165px -100px !important }
		.selected a#m3 { background-position: -235px -100px !important }
		.selected a#m4 { background-position: -350px -100px !important }


/* @end */

/* @group submenu */

#submenu {
	width: 200px;
	padding: 0;
	

	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	overflow: hidden;

}
	#submenu ul {
		background-color: #000;
		margin: 0;
		padding: 0;
		border-top: 1px solid #222;

	}
	
	#submenu li {
		list-style: none;
		margin: 0;
		border-bottom: 1px solid #222;
	}
	
	
	#submenu li.selected {
		background-color: #333 !important;
	}
	
	#submenu a {
		color: #fff;
		display: block;
		background: url(ui/footer-bullet.gif) no-repeat 12px 9px;
		padding: 3px 10px 3px 22px;
		text-decoration: none;
	}
	
	#submenu li.selected a{
		color: #CFC95F;
	}
	
	#submenu a:hover {
		color: #CFC95F;
		background-color: #222;
	}
	
	#submenu div.separator {
		border-bottom: 1px solid #555;
	}

/* @end */



/* @group content */

h1 {
	color: #274463; /*#274463;*/
	font-size: 50px;
	font-weight: bold;
	margin: 0;
	padding: 00px 0 5px 50px;
	
	text-shadow: rgba(255,255,255,0.2) 1px 1px 2px;
	
	font-family: Calibri, "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

#leftcol {
	width: 740px;
	float: left;
	overflow: hidden;
}

	#leftcol p {
		margin-right: 10px;
		line-height: 18px;
	}
	
	#leftcol li {
			line-height: 18px;
	}
	
	
	#introtext {
		margin: 0px 45px 10px 50px;
	}
	
	#introtext,
	#introtext p {
		font-size: 16px;
		line-height: 24px !important;
		font-weight: bold;
	}
	
	#introtext p {
		margin-top: 0;
	}
	
	#introtext strong,
	#introtext b {
		font-size: 20px;
	}
	
	p.introtext {
		font-size: 16px;
		line-height: 24px !important;
	}
	
	p.introtext strong,
	p.introtext b {
		font-size: 20px;
	}

#rightcol {
	width: 220px;
	float: left;
	padding-left: 15px;
	padding-bottom: 15px;
	overflow: hidden;
}

.firstpad {
	padding-left:50px
}




.col1, .col2, .col3, .col4, .col5, .col3wide {
	float: left;
	margin-left: 5px;
}

.col1 { width: 95px }
.col2 { width: 195px }
.col3 { width: 295px }
.col3wide { width: 325px }

.col4 { width: 395px }
.col5 { width: 480px }





.embox {
	background: #302827 url(ui/embox-bg.gif) no-repeat center bottom;
	padding: 0;	
	margin-left: 20px;
	color: #fff;
	text-align: center;
	height: 105px;
	
	font-family: Calibri, "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
	-webkit-border-bottom-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	
	-moz-border-radius-bottomright: 5px; 
	-moz-border-radius-bottomleft: 5px;
	
	border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px;
}

.embox p {
	margin: 5px !important;
	font-size: 16px;
	font-weight: bold;
}

.embox h4 {
	margin: 0;
	padding:5px;
	background-color: #CFC95F;
	font-size: 14px;
}

.embox .S {
	font-size: 12px;
}
.embox .XL {
	font-size: 30px;
	padding: 10px 0 3px 0;
}

.embox .XXL {
	font-size: 60px;
	padding: 17px 0 5px 0;
	line-height: 30px !important;
}


#main {
	margin: 10px 10px 20px 40px;
	background-color: #F5F3EF;
	padding: 10px 10px 20px 10px;
	min-height: 400px;
}


	#main p {
		margin-left: 195px;
		margin-right: 10px;
		margin-top: 2px;
	}
	
	#main ul,
	#main ol {
		margin-left: 195px;
		margin-right: 10px;
		line-height: 18px;
		padding: 0;
	}
	
	#main li {
		margin-left: 30px;;
	}
	
	#main #addcolumn {
		float: left;
	}
	
	
	#main h2 {
		margin-left: 195px;
	}
	
	#main h3 {
		width: 175px;
		font-size: 16px;
		float: left;
		margin-top: 0px;
		color: #274463;
		
		line-height: 18px;

	}
	
	#main h4 {
		font-size: 14px;
		margin: 30px 10px 10px 195px;
		color: #333;
		padding-bottom: 4px;
		border-bottom: 1px solid #cfc95f;

	}
	
	
/* @end */

/* @group details */

#details {
	margin: 20px 10px 20px 20px;
	background-color: #F5F3EF;
	padding: 20px 10px;
	min-height: 400px;
}


#detailsmenu {
	padding-bottom: 20px;
}

#detailsmenu ul {
	padding: 0;
	padding-left: 10px;
	margin: 0;
	width: 170px;
}

#detailsmenu li {
	list-style: none;
	margin: 0;
	line-height: auto;
}

#detailsmenu a {
	display: block; 
	color: #555;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	height: 22px;
	line-height: 20px;
	
	background: url(ui/detailsmenu-bg.gif) no-repeat right -36px;
}


#detailsmenu a:hover {
	color: #CFC95F;
}

#detailsmenu li.selected a {
	color: #000 !important;
	background-position: right 0;
}

#leftcol table {
	border-collapse: collapse;
	border-top: 1px solid #ccc;
}

#leftcol td,
#leftcol th {
	border-bottom: 1px solid #ccc;
	padding: 4px 2px;
	vertical-align: top;
	text-align: left;
}

#leftcol table p {
	margin: 0;
	line-height: 120%;
}

#leftcol table ul {
	margin-top: 0;
	margin-bottom: 0;
}

.section h3 {
	margin-top: 0px;
	font-size: 20px;
	color: #274463;

}

.section th {
	width: 30%;
}


#predmetnik th {
	background-color: #E7E3D9 !important;
	border-bottom: 1px solid #999;

}

.section h4 {
	margin: 0;
	color: #333;

	font-size: 16px;
	padding-bottom: 4px;
	border-bottom: 1px solid #cfc95f;
}

ol li {
	list-style: lower-alpha;
	
}


/* @end */




/* @group footer */

#footer {
	background: url(ui/v2/footer-bg.gif) repeat-x #000;
	color: #E7E3D9;
	padding: 20px 0;
}
	
	#footer a {
		color: #E7E3D9;
	}
	
	#footer a:hover {
		color: #CFC95F;
	}
	
	#quicklinks {
		width: 340px; /* 340px */
		float: left;
		padding: 10px 0;
		margin-left: 30px;
	}
	
	#footer ul {
		margin: 0;
		padding: 0;
	}
	
	#footer li {
		list-style: none;
		background: url(ui/footer-bullet.gif) no-repeat 16px 4px;
		padding: 0 0 0 30px;
		margin: 4px 0;
	}
	
	#quicklinks li {
		margin: 2px 0;
	}

	#footer h4 {
		font-family: Calibri, "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		margin: 0;
		padding: 7px 0 5px 30px;
		background: url(ui/footer-icons.gif) no-repeat 0 0px;
	}
		
	#morelinks {
		width: 540px;
		background-color: #1a1a1a;
		float: left;
		margin-top: 20px;
		padding: 10px 0 10px 10px;
	}
	
		#ml-feri, #ml-zivljenje {
			width: 195px;
			float: left;
		}
		
		#ml-vec {
			width: 95px;
			float: left;
		}
		
		#ml-feri h4 { background-position: 0 -37px; }
		#ml-zivljenje h4 { background-position: 0 -77px; }
		#ml-vec h4 { background-position: 0 -114px; }


/* @end */

#topbanner {
	/*min-height: 220px;*/
}

#topbanner img {
	/*IE6 fix */
	behavior: url(iepngfix.htc)
}

/* @group search */

#search {
	margin: 5px 0 10px 0;
	background: url(ui/search-bg.gif) no-repeat;
	width: 180px;
	padding: 2px 10px;
	opacity: 0.8;
	height: 22px;
}

.search-input {
	width: 180px;
	border: none;
	background: none;
	color: #666;
}

.search-input:focus {
	outline: none;
	color: #000;
}


#pgiskanje h2,
#pgiskanje p  {
	margin-left: 0;
}



#searchresults {
	padding: 0;
	margin: 0;
}
	ul#searchresults{
		margin-left: 0;
	}

	#searchresults li {
		list-style: none;
		padding: 10px 0;
		margin: 0;
		border-top: 1px solid #E7E3D9;
	}
	
	#searchresults span.weight {
		display: block;
		float: right;
		padding: 4px 4px;
		background-color: #E7E3D9;
		color: #666;
		height: 12px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		line-height: 13px;
	}
	
	#searchresults span.high {
		background-color: #b5d82d;
		color: #fff;
	}
	
	#searchresults span.medium {
		background-color: #ebd333;
		color: #fff;
	}
	
	
	#searchresults h3 {
		margin: 0;
		float: none;
		width: auto;
	}
	


/* @end */

#banner-contact {
	text-align: center;
	width: 200px;
	font-weight: bold;
	margin-top:10px
}

#banner-contact p {
	margin: 0;
	line-height: 14px;
}

#banner-contact p.telefon {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 20px;
}

/* @group news */

.newsitem {
	padding: 10px 0;
	margin: 0;

}

	.newsitem .category {
		float: left;
		width: 150px;
		padding: 4px 8px;
		background-color: #c6bf17;
		color: #fff;
		height: 12px;
		line-height: 11px;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
	
	.cat-Dogodki {
		background-color: #f60 !important;
	}

	.newsitem h2 {
		font-size: 32px;
		font-weight: bold;
		margin: 5px 0;
		margin-left: 45px;
		color: #274463;

	}
	
	#newssummary {
		font-size: 16px;
	}
	
	#newscontent {
		margin-left: 0;
	}
	
	#newssummary p {
		line-height: 140%;
	}
	
	.newsitem #date,
	.newsitem .date {
		font-size: 16px;
		margin-left: 195px;

		font-family: Calibri, "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}


	.newsitem a {
		text-decoration: none;
	}

	.morelink {
		margin: 0;
		font-size: 10px;
		font-weight: bold;
	}
	
	#backnews {
		margin: 0;
	}


#allnews .newsitem .category {
	width: 40px;
}


#allnews .newsitem h2,
#allnews .newsitem .date,
#allnews .newsitem p
 {
	margin-left: 65px;
}

#allnews .newsitem h2
{
	font-size: 20px;
}

#allnews .newsitem .category {
	font-size: 11px;
}


/* @end */

#frontpad {
	padding: 10px 0 10px 0px;
	margin-top: 10px;
}

#pollpad {
	padding-left: 45px;
}

/* @group poll */

#frontpoll {
	padding: 10px;
	background-color:  #fff;
	border: none;
	width: 255px
}
	#frontpoll label {
		display: block;
	}
	
	#frontpoll h3 {
		margin: 0;
	}
	
	.pollresult {
		border-top: 1px solid #cccc00;
		margin-top: 5px;
}
	
 	.pollbar {
		height: 6px;
		background: url(ui/pollbar-bg.png) no-repeat  #ccc;
		min-width: 5px;
		margin-bottom: 2px;
		overflow: hidden;
	}
	
	.resultlabel {
		font-size: 11px;
	}
	
	.resultvotes {
		float: right;
	}
	
	.resulttotal {
		font-size: 11px;
		font-weight: bold;
		padding-top: 4px;
		border-top: 1px solid #666;
		margin-top: 5px;

	}
	
	.polloptions {
		margin: 5px 0;
		border-top: 1px solid #E7E3D9;
		padding-top: 5px;
	}
	
	#vote {
		float: right;
	}

/* @end */

/* @group front news */

#frontnews {
	padding: 4px 5px;	
	background-color: #F5F3EF;
	border: none;
}

	#frontnews .col2 {
	width: 185px;
	}
	
	#frontnews .first {
		margin-left: 0 !important;
	}
	
	#frontnews .newsitem {
		padding: 0;
		border: none;
		margin: 10px 0 20px 0;
	}
	
	#frontnews .category span{
	 display: none;
	}
	
	#frontnews .category {
	    float: left;
	    display: block;
	    width: 20px;
	    padding:0;
	    height: 18px;
	    margin: 0 5px 5px 0;
	    
	    background: url(ui/v2/newscategory-small-bg.gif) no-repeat -1px 0;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	}
	
	#frontnews .front-Dogodki .category {
		background-position: -25px 0 !important;
	}
	
	#frontnews .newsitem h2 {
		font-size: 14px;
		font-weight: bold;
		margin: 0;
		margin-left: 5px !important;
	}
	
	#frontnews .date {
		font-size: 11px;
		font-family: Calibri, "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		margin-left: 0;
	}
	
	#frontnews .summary, #frontnews .content {
		clear: left;
		font-size: 11px;

	}
	
	#frontnews p {
		margin: 0 5px;
		line-height: 16px !important;
	}

/* @end */

/* @group student */
#student {
	padding-top:20px;
	font-size: 11px;
	line-height: 14px;
	
	color: #473220;
	}
	
	#student p {
		margin-right: 25px;
		margin-top: 5px;
		margin-left: 10px;
	}

/* @end */
	

.address {
	margin-bottom: 15px;
}
.address p {
	margin-top: 0;
	margin-bottom: 0;
}

.address span {
	width: 60px;
	display: block;
	float: left;
	font-weight: bold;
	color: #666;
}
	
#addthisdiv {
	margin: 20px 0;
	width: 200px;
	text-align: center;
}


.gmnoprint p {
	margin: 0 20px 0 0 !important;
}

/* @group intro */

#intro,
#slider li {
	width: 740px;
	height: 200px;
	/*background: url(ui/v2/programi-bg.gif) no-repeat ;*/
	
	background: url(ui/v2/programi-bg-sprited.gif) no-repeat;
	overflow:hidden; 



}


/*
#pgging-uni #intro,
li#pgging-uni {
		background: url(ui/v2/program-ging-elektrotehnika-uni.gif) no-repeat !important;

}

#pgel-uni #intro,
#pgel-vs #intro,
li#pgel-uni,
li#pgel-vs {
	background: url(ui/v2/program-elektrotehnika-uni.gif) no-repeat !important;
}

#pgmt-uni #intro,
#pgmt-vs #intro,
li#pgmt-uni,
li#pgmt-vs {
	background: url(ui/v2/program-mehatronika-uni.gif) no-repeat !important;
}


#pgel-vs #intro, li#pgel-vs,
#pgmt-vs #intro, li#pgmt-vs, 
#pgitk-vs #intro, li#pgitk-vs,
#pgrit-vs #intro, li#pgrit-vs 
{
	background: url(ui/v2/programi-vs-bg.gif) no-repeat !important;
}

*/






	#intro p,
	#slider p {
		font-size: 18px;
		font-weight: bold;
		padding: 65px 0 0 50px;
		margin: 0;
		color: #000;
	}
	#intro h1,
	#slider h1 {
	    margin: 0;
	    padding: 0 0 10px 50px;
		line-height: 50px;
		overflow: visible !important;
		height: 120px;
	}
	
#pgel-uni #intro p,
#pgel-vs #intro p,
li#pgel-uni p,
li#pgel-vs p,
#pgmt-uni #intro p,
#pgmt-vs #intro p,
li#pgmt-uni p,
li#pgmt-vs p,
#pgmk-uni #intro p,
li#pgmk-uni p,
#pgtk-uni #intro p,
#pgtk-vs #intro p,
li#pgtk-uni p,
li#pgtk-vs p  {
	padding-top: 100px;
}	

/* @end */


/* @group slider */

#slidercontainer {
	height: 200px;
	overflow: hidden;
}

	#slider a {
		text-decoration:none
	}

	#slider a:hover {
		color: #fff !important;
	}
	#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}
		
		/*
	#slider li{ 
		width:740px;
		height:200px;
		overflow:hidden; 
		background: url(ui/v2/programi-bg.gif) no-repeat;

		}
		*/	
		
	/* numeric controls */	
	/*
		ol#controls{
		    position: relative;
		    top: -240px;
		    left: 40px;
			padding:0;
			height:28px;
			}
		ol#controls li{
			margin:0 10px 0 0; 
			padding:0;
			float:left;
			list-style:none;
			height:28px;
			}
	
		ol#controls li a{
			float:left;
			height:28px;
			padding:0 10px;
			text-decoration:none;
			font-weight: bold;
			}
		ol#controls li.current a{
			text-decoration: underline;
			}
		ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
		
	*/
/* @end */

#pgrit-uni #intro,li#pgrit-uni {background-position: 0 -201px; !important}
#pgitk-uni #intro,li#pgitk-uni {background-position: 0 -402px; !important}
#pgtk-uni #intro,li#pgtk-uni {background-position: 0 -603px; !important}
#pgmk-uni #intro,li#pgmk-uni {background-position: 0 -804px; !important}
#pgging-uni #intro,li#pgging-uni {background-position: 0 -1005px; !important}
#pgmt-uni #intro,li#pgmt-uni {background-position: 0 -1206px; !important}

#pgel-vs #intro,li#pgel-vs {background-position: 0 -1407px; !important}
#pgrit-vs #intro,li#pgrit-vs {background-position: 0 -1809px; !important}
#pgitk-vs #intro,li#pgitk-vs {background-position: 0 -1608px; !important}


/* @group menu popup */


.menu-popup {
	position: absolute;
	top: 20px;
	left: 20px;;
	height: 50px;
	width: 250px;
	display: none;
	background: url(ui/menu-popup.gif) no-repeat;
}

#popupm1 {	background-position: 0 -50px; }
#popupm2 {	background-position: 0 -100px; }
#popupm3 {	background-position: 0 -150px; }
#popupm4 {	background-position: 0 -200px; }

/* @end */

#morecomment {
	display: none;
}

#morelink {
	display: block;
	width: 30px;
	font-family: "Courier New", Arial, mono-spaced;
	font-weight: bold;
	font-size: 11px;
}

/* @group socialnetworks */



#socialnetworks {
	margin: 10px 0;
}

#socialnetworks a {
	display: block;
	width: 32px; 
	height: 30px;
	background: url(ui/v2/social-icons.png) no-repeat;
	float: left;
}

#socialnetworks a span {
	display: none;
}

#socialnetworks .follow {
	display: block;
	float: left;
	padding: 10px 10px 0 10px;
	font-size: 12px;
	color: #000;
	font-weight: bold;
}

.twitter {
	background-position: 0 -66px !important;
}

.facebook {
	background-position: 0 -33px !important;
}

/* @end */


/* @group mnenja */

#mnenja img {
	float: left;
}

#mnenja hr {
	widthx: 50px;
	clear: both;
	margin: 20px 20px 20px 240px;
	
	border: none;
	border-top: 1px solid #ccc;
}

#mnenja p {
	margin-left: 240px;
}

/*#mnenja div {
	padding-bottom: 50px;
}*/

#mnenja p.first {
	padding-top: 30px;
}

#mnenja .podpis {
	margin-left: 240px;
	font-style: italic;
}


/* @end */


#days-left {
	background: url(ui/v2/days-left-bg.gif) no-repeat;
	width: 180px;
	height: 180px;
	text-align: center;
	color: #fff;
	margin-left: 10px;
	margin-bottom: 10px;
	
	-webkit-transform: rotate(8deg); 
	-moz-transform: rotate(8deg);	
}

#days-left .dl-big {
	
	padding-top: 20px;
	font-size: 70px;
	font-weight: bold;
	margin: 0;
	color: #00CCFF;


}

#days-left .dl-small {
	margin: 0;
	font-weight: bold;
	font-size: 14px;
}