

#content .small {
    font-size:10px;
    margin-left:10px;
    }

/* .......................................................................... */

#content table.ramka {
    margin-top:10px;
    }

#content table.ramka td {
    padding:4px 10px;
    text-align:center;
    border:1px solid #4c93ab;
    }

#content ul {
    padding-left:18px;
    }

/* .......................................................................... */

#content img.border {
    border: 1px solid #c2dce9;
    }

/* .......................................................................... */

#content li {
    background: url(/img/li_background.gif) no-repeat left 8px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none; 
    padding-left:15px;
    }

#content li a:visited {
    text-decoration:none;
    }

/* .......................................................................... */

#content h2 {
    font-size:13px;
    }

#content h3 {
    background: url(/img/h3_background.gif) no-repeat left 8px;
    padding-left:12px;
    font-size:12px;
    }

/* .......................................................................... */
/* przyciski do kalkulatorów umieszczane w treścui */

#content .przycisk_90, #content .przycisk_120 {
    display:block;
    height:28px;
    line-height:28px;
    text-align:center;
    }

#content .przycisk_90 {
    width:90px;
    background: url(/img/przycisk_90.gif) no-repeat left top;
    font-weight:bold;
    }

#content .przycisk_120 {
    width:120px;
    background: url(/img/przycisk_120.gif) no-repeat left top;
    font-weight:bold;
    }

#content .przycisk_90:hover {
    text-decoration:none;
    color:#1F6D88;
    }
    
#content .przycisk_120:hover {
    text-decoration:none;
    color:#1F6D88;
    }

/* ............................................................................ */
/* style dotyczące tabelek na stronie "Hybrydyzacja i skanowanie mikromacierzy" */


/*
<div class="mikromacierze_produkty">
    
    <div class="wiersz">
        <div class="caption">G2534A Hybridization Chamber</div>
        <div class="str">&nbsp;</div>
        <img class="value" src="http://a172.fsi.pl/files/structure/17/2/p1_1.jpg" alt="obrazek 1" />
        <div style="clear:both;">&nbsp;</div>
    </div>

*/


/*
http://a172.fsi.pl/files/structure/17/2/strzalka.jpg
*/

#content div.mikromacierze_produkty {
    
    }

#content div.mikromacierze_produkty div.caption {
    display:block;
    float:left;
    width:180px;
    text-align:right;
    }

#content div.mikromacierze_produkty div.str {
    background:url('/img/strzalka.jpg') no-repeat left top;
    width:48px;
    height:41px;
    display:block;
    float:left;
    }

#content div.mikromacierze_produkty img.value {
    display:block;
    float:left;
    border:1px solid #c2dce9;
    }

#content div.mikromacierze_produkty .clear {

    clear: both;
    width:0px;
    height:0px;
    font-size:0px;
    }

#content .wiersz { padding-left:100px; border-bottom:1px solid #c2dce9; padding-bottom: 6px; padding-top: 6px;}
#content .wiersz.last { border-bottom: none; }

#content .i1 .caption { margin-top:11px; margin-bottom:14px; }
#content .i2 .caption { margin-top:24px; margin-bottom:25px; }
#content .i3 .caption { margin-top:10px; margin-bottom:10px; }
#content .i4 .caption { margin-top:12px; margin-bottom:12px; }
#content .i5 .caption { margin-top:31px; margin-bottom:32px; }

#content .i1 .str   { margin-top:1px; margin-bottom:2px; margin-left:74px; margin-right:59px; }
#content .i2 .str   { margin-top:14px; margin-bottom:15px; margin-left:74px; margin-right:59px; }
#content .i3 .str   { margin-top:0px;  margin-bottom:0px;  margin-left:74px; margin-right:59px; }
#content .i4 .str   { margin-top:2px; margin-bottom:2px; margin-left:74px; margin-right:59px; }
#content .i5 .str   { margin-top:21px; margin-bottom:22px; margin-left:74px; margin-right:59px; }

#content .i3 .value { margin-top:5px; margin-bottom:5px; }

#content .produkt {
    width:150px;
    height:150px;
    border:1px solid #c2dce9;
    }

/* .......................................................................... */

#content div.mikromacierze_all {
    margin-top:15px;
    margin-bottom:15px;
    }

#content div.top {
    background:url(/img/bg_top2.jpg) no-repeat left top;
    width:700px;
    height:30px;
    }

#content div.middle {
    
    background: url(/img/bg_middle.jpg) repeat-y left;
    width:700px;
    }

#content div.bottom {
    background:url(/img/bg_bottom2.jpg) no-repeat left bottom;
    width:700px;
    height:30px;
    }


#content .mikromacierze_bottom img {
    
    width:163px;
    border:1px solid #c2dce9;
    }    

#content div.middle div.foty {
    width:696px;
    /*background-color:red;*/
    margin-left:2px;
    }

#content div.mikromacierze_all div.foty img {
    display:block;
    float:left;
    width:163px;
    
    border:1px solid #C2DCE9;
    margin-left:7px;
    margin-right:1px;
    }

#content div.mikromacierze_all div.foty p {
    display:block;
    float:left;
    width:163px;
    min-height:90px;
    
    margin-left:7px;
    margin-right:3px;
    }

#content div.mikromacierze_all .mikromacierze_2 img {
    width:215px;
    border:1px solid #C2DCE9;
    
    margin-left:7px;
    margin-right:3px;
    }

#content div.mikromacierze_all table.mikromacierze_2 {
    margin-left:8px;
    }


#content div.mikromacierze_all img.mikromacierze_3 {
    
    display:block;
    margin-left:15px;
    margin-top:5px;
    width:671px;
    }

#content div.mikromacierze_all div.text {
    margin-left:8px;
    margin-right:6px;
    }


/* .......................................................................... */

#content .frakcjonowanie {
    
    border-top:1px solid #bedfe6;
    width:680px;
    padding-top:20px;
    margin-top:20px;
    }

#content .frakcjonowanie img {
    float:left;
    display:block;
    
    padding:6px;
    border:1px solid #bedfe6;
    margin-right:36px;
    }

#content .frakcjonowanie .podpis {
    float:left;
    width:350px;
    }
    
#content .clear {
    
    clear: both;
    width:0px;
    height:0px;
    font-size:0px;
    }

/* .......................................................................... */


#content ol.numeric li {
    background:none;
    
list-style-image:inherit;
list-style-position:inherit;
list-style-type:inherit;
    }

table.calc_matrix caption {
    font-weight:bold;
    text-align:left;
    }


