@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px}



body{background:#FFFFFF url(../gfx/dziewonski/body-bg.jpg) left top repeat-x;}

#container{width:100%; height:100%; background:url(../gfx/dziewonski/container-bg.jpg) top center no-repeat; position:relative; overflow:hidden}


#container #top{width:960px; height:35px; position:relative; margin:0px auto;}

#container #top #toplogo{position:absolute;left:300px; top:10px; width:348px; height:78px;}
#container #top #toplogo #logo{position:relative;width:348px; height:78px; display:none}
#container #top #toplogo #logo a{position:relative; display:block; width:348px; height:78px; background:url(../gfx/dziewonski/logo.jpg) left top no-repeat}
#container #top #toplogo #logo a span{display:none}

#container #top #language{position:absolute; right:0px; top:5px;}
#container #top #language a{margin:0px 2px;opacity:0.4;}
#container #top #language a:hover{margin:0px 2px;opacity:1;}
#container #top #language a img{overflow:hidden; width:17px; height:13px; border:1px solid #000; overflow:hidden;}

#container #top #lmenutop{position:absolute; left:0; top:5px;}
#container #top #lmenutop a{opacity:0.4; line-height:19px; font: 10px/19px Verdana, Geneva, sans-serif; color:#313194; text-decoration:none; margin:0px 5px;}
#container #top #lmenutop a:hover{opacity:1;}
#container #top #lmenutop a img{border:none;}


#container #slide{width:960px; height:500px; margin:0px auto; box-shadow:#333 0px 0px 5px; position:relative}
#container #slide #ramka{ overflow: hidden; position: absolute; right: 10px; top: 10px; height: 478px; width: 563px; background: #fff; border: 1px solid #313194; color: #313194; font: 10px Verdana, Geneva, sans-serif }
#container #slide #ramka p{margin:13px; font-size:12px;line-height:18px;}
#container #slide #ramka h2{font-size:18px; margin: 5px 10px 15px 10px}
#container #slide #ramka .logo-t{margin:20px; text-align:center; }


/**/ 
#container #menu { background:#313194; height:30px; width:958px; margin:10px auto; border:1px solid #fff; z-index: 5; position:relative; box-shadow:#333 0px 0px 5px;}
#container #menu ul { margin:0px 0px 0px 0px; padding:0px; list-style:none; position:relative; z-index: 5; }
#container #menu ul li { float:left; position:relative; }
#container #menu ul li a { font:normal 12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; color:#fff; padding:0px 12px; display:block; background:url(../gfx/dziewonski/menu-kreska_bg.gif) right center no-repeat; }
#container #menu ul li a:hover { color:#94d8f9 }
#container #menu ul li ul li { float:none; position:relative; }
#container #menu ul li ul li ul li { float:none; }
#container #menu ul.dpth-1 { box-shadow: 2px 2px 5px #200; position:absolute; z-index: 999; background:#313194; margin:0px }
#container #menu ul.dpth-1 a { background:none; color:#fff; text-shadow:1px 1px 1px #000; line-height:20px; padding:5px 10px; display:block; text-transform: none; border-bottom:1px solid #fff }
#container #menu ul.dpth-1 a:hover { color:#fff; background:#31488e }
#container #menu ul.dpth-2 { position:absolute; left:100%; top:4px; background:#31488e }
#container #menu ul.dpth-2 li a { display:block }
/**/

#container #main {width:960px; margin:0px auto}

#container #main a {color:#313194;}
#container #main a:hover{color:#C00;}


#container #main #kleft{float:left; width:520px}

#container #main .kafelek{float:left; margin-right:25px; margin-top:10px; margin-left:10px}
#container #main .kafelek h2{ font:normal 16px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; width:220px; height:40px; display:block}
#container #main .kafelek h2 span{display:none;}
/*#container #main .kafelek .obrazek { box-shadow:#000 0px 0px 5px; width:218px; border:2px solid #31488e; }*/
#container #main .kafelek img{ box-shadow:#000 0px 0px 5px; width:218px; border:2px solid #31488e;}
#container #main .k1 h2{background:url(../../../../../media/kafelki/kl1-h2.jpg) left top no-repeat}
#container #main .k2 h2{background:url(../../../../../media/kafelki/kl2-h2.jpg) left top no-repeat}
#container #main .k4 h2{background:url(../../../../../media/kafelki/kl4-h2.jpg) left top no-repeat}
#container #main .k5 h2{background:url(../../../../../media/kafelki/kl5-h2.jpg) left top no-repeat}

#container #main .k1 h2.en{background:url(../../../../../media/kafelki/kl1-h2-en.jpg) left top no-repeat}
#container #main .k1 h2.de{background:url(../../../../../media/kafelki/kl1-h2-de.jpg) left top no-repeat}

#container #main .k2 h2.en{background:url(../../../../../media/kafelki/kl2-h2-en.jpg) left top no-repeat}
#container #main .k2 h2.de{background:url(../../../../../media/kafelki/kl2-h2-de.jpg) left top no-repeat}

#container #main .k4 h2.en{background:url(../../../../../media/kafelki/kl4-h2-en.jpg) left top no-repeat}
#container #main .k4 h2.de{background:url(../../../../../media/kafelki/kl4-h2-de.jpg) left top no-repeat}

#container #main .k5 h2.en{background:url(../../../../../media/kafelki/kl5-h2-en.jpg) left top no-repeat}
#container #main .k5 h2.de{background:url(../../../../../media/kafelki/kl5-h2-de.jpg) left top no-repeat}

#container #main .k3{margin-left: 20px; margin-right: 0; width: 410px; height:370px;}
#container #main .k3 h2{background:url(../../../../../media/kafelki/kl3-h2.jpg) left top no-repeat}
#container #main .k3 .k3k {box-shadow:#000 0px 0px 5px; border:2px solid #31488e; height:326px;   background:url(../../../../../media/kafelki/tlo-k3.jpg) left top no-repeat; position:relative}
#container #main .k3 .k3k .k3kop{position:absolute; left:5px; bottom:5px; background: url(../gfx/dziewonski/tlo-half.png) left top; width:395px}
#container #main .k3 .k3k .k3kop h2{font: bold 18px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#FFFFFF; color:#313194; width:375px; padding: 0px 10px}
#container #main .k3 .k3k .k3kop p{color:#fff; font: 10px Verdana, Geneva, sans-serif; margin: 10px;}
#container #main .k3 .k3k .k3kop a.wiecej {display:block; width:68px; height:25px; font: 12px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; background:url(../gfx/dziewonski/wiecej.gif) left top no-repeat; float:right; }
#container #main .k3 .k3k .k3kop a:hover{color:#F00}
#container #main .k3 .k3k .k3kop a.wiecej span{margin-left:20px;}

/**/
#aktualnosci{clear:both; margin:10px 10px 10px 10px ; overflow:hidden}
#aktualnosci h2{font:bold 24px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#313194; border-bottom: 1px solid #313194; margin-bottom:15px;}
#aktualnosci ul li{background:#f4f4fa;list-style:none;float:left; width:450px; margin:8px;border:1px solid #8b8bc3}
#aktualnosci ul li .news{margin:20px}
#aktualnosci ul li .news h2{font:bold 14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#313194; border-bottom: 1px dotted #313194; margin-bottom:15px;}
#aktualnosci ul li .news p{font:11px/16px Verdana, Geneva, sans-serif; color: #313194;}
#aktualnosci ul li .news .wiecej{overflow:hidden; margin-top:10px;}
#aktualnosci ul li .news .wiecej a{background:url(../gfx/dziewonski/wiecej-a.gif) left top no-repeat; border:1px solid #8b8bc3; border-radius: 5px; font:bold 12px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; display:block; width:50px; color:red; float:right; padding:0 0 0 20px;}
#aktualnosci ul li .news .wiecej a:hover{border-color:red}
/**/
#footer{height:80px; width:100%; text-align:center; background:url(../gfx/dziewonski/footer-bg.jpg) left top repeat-x; clear:both; overflow:hidden}

#footer p{font: 10px/18px Verdana, Geneva, sans-serif; color:#fff; margin-top:20px;}

/* Cookies */
#cookies_info { bottom: 0; position: fixed; width: 100%; background: #E7E7E7; z-index: 1000; opacity: 0.9; }
#cookies_info .ck-inner { margin: 0px auto; width: 900px; padding: 20px 0; }
#cookies_info .ck-inner .ck-content { color: #313194; display: inline-block; text-align: justify; width: 610px;
	font: 10px Verdana,Geneva,sans-serif; }
#cookies_info .ck-inner .ck-accept { background-color: #F7F7F3; box-shadow: 0 0 1px #00597B; 
	border: 1px outset #43A1C8; cursor: pointer; display: inline-block; padding: 6px 20px; 
	color: #FD7B01; margin: 18px 12px 16px 24px; float: right; font: 11px Verdana,Geneva,sans-serif; }
#cookies_info .ck-inner .ck-accept:hover { box-shadow: 0 0 6px #00597B;
	border: 1px intset #43A1C8;  } 
#cookies_info .ck-inner .ck-accept span { }