/*******************************************************************************
********************************************************************************
	Project		: UNESCO INICJATYW CENTRUM
	Company		: Fit Fuer Den Markt
	CSS 		: Danish Adeel
	Start date	: 16-02-09 

********************************************************************************
*******************************************************************************/

/*----Universal Items----*/

* {
	padding: 0;
	margin: 0;
	border: 0;
	outline:0;
	text-decoration:none;
}
html, body {
	min-height: 100%;
	padding-bottom: 1px;
}
body,
.grey{
	font-family:Arial;
	font-size:62.5%;
	background:#d6d6d6 url(bg_grey.gif) repeat-x;
}
.gren{
	background:#74aa48 url(bg_green.gif) repeat-x;
}
.prpl{
	background:#672c87 url(bg_purple.gif) repeat-x;
}
.blu{
	background:#289fd6 url(bg_blo.gif) repeat-x;
}
.orange{
	background:#e68a48 url(bg_orange.gif) repeat-x;
}
.ylo{
	background:#f9d83b url(bg_yellow.gif) repeat-x;
}
h1{
	font:normal bold 1.8em Arial;
	margin: 5px 0 15px;
	color:#333;
}
h2{
	font:normal bold 1.2em Arial;
	color:#333;
	padding: 5px 0;
	line-height:17px;
}
.hl1,
.navi span.hl1{
	font:normal bold 1.2em Arial;
	text-decoration:none;
}
.yellow span.hl1{
	color:#333;
}
p {
	margin:0 0 15px;
	font:normal normal 1.2em Arial;
	color:#333;
	line-height:17px;
}
ol {
	margin:10px 0 10px 23px;
	list-style-position:outside;
}
html>/**/body ol {
	margin:10px 0 10px 20px;
}
ol li {
	list-style-type:decimal;
	background-image:none;
	padding:5px 0;
	color:#333;
	font-size:1.2em;
}

/*----Structure----*/


#main {
	width:950px;
	margin:0 auto;
	overflow: hidden;
	position:relative;
	background:#fff url(bg_blue.gif) repeat-y left;
}
#logo{
	width:206px;
	height: 63px;
	background:#fff url(/files/logo.gif) no-repeat center;
	padding:17px 0 14px 24px;
}
#logo a {
	height: 60px;
	width: 176px;
	display: block;
}

/*-------- Top Links ---------*/

#top_navi{
	background:url(top.gif);
	padding:7px 10px 0 0;
	width:710px;
	height:23px;
	position:absolute;
	top:0;
	right:0;
	clear:right;
}
#top_navi ul{
	list-style:none;
	float:right;
}
#top_navi li{
	float:left;
}
#top_navi li a:link,
#top_navi li a:visited,
#top_navi li span {
	font:normal bold 1.1em Arial;
	color:#333;
	float:left;
	border-right:1px solid #666;
	padding:0 10px;
	line-height:12px;
}
#top_navi li a:hover,
#top_navi li a:focus,
#top_navi li span{
	color:#0066cc;
}
#top_navi li.home a:link,
#top_navi li.home a:visited,
#top_navi li.contact a:link,
#top_navi li.contact a:visited,
#top_navi li.lang1 a:link,
#top_navi li.lang1 a:visited,
#top_navi li.lang2 a:link,
#top_navi li.lang2 a:visited,
#top_navi li.flag a,
#top_navi li.flag span{
	border-right:0px;
	line-height:normal;
	width:18px;
	height:12px;
	padding:0;
	margin:0 5px;
	background:#9f9f9f url(contact.gif);
	font-size:.1em;
}
#top_navi li.home a:link,
#top_navi li.home a:visited{
	background:#9f9f9f url(home.gif);
	margin:0 2px 0 8px;
}
#top_navi li.lang1 a:link,
#top_navi li.lang1 a:visited{
	background:#9f9f9f url(flag1.gif);
}
#top_navi li.lang2 a:link,
#top_navi li.lang2 a:visited{
	background:#9f9f9f url(flag2.gif);
}
#top_navi li.home a:active,
#top_navi li.home a:hover,
#top_navi li.home a:focus,
#top_navi li.contact a:active,
#top_navi li.contact a:hover,
#top_navi li.contact a:focus,
#top_navi li.lang1 a:active,
#top_navi li.lang1 a:hover,
#top_navi li.lang1 a:focus,
#top_navi li.lang2 a:active,
#top_navi li.lang2 a:hover,
#top_navi li.lang2 a:focus{
	background-position:bottom;
	background-color:#666;
}
#top_navi .strt{
	border:none;
}

