body, * {padding: 0; margin: 0; font: small/normal "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; border: 0;}
body {background-color: #ddd; color: #000;}
/*layout*/
#main_nav,
#head,
.main #dep_nav_big,
#main,
#footer {background-position: 50px 0; background-repeat: repeat-y;} /*ogolne wlasciwosci podcienia */

#main_nav ul,
#head #naglowek,
.main #dep_nav_big ul,
#main #content,
#footer #in_footer {margin: 0 auto 0 60px; width: 750px;}/*ustawienie wszystkiego w jednym miejscu. i w jednej wielkosci */


#head {border-bottom: 10px #B5B38E solid; background-color: #eee; background-image: url(../i/cien_eee.png);}
#head #naglowek {background: #fff 100% 0% no-repeat; height: 175px; position: relative;}
.main #head #naglowek,
.ocentrum #head #naglowek {height: 250px; background-image: url(../i/dscn3632.jpg);}
.ocentrum #head #naglowek {height: 175px; background-position: right bottom;}
.projekty #head #naglowek {background-image: url(../i/dscn3687.jpg);}
.kredyt-technologiczny #head #naglowek {background-image: url(../i/dscn3687.jpg);}
.win #head #naglowek {background-image: url(../i/dscn3660.jpg);}

#head #naglowek a {padding-top: 10px; margin-left: 10px; background: url(../i/ci_logo_trans_250.gif) 0 no-repeat; width: 250px; height: 152px; display: block;}
#head #naglowek img {top: 10px; right: 10px; float: right; display: block; height: 50px; position: absolute;}
#head #naglowek .cert {top: 70px; height: 60px; width: 50px;}
#main,
.main #dep_nav_big {background-image: url(../i/cien_ddd.png);}
#main .additional p {width: 100%;}
#main #content {background-color: #fffffe; position: relative; padding-bottom: 5em;} /*to zawiera wlasciwa tresc strony */

#footer {color: white; background-color: #ddb; background-image: url(../i/cien_ddb.png);}
#footer * {font-size: x-small;}
#footer #in_footer {background-color: #ba8; display: block; position: relative;}
#in_footer ul {padding: 3px; display: block;}
#in_footer ul li {list-style: none; display: inline; border-right: 1px #333 solid; height: 1em;}
#in_footer ul li a,
#in_footer ul li a:visited {color: #333; padding: 0 1ex;}
#in_footer a,
#in_footer a:visited {color: #340;}
#footer p {padding: 0 1ex; margin: 0;}
#footer address {float: right; text-align: right; padding: 1ex; font-size: small;}

/*glowne menu*/
#main_nav {background-color: #ba9; background-image: url(../i/cien_ba9.png);}
#main_nav ul {font-size: small; background: #766; text-align: right;}
#main_nav ul li {list-style: none; display: inline; padding: 0.4em 0;}
#main_nav ul li a {padding: 1em 1ex 180px; text-decoration: none; color: #fff; line-height: 2em;}
.main #main_nav ul li a {padding-bottom: 266px;}
#main_nav ul li a:hover {background-color: #f93; color: #766; text-decoration: none;}/*#888*/
#main_nav ul li.current {background-color: #f93; border-bottom: 3px solid #f93;}/*#777*/

/*dodatkowe menu i szybkie info*/
.additional,
.dep_nav {width: 244px; padding: 0 0 0 11px; margin: 0 0 10px 0; float: right; clear: right; background: url(../i/cien_m_fff_ddd.png) 0 repeat-y;}
#content .dep_nav ul,
.additional .in_additional {background-color: #dde; padding: 10px; margin: 0; display: block; color: #555;}
.alert .in_additional {color: red; font-weight: bold;}

#content .dep_nav h5,
#content .additional h5 {display: block; padding: 1ex; margin: 0; color: #555; font: inherit; font-weight: bold; text-decoration: none; text-align: center; background: #ccd url(../i/h52.png); height: 1em; border: 0;}
#main #content .alert h5 {color: red;}
#content .dep_nav h5 a,
#content .additional h5 a {display: block; color: inherit; font-weight: inherit; border: 0;}

#content .additional a,
#content .dep_nav ul li a,
#content .dep_nav ul li a:visited {color: #555; text-decoration: none; background-color: #dde; border: 0;}
.additional a:visited {color: #777;}
.additional a:hover,
.additional a:focus,
.additional a:visited:hover,
.additional a:visited:focus,
.dep_nav a:hover,
.dep_nav a:focus,
.dep_nav a:visited:hover,
.dep_nav a:visited:focus {color: #000; text-decoration: none; border: 0;}

/*dodatkowe menu*/
#content .dep_nav h5 {padding: 1.5em 0; font-size: small; font-variant: normal;}
#content .dep_nav ul {padding: 10px 0;}
#content .dep_nav ul li,
#content .additional ul.menu li {list-style: none; margin: 0; padding: 0; background: none;}
#main .additional ul.menu li a,
.dep_nav ul li a {display: block; text-align: right; padding: 0.8ex 1ex;}
.dep_nav ul li a:hover,
.dep_nav ul li a:focus,
.dep_nav ul li a.current{background: #ccd url(../i/h52.png);}

#content .additional dl,
#content .additional p {margin: 0; padding: 0;}
#content .additional dd {margin: 0 1ex;}
#content .additional dt {text-indent: -0.3em; color: #555; margin-top: 1ex; font-weight: bold;}

/*duze menu dzialow*/
#content ul#dep_nav_big {margin: 0; padding: 0; display: block; float: left; clear: both; position: relative;}
.main #content ul#dep_nav_big {height: 95px; position: relative;}

.main ul#dep_nav_big li,
#content ul#dep_nav_big li {list-style-type: none; display: inline; float: left; margin: 0; padding: 0; background: none;}
.main #content ul#dep_nav_big li {float: left;}

ul#dep_nav_big li a,
.main ul#dep_nav_big li a {font-weight: bold; font-size: small; color: #fff; text-decoration: none; display: block; border: 0;}

ul#dep_nav_big li a {height: 3.5em; padding: 0.5em 0 0 5px; width: 245px; margin: 0;}/*jednostki em, zeby zawsze sie zgadzalo z h5 obok, niezaleznie od wielkosci czcionek*/
.main ul#dep_nav_big li a {height: 11em; font-size: 13px; padding: 5px; width: 240px;}

ul#dep_nav_big li a span {display: none;}
.main ul#dep_nav_big li a span {display: block; font-weight: normal;}
a#pc {background-color: #a97; width: 179px;}
a#pc:hover {background-color: #ba8;}
a#win {background-color: #ba6;}
a#win:hover {background-color: #cb7;}
a#oi {background-color: #db7;}
a#oi:hover {background-color: #ec8;}


.promocja #main_nav ul,
.promocja #footer #in_footer {background-color: #d44; border-bottom-color: #D14444}
.promocja #head {border-bottom-color: #933;}
.promocja h1,
.promocja h2,
.promocja h3,
.promocja h4,
.promocja h5,
.promocja h6 {color: #933; border-color: #933;}
.promocja #content a.dogory,
.promocja #content a.dogory:visited {color: #933; border-color: #922; text-decoration: none; margin: 1em;}
.promocja #head #naglowek {background-image: url(../i/safeway_2.jpg);}
a#promocja {background-color: #933;}
a#promocja:hover,
a#promocja:focus {background-color: #d44; color: #fff;}

.craft #main_nav ul,
.craft #footer #in_footer {background-color: #2A47C8; color: #eee; border-bottom-color: #D14444}
.craft #head {border-bottom-color: #248;}
.craft h1,
.craft h2,
.craft h3,
.craft h4,
.craft h5,
.craft h6 {color: #248; border-color: #248;}
.craft #content a.dogory,
.craft #content a.dogory:visited {color: #248; border-color: #237; text-decoration: none; margin: 1em;}
/*.craft #head #naglowek {background-image: url(../i/safeway_2.jpg);}*/
a#craft {background-color: #248;}
a#craft:hover,
a#craft:focus {background-color: #359; color: #fff;}


.klaster #main_nav ul,
.klaster #footer #in_footer {background-color: #d74; border-bottom-color: #D14444}
.klaster #head {border-bottom-color: #f85;}
.klaster h1,
.klaster h2,
.klaster h3,
.klaster h4,
.klaster h5,
.klaster h6 {color: #f65; border-color: #f65;}
.klaster #content a.dogory,
.klaster #content a.dogory:visited {color: #f65; border-color: #f74; text-decoration: none; margin: 1em;}

a#klaster {background-color: #f85;}
a#klaster:hover,
a#klaster:focus {background-color: #d44; color: #fff;}



.cleaner {clear: both; display: block;}

/*typografia glownego tekstu*/
#content address ul li,
#content address ul {list-style: none;}
#content ul,
#content ol,
#content dl,
#content p,
#content cite,
#content address,
#content blockquote,
#content form {margin: 1em 2em;}/*odstep tego co wewnatrz glownej zawartosci*/
#content li,
#content dd {margin: 0 2ex 0.2em;}
#content dt {text-indent: -0.3em; color: #663; margin-top: 1em; font-weight: bold;}
#content dd {padding-left: 0; line-height: 1.2em;}
#content ul li {list-style: none; background: url(../i/li.jpg) 0 0.3em no-repeat; padding-left: 18px;}
#content blockquote {color: #333; background-color: #efffdd; padding: 0.5em 0;}
#content blockquote p {margin-bottom: 0;}
#content cite {margin-top: 0; text-align: right; display: block;}
strong {font-size: 1.1em; font-weight: bold;}
#content p {position: relative; display: block;}
#content ul.adres li {background: none;}
/*#content ul.adres {background: url(../i/ci_tlo.gif) bottom left no-repeat;}*/
#content a.dogory,
#content a.dogory:visited {float: right; clear: both; padding: 1em; color: #986; border: 1px solid #a97; text-decoration: none; margin: 1em;}
#content a.dogory:hover,
#content a.dogory:visited:hover,
#content a.dogory:focus,
#content a.dogory:visited:focus {border: 1px solid #442; text-decoration: none; background-color: #ffe;}

#content a.img {display: block; float: right; clear: right; margin: 1ex;} 
#content img {border: 1px solid black; padding: 3px; margin: 3px; }
h1,
h2,
h3,
h4,
h5,
h6 {font: normal x-large/1em "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color: #ca7; padding: 1.5em 0 1.5em 1.5em; text-align: left; margin: 0; }
h1 {padding: 4.2em 0.5em 0.5em; line-height: 1.1em; letter-spacing: 1px; font: 2.2em Georgia, Times, serif; color: #974;}
h2 {margin-top: 1em; padding: 1.2em 0.5em 0.5em; border-left: 1.2em solid #ca7; clear: both;}
h3 {padding: 1.5em 20px 0 1.5em; font-weight: normal; color: #630; border-bottom: 1px solid #630; font-size: 1.2em; margin-bottom: 1em; font-variant: small-caps;}
h4,
h5,
h6 {margin: 1em auto; color: #630; padding: 0 1.5em;}
h4 {font-size: 1.1em; font-weight: bold;}

a {color: #460; text-decoration: none; font-weight: inherit; font-size: inherit;} 
a:hover,
a:focus,
a:visited:focus,
a:visited:hover {color: #442; text-decoration: underline;}
a:visited {color: #986;}

acronym,
abbr {cursor: help; border-bottom: 1px dotted #dca; font-weight: inherit; font-size: inherit;}

em {font-size: 1.06em; font-style: italic;}

#content a {border-bottom: 1px dotted #442;}
#content a:hover,
#content a:focus,
#content a:visited:focus,
#content a:visited:hover {color: #442; text-decoration: none; border-bottom-style: solid;}

#content table {margin: 1em 0 1em 0; width: 700px; position: relative; clear: both;}
#content table caption {text-align: left; font-size: medium; margin: 2em 0 1.5em 0; color: #630; border-top: 1px solid #630; padding: 0 1em 0.5em;}
#content table tr:hover,
#content table tr:focus,
#content table tr:hover th[scope=row],
#content table tr:focus th[scope=row] {background-color: #cb8; color: #fff; border-color: gray;}
#content table tr:hover td.empty,
#content table tr:focus td.empty {background-color: #fff;} /*zeby nie zaznaczal pustych komorek*/
#content table th {background-color: #ca7; color: white; padding: 0.2ex; text-align: center; border: 1px #ca7 solid;}
#content table th[scope=row] {text-align: right;}
#content table td {border: 1px gray solid; padding: 0.2ex;}
#content table td.empty {border: 0;}
#content table ul,
#content table ul li {margin: 0;}
tr.second {background-color: #edb;}
#content form {display: block; position: relative; text-align: center; width: 80%; margin: 1em auto; color: #111; border: 1px solid #ddd; padding: 1ex;}
#content form {font-size: medium;}
#content form label em {font-style: italic; font-size: 0.8em;}
#content form label {float: left;}
#content form .text {width: 98%; border: 1px solid #630; margin-bottom: 0.4em;}
#content form .button {padding: 0.2em; color: #986; border: 1px solid #a97; text-decoration: none; margin: 1em; background-color: #fff;}
#content form .button:hover,
#content form .button:focus {border: 1px solid #442; text-decoration: none; background-color: #ffe;}
#content form p {text-align: right; font-size: 0.7em; margin: 0;}
#content form .f_error {color: red; border-color: red;}