*{
margin:0px;
padding:0px;
font-family: Arial, sans-serif;
font-size:small;
}
img{
border:none;
}
body{
background:#666666;
width:100%;
}
#kontener{
width:1042px;
margin:auto;
margin-top:15px;
}
/* --------------------  strona główna   -------------------------------------------------------------------------- */
#kontener_lewa{
width:71px;
height:633px;
margin:0px;
float:left;
background: url(../images/tlo.jpg) no-repeat left top;
}
#kontener_srodek{
width:960px;
margin:0px;
float:left;
background: url(../images/bok.jpg) no-repeat right top;
}
#flagi{
width:900px;
height:22px;
background:#000000 url(../images/flagi_tlo.jpg) repeat-y right top;
}
.flaga{
border:1px solid #aaaaaa;
float:right;
display:block;
margin-right:10px;
margin-top:5px;
height:13px;
}
.flaga img{
margin:0px;
padding:0px;
}
#div_flash{
height:319px;
}
#flash{
width:150px;
padding-top:20px;
margin-left:5px;
border-bottom:1px solid #777777;
padding-bottom:5px;
}
#glowna{
background-color:#666666;
width:897px;
float:left;
}
#glowna_grupy{
float:left;
background:#ffffff url(../images/grupy_tlo.jpg) repeat-x left top;
width:882px;
border-left:6px solid #666666;
border-right:6px solid #666666;
padding-left:3px;
display:inline;
}
.glowna_grupa_blok{
width:163px;
float:left;
display:inline;
padding:0px;
margin:0px;
}
.grupy_linki{
width:155px;
height:145px;
display:block;
float:left;
margin-top:1px;
}
.grupy_linki img{
padding:0px;
margin:0px;
padding-left:6px;
width:155px;
height:145px;
}
.glowna_grupy_od{
padding:0px;
margin:0px;
float:left;
width:15px;
display:inline;
}
.glowna_grupy_nazwa{
font-weight:bold;
font-size:11px;
margin:0px;
margin-top:9px;
float:left;
display:inline;
text-decoration:none;
color:#000000;
width:155px;
padding:4px 3px 0 3px;
height:17px;
margin-bottom:4px;
border-left:1px solid #aaaaaa;
border-right:1px solid #aaaaaa;
background: url(../images/strzalka.jpg) no-repeat right center;
}
.slowa_kluczowe{
float:left;
text-align:justify;
width:155px;
display:inline;
}
.slowo{
margin-left:5px;
float:left;
}
#glowna_bloki{
width:876px;
float:left;
background-color:#ffffff;
margin-left:6px;
padding-left:9px;
display:inline;
}
#glowna_ekspert{
padding-top:10px;
margin-left:5px;
width:200px;
height:159px;
float:left;
background: url(../images/expert_tlo.jpg) no-repeat left top;
}
#prawemenu_zielony{
padding-top:10px;
margin-left:5px;
width:195px;
height:159px;
float:left;
background: url(../images/zielony2.jpg) no-repeat left top;
}
#glowna_ekspert img{
margin-right:15px;
margin-top:1px;
float:right;
}
#glowna_zapytaj_text1{
display:block;
text-decoration:none;
color:#ffffff;
line-height:18px;
font-size:14px;
margin-left:10px;
margin-top:9px;
font-weight:bold;
}
#glowna_zapytaj_text2{
display:block;
text-decoration:none;
color:#666666;
font-size:13px;
line-height:18px;
margin-left:5px;
margin-right:5px;
margin-top:2px;
}
#glowna_zielony{
background:#ffffff url(../images/zielony_tlo.jpg) no-repeat left top;
width:430px;
height:140px;
float:left;
margin-left:3px;
padding:8px 10px 10px 10px;
}
#glowna_zielony img{
float:right;
}
#zielony_text{
color:#26815A;
font-size:12px;
margin-top:15px;
}
#zielony_text2{
color:#ffffff;
font-size:18px;
width:200px;
text-align:left;
font-weight:bold;
margin-top:10px;
}
#zielony_text3{
color:#ffffff;
font-size:18px;
width:170px;
height:90px;
text-align:left;
font-weight:bold;
margin-top:30px;
margin-left:10px;
}
.wiecej4{
margin-left:60px;
float:left;
color:#ff0000;
text-decoration:none;
font-size:11px;
}
#glowna_mapka{
padding-top:10px;
margin-left:3px;
width:200px;
height:159px;
float:left;
background: url(../images/mapka.jpg) no-repeat left top;
}
.glowna_kropki{
margin-top:10px;
float:left;
width:2px;
height:145px;
background: url(../images/menu_kropki.gif) repeat-y center top;
}
#glowna_zapytaj_text3{
display:block;
text-decoration:none;
color:#ffffff;
line-height:18px;
font-size:14px;
margin-left:10px;
margin-top:40px;
font-weight:bold;
}
#glowna_zapytaj_text4{
display:block;
text-decoration:none;
color:#666666;
font-size:13px;
line-height:18px;
margin-left:10px;
margin-top:20px;
}
#blok3_text{
font-weight:bold;
font-size:13px;
color:#DA251D;
margin-bottom:10px;
}
.blok3_nowosc{
width:280px;
float:left;
margin-bottom:5px;
}
.blok3_nowosc img{
float:right;
width:73px;
}
#blok3_text2{
text-align:justify;
font-size:12px;
}
#blok3_text2_2{
float:left;
width:270px;
text-align:justify;
font-size:12px;
}
#blok3_text3{
float:left;
width:290px;
text-align:left;
color:#DA251D;
font-size:12px;
margin-top:20px;
margin-bottom:10px;
font-weight:bold;
}
.blok3_promocja{
float:left;
width:270px;
}
.blok3_data{
float:left;
width:270px;
font-size:11px;
font-weight:bold;
color:#666666;
}
.blok3_text4{
float:left;
width:270px;
font-size:11px;
color:#444444;
text-align:justify;
}
#div_menu2{
width:678px;
background-color:#DA251D;
border-left:4px solid #ffffff;
border-right:5px solid #ffffff;
height:20px;
}
#tabela_menu2{
margin:auto;
border-collapse:collapse;
background-color:#DA251D;
}
#tabela_menu2 tr td {
font-size:14px;
font-weight:bold;
color:#333333;
}
/* -------- podstrony  ---------------------------------------------------------------------------------------------------- */