/*---------  Navigation ----------*/


.navi,
.navi ul{
	list-style:none;
	padding:20px 15px 15px;
	width:200px;
}
.navi li a:link,
.navi li a:visited,
.navi li span,
.navi li.active a:link,
.navi li.active a:visited{
	display:block;
	padding:7px 2px;
	border-bottom:1px solid #fff;
	font-size:1.2em;
	color:#fff;
	width:196px;
}
.navi li a:hover,
.navi li a:focus,
.navi li span,
.navi li.active a:link,
.navi li.active a:visited{
	text-decoration:underline;
}
.navi ul{
	background:none;
	padding:10px 0 5px 10px;
	border-bottom:1px solid #fff;
	width:190px;
}
.navi li.active ul a:link,
.navi li.active ul a:visited,
.navi li.active ul li span{
	padding:5px 0;
	font-size:1.1em;
	border:0px;
	text-decoration:none;
	width:184px;
}
.navi ul li a:hover,
.navi ul li a:focus,
.navi ul li span,
.navi ul li.active a:link,
.navi ul li.active a:visited,
.navi li.active ul li span{
	text-decoration:underline;
}
.green{
	background:#74aa48 url(top_gren.gif) no-repeat top;
}
.purple{
	background:#672c87 url(top_prpl.gif) no-repeat top;
}
.blue{
	background:#289fd6 url(top_blue.gif) no-repeat top;
}
.yellow{
	background:#f9d83b url(top_ylo.gif) no-repeat top;
}
.yellow li a:link,
.yellow li a:visited,
.yellow li span{
	color:#333;
	border-bottom:1px solid #af9f51;
}
.teaser{
	background:#f9d83b url(ylo_sep.jpg) no-repeat top;
	padding:30px 15px 10px;
}
.news_ltr{
	/*background:url(bot_ylo.gif) no-repeat top;*/
	padding:20px 0 20px;
	float:left;
	width:200px;
	padding:25px 0 20px;
	margin:0 0 0 15px;
	border-bottom:1px solid #bbb;
}
* html .news_ltr{
	margin-left:7px;
}

/*----- Content Items ------*/


.content{
	width:430px;
	float:left;
	padding:20px 30px 10px;
	background:#fff url(bg.jpg) top left no-repeat;
	margin:20px 0 0;
	min-height:750px;
}
* html .content{
	height:750px;
}
.content a:link,
.content a:visited {
	color:#333;
	text-decoration:underline;
}
.gren .content a:link,
.gren .content a:visited {
	color:#74aa48;
}
.prpl .content a:link,
.prpl .content a:visited {
	color:#672c87;
}
.blu .content a:link,
.blu .content a:visited {
	color:#289fd6;
}
.content a:hover,
.content a:focus,
.content a:active {
	color:#000;
	text-decoration:underline;
}
.content ul{
	list-style:none;
}
.content ul li{
	padding:5px 5px 5px 30px;
	font:normal bold 1.2em arial;
	background:url(bullet.png) 0px 2px no-repeat;
	text-decoration:underline;
	color:#333;
}
* html .content ul li{
	background:url(bullet.gif) 0px 2px no-repeat;
}
.content ul li a:link,
.content ul li a:visited{
	font-size:1em;
}

/*----- Right Column ------*/

#rit_col{
	width:230px;
	float:right;
	padding:75px 0 10px;
	margin:20px 0 0;
	min-height:715px;
	background:url(bg.jpg) no-repeat -250px -35px;
}
* html #rit_col{
	height:715px;
}
/*----- Right Column ------*/

