@charset "utf-8";
@import url("../_fonts/genbasr/stylesheet.css");
/* CSS Document */
/* colors used:
svtlo zelena: rgba(148,219,76,1)
temno modra:rgba(0,0,102,1)
 */

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

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

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

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

* {
	
	margin: 0;
}

html, body {
	height: 100%;
	text-align:center;
	margin: 0;
	padding: 0; 
}



a img{
	border:none;
	}

img {
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 0px;
	}
	
img.floatLeft {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
img.floatRight {
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}





#wrapper {
	text-align: center;
	margin:0px auto;
	height: auto;
	z-index: 1;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom:-20px;
			background: -webkit-linear-gradient(black, white);
  background:    -moz-linear-gradient(black, white);
  background:     -ms-linear-gradient(black, white);
  background:      -o-linear-gradient(black, white);
  background:         linear-gradient(black, white);
	
	

}



#Fund_logo {
	vertical-align: top;
	padding: 0.5%;
	background-color: rgba(255,255,255,1);
	border: 1px solid rgba(153,153,153,1);
	display: inline-block;
	z-index: 9999;
	float: left;
	position: absolute;
}
#content_wrap {

}

#Content {
	position: relative;
	margin-right:auto;
	margin-left: auto;
	text-align: right;
	width:960px;
	
}
#Banner_partnerji {
	position: relative;
	float: left;
	top: 40px;
}



#side_left{
	float: left;
	width: 20%;
		
}
#side_right{
	float: right;
	width: 20%;
		
}

#header_wrap {
	position: relative;
	background-color: rgba(0,0,0,1);
	
}

#header {
	width: 960px;
	height: 60px;;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(0,0,0,1);
	background-repeat: repeat-x;
	text-align: left;	

}

.clanek {
	background-color: white;
	position: relative;
	border: 1px solid grey;
	padding: 0px;
	float: left;
	text-align: justify;
	font-family: genbasr;
	
	
	
}
.clanek p {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:5px;
	background-color: rgba(0,0,102,0.1);
}


.clanek header h2 {
	background-color: rgba(0,0,102,0.2);
	height: 30px;
	color: rgba(0,0,102,1);
	font-family: genbasr;
	text-shadow: 1px 1px grey;
	font-variant: normal;
	text-align: left;
	font-size: 18px;
	text-indent: 10px;
		
}


.clanek header h2 img {
	vertical-align: -10%;
}

.clanek h3 {
	background-color: rgba(0,0,102,0.1);
	color: rgba(0,0,102,1);
	font-family: genbasr;
	text-shadow: 1px 1px grey;
	text-align: left;
	font-size: 16px;
	text-indent: 10px;
	padding-bottom:0px;
	font-weight: lighter;		
}

#fundacija_rss {

	
	
}
#fundacija_rss h3, #natecaji h3 {
	text-align: left;
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 0.4em;
	color: rgba(0,0,0,1);
	padding-left:5%;
	padding-right:5%;
	text-indent: 0;
	text-shadow: 0px 0px grey;
	line-height: 1em;
	background-color: none;
	padding-bottom:1%;
}

#fundacija_rss h4, #natecaji h4{
	padding-top:10px;
	padding-left:5%;
	padding-right:5%;
	text-align: left;
	font-size: 0.7em;
	line-height: 0.9em;
	background-color: rgba(0,0,102,0.1);
	padding-bottom:1%;
	
}


#fundacija_rss p ,#natecaji p{
	
	font-size: 0.8em;
	
	line-height: 1.1em;
	padding-bottom:1%;
}
#link  {
	text-align: right;
	font-size: 1em;
	padding-top:4px;
	
}

#mainnav ul {
float:right;
padding:0;
margin:0;
list-style-type:none;
vertical-align: middle;

}


#mainnav {
	position: relative;
	font-size: large;
	
	padding-bottom: 1%;
	
}

#mainnav a {
	margin-top:-15px;
	float: left;
	text-decoration: none;
	color: white;
	background-color: rgba(0,0,0,1);
	padding: 0.4em 0.6em;
	vertical-align: middle;
	
}


#mainnav a:hover {
	color: rgba(0,0,102,1);
	background-color: white;
	vertical-align: middle;
	
	
}
#mainnav li {
	
	display:inline;
	vertical-align: middle;
}

.etabs {
	margin: 0;
	padding: 0;
	background: rgba(0,0,102,0.1);

	
}
#tab-container p {
	background-color: rgba(0,0,102,0.0);
}

#tab-container h3 {
	background-color: rgba(0,0,102,0.0);
}


.tab {
	display: inline-block;
	zoom: 1;
   *display:inline; 
	border: solid 1px #999;
	border-bottom: none;
	font-family: genbasr;
	font-variant: small-caps;
	font-size: 16px;
	color: rgba(0,0,102,1);
	text-decoration: none;	
	
	
	
	
 }
