/* CSS Komitet-Obywatelski.pl */

* {margin: 0px; padding: 0px; border: 0px; }
body {font-family: verdana, Arial, Helvetica; background-color:#fff;font-size: 13px;color: #343434; line-height:17px}
#opakowanie {background-color:#fff; background-color:#1677ae; background-image:url(../obrazki/bg_body.jpg); background-repeat: no-repeat;}
#opakowanie_dol {background-color:#fff; background-image:url(../obrazki/bg_dol.gif); background-repeat: no-repeat; overflow:hidden; height:100%}
#poziom1 {height:50px; background-color:#00408e; margin:0 auto;width:960px }
a:link {color:#33557d; text-decoration: none;}
a:visited {color:#33557d;text-decoration: none;}
a:hover {color:#042e69;text-decoration: none;}
a:active {color:#1f7126;text-decoration: none;}
#menu { font-size:12px; }
#menu ul {  overflow:hidden; list-style-type:none; text-decoration:none }
#menu li { float:left; overflow:hidden;border-right:1px solid #3b6ca8 }
#menu li a {display:block; float:left;padding:16px 45px 16px 45px;margin-left:1px;}
#menu li a:link,#menu li a:visited, #menu li a:active  {color:#fff;}
#menu li a:hover { background-color:#c43402; text-decoration:none}
#poziom2 {width:960px;margin:0 auto; }
#poziom3 {margin:0 auto; width:960px; overflow:hidden; }
#kolumna_1 {width:220px;  float:left}
#kolumna_2 {width:740px; float:left; overflow:hidden}
#content {height:100%; overflow:hidden;} 
#content h1 {font-size:22px;padding:5px 0 5px 0px; color:#000; font-weight:bold;font-weight:normal;}
#content h2 {font-size:18px;padding:5px 0 5px 0px; color:#000; font-weight:bold;font-weight:normal;}
#content h3 {font-size:16px;padding:5px 0 5px 0px; color:#000; font-weight:bold;font-weight:normal;}
#content #kol_21{ width:490px;background-color:#FFFFFF; overflow:hidden; padding:15px 5px 0 30px;float:left}
#content .opis {padding:7px 0}
#kolumna_1 h1 {font-size:17px; background-color:#00408e; line-height:1.3em;color:#fff;height:25px;border-right:1px solid #a7c0de; font-weight:normal;padding:5px 0 0 30px}

#kolumna_2 h1 {font-size:17px; line-height:1.3em;background-color:#3774be; background-image:url(../obrazki/flaga.gif); background-position:100% 0; background-repeat: no-repeat; color:#fff;height:25px; font-weight:normal;padding:5px 0 0 30px}
#kolumna_1 .box h1  {font-size:17px; background-color:#3774be;  color:#fff;height:25px; font-weight:normal;padding:5px 0 0 30px}
.box {margin-top:15px}
#kol_22 h1 {font-size:17px;color:#00408e; background-color:#f7f7f7;height:25px; background-image:none; font-weight:normal;padding:15px 0 15px 5px}
#submenu {padding:0 0 0 0; list-style-type:none; background-color:#3774be;border-right:1px solid #a7c0de;}
#submenu li a {display:block; font-size:12px;padding:12px 0 12px 50px; border-bottom:1px dotted #ebebeb;background-image: url(../obrazki/kropa.gif); background-repeat:no-repeat; background-position:30px 14px}
#submenu li li a {display:block; font-size:11px;padding:5px 0 5px 70px; border-bottom:1px dotted #ebebeb;background-image: url(../obrazki/kropa.gif); background-repeat:no-repeat; background-position:50px 8px}
#submenu li a:link,#submenu li a:visited, #submenu li a:active  {color:#fff;}
#submenu a:hover { background-color:#c43402; background-image: url(../obrazki/kropa2.gif); background-repeat:no-repeat; }
#kol_21{ width:520px;background-color:#FFFFFF; overflow:hidden; padding:15px 5px 0 15px;float:left}
#kolumna_1 .box {background-color:#f1f1f1; }
#kolumna_1 .box p {padding:10px 0 15px 0}
#kol_22 {width:200px; float:right; background-color:#f7f7f7;text-align:center }
#kol_22 img {margin-bottom:20px}
.news {border-bottom:1px solid #a7c0de;height:100%; overflow:hidden;padding-bottom:10px;margin:5px 15px 15px 15px}
.newsy_krotkie {width:90px;float:left}
.newsy_dlugie {width:400px;float:left}
.tytul {font-size:14px;color:#33557d;}
.news p span {color:#33557d;}
.data {color:#8b8b8b; font-size:11px; }
.newsData {width:61px; height:56px;float:left; text-align:center;overflow:hidden;  margin: 0 0 20px 0px; }
.newsDataDzien {color:#ffffff; font-size:18px; padding:8px 4px;background-color:#c43402;}
.newsDataMiesiac {color:#444444; font-size:10px; padding-bottom:6px; background-color:#f1f1f1;}
.opis {padding:13px 0;}
.align_right {text-align:right; font-size:12px; clear:both }
.align_left {text-align:left; font-size:12px;clear:both  }
.btn_szukaj {vertical-align: middle; margin-top:-5px;margin:0 15px 0 5px; height:auto; }
#opakowanie_stopka { background-image:url(../obrazki/bg_stopka.gif); background-position:0px 10px;  background-repeat: no-repeat; overflow:hidden}
#stopka {clear:both;font-size:12px; color:#5e717b; position:relative; background-color:#f1f1f1; width:960px; margin:10px auto ;padding: 12px 0px 12px 30px; }
#stopka img { position:absolute; right:15px; top:3px }
.obrazekLeft {float:left; margin: 5px 10px 5px 0}
#galeria {padding:30px 15px 15px 15px; clear:both }
#galeria a img {margin:0 15px 15px 0px; border:3px solid #f1f1f1}
.news ul {margin-left:30px; padding:5px 0;list-style-type: none; }
.news ol {margin-left:60px;padding:5px 0 5px 14px; }
.news ul li {margin-left:30px; list-style-image:none;background-image: url(../obrazki/kropa3.gif); background-repeat: no-repeat; background-position:0 5px; padding-left:14px; }

#kol_21 .news h1 {padding-left:0;color:#00408e;border-left:none;line-height:20px; background-image:none; background-color:#fff}
.news h2 {font-size:20px;padding:5px 0 5px 0px; color:#282828;font-weight:normal; line-height:1.2em}
.news h3 {font-size:15px;padding:15px 0 15px 0px; color:#282828;font-weight:normal; line-height:1.2em}

.kontakt input {border: 1px solid gray; width:200px; padding:2px;}
.kontakt textarea {border: 1px solid gray;  padding:2px; width:300px;}
.kontakt td {padding:5px;}
.kontakt .kontakt_wyslij {width: 80px;background-color:#f7f7f7;}
.strona_tytul {padding-bottom:8px; font-size:14px;color:#33557d; }


#kolumna_2 table {margin-top:10px;border:1px solid #00408e; margin-left:1px;text-align:center;border-collapse:collapse}
#kolumna_2 table td {background-color:#f7fbfc;border:1px solid #83aee1;border-collapse:collapse;margin-left:5px}