body {
margin: 0;
background: url(/secms_skorki/tlo.jpg);
font-family: Arial, Verdana ; 
font-size: 9pt;
color: #ffffff; 
}

.Clear {
clear: both;
margin: 0;
padding: 0;
}

img { border: 0;}

h1 {
width: 610px;
height: 28px;
padding: 12px 20px 0 20px;
margin: 0;
background: url(/secms_skorki/title_bar_long.png) left top no-repeat;
color: #ffffff;
font-size: 14px;
font-weight: normal;
}

h2 {
font-size: 14px;
font-weight: normal;
color: #0DA310;
padding: 0 20px;
margin: 0;  
}

h3 {
font-size: 9pt;
font-weight: bold;
color: #000000;
padding: 0px 0px 5px 0px;
margin: 0px;  
}

h4 {
font-size: 9pt;
font-weight: bold;
color: #000000;
padding: 0px 0px 5px 0px;
margin: 0px;  
}

#calosc {
margin: auto;
width: 980px;
}

#space {
width: 10px;
height:10px;  
float: left;
}

/* HEADER
************************************************************/

#tlo {
width: 100%;
height: 18px;
background: url(/secms_skorki/top.jpg) repeat-x;
}

#banner {
width: 980px;
height: 102px;
background: url(/secms_skorki/banner.png);
}

#banner_left {
width: 500px;
float: left;
}

#banner_left img {
margin: 16px 0 0 30px;
}

#banner_right {
width: 480px;
float: left;
text-align: right;
margin: 10px 0 0 0;
}

#menu {
width: 980px;
height: 42px;
float: left;
clear: both;
margin: 0px 0px 10px 0px;
background: url(/secms_skorki/menul.jpg) left top no-repeat;
text-align: center;
}

/** Panele strona główna
********************************************************/

#left { background: url(/secms_skorki/mos.png); }
#mid { background: url(/secms_skorki/magnetoodmulacz.png); }
#right { background: url(/secms_skorki/szkolenia.png); }

#left_en { background: url(/secms_skorki/mos_en.png); }
#mid_en { background: url(/secms_skorki/oism_en.png); }
#right_en { background: url(/secms_skorki/szkolenia_en.png); }

#left_ru { background: url(/secms_skorki/mos_ru.png); }
#mid_ru { background: url(/secms_skorki/oism_ru.png); }
#right_ru { background: url(/secms_skorki/szkolenia_ru.png); }

#left, #mid, #right, #left_en, #mid_en, #right_en, #left_ru, #mid_ru, #right_ru {
width: 320px;
height: 155px;
float: left;
}

#green_up {
width: 300px;
height: 71px;
padding: 0 10px 0 10px;
background: url(/secms_skorki/green_up.png); 
float: left;
}

#green_down {
width: 250px;
height: 21px;
padding: 5px 60px 0 10px;
margin: 0 0 10px 0;
background: url(/secms_skorki/green_down.png); 
text-align: right;
float: left;
}

/* PODZIAL PODSTRON
*************************************************/

#okno {
width: 650px;
float: left;
padding: 0 0 15px 0;
color: #666666;
background: #f1f1f1 url(/secms_skorki/area_end.png) left bottom no-repeat;
text-align: justify;
line-height: 16px;
font-size: 12px;
}

#okno p {
padding: 0 20px;
margin: 10px 0;
line-height: 16px;
font-size: 12px;
}

#okno p strong.FirstLetter{
font-size: 16px;
color: green;
}

#okno a {
color: #009036;
text-decoration: none;
}

#okno  ul {
padding: 5px 20px;
margin: 0;
}

#okno li {
padding: 0 0 0 10px;
margin: 0 0 0 20px;
}

#okno_right {
width: 320px;
padding: 0;
float: right;
}

#okno_right ul{
margin: 0 0 20px 0;
background: #cacaca;
padding: 0;
list-style: none;
}

#okno_right li{
margin: 0;
padding: 13px 0 13px 50px;
color: #404040;
list-style: none;
font-size: 12px;
font-weight: bold;
background: url(/secms_skorki/ico_file.png) 10px center no-repeat;
}

#okno_right li a{
color: #404040;
text-decoration: none;
}

#okno_right li a:hover{
color: #000000;
}

.right_title {
width: 320px;
height: 40px;
padding: 0 10px;
background: url(/secms_skorki/title_bar_short_side.png) left top no-repeat;
color: #ffffff;
font-size: 14px;
font-weight: normal;
}

.right_title img {
vertical-align: middle;
margin: 0 20px 0 0;
}

/* DOLNE PANELE NA STRONIE GLOWNEJ
*****************************************************************************/

.BoxShort {
width: 320px;
height: 220px;
margin: 10px 0;
float: left;
background: #dee0e1 url(/secms_skorki/box_short_end.jpg) left bottom no-repeat;
color: #666666;
}

.BoxShortMargin {
margin-right: 10px;
}

.BoxShort h2 {
width: 300px;
height: 40px;
padding: 0 10px;
margin: 0 0 10px 0;
background: url(/secms_skorki/title_bar_short.png) left top no-repeat;
font-size: 14px;
font-weight: normal;
color: #333333;
}

.BoxShort h2 img {
vertical-align: middle;
margin: 0 10px 0 0;
}

.BoxShort h3 {
padding: 0 10px;
margin: 10px 0 0 0;
font-size: 12px;
font-weight: normal;
color: #0da310;
}

.BoxShort p {
padding: 5px 10px;
margin: 0;
color: #666666;
}

.BoxShort  a {
text-decoration: none;
color: #333333;
margin: 0 0 0 10px;
}

/* News
*****************************************************************************/

.NewsArchiwumBoxNaglowek {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 5px 20px;
margin: 5px 0;
}

.NewsArchiwumTemat {
float: left;
font-size: 12px;
color: #0da310;
}

.NewsArchiwumData {
float: right;
font-size: 11px;
color: #808080;
}

.NewsArchiwumTresc {
padding: 5px 30px;
}

#okno .NewsArchiwumTresc p {
padding: 0;
margin: 5px 0;
}

/* Foot
*****************************************************************************/
#foot {
width: 960px;
height: 28px;
font-size: 8pt;
padding: 12px 10px 0 10px;
margin: 10px 0 30px 0;
color: #4d4d4d;
background: url(/secms_skorki/foot.png); 
float: left;
}

a.link_foot {
color: #146026;
text-decoration: none;
}
a.link_foot:hover {
color: #4d4d4d;
text-decoration: none;
}


/*** inne ***/

#button {
background: url(/secms_skorki/button.jpg) no-repeat top;
width: 110px;
height: 30px;
padding: 18px 5px 20px 5px;
text-align: center;
font-weight: bold; 
}
#button2 {
background: url(/secms_skorki/button.jpg) no-repeat top;
width: 110px;
height: 30px;
padding: 10px 5px 20px 5px;
text-align: center;
}

a.link_dalej {
color: #ffffff;
float: right;
text-decoration: none;
}

a.link_dalej:hover {
color: #f2f2f2;
float: right;
text-decoration: none;
}

a.link_button {
color: #ffffff;
font-weight: bold; 
text-decoration: none;
}