/********************************************************/
/*** Espresso CMS 2009 by Nathan Adler Studio ***/
/********************************************************/

 
/* tag's style */
body {margin:0; padding:0; font-size:0.8em; color:#333; background-color:#4B4B4B; font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, img, ul, form {margin:0; padding:0; border:0;}

a:link{color:#333; text-decoration:underline;} 
a:visited{color:#333; text-decoration:underline;}
a:hover{color:#990000; text-decoration:underline;}
a:active{color:#333; text-decoration:underline;}
 
h1 {font-size:1.4em; margin:0.5em 0 0.5em -25px; padding:0 5px 10px 25px; background:url(/../img/bg_h1.jpg) 0px 10px no-repeat; display:inline;}
h2 {font-size:1.2em; margin:1em 0 0 0;}
h3 {font-size:1.1em; margin:0.5em 0 0em 0;}
h4 {font-size:1.3em; margin:0.5em 0 0.5em 0;}
h5 {font-size:1em; margin:0.5em 0 0.5em 0;}
h6 {font-size:1em; margin:0.5em 0 0 0;} 
   
 
p {line-height:1.4em;} 
li {line-height:1.1em;}
h2{line-height:1.3em;} 
p {margin:0.7em 0 0 0; font-size:0.9em; }

ul{list-style-type:square; margin:0 0 1em 1.5em;} 
	ul ul{list-style-type:disc;}
	ul ul ul{list-style-type:none;} 
	 
li{margin:0.3em 0 0.3em 0;}
	li li{font-size:0.9em;}
sup {font-size:0.8em;}
textarea {font-family: Arial, Verdana, Helvetica, sans-serif;}

.table{width:100%;}
	.table th{background-color:#eaeaea; text-align:left}
	.table td, th{border-bottom:1px solid #ccc; padding:3px;}

/*globalne*/
.clr {clear:both;}
.inner_box { border:0px solid #CCC;  margin:10px;}


/*lej-aut */
#general { border:opx solid green; width:990px; margin-left:auto; margin-right:auto; margin-bottom:0; position:relative;}

#admin_nav {background:#000; height:40px; position:fixed; top:0; left:0; width:100%; z-index:100; color:#999; font-size:0.9em;}
		#admin_nav a:link{color:#999; text-decoration: none;}
		#admin_nav a:visited{color:#999; text-decoration:none;}
		#admin_nav a:hover{color: #fff; text-decoration:none;}
		#admin_nav a:active{color:#999; text-decoration:none;} 
		

#top_nav_box {border:0px solid #CCC; color:#999; background-color:#424242; font-size:0.85em; position:relative; height:26px; font-weight:bold; padding-top:4px;}
	#top_nav_box .inner_box {border:0px solid; width:900px; height:27px; background:url(../img/bg_top_nav.gif) no-repeat;  margin-left:auto; margin-right:auto; margin-top:0; position:relative; }
		#top_nav_box a:link{color:#999; text-decoration: none;}
		#top_nav_box a:visited{color:#999; text-decoration:none;}
		#top_nav_box a:hover{color: #fff; text-decoration:none;}
		#top_nav_box a:active{color:#999; text-decoration:none;} 

#top_nav_box_admin { margin-top: 40px; border:0px solid #CCC; color:#999; background-color:#424242; font-size:0.85em; position:relative; height:21px; font-weight:bold;}
	#top_nav_box_admin .inner_box { border:0px solid; width:900px;height:21px; background:url(../img/bg_top_nav.gif) no-repeat;  margin-left:auto; margin-right:auto; margin-top:0; position:relative; }
		#top_nav_box_admin a:link{color:#999; text-decoration: none;}
		#top_nav_box_admin a:visited{color:#999; text-decoration:none;}
		#top_nav_box_admin a:hover{color: #fff; text-decoration:none;}
		#top_nav_box_admin a:active{color:#999; text-decoration:none;} 

	 #main_link { position:relative; top:4px; left:25px;} 
	 #top_nav { position:absolute; top:4px; left:300px; }
	 #lng_nav { position:absolute; top:4px; left:600px;  }
		#lng_nav img{width:16px; height:11px; display:block; position:absolute; top:2px;}
		#lng_nav a{width:100px; display:block; position:absolute; top:0; left:20px;}
		
	#project_select { position:absolute; top:4px; left:780px; }
	#arrow { width:10px; height:10px; display:block; position:absolute; top:2px; left:90px;}
		#project_select a:link{padding-right:20px; outline:none; }
		#project_select a:visited{padding-right:20px;outline:none;}
		#project_select a:active{ padding-right:20px;outline:none;}
		#project_select a:hover{ padding-right:20px;outline:none;}
		
/* g�rne menu sluzace do wyboru projekt�w, rozsuwane za pomoca zaawansowanych funkcji ajaxowych */	
/*BRAWO!*/
#project_select_box { width:870px; height:0px; background:#222; position: relative; top:0px;  margin-bottom:-400px; left:40px; z-index:1000; opacity:0.9;margin-bottom:0px; color:#FFF; margin-left:22px; display:block;font-size:11px}
	#info{ position:absolute; display:none; height:0px; }; 
	#project_select_box a{ color:#CCC;  text-decoration:none; display:block; padding:3px; outline:none;}
	#project_select_box a:link{ color:#CCC; text-decoration:none;padding:3px; outline:none;}
	#project_select_box a:visited{color:#CCC; text-decoration:none;padding:3px; outline:none;}
	#project_select_box a:hover{color:#FFF; background-color:#000; text-decoration:none;padding:3px; outline:none;}
	#project_select_box a:active{color:#CCC; text-decoration:none;padding:3px; outline:none;}
#project_select_box ul {  }
#project_select_box li { line-height:1.3em;  font-size:1.1em; padding-left:4px;}
#project_select_box .inner_box { position:absolute; border:0;}
	#box1 { top:30px; left:30px; display:none; width:300px; }
	#box2 { top:30px; left:400px; display:none;}
	#box3 { top:230px; left:30px; width:350px;display:none;}
	#box4 { top:230px; left:400px; width:200px;display:none;}
	#box5 { top:230px; left:630px; width:200px;display:none;}


#baner_box { border:0px solid #FFF; margin:0; height:207px; width:990px; margin-bottom:-3px;  }
#logo { position:absolute; left:465px; top:45px; outline:none; }

#bottom_icons { border:0px solid #FFF; width:869px; height:102px; position:relative; left:80px; outline:none;}

#menu_box { position:relative; outline:none; margin-bottom:-3px; }
	#menu_box #btn1 { position:absolute; top:4px; left:4px; }
	#menu_box #btn2 { position:absolute; top:40px; left:4px; }
	#menu_box #btn3 { position:absolute; top:112px; left:4px}
	#menu_box #btn4 { position:absolute; top:150px; left:4px; }
	#menu_box #btn5 { position:absolute; top:76px; left:4px; }
	
	
	#menu_box a:link{color:#666; text-decoration: none;}
	#menu_box a:visited{color:#666; text-decoration:none;}
	#menu_box a:hover{color: #C00; text-decoration:underline;}
	#menu_box a:active{color:#666; text-decoration:none;} 
 
#main { border:opx solid red; width:875px; position:relative; left:74px;  background:url(../img/bg_center.jpg) 6px 0px repeat-y;}
	#left_box { border:0px solid #CCC;  width:190px; float:left; position:relative; left:6px;}
	
		#main #kontakt_box { border:0px solid; background: #5B5B5B; padding-bottom:15px; padding-top:5px; width:189px;  margin-top:-3px;}
			#main #kontakt_box p { color:#CCC; line-height:1.1em; font-size:0.9em; margin-left:15px;}
			#main #kontakt_box a:link{color:#CCC; text-decoration:none; }
			#main #kontakt_box a:visited{color:#CCC; text-decoration:none;}
			#main #kontakt_box a:hover{color: #FFF; text-decoration:none;}
			#main #kontakt_box a:active{color:#CCC; text-decoration:none;}
			     
			 #kontakt_box2 { text-align:right; border-left:1px solid #CCC; width:320px; height:400px;  }
			 #kontakt_box2 h2{ text-align:left; padding-left:24px; font-size:1.1em}
			 #kontakt_box2 textarea{ border:1px solid #999; background:#FFFFCC; width:295px; height:100px; font-size:1em }
			 #kontakt_box2 input{ border:1px solid #999; background:#FFFFCC; margin-top:7px; margin-left:15px;}
			 #kontakt_box2 .submit input{ border:1px solid #999; background:#333; margin-top:7px; padding-left:4px; padding-right:4px; color:#FFF;}
			 #kontakt_box2 .submit input:hover{ border:1px solid #999; background:#CCC; margin-top:7px; padding-left:4px; padding-right:4px; color:#333; }
			 
			
		#newsletter_box { border:0px solid; background:url(../img/bg_newsletter.jpg) no-repeat; height:65px; position:relative; }
			#newsletter_box .text_field{ border:0px solid red; background-color:#363636; color:#FFF; position:absolute; top:40px; left:10px; width:125px; height:13px; font-size:10px; padding-left:5px;} 
			#MailAddForm2 .submit{ border:0px solid red; background:url(../img/bg_submit.gif) no-repeat; position:absolute; top:40px; left:135px; width:40px; height:15px; cursor:pointer;  }
			
			#MailAddForm2 .submit{ border:0px solid red; background:#ED1B26; position:absolute; top:40px; left:135px; width:40px; height:15px; cursor:pointer; color:#FFF; font-size:10px;  } 
			#MailAddForm2 .submit:hover{ border:1px solid #F8C7C8; background: #ED1B26; position:absolute; top:40px; left:135px; width:40px; height:15px; cursor:pointer; color:#FFF; font-size:10px;  } 
			

/*                #main a:link{color:#000; text-decoration: none;}
                #main a:visited{color:#000; text-decoration:none;}
                #main a:hover{color: #C00; text-decoration:underline;}
                #main a:active{color:#C01; text-decoration:none;}*/

	#center_box { border:0px solid #CCC; width:680px; float:right; background:url(../img/bg_center_top.jpg) no-repeat; margin:0;  }
		#center_box .inner_box { border:0px solid red;  margin:40px; margin-top:0; margin-bottom:60px; width:580px; position:relative; }
		.header { position: absolute; left:10px; }
		.breadcrump { border:0px solid #CCC; font-size:0.8em; color: #666; margin-top:4px; margin-bottom:20px;  }
			#main .breadcrump a:link{color:#666; text-decoration:none; }
			#main .breadcrump a:visited{color:#666; text-decoration:none;} 
			#main .breadcrump a:hover{color: #000; text-decoration:none; }
			#main .breadcrump a:active{color:#666; text-decoration:none; }

/*newsy na stronie glownej */
.news_box {border:0px solid red; width:420px; position:relative; left:145px; top:17px; margin-bottom:20px;}
.news_box h3{margin-top:1em;}
.data {color:#999; font-size:0.8em; margin:0; }
.short{margin:0.3em 0 0.3em 0;}
.more{margin:0;}
.news_box a{font-size:0.8em; text-decoration:none; color:#999;}
	.news_box a:visited{color:#999;} 
	.news_box a:hover{color:#990000; padding-left:2px;}
.header_more {position:relative; top:0px; left:0px;}
.header_more a{font-size:0.8em; text-decoration:none; color:#999;}
	.header_more a:visited{color:#999;}  
	.header_more a:hover{color:#990000; padding-left:2px;}

/*banery projekt�w na stronie gl�wnej***********/
.projekty {position:relative; left:10px; top:40px;}
.projekty img{border:1px solid #fff; margin:4px;}
.projekty a{display:block; width:575px; height:120px; border:1px solid #999; background-color:#ccc; margin:0px 0 5px 0;}
.projekty a:hover{border:1px solid #999; background-color:#DFDFDF;}

/* admin - zarzadzaj newsami, newsletterami - tabela*/
#news table{width:100%; font-size:0.9em; margin:10px 0 10px 0;}
#news th{text-align:left;}
#news td{padding:2px;}
#news a{text-decoration:none;}
.paging {margin:7px 0 7px 0;}

/* admin - czarne buttony */
.actions{margin:20px 0 10px 0; text-align:right; }
.actions ul{list-style:none; margin:0;}
.actions li{display:inline;}
.actions a:link {background:#000; color:#FFF; padding:2px; text-decoration:none;border:1px solid #000;}
.actions a:visited {background:#000; color:#FFF; padding:2px; text-decoration:none;border:1px solid #000;}
.actions a:hover {background:#CCC; color:#000; padding:2px; text-decoration:none; border:1px solid #000;}
.actions a:active {background:#000; color:#FFF; padding:2px; text-decoration:none;border:1px solid #000;}
.actions h2{margin:0; background-color:#000; color:#ccc; padding:3px;}

/* admin - logowanie */
#authMessage {font-size:1.2em; font-weight:bold; margin-bottom:10px;}
#UserLoginForm .input{border:0; background:none;}
#UserLoginForm .required{height:30px;}
#UserLoginForm input{width:100px;}
#UserLoginForm label{padding:3px;}

/*admin - o fundacji - edycja */
#PageContentHeader {font-size:1.1em; margin:0.5em 0 0.5em 0; width:100%; font-weight:bold; background:none; border:1px dotted #333; height:1.4em; font-family:Arial, Helvetica, sans-serif; color:#333;}
#PageContentEditForm label{display:none;}
#PageContentEditForm .input{border:0; background:none;}
#PageContentEditForm .textarea{border:1px dotted #333;}

/*admin - news - edycja */
#NewsTitle {font-size:1.1em; margin:0.3em 0 0em 0; width:100%; font-weight:bold; background:none; border:1px dotted #333; height:1.4em; font-family:Arial, Helvetica, sans-serif; color:#333;}
#NewsEditForm label{}
#NewsEditForm .input{border:0; background:none;}
#NewsEditForm .textarea{margin:5px 0 5px 0; border:0px dotted #333;}
#NewsShort {width:100%; border:none; background:none; font-size:0.9em;}

/*admin newsletter - edycja */
#NewsletterEditForm {margin-top:20px;}
#NewsletterEditForm label{display:none;}
#NewsletterEditForm .textarea{margin:5px 0 5px 0; border:1px dotted #333;}
#NewsletterName {font-size:1.1em; margin:1.8em 0 0em 0; width:100%; font-weight:bold; background:none; border:1px dotted #333; height:1.4em; font-family:Arial, Helvetica, sans-serif; color:#333;}
#NewsletterAlternative {font-size:0.9em; width:100%;}

/*dzialalnosc*/
.h3_block {font-size:1.1em; margin:1.5em 0 0em 0; background-color:#333; color:#fff; padding:3px; text-align:left}
.projects li{line-height:1.2em;}
.projects a{text-decoration:none;}
.projects a:hover{padding-left:2px;}

/*admin - dzialanosc */
#SiteSite {border:1px dotted #333; background:none; margin:2px 0 2px 4px; width:400px;}
#SiteTitle {border:1px dotted #333; background:none; margin:2px 0 2px 4px; width:400px;}
.projects_admin li{line-height:1.2em;}

/*projects_galleries - galeria_box <- link prowadzacy do galerii na podstronach projekt�w */
.projects_galleries .galeria_box { display:block; border:1px solid #CCC; background-color:#E9E9E9; margin:4px; text-decoration:none; }
.projects_galleries .galeria_box:hover { border:1px solid #999; background-color:#f0f0f0; text-decoration:none; }
.projects_galleries a { }
.projects_galleries a:hover { color:#000;} 
 
.projects_galleries .galeria_box .title {background:#CCC; padding:4px; font-weight:bold; }
.projects_galleries .galeria_box .images { margin:5px; }
.projects_galleries .galeria_box .images .photo{ margin:4px; display:inline;  }
.projects_galleries .galeria_box .images .photo img{ border:1px solid #fff; }

/*galeria */
.photos ul{margin:0;}
.photos li{list-style:none;}
.thumb {margin:1px; float:left; font-size:0.9em; text-align:center; }
.thumb a{display:block; background-color:#e9e9e9; border:1px solid #ccc; text-decoration:none;}
.thumb span{display:block; background-color:#f3f3f3; border:1px solid #fff;}
.thumb a:hover{background-color:#d3d3d3; border:1px solid #999;}
.thumb img{margin:5px; border:1px solid #ddd; display:block; vertical-align:middle;} 

/* galeria - admin */
#photo_list {margin:20px 0 20px 0;}
	#photo_list ul{list-style-type:none; margin:0;} 
	#photo_list li{width:105px; display:block; float:left; background-color:#e2e2e2; margin:1px; padding:3px; border:1px solid #ccc; }
	#photo_list img{margin:0px;}
	#photo_list textarea{font-size:0.9em; width:95px; height:40px; margin-top:3px;}

#photos ul{list-style-type:none; margin:0;}
	#photos li{width:105px; display:block; float:left; background-color:#e2e2e2; margin:1px; padding:3px; border:1px solid #ccc; }
	#photos img{margin:0px;}
	#photos textarea{font-size:0.9em; width:95px; height:40px; margin-top:3px;}

/* admin - projekt - menu zmien kolejnosc */
#sorts_menu{margin:20px; list-style:none;}
#sorts_menu li{display:block; padding:5px; width:100px; background-color:#CCC; border:1px solid #333;}
#sorts_menu li:hover{background-color:#999; cursor:move;}

/*sklep*/
#sklep h3{font-size:1.1em; margin:2.5em 0 0em 0; background-color:#333; color:#fff; padding:3px; text-align:left; clear:left;}
.sklep_box{margin-top:10px; clear:left;position:relative;}
.sklep_img, .sklep_nazwa, .sklep_cena, .sklep_opis, .sklep_opis2, .sklep_order, .sklep_order2, .sklep_order3 {float:left;}
.sklep_img{width:150px; height:160px;}
.sklep_nazwa{width:340px; font-size:1.3em; font-weight:bold; margin-top:40px; padding-bottom:5px; border-bottom:1px solid #ccc;}
.sklep_cena{width:90px; font-size:1.3em; font-weight:bold; margin-top:40px; padding-bottom:5px; border-bottom:1px solid #ccc; text-align:right;}
.sklep_opis{width:290px; margin-top:10px;}
.sklep_opis2{width:430px; margin-top:10px;}
.sklep_order{width:140px; margin-top:5px; font-weight:bold; text-align:right; }
.sklep_order2{width:90px; margin-top:5px; font-weight:bold; text-align:right;}
.sklep_order3{width:340px; margin-top:5px; border:1px solid #CDCDCD; background:#EFEFEF; width:406px; }
.sklep_order3 .sex{ font-weight:bold; float:left; margin:5px 15px 0px 25px; }
.sklep_order3 .size{  color:#000;}
.sklep_order3 .amount{ float:left; color:#999; font-size:0.9em; margin-right:30px;  }
.sklep_order3 .amount input { width:20px; }
.sklep_sztuk{width:30px; display:inline}
.sklep_sztuk input{width:30px;}
#sklep select{font-size:0.9em;}


#sklep_linki{}
#sklep_linki  a{ background:#CCC; text-decoration:none; color:#333; padding:8px; line-height:36px;}
#sklep_linki a:hover{ background:#999; text-decoration:none; color:#333}
/*tlumaczenia - tabla*/
#tlumaczenie {width:100%;} 
#tlumaczenie textarea{height:2.5em; font-size:0.9em;}
.tl_pol, .tl_ang{width:280px;}
.tl_pol {text-align:right; padding-top:4px;}

#foot { background-color:#000; font-size:0.85em; color:#FFF; height:37px; }
#foot p{font-size:1.0em;}
	#foot .inner_box { width:870px; margin:0; margin-left:auto; margin-right:auto; position:relative; height:37px; border:0;  }
	
	#f1 {color:#666; width:150px; float:left; margin-left:20px; margin-top:12px; font-weight:bold; font-size:0.9em;}
	#f2 { color:#666; width:260px;  float:left; margin-left:200px; margin-top:12px;}
	#f2 a{ color:#666; text-decoration:none}
		#f2 a:link{color:#666; text-decoration: none;}
		#f2 a:visited{color:#666; text-decoration:none;}
		#f2 a:hover{color: #FFF; text-decoration:none;}
		#f2 a:active{color:#666; text-decoration:none;} 

	
	#f3 { color:#666; width:110px;  float:left; margin-left:80px; margin-top:0px;  height:30px; width:150px; }
		#f3 a:link{ display:block; color:#666; text-decoration: none;width:150px;height:30px; background:url(../img/bg_na_link_2.jpg) 115px -3px no-repeat; margin-top:6px;}
		#f3 a:visited{display:block; color:#666; text-decoration: none;width:150px;height:30px; background:url(../img/bg_na_link_2.jpg) 115px -3px no-repeat; margin-top:6px;}
		#f3 a:hover{color: #FFF; text-decoration:none;background:url(../img/bg_na_link_hover.jpg) 115px -3px no-repeat;}
		#f3 a:active{display:block; color:#666; text-decoration: none;width:150px;height:30px; background:url(../img/bg_na_link_2.jpg) 115px -3px no-repeat; margin-top:6px;} 
		
		#f3 p {margin:0; margin-top:-18px; border:0px solid; width:100px; }



.echo {color:#006600; text-align: left;}

.news { font-size:0.9em }
/*.input { border:1px solid #CCC; background-color:#FFF}*/



/*************/

label {
    display: inline;
}

div.disabled {
    display: inline;
    float: none;
    clear: none;
    color: #C0C0C0;
}
/* cake error messages */
.error-message {
    background-color: #FFFAAE;
    border: 1px solid #cccccc; 
    padding: 5px;    
} 

#busy_indicator {
    position:absolute; 
}
 
.admin_action {
    padding: 10px;
}

#admin_panel {
    padding: 10px;
    position:absolute;
    right:10px;
}
 
.row { 
    padding: 5px;
    background-color: #fcf9f9;
}
 
.altrow {
    padding: 5px;
    background-color: #fbecec;
}

#NewsShort { background-color:#F2F2F2; border:1px dotted}
#NewsTitle { background-color:#F2F2F2; }

  
.submit input{  font-size:15px; font-weight:bold; color:#FFF; text-decoration:none; border:1px solid #000; background:#000; font-size:10px; padding:1px; margin:2px; cursor:pointer; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.submit input:hover{  font-size:15px; font-weight:bold; color:#000; text-decoration:none; border:1px solid #000; background:#CCC; font-size:10px; padding:1px; margin:2px; cursor:pointer; margin-bottom:10px;font-family:Arial, Helvetica, sans-serif; font-size:12px; }
  
  
/* sklep - formularz koncowy */
.small_field input{  width:250px; height:20px; font-size:1em; }
.big_field input{  width:250px; height:70px; font-size:1em; }
.small_field textarea{  width:250px; height:20px; font-size:1em; }
.big_field textarea{  width:250px; height:70px; font-size:1em; }

#message { border:0; position:fixed; width:100%; height:100%; padding:30px; padding-top:150px; background:#000; color:#FFF; text-align:center; font-weight:bold; opacity:0.9; z-index:100; font-size:25px; display:none; }
#message .inner_box{background: #060; color:#FFF; border:1px solid #FFF; width:600px; padding:40px;
            	 font-size:16px; margin-left:auto; margin-right:auto;}

#message_admin { position:absolute; top:30px; left:280px; width:400px;  z-index:100; text-align:center; padding:25px; border:1px solid; background:#000; color:#fff; font-size:14px; opacity:0.7; display:none; }

.error-message { border:0px solid red; text-align:center; display:block; width:420px; position:absolute; left:150px; top:10px;
				 font-weight:bold; color:#F00; } 

#ShopMessage {  border:0; position:fixed; width:100%; height:100%; padding:30px; padding-top:150px; background:#000; color:#FFF; text-align:center; font-weight:bold; opacity:0.9; z-index:100; font-size:25px; display:none; }


/*partnerzy*/
#partnerzy_page .klik {float:left; margin:1px;}
#partnerzy_page .klik a{display:block; background-color:#ccc;}
#partnerzy_page .klik a:hover{background-color:#666;}
#partnerzy_page .klik img{margin:1px; vertical-align:bottom;}