/* --------------------------------------------- Design & Code (c) Wild Moose Justyna Walczak --------------------------------------------- */ * { margin: 0; padding:0; border: 0; } html { width: 100%; height: 100%;} body { overflow: auto; font: normal 12px/1.5em Helvetica, "Helvetica Neue", Arial, sans-serif; background: #fff url(img/bg-nag.jpg) 0% 0% repeat-x; color: #666766;} br.clear { clear: both; height: 1%;} .fl { float: left;} .fr { float: right;} .justify {text-align: justify;} /* --------------------------------------------- NAGLOWKI --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: Georgia, "New Century Schoolbook", "Book Antiqua", "Lucida Fax", "Times New Roman", Times, Garamond, serif; line-height: 1.8em;} h1 { font-size: 22px; color: #8acea0; line-height: 1em;} h2 { font-size: 18px; color: #e28bcd;} h3 { font-size: 16px;} h4 { font-size: 14px;} h5 { font-size: 12px;} h6 { font-size: 10px;} /* --------------------------------------------- AKAPITY LINKI --------------------------------------------- */ p { margin: 10px 20px; text-indent: 20px; text-align: justify; font-size: 12px; color: #666766; } p.bezwciecia { text-indent: 0px;} p a { } p img { float: right; margin: 10px; padding: 5px; border: 1px solid #dee7ec;} .aktuell img { margin: 10px;} .aktuell p img { float: right; margin: 5px 0 5px 10px;} a, a:hover { text-decoration: none;} ul { margin: 0; padding: 0; } ul li { list-style-type: none;} #stopka a, #stopka a:hover { color: #f9f7f2;} /* --------------------------------------------- INDEX --------------------------------------------- */ body#body-index { width: 900px; height: 500px; margin: 0 auto; background: #fff url(img/bg-nag.jpg) 0% 120px repeat-x;} #kontener-index { width: 600px; height: 300px; margin: 100px auto; background: url(img/indexx.jpg) 0% 0% no-repeat;} #menu-index { width: 300px; height: 100px; margin: 100px 0 100px 300px; text-align: center; background-color: transparent;} #menu-index a { display: block; float: left; width: auto; margin: 10px 30px 0; padding: 6px 0 0 14px; font-size: 14px; line-height: 30px; color: #fff; background-color: transparent; background-image: url(img/lang.png); background-position: 5% 0%; background-repeat: no-repeat; text-align: left;} #menu-index a:hover { background-image: url(img/menu.png); color: #ff66cc;} img.indexlogo { margin-left: 300px;} /* --------------------------------------------- NAWIGACJA --------------------------------------------- */ #logo a { display: block; float: left; text-align: center; } #logo a.home { width: 90px; height: 33px; margin: 0 10px 0 680px; background: transparent url(img/home.jpg) 0% 0% no-repeat; line-height: 33px; font-size: 14px; color: #9B2A8B;} #logo a.home:hover { color: #fff;} #logo a.lang { font-size: 10px; color: #a5d3ac; } #menutop ul { width: 100%; height: auto;} #menutop ul li { display: block; float: left; margin: 0 10px; } #menutop ul li.przerwa { width: 308px; display: block;} #menutop ul li a { display: block; float: left; width: auto; font-size: 14px; line-height: 40px; color: #fff;} #menutop ul li a:hover, #menutop ul li a.on { color: #8BFDC0; text-decoration: underline;} #menu ul { width: 100%; height: auto;} #menu ul li { margin: 10px 0; padding: 4px 0 0 16px; background: transparent url(img/menu.png) 5% 0% no-repeat; text-align: left;} #menu ul li a { display: block; width: auto; font-size: 14px; line-height: 30px; margin: 5px; color: #c05cb2;} #menu ul li a:hover, #menu ul li a.on { color: #ff66cc;} /* --------------------------------------------- STRUKTURA --------------------------------------------- */ #kontener { width: 960px; height: 100%; margin: 0 auto; position: relative; background: transparent url(img/bgkontener.jpg) 0% 0% repeat-y; } #naglowek { width: 960px; height: 248px; position: relative; background: transparent url(img/twarz.jpg) 50% 0% no-repeat;} #logo { width: 960px; height: 165px; position: relative; background: transparent url(img/logo.jpg) 0% 0% no-repeat;} #menutop { width: 100%; height: auto;} #body { width: 960px; height: 100%; position: relative; background-color: #fff;} #menu { float: left; width: 200px; height: 400px; text-align: center; background: transparent url(img/bg-menu.jpg) 0% 0% no-repeat;} #tresc { float: right; width: 700px; height: 100%; padding: 10px 30px; background-color: #fff;} #stopka { clear: both; width: 90%; height: 42px; margin: 0 auto; padding: 40px 5%; background: transparent url(img/bg-stopka.jpg) 0% 0% repeat-x; text-align: left; color: #899E8F; font-size: 10px; line-height: 40px;} #stopka a, #stopka a:hover { color: #899E8F; font-size: 10px;} /* --------------------------------------------- UKLAD --------------------------------------------- */ #tresc ul li { font-size: 14px; font-weight: bold; color: #ff66dc; line-height: 1.5em; margin: 5px 15px; padding-left: 35px; background: url(img/li.jpg) 0 0px no-repeat;} #tresc ul li ul li { font-size: 12px; font-weight: normal; color: #666766; line-height: 170%; margin: 5px 0; padding-left: 10px; background: url(img/lili.jpg) 0 8px no-repeat;} #tresc ul li a { font-size: 12px; line-height: 20px; color: #023f60; padding-left: 5px;} #tresc ul li a:hover { color: #06daff;} #tresc p.center { width: 90%; margin: 10px auto; padding: 30px; font-size: 16px; color: #378450; text-align: center; background-color: #e2faea;} #tresc p.center em { font-size: 12px; font-style: normal; color: #378450;} #tresc h2 em { display: block; font: normal 12px/12px Helvetica, "Helvetica Neue", Arial, sans-serif; color: #378450;color: #666766;} #tresc #autobahn { width: 90%; height: 220px; margin: 0; padding: 20px 10px; background-color: #f1fef5;} #tresc #autobahn ul { display: block; float: left; width: 50%; margin: 0; padding: 0;} #tresc #autobahn ul li { font-weight: normal; font-size: 12px; color: #666766; line-height: 300%; margin: 0; padding: 0; background: none;} #tresc #autobahn ul strong { margin-left: 10px; color: #c05cb2;} #tresc #autobahn #map { width: 50%; height: 220px; float: right; background-color: #fff;} /* --------------------------------------------- TABELE --------------------------------------------- */ table { width: 80%; text-align: left; margin: 10px 0; background-color: #effcf3; table-layout: auto; border-collapse: collapse;} tr { width: auto; } th { padding: 10px; text-align: center; font-weight: bold;} td { margin:0; padding: 10px; border-top: 2px solid #effcf3; } td.czas { color: #22482e; text-align: center;} table#partner { width: 100%; text-align: center; margin: 10px auto; background-color: #fff;} table#partner td { margin:0; padding: 0; border-top: 4px solid #effcf3;} table#partner td img { margin:0; padding:0; } table#partner td span { display: block; text-align: left; font-size: 14px;} table#partner td .partner { font-weight: bold; color: #c05cb2; font-size: 14px;} table#partner td .partneradres { font-size: 12px;} table#partner td span a, table#partner td span a:hover { color: #c05cb2;} /* --------------------------------------------- FORMULARZ --------------------------------------------- */ form { background-color: #fff; border: none; padding: 10px; margin: 20px auto;} fieldset { width: 46%; height: 100%; float: left; padding: 8px; margin-right: 10px; background-color: #f9f9f9;} legend { display: block; width: 300px; font-size: 14px; text-align: left; color: #ff3366; margin: 10px 0;} label { display: block; width: 300px; font-size: 11px; text-align: left; color: #012c59; margin: 5px 0 0;} input, select { width: 80%; display: block; height: 20px; line-height: 20px; font-size: 12px; color: #666766; border: 1px solid #dddddd; overflow: hidden;} fieldset.uwagi { width: 95%; height: 100%; clear: both; margin: 20px auto;} fieldset.uwagi textarea { width: 45%; display: block; float: left; border: 1px solid #dddddd; overflow: hidden;} .uwagiprawa { width: 45%; height: 100%; display: block; float: right; margin: 2px; background-color: #f9f9f9;} fieldset.uwagi p { padding: 10px; margin: 0 0 20px 0px; background-color: #f9f9f9;} fieldset.uwagi button { width: 100%; height: 30px; margin: 2px; line-height: 30px; font-size: 14px; color: #012c59; background-color: #d4e4f1; cursor: pointer; } /* --------------------------------------------- GALERIA --------------------------------------------- */ .foto { width: 100%; margin: 10px auto; text-align: center;} .foto img, .foto a img { float: left; margin: 10px 5px; padding: 4px; border: 1px solid #baf1ca; background-color: #e2faea;}