#div_menu{
width:888px;
background-color:#DA251D;
border-left:4px solid #666666;
border-right:5px solid #666666;
height:20px;
padding-top:2px;
}
#tabela_menu{
margin-left:20px;
border-collapse:collapse;
background-color:#DA251D;
}
#tabela_menu tr td {
font-size:14px;
font-weight:bold;
color:#333333;
}
.a1{
font-size:13px;
font-weight:bold;
color:#333333;
text-decoration:none;
padding:1px 1px 5px 1px;
}
.a2{
font-size:13px;
font-weight:bold;
color:#333333;
text-decoration:none;
padding:1px 1px 5px 1px;
}
.menu_logowanie2{
color:#ffffff;
margin:0px 0px 0px 10px;
width:65px;
overflow:hidden;
float:left;
}
.menu_logowanie{
float:right;
color:#333333;
text-decoration:none;
}
#td_menu_logowanie{
width:130px;
overflow:hidden;
text-align:right;
}
#tresc{
background:#ffffff url(../images/tresc_tlo.jpg) repeat-x left top;
width:895px;
float:left;
border-right:2px solid #666666;
}
#lewy{
float:left;
width:180px;
}
#lewemenu{
float:left;
width:180px;
margin:0px;
margin-top:10px;
background: url(../images/menu_kropki.gif) repeat-y right top;
}
.lewemenu_blok1{
width:175px;
margin:auto;
background: url(../images/naglowek.jpg) no-repeat left top;
}
.menu_naglowek{
padding:5px 15px 0 10px;
font-weight:bold;
}
.lewemenu_kategorie{
list-style:none;
margin-left:10px;
margin-top:5px;
}
.lewemenu_kategorie li{
padding-top:2px;
width:160px;
background: url(../images/menu_kropki.gif) repeat-x left bottom;
padding-bottom:3px;
}
.lewemenu_aktywny{
color:#ff3a3a;
  text-decoration:none;
}
.lewemenu_aktywny_n{
color:#444444;
  text-decoration:none;
}
#szukaj_blok{
width:214px;
height:53px;
float:right;
background: url(../images/szukaj_tlo.jpg) no-repeat left top;
}
#szukaj_text{
color:#ffffff;
font-weight:bold;
font-size:11px;
margin-left:28px;
margin-top:5px;
}
#searchform{
margin:0px;
padding:0px;
}
#searchinput{
background:none;
border:none;
width:137px;
margin:0px;
padding:0px;
margin-left:30px;
}
.suggest_link {
                background-color: #f9f8f0;
                padding: 2px 6px 2px 6px;
}
.suggest_link_over {
                background-color: #aaaaaa;
                padding: 2px 6px 2px 6px;
                cursor:pointer;
}
#search_suggest {
  left:26px;
  position: relative;
  visibility: hidden;
  background-color: white;
  z-index: 1;    
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-collapse: collapse;
  border-bottom-style: solid;
  border-color: #333333;
  border-width: 1px;      
  overflow: auto;                         
}
#szukaj_szukaj{
border:none;
width:26px;
margin:0px;
margin-left:10px;
height:22px;
background: url(../images/szukaj.jpg) no-repeat left top;
}
#prawy{
width:690px;
padding-right:10px;
float:right;
}
#prawemenu{
float:left;
width:210px;
}
#prawemenu_linki a{
margin-left:18px;
color:#000000;
font-weight:bold;
}
.koszyk_ilosc{
  color:#DA251D;
}
#onas_info{
margin-top:20px;
text-align:center;
font-size:12px;
color:#444444;
}
#onas_cert{
display:block;
width:200px;
margin:auto;
border:1px solid #aaaaaa;
}
.podstrona{
float:left;
width:470px;
margin-left:5px;
padding:0 10px 30px 10px;
}
 .navi{
   color:#333333;
 font-size:11px;
 width:660px;
 height:20px;
 text-align:left;
 margin-top:42px;
  margin-bottom:10px;
  margin-left:10px;
  font-weight:bold;
 }
  .navi a.akt2{
  font-size:11px;
  text-decoration:none;
   color:#DA251D;
   font-weight:bold;
  }
  .navi a.nakt2{
  font-size:11px;
  text-decoration:none;
  color:#333333;
  font-weight:bold;
  }
  #tabela_strony{
  margin:auto;
  margin-bottom:8px;
  }
  .td_strony{
  text-align:center;
  }
  .podstrona_tytul{
 font-size:18px;
font-weight:bold;

  }
   .zapytanie_form1{
 border:1px solid #bbbbbb;
 width:200px;
 }
  .zapytanie_form2{
 border:1px solid #bbbbbb;
 width:460px;
 height:200px;
 }