#lft_col{
	width:230px;
	background:url(logo.jpg) no-repeat;
	float:left;
}
.box{
	border-top:1px solid #bbb;
	width:430px;
	padding:15px 0 0;
	float:left;
	clear:both;
}
.separator{
	border-top:1px solid #bbb;
	width:430px;
	padding:15px 0 0;
	clear:both;
}
.icon .box{
	background:url(icon.png) no-repeat left;
	padding:15px 0 0 75px;
	width:355px;
}
* html .icon .box{
	background:url(icon.gif) no-repeat left;
}


/*----Redaxo Elements----*/

div.cnt-blck { /* textile is putting it's output in such blocks */
	clear:both;
}
p.image span { /* picture description text */
	font-size:0.8em; /*define some small font size */ 
	float:none;
	padding:10px 0pt 0pt;
	display:block;
}
.fl-left { /* can be added as class on image divs for left alignment */
	float: left;
	margin: 3px 20px 0 0;
}
.fl-right { /* can be added as class on image divs for right alignment */
	float: right;
	margin: 3px 0 0 10px;
}
.txt-algn-left {
	text-align:left;
}
.txt-algn-rght {
	text-align:right;
}
.txt-algn-cntr,
.algn-center { /* can be added as class on image divs for centered images */
	text-align:center;	
}
.clearer { 
	display: block;
	clear: both;
	line-height: 0em;
	height: 1px;
	font-size: 0;
	visibility: hidden;
}
.hidden {
       display:none;
}

.content .two_col {
	float:left;
	width:100%;
}
.content .two_col .col_1 {
	float:left;
	width:49%;
}
.content .two_col .col_2 {
	float:left;
	width:49%;
	margin-left:2%;
}


/*----Form----*/


.frm {
	background:url(bg_contact.png) no-repeat 0 0px;
	float:left;
	width:430px;
}
*html .frm{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='files/bg_contact.png');
}
.frm input,
.frm textarea,
.frm select{
	border:1px solid #d8d8d8;
	padding:2px 2px 2px 5px;
	float:left;
	margin:5px 0;
	color:#333;
	font-size:1em;
	font-family:arial;
	width:193px;
}
.frm textarea {
	width:420px;
	height: 185px;
}
.frm label,
.frm #srch p span.radio {
	width:60px;
	display:block;
	float:left;
	margin-top: 10px;
	font-size: 1em;
	color:#333;
}
.frm p {	
	clear:both;
	margin-bottom:0px !important; /* the !important is required, otherwise IE overrides it */
	margin-top:0px !important;
	float:left;
	width:430px;
}
.frm p.fsbmt input {
	margin:5px 0 0 377px;
	margin-top:10px;
	width:auto;
	height:auto;
	border:none;
	background:none;
	padding:0px;
}
.frm p label.radio {
	width:auto;
	margin-right:5px;
}
.frm p input.radio, 
.frm p.radio input,
.frm p input.checkbox,
.frm p.checkbox input {
	width:auto;
	height:auto;
	border:none;
	margin: 4px 15px 10px 10px;
}
.frm p input.radio{
	margin: 10px 10px 0 0;
}
.news_ltr input{
	padding:2px 5px 0;
	width:153px;
	height:17px;
	border:1px solid #d8d8d8;
	float:left;
	font:normal normal 1.2em Arial;
	color:#333;
}
.news_ltr input.fsbmt{
	width:auto;
	height:auto;
	border:none;
	background:none;
	padding:0;
	float:left;
}

/*----- Footer ----*/