.tab a { 
font-size: 18px; 
line-height: 2em; 
display: block; 
padding: 0 10px; 
text-decoration: none;	
color: rgba(0,0,102,1);
  
}


.tab a:hover {
	  
	
}
.tab.active { 
background: rgba(0,0,102,0.2);
padding-top: 6px; 
position: relative; 
top: 0px; 
border: solid grey 1px;
padding-bottom:0px;
text-shadow: 1px 1px grey;


}
.tab a.active { 


}
.tab-container .panel-container {
	
	border: solid grey 1px;
	width:100%;
	
	
		

}
#wrapper #Content #tab-container #tabs1-splosno,
#wrapper #Content #tab-container #tabs1-cilji,
#wrapper #Content #tab-container #tabs1-bio,
#wrapper #Content #tab-container #tabs1-clanki,
#wrapper #Content #tab-container #tabs1-povezave {

	border-top: solid grey 1px;
	width:auto;
	text-align: justify;
	padding:10px;
	background: rgba(0,0,102,0.1);
	
	


}


#wrapper #Content #tab-container p{
	font-family: genbasr, Arial, serif;
	font-family: genbasr;
	font-weight: lighter;
	text-align: justify;

}

.tab-container {
	width:100%;
	text-align: left;
	float: left;
	position: relative;
	

	
}
/**
 * 	CSS3 Only Horizontal and Vertical Accordion
 * 	Author: Paul Underwood for Hongkiat.com
 *  Website: www.paulund.co.uk
 *  Date: 27/11/11
 *  Version: 1.0
 */

 

/*Define Accordion box*/
.accordion { width:97.1%; overflow:hidden; margin:0px auto; color:#474747; background:rgba(0,0,102,0.0); padding:10px;}

/*General Accordion****************************************************************************/
/*Set style of open slide*/
.accordion section:target { background:rgba(0,0,102,0.0); padding:10px;}
.accordion section:target:hover {background:rgba(0,0,102,0.0); }
.accordion section:target h2 {width:100%;}
.accordion section:target h2 a{color:rgba(0,0,102,1);background: rgba(0,0,102,0.2); padding:0; height:7%;padding-left:10px;padding-top:1%;padding-bottom:1%;}
.accordion section:target p {display:block;background: rgba(0,0,102,0.0);}
.accordion section h2 a{
	padding: 8px 10px;
	display: block;
	font-size: 16px;
	font-weight: normal;
	color:rgba(0,0,102,1);
	text-decoration: none;
	text-shadow: 1px 1px grey;
	margin-top:2%;
	

}

/*set style of closed slide*/
.accordion section{ float:left;	overflow:hidden; color:#333; cursor:pointer; background: rgba(0,0,102,0.2); margin:3px; }
.accordion section:hover {background:rgba(0,0,102,0.4);}
.accordion section p { display:none; }
.accordion section:after{position:relative;font-size:24px;color:#000;font-weight:bold;}
.accordion section:nth-child(1):after{content:'1';}
.accordion section:nth-child(2):after{content:'2';}
.accordion section:nth-child(3):after{content:'3';}
.accordion section:nth-child(4):after{content:'4';}

.accordion section:nth-child(5):after{content:'5';}
/*End General Accordion****************************************************************************/

/*Vertical Accordion *************************************************************************/
.vertical section{ width:100%; height:40px;
	-webkit-transition:height 0.2s ease-out;
	-moz-transition:height 0.2s ease-out;
  	-o-transition:height 0.2s ease-out;
	-ms-transition:height 0.2s ease-out;
  	transition:height 0.2s ease-out;
	
}
/*Set height of the slide*/
.vertical :target{ height:auto; width:97%; }

.vertical section h2 { position:relative; left:0; top:-15px; }

/*Set position of the number on the slide*/
.vertical section:after{ top:-20px;left:810px;}
.vertical section:target:after{ left:-9999px;}
  

.rslides_partnerji {
	
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
  }

.rslides_partnerji li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
 
  }


.rslides_partnerji li:first-child {
  position: relative;
  display: block;
  float: left;

  }



.rslides_partnerji img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  -moz-backface-visibility:hidden;
  } 
  
 .rslides_sponzorji {
	
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
  }

.rslides_sponzorji li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
 
  }


.rslides_sponzorji li:first-child {
  position: relative;
  display: block;
  float: left;

  }



.rslides_sponzorji img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  -moz-backface-visibility:hidden;
  }  
  
#footer {
#footer {
 clear: both;
 position: relative;
 z-index: 10;
 height: 20px;
 margin-top: -20px;
}
}

#footer a:link {
	color: rgb(0,204,255);
	text-decoration: none;
}