.wiecej{
float:right;
color:#ff0000;
text-decoration:none;
font-size:11px;
}
.wiecej2{
float:right;
color:#ff0000;
text-decoration:none;
font-size:11px;
padding-right:20px;
margin-right:15px;
background: url(../images/grot.jpg) no-repeat right center;
}
.wiecej3{
display:block;
width:17px;
height:15px;
float:right;
color:#ff0000;
text-decoration:none;
font-size:11px;
padding-right:20px;
margin-right:15px;
margin-top:10px;
background: url(../images/grot.jpg) no-repeat right center;
}
.promocje_blok{
float:left;
width:470px;
margin-bottom:20px;
background: url(../images/menu_kropki.gif) repeat-x left bottom;
padding-bottom:10px;
}
.promocje_foto{
width:150px;
padding:3px;
margin:0 5px 5px 0;
float:left;
border:1px solid #aaaaaa;
}
.promocje_tytul{
width:470px;
padding:3px;
font-weight:bold;
margin-bottom:7px;
font-size:14px;
border:1px solid #b3bff3;
background:#ebedf3;
}
.aktualnosci_data{
float:right;
font-size:12px;
padding-left:5px;
font-weight:normal;
}
.praca_tytul{
text-align:center;
width:470px;
padding:3px;
font-weight:bold;
margin-bottom:7px;
font-size:14px;
border:1px solid #b3bff3;
background:#ebedf3;
}
#mapka_google{
margin:auto;
width:400px;
}
.oferta_kategoria_glowna{
float:left;
display:block;
width:185px;
text-align:center;
text-decoration:none;
}
.oferta_kategoria_glowna  img{
width:185px;
height:173px;
}
.oferta_tytul{
font-size:18px;
font-weight:bold;
margin-left:29px;
}
.oferta_typ{
font-size:14px;
font-weight:bold;
margin-left:29px;
margin-top:4px;
}
.oferta_blok{
float:left;
display:block;
width:185px;
text-align:center;
margin-left:29px;
margin-top:10px;
text-decoration:none;
}
.oferta_nazwa{
float:left;
display:block;
width:165px;
text-align:left;
text-decoration:none;
color:#777777;
font-weight:bold;
border-left:1px solid #777777;
border-right:1px solid #777777;
padding:2px 15px 2px 3px;
background: url(../images/grot2.jpg) no-repeat right top;
}
.oferta_produkty_blok{
float:left;
width:320px;
margin-left:15px;
}
.produkty_blok_lewy{
float:left;
width:130px;
}
.zdjecie_produkt{
width:120px;
float:left;
margin:0 5px 5px 0;
padding:2px;
border:1px solid #aaaaaa;
}
.produkt_koszyk{
float:left;
text-decoration:none;
color:#444444;
font-size:12px;
font-weight:bold;
}
.produkt_koszyk2{
float:left;
margin-left:10px;
text-decoration:none;
color:#444444;
font-size:12px;
font-weight:bold;
}
.produkt_cena{
   font-weight:bold;
    font-size:11px;
  }
 .produkt_promocja{
  color:#ff0000;
  font-size:11px;
    font-weight:bold;
  }
  .cena_n{
   font-size:11px;
    font-weight:bold;
   text-decoration:line-through;
  }
  .cena_pro{
   font-size:11px;
    font-weight:bold;
    color:#ff0000;
  }
