@charset "utf-8";
/* ==================================== */
/* == Biontech style: HOME =========== */
/* ================================== */

.ciemnyGruby {
            color:#0165a1;
            font-weight:bold;
}
#tresc_home  {
            width:700px;
            float:left;
            text-align:left;
}


#tresc_home div {float:left}

#tresc_home h2 {
            font-family: Arial;
            font-size:1.3em;
            font-weight:bold;
            color:#555;
            text-align: center;
}

#tresc_home h2 a {
            display:block;
            width:90%;
            padding: 3px 3px 3px 5px;
            font-weight:bold;
            background-color:#b8e8ff;
            color:#0165a1;
            font-family: Arial;
            letter-spacing: 0.09em;
            text-decoration: none;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5em;
}

#tresc_home h2 a:hover {
            text-decoration: none;
            color:#fff;
            background-color:#0165a1;

}

#tresc_home h2.link {

}

#tresc_home h3 {
            font-family: Arial;
            font-size:1.1em;
            color:#0165a1;
            padding-top: 5px;
            padding-bottom: 10px;
            text-transform: uppercase;
}

#tresc_home p {
            font-size:12px;
            color:#555;
            font-family: Arial;
            line-height:16px;
            margin-bottom:10px;

}

#tresc_home ul li {
            list-style:  decimal;
            list-style-position: inside;
            font-size:12px;
            color:#555;
            font-family: Arial;
            line-height:12px;
            margin-bottom:10px;

}

#tresc_home h3 span.wiecej {
            font-size: 0.63em;
            color:#333; /*#3d63bb;*/
}

#tresc_home h2 span.wiecej, h3 span.wiecej, p span.wiecej, li span.wiecej {
            font-size: 0.8em;
            color:#333; /*#3d63bb;*/
}

#tresc_home h3 span.wiecej a:hover, p span.wiecej a:hover, li span.wiecej a:hover {
            color:#cd4849;
}

div.box {
             width:345px;

}

div.box h3 {
            margin-left: 110px;
            text-transform: uppercase;
}

div#pierwszy h3 {
            margin-left: 80px;
}
div.box h3 a {
            color:#cd4849;
            font-family: Arial;
}

div.box p {
            margin-left: 130px;
}
div.box p a {
            text-decoration: none;
}
div.box p a:hover {
            text-decoration: underline;
            color:#cd4849;
}

div.box.lewy {
            margin-right:10px;
}

div.box.gorny {
            height:220px;
}

div.box.dolny {
            height:200px;
}

div#pierwszy, div#drugi, div#trzeci, div#czwarty {
            background-repeat:no-repeat;
            background-position: 0px 40px;
}
div#pierwszy {
            background-image:url(../images/biontech/btm500_ico.gif);
    }
div#drugi {
            background-image:url(../images/biontech/stetoskop_ico.jpg);            
}
div#trzeci {
            background-image:url(../images/biontech/alkaliczna_ico.jpg);
}
div#czwarty {
            background-image:url(../images/biontech/kwasna_ico.jpg);
}