#footer{
	width:935px;
	height:29px;
	padding:15px 0 0 15px;
	margin:0 auto;
	display:block;
	font-size:1.1em;
	color:#666;
	background:url(fotr.png) no-repeat;
	letter-spacing:1px;
}
* html #footer{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='files/fotr.png');
}
.bot_img{
	width:241px;
	height:201px;
	background:url(img.jpg);
}
.tag{
	font:normal normal 2.1em Verdana, Arial, Helvetica, sans-serif;
	color:#65A432;
	display:block;
	padding:45px 0 0 290px;
}
.brd{
	font:normal normal 1.1em arial;
	width:430px;
	float:left;
	padding:4px 0 5px;
}
.content .brd ul{
	list-style:none;
}
.content .brd ul li{
	float:left;
	background:none;
	padding:0;
	font:normal normal 1em arial;
	text-decoration:none;
}
.content .brd li a:link,
.content .brd li a:visited,
.content .brd li span{
	padding:0 2px;
	text-decoration:none;
}
.content .brd li.strt a:link,
.content .brd li.strt a:visited{
	padding:0 2px 0 0;
}
.content .brd li span{
	color:#333;
}
.content .brd li a:active,
.content .brd li a:hover,
.content .brd li a:focus{
	text-decoration:underline;
}
.logos{
	text-align:center;
	width:200px;
	padding:25px 0 0;
	margin:0 0 0 15px;
	float:left;
}
* html .logos{
	margin:0 0 0 7px;
}
.logos img{
	padding:0 7px;
}
.gal{
	margin:0 0 0 -30px;
}
.gal img{
	margin:20px 0 0px 15px;
	float:left;
}


/*----------- Light Box -------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#container{
	text-align:center;
	z-index:0;
}
.clr{
	position:absolute;
	top:51px;
	left:754px;
	list-style:none;
}
.clr li{
	float:left;
}
.clr li a:link,
.clr li a:visited{
	width:12px;
	height:12px;
	margin:0 5px;
	background:#d6d6d6;
	font-size:.1em;
	display:block;
	float:left;
	border:1px solid #fff;
}
.clr li a:hover{
	border:1px solid #bbb;
}
.clr li.clr1 a:link,
.clr li.clr1 a:visited{
	background:#d6d6d6;
}
.clr li.clr2 a:link,
.clr li.clr2 a:visited{
	background:#74aa48;
}
.clr li.clr3 a:link,
.clr li.clr3 a:visited {
	background:#672c87;
}
.clr li.clr4 a:link,
.clr li.clr4 a:visited{
	background:#289fd6;
}
.clr li.clr5 a:link,
.clr li.clr5 a:visited{
	background:#e68a48;
}
.clr li.clr6 a:link,
.clr li.clr6 a:visited{
	background:#f9d83b;
}
.frm p input.submit {
	background:url(back_buttons.gif) top left repeat-x;
	padding:2px 10px;
	text-transform:uppercase;
	font-weight:bold;
	margin:10px 0 0 359px;
}
* html .frm p input.submit {
	margin:10px 0 0 340px;
}
.ylo_bg { background-color: #F9D83B; }
.yellow2grey { background-image:url(bot_ylo.gif); height: 11px; width: 230px; font-size:1px;}
.yellow2yellow { background-image:url(ylo_sep.jpg); height: 26px; width: 230px; font-size:1px; }
.grey2yellow { background-image:url(top_ylo.gif); height: 11px; width: 230px; font-size:1px; }
#rit_col div.cnt-blck { padding: 1px 15px; }
#rit_col ul {
	list-style-type: none;
	list-style-image: none;
	font-size: 1.2em;
	padding: 10px 0;
}
#rit_col ul li {
	display: block;
	width: 194px;
	border-bottom:1px solid #AF9F51;
	color: #333;
	padding: 7px 3px;
}
#rit_col a {
	color: #333;
	text-decoration: none;
}
#rit_col a:hover {
	color: #333;
	text-decoration: underline;
}
#rit_col .icons{
	padding:0;
}
#rit_col .icons li a:link,
#rit_col .icons li a:visited{
	display:block;
	float:left;
	width:31px;
	height:31px;
}
#rit_col .icons li{
	border:0;
	width:auto;
	padding:0;
	margin:10px 7px 0 0;
	float:left;
}
#rit_col .icons li.icn1{
	background:url(ico_facebook.gif)
}
#rit_col .icons li.icn2{
	background:url(ico_twitter.gif)
}
#rit_col .icons li.icn3{
	background:url(ico_rss.gif)
}
#rit_col .icons li.icn4{
	background:url(ico_naszaklasa.gif)
}
#rit_col .icons li.icn5{
	background:url(ico_youtube.gif)
}