.produkt_nazwa{
font-weight:bold;
width:185px;
float:right;
color:#DA251D;
}
.produkt_opis1{
width:185px;
float:right;
font-size:11px;
}
.oferta_linia{
width:470px;
height:15px;
float:left;
background: url(../images/menu_kropki.gif) repeat-x left center;
}

.produkt_nazwa2{
float:left;
font-weight:bold;
 color:#000000;
 width:480px;
 font-size:18px;
 padding-bottom:5px;
}
#produkt_lewa{
float:left;
width:220px;
}
.produkt_opis{
margin-top:2px;
text-align:justify;
}
.produkt_opis2{
margin-top:2px;
text-align:justify;
}
#produkt_szczegolowy{
float:left;
width:470px;
background: url(../images/menu_kropki.gif) repeat-x left top;
padding-top:15px;
}
.zdjecie_produkt2{
width:210px;
float:left;
margin-right:10px;
}
.link_zdjecie_produkt3{
margin-top:5px;
float:right;
margin-right:25px;
}
.zdjecie_produkt3{
width:150px;
margin:auto;
}
/* koszyk =============================================*/
#koszyk_kontener{
float:right;
margin-right:10px;
margin-top:40px;
}
#kasa_kontener{
float:right;
margin-right:50px;
margin-top:40px;
}
#koszyk_form1{
float:right;
}
#koszyk_form2{
float:right;
}
#koszyk_naglowek{
margin-left:5px;
font-family:Verdana;
border-collapse:collapse;
}
#koszyk_naglowek tr th{
font-size:11px;
color:#444444;
border-bottom:1px solid #aaaaaa;
}
#koszyk_naglowek tr td{
font-size:11px;
color:#444444;
}
#koszyk_naglowek2{
margin-left:56px;
font-family:Verdana;
border-collapse:collapse;
}
#koszyk_naglowek2 tr th{
font-size:11px;
color:#444444;
border-bottom:1px solid #aaaaaa;
}
#koszyk_naglowek2 tr td{
font-size:11px;
color:#444444;
}
.trprodukty td{
border-bottom:1px solid #dddddd;
}
.thnazwa{
text-align:center;
width:150px;
padding-left:5px;
}
.tdnazwa{
text-align:left;
width:150px;
padding-left:5px;
}
.thcena{
text-align:right;
width:100px;
padding-right:5px;
}
.tdcena{
text-align:right;
width:100px;
padding-right:5px;
}
.thilosc{
text-align:center;
width:50px;
}
.tdilosc{
text-align:center;
width:50px;
}
.tdilosc input{
text-align:right;
width:35px;
border:1px solid #aaaaaa;
}
.thwartosc{
text-align:right;
width:100px;
padding-right:20px;
}
.tdwartosc{
text-align:right;
width:100px;
padding-right:20px;
}
.thusun{
text-align:center;
width:30px;
}
.tdusun{
text-align:center;
width:30px;
}
.tdusun a img{
 border:none;
}
.trstopka td{
border-bottom:1px solid #888888;
}
.koszyk_suma{
font-family:Verdana;
font-size:10px;
border-collapse:collapse;
float:right;
text-align:right;
}
.koszyk_suma2{
font-family:Verdana;
font-size:10px;
border-collapse:collapse;
margin-left:150px;
}
.suma1{
font-size:11px;
text-align:right;
padding-right:10px;
}
.suma3 input{
 font-size:10px;
}
.suma3{
font-size:11px;
text-align:left;
padding-right:10px;
font-weight:bold;
}
.kasa_daneklienta{
font-size:13px;
margin-left:60px;
width:400px;
}
.d_akcja{
font-family:Verdana;
font-size:10px;
border-collapse:collapse;
margin-top:10px;
float:right;
margin-top:15px;
}
.d_akcja2{
font-family:Verdana;
font-size:10px;
border-collapse:collapse;
float:right;
margin-top:15px;
}
.d_akcja_td1 a,.d_akcja_td2 a,.d_akcja_td3 a {
 font-size:11px;
 font-family:Verdana;
}
.tdkomunikat{
text-align:center;
font-size:11px;
height:20px;
font-weight:bold;
}
.tabela_konto tr th{
text-align:left;
width:230px;
border-bottom:1px solid #eeeeee;
}
.tabela_konto tr td{
text-align:left;
width:230px;
border-bottom:1px solid #eeeeee;
}
.tabela_konto tr td input{
text-align:right;
width:230px;
border-bottom:1px solid #eeeeee;
}
.zmien_dane{
text-align:center;
display:block;
width:95px;
margin-top:20px;
margin-left:370px;
color:#3399d9;
font-weight:bold;
}
.zmien_dane2{
text-align:left;
display:block;
width:95px;
color:#3399d9;
font-weight:bold;
}
.tabela_konto2 tr th{
text-align:left;
border-bottom:1px solid #eeeeee;
}
.tabela_konto2 tr td{
text-align:left;
border-bottom:1px solid #eeeeee;
}
.tabela_konto2 tr td input.s5{
text-align:right;
width:230px;
border:1px solid #303576;
}
    .zawartosc_koszyka{
 display:block;
 margin-left:50px;
 padding-top:20px;
  padding-bottom:25px;
 background: url(pelny.jpg) no-repeat top left;
 }
 .kasa_koszyka{
 display:block;
 margin-left:60px;
 padding-left:60px;
 padding-top:20px;
  padding-bottom:10px;
 background: url(kasa.jpg) no-repeat top left;
 }
  .p_zawartosc_koszyka{
 display:block;
  margin-left:20px;
 padding-left:60px;
 padding-top:20px;
  padding-bottom:10px;
 background: url(pusty.jpg) no-repeat top left;
 }
   .p_kosz{
    display:block;
     margin-left:120px;
   }
