
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
*{padding: 0;margin: 0;}
root{display: block;}

/*header */
#header {background-color:#6a8c3b; height:27px; display: block;}
#header > #min {background:url(gfx/belka_gora.jpg) no-repeat center; width:1300px; height:27px; margin:0 auto; display: block;}
#lang {width:965px; margin:0 auto;text-align:right; font-size:14px; font-style:italic;}
#lang a:active {text-decoration:none; color:#c8dc4f;}
#lang a:hover {text-decoration:none; color:#c8dc4f;}


#underheader {background:url(gfx/menu_tlo_pod_logo.jpg); height:120px; margin-bottom: 20px; display: block; overflow: visible; clear: both;}
#underheader >  div {background:url(gfx/menu_tlo_pod_logo.jpg); height:120px; width: 1300px; display: block; overflow: visible; clear: both; margin:0 auto;}
#underheader >  div > div {width: 1000px; display: block; overflow: visible; clear: both; margin:0 auto;}
#underheader a.logo {display: block; float: left;}

/* menu */
#menu {float:right; font-family: trajanpro-bold; display: block; overflow: visible;}
#menu ul {list-style-type:none;}
#menu ul li {background:url(gfx/menu_button.jpg) no-repeat center; width:123px; height:120px; float:left; text-align:center;}
#menu a {display: block; line-height:150px; text-decoration:none; font-size:14px; color:#8159a6; font-weight:normal;}
#menu a:hover {background:url(gfx/menu_button_h.jpg) no-repeat center; width:123px; height:120px;color:#8bc63f; text-decoration:none;}
#menu a.active {background:url(gfx/menu_button_h.jpg) no-repeat center; width:123px; height:120px;color:#8bc63f; text-decoration:none;}



/*bottom */
#bottom {height:201px; margin:0 auto;}
#bot {background:#5f4c91 bottom repeat-x;height:23px; display: block; background:url(gfx/stopka_fiolet_tlo.jpg); }
#bot2 {background:#68bd44 bottom repeat-x;height:158px; margin:0 auto; display: block; background:url(gfx/stopka_tlo_1.gif);}
#bot3 {background:#1da212 bottom repeat-x;height:20px; margin:0 auto; display: block;}

#bot > div{width: 1300px; background:url(gfx/stopka_fiolet_tlo.jpg); height:23px; display: block; margin: 0 auto}
div#bot > div > div{ width:980px;margin:0 auto; display: block;}

div#bot2 > div{width: 1300px; background:url(gfx/stopka_tlo_1.gif); height:158px; display: block; margin: 0 auto}
div#bot2 > div > table{width:980px;margin:0 auto;}

div#bot3 > div{width: 1300px; background:#1da212 bottom repeat-x;height:20px; margin:0 auto; display: block;}
div#bot3 > div > div{width:980px; margin:0 auto; display: block;}


/* zdj */
#zdj {list-style-type:none; width:850px; height:350px; list-style: inherit; margin:0 auto; font-size:26px; font-family: trajanpro-bold; padding-top:100px; }
#zdj ul {list-style-type:none;}
#zdj li {background:url(gfx/blok_fiolet_maly.png) no-repeat left; float:left; width:240px; height:220px; margin:0 auto; text-align:center;}
#zdj li a{display: block; text-decoration:none; color:#fff; height:220px; }
#zdj li:hover  {background:url(gfx/blok_ziel_maly.png) no-repeat left; width:240px; height:220px; margin:0 auto; }
#zdj li:active {background:url(gfx/blok_ziel_maly.png) no-repeat left; width:240px; height:220px; margin:0 auto; }



#slider-wrapper {position:relative;width:855px;height:455px;margin:0 auto;padding-top:74px;}
#slider img {position:absolute;top:0px;left:0px;}

.nivo-controlNav {position:absolute;left:260px;}
.nivo-controlNav a {z-index:100;width:22px;height:22px;background:url(images/bullets.png) no-repeat;border:0;}
.nivo-controlNav a.active {background-position:0 -22px;}

.nivo-directionNav a {display:block;width:30px;height:30px;background:url(images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}

.nivo-caption {text-shadow:none;font-family: Helvetica, Arial, sans-serif;}
.nivo-caption a { color:#efe9d1;text-decoration:underline;}

#glowna,.glowna {background:url(gfx/tlo_glowna.jpg) no-repeat center top; }
#o_projekcie,.o_projekcie {background:url(gfx/tlo_oprojekcie.jpg) no-repeat center top; }
#nasza_misja,.nasza_misja {background:url(gfx/tlo_misja.jpg) no-repeat center top; }
#fundacja,.fundacja {background:url(gfx/tlo_fundacja.jpg) no-repeat center top; }
#galeria,.galeria {background:url(gfx/tlo_galeria.jpg) no-repeat center 130px; }
#media,.media {background:url(gfx/tlo_media.jpg) no-repeat center top; }


 #content{width: 1300px;margin: 0 auto;display: block;clear: both;float: none;overflow: hidden;}
.contentbox-wrapper{position:relative;left:0;width:1000%;height:100%;} 
.contentbox{width:1300px;height:100%;float:left;padding:10px;height: 500px;}


#thumbs { padding-top: 70px; width:860px; margin:0 auto; display: block; overflow: hidden; clear: both;}
#thumbs img  { background:#fff; border: 4px solid #fff; padding: 4px; cursor: pointer; }
#largeImage { background:#fff; border: 4px solid #fff; padding: 4px; width:848px; cursor: pointer; }
#thumbs img { opacity: 0.7; float: left; margin-right: 6px; }
#thumbs img:hover { opacity:1;}

#description { opacity: 0; color: white; position: absolute; bottom: 0; padding: 60px 20px; width: 808px; margin: 0 5px; }
#gallery {width:848px; margin:0 auto; padding-top:30px; display: block; overflow: hidden; clear: both}
#panel {width:848px; height:542px; margin:0 auto; position: relative;}

.normal {font-size:14px; font-weight:bold; text-decoration:none; color:#fff;}
.large {font-size:16px; font-weight:bold; text-decoration:none; color:#fff;}
.xlarge{font-size:18px; font-weight:bold; text-decoration:none; color:#fff;}

#fonts {float:left; margin-left: 150px; width:100px; line-height: 30px;}
#fonts ul  {list-style-type:none;}
#fonts ul li {float:left; text-align:center; margin-left:10px;}