.fotokoszyk{
width:50px;
}
.tdfotokoszyk{
width:50px;
}
 .przycisk{
 color:#000000;
 display:block; 
font-size:12px;
font-family:Verdana;
text-align:center;
margin:auto;
height:12px;
text-decoration:none;
padding:3px 4px;
background-color:#d4d0c7;
background-repeat: repeat;
border-top:2px solid #ffffff;
border-left:2px solid #ffffff;
border-right:2px solid #555555;
border-bottom:2px solid #555555;
}
.przycisk:active{
border-bottom:2px solid #ffffff;
border-right:2px solid #ffffff;
border-left:2px ridge #333333;
border-top:2px ridge #333333;
     }  
     
/* logowanie rejestracja zmiana danych   */

   .b1{
border:1px solid #aaaaaa;
font-size:10px;
font-weight:bold;
margin-left:160px;
margin-top:5px;
color:#555555;
padding-left:5px;
padding-right:5px;
background-color:#ffffdd;
}
.s1{
margin:2px;
border:1px solid #aaaaaa;
}
.tabela_rejestracja{
width:450px;
}
.rejestracja_pole2{
width:120px;
}
.s2{
margin:2px;
border:1px solid #aaaaaa;
}
.gwiazdki{
width:5px;
text-align:left;
}

/* rejestracja   ====================================  */
.red{
color:#ff0000;
}
  #registrationForm  {
width : 450px;
margin : auto;
}
#registrationForm label {
display : block;
width : 169px;
float : left;
text-align : right;
padding-right : 5px;
font-size:11px;
color:#888888;
}
#registrationForm label.sublabel {
display : block;
width : 55px;
float : left;
text-align : right;
padding-right : 2px;
margin-left : 10px;
}
#registrationForm input {
display : block;
float : left;
margin-left : 10px;
border : 1px solid #a5acb2;
}
#registrationForm input.long {
width : 250px;
}
#registrationForm input#invoiceFirstName, #registrationForm input#invoiceLastName {
width : 319px;
}
#registrationForm fieldset {
border : none;
width : 450px;
position : relative;
margin-top : 10px;
}
#registrationForm #telephone, #registrationForm #addressTelephone {
width : 80px;
}
#registrationForm #addressTelephoneExtension, #registrationForm #telephoneExtension {
width : 30px;
}
#registrationForm #telephoneAreaCode, #registrationForm #addressTelephoneAreaCode {
width : 25px;
}
#registrationForm #mailing, #registrationForm #changeAddress2, #registrationForm #invoiceTypePerson, #registrationForm #invoiceTypeFirm {
border : none;
}
#registrationForm fieldset span.legend {
width : 450px;
background : #d4ed90;
display : block;
font-size : 14px;
font-weight : bold;
margin : 0;
padding-top : 5px;
padding-bottom : 5px;
}
#registrationForm fieldset span.submitLegend {
color : #64808c;
width : 450px;
padding-top : 5px;
padding-bottom : 5px;
background : #fff;
border-bottom : 1px solid #297a2c;
}
#registrationForm fieldset span.legend h2 {
font-size : 14px;
font-weight : bold;
margin-left : 5px;
margin-top : 1px;
margin-bottom : 1px;
}
#registrationForm div {
padding-top : 8px;
padding-bottom : 8px;
width : 450px;
vertical-align : bottom;
line-height : 17px;
}
#registrationForm div br {
overflow : hidden;
clear : both;
}
#registrationForm div span.error {
color : #f1711c;
margin-left : 183px;
display : block;
clear : left;
}
#registrationForm div input.error {
border : 1px solid #d22566;
}
#registrationForm div.submitDiv {
width : 450px;
text-align : center;
}
#registrationForm span.hint {
background : #f8f5c0 ;
font-size : 9px;
padding-left : 10px;
width : 218px;
position : absolute;
right : 0;
padding-top : 2px;
padding-bottom : 2px;
}
#registrationForm span.hint p {
margin : 2px 2px 2px 6px;
}
#registrationForm span.hint img {
position : absolute;
left : 0;
top : 5px;
}
#registrationForm #zmienbtn {
border : none;
width : 104px;
height : 21px;
cursor : pointer;
display : inline;
float : none;
} 
.fieldDisabled  {
background-color : #dddddd;
}
div.description  {
color : #888888;
font-size:11px;
text-align : center;
padding-top : 10px;
padding-bottom : 10px;
font-weight : bold;
border : 1px solid #a3a3a3;
margin-bottom : 20px;
margin-top : 5px;
} 
/* stopka   ====================================  */
#stopka{
height:100px;
width:888px;
float:left;
margin-left:3px;
} 
.stopka_pl{ 
background: url(../images/stopka_pl.jpg) no-repeat right top;
}
.stopka_gb{ 
background: url(../images/stopka_gb.jpg) no-repeat right top;
}
.stopka_ger{ 
background: url(../images/stopka_ger.jpg) no-repeat right top;
}
.info{ 
font-size:11px;
color:#aaaaaa;
margin-left:5px;
}
.info a{
font-size:11px;
color:#ffffff;
text-decoration:none;
}
#stopka_text1{
color:#ffffff;
font-size:15px;
font-weight:bold;
margin:10px 0 0 10px;
}
#stopka_text2{
color:#ffffff;
font-size:12px;
margin:10px 0 0 10px;
}
 .clear{
 clear:both;
 }
  .center{
text-align:center;
 }
 .bold{
 font-weight:bold;
 }
.blad{
      color:#ff0000;
      }
      .ok{
      color:#00aa00;
      }