BODY {
background-image: url(grafiki/tlo/bg.gif); 
font-family: Arial, Helvetica;
font-size: 12px; 
color: black;
margin: 0 0 0 0;
}

a {
color: #413994; 
text-decoration: none; 
font-family: Arial, Helvetica, sans-serif;
}
a:hover {
color: red; 
text-decoration: none; 
font-family: Arial, Helvetica, sans-serif;
}
.tekst {
font-family: Arial, Helvetica; 
font-size: 12px; 
color: #000000; 
text-decoration: none;  
}
.tekst_bold {
font-family: Arial, Helvetica; 
font-size: 12px; 
font-weight: bold;
color: #000000; 
text-decoration: none;  
}
.white {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
font-weight: bold; 
color: #FFFFFF; 
text-decoration: none;
}
.white a {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
font-weight: bold; 
color: #FFFFFF; 
text-decoration: none;
}
.white a:hover {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal; 
font-weight: bold; 
color: white; 
text-decoration: none;
}
.white_normal {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-style: normal;  
color: #FFFFFF; 
text-decoration: none;
}
.tytul {
font-family: Helvetica, Arial, Verdana; 
font-size: 12px; 
font-weight: bold; 
color: black;
}
.jazdy {
background-image: url(grafiki/tlo/tlo_jazdy.gif);
}
.fc101 {
background-image: url(grafiki/tlo/fc101_tlo.gif);
}
.akapit {
text-indent:20px;
}
#wyniki table {
width: 960px;
background: black;
}
#wyniki td {
font-face: Arial,Helvetica;
font-size: 11px;
text-align: center;
font-weight: bold;
background: white;
}
#wyniki caption {
font-face: Arial,Helvetica;
font-size: 12px;
font-weight: bold;
color: black;
text-align: center;
margin-bottom: 5px;
}
#wyniki th {
font-face: Arial,Helvetica;
font-size: 12px;
text-align: center;
color: black;
background: #dadada;
}

.center_bold {
text-align: center;
font-weight:bold;
}

#tomcat_artykul {
width: 821px !important; 
height: 285px !important;
width: 822px;
height: 285px;
float: left; 
clear: both; 
padding: 0 0 0 0; 
font-size: 11px; 
margin-top: 0;
margin-bottom: 0;
color: #555555;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
/*background: #f2f2f2;*/
background: white url(grafiki/bannerdown_3.jpg) no-repeat top right;
}

#tomcat_artykul_tech {
width: 821px !important; 
width: 822px;
height: auto;
float: left; 
clear: both; 
padding: 0 0 0 0; 
font-size: 11px; 
margin-top: 0px;
color: #555555;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
/*background: #f2f2f2;*/
background: white url(grafiki/bannerdown_3.jpg) no-repeat top right;
}

#tomcat_filmy {
width: 821px !important; 
width: 822px;
height: auto;
min-height: 500px;
float: left; 
clear: both; 
padding: 0 0 0 0; 
font-size: 11px; 
margin-top: 0px;
color: #555555;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;
/*background: #f2f2f2;*/
background: white url(grafiki/bannerdown_3.jpg) no-repeat top right;
text-align: left;
}

.film_info {
width: 300px !important;
width: 320px;
height: 100px;
background: #f7f7f7;
padding: 10px;
margin-top: 10px;
}

.filmy_title {
float: left;
width: 380px;
height: 25px;
margin-top: 34px !important;
margin-top: 25px;
margin-left: 40px;
padding-left: 2px;
text-align: left;
font-weight: bold;
color: #b10404;
font-size: 12px;
}
.film_title {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #b10404;
}

.film_scroll {
float: left;
overflow:auto; 
width: 400px;
height: 373px !important;
height: 360px;
margin-top: 0px;
margin-left: 40px;
background: white;
text-align: left;
}

.film {
float: left;
width: 340px;
height: auto;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 20px;
text-align: left;
font-size: 12px;
}

.film span {
font-weight: bold;
}

.film_mini_opis {   
width: 248px;
height: 90px !important;
height: 105px;
float:left;  
padding-top:10px;  
padding-left: 20px;
margin-top: 0px;    
margin-left: 0;  
padding-left:5px;  
padding-bottom: 0px !important;
padding-bottom: 0px;
vertical-align: middle;  
/*color:black;*/
color: #4f4f4f;    
font-size: 12px;
border-bottom: 1px solid #dadada;
}  

.film_mini {  
width:130px !important;  
width:130px;    
height: 100px !important;
height: 105px;/*IE*/  
float:left;  
padding-top:0px;  
padding-bottom: 0px !important;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;  
margin-left:0px;  
font-size: 12px;  
color:black;	  
vertical-align: middle;  
text-align:center;  
border-bottom: 1px solid #dadada;
}  

.film_mini p, .film_mini_opis p {
padding: 0px !important;
padding: 5px;
}

.film_mini img {
margin-top: 10px;
}

.help {
padding-top: 10px !important;
padding-top: 30px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 30px;
}
.help a, .film_mini_opis a, .film_info a, #tomcat_artykul_dol a {
color: rgb(74, 97, 156);
font-size: 12px;
text-decoration: underline;
}

.help a:hover, .film_mini_opis a:hover, .film_info a:hover {
color: red;
}

.tresc {
float: left;
width: 360px;
height: auto;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 20px;
text-align: left;
font-size: 12px;
}

.tresc span {
font-weight: bold;
}
.red {
color: #b10404;
}

.tresc_img {
float: right;
width: 390px;
height: 300px;
margin-top: 20px;
}

.tresc_img img, .tresc_img img:hover {
border: 0;
margin-top: 10px;
}


.tomcat_header_box {
float: left;
width: 100%;
height: 20px !important;
height: 25px;
border: 0px solid #f2f2f2;
font-size: 12px;
padding: 0 0 0 0;
margin-bottom: 20px;
color: #b10404;
background: url(grafiki/tezt_box_bg.gif) repeat-x top right;
}

.tomcat_header_box a {
color: red;
}

.tomcat_footer_box {
float: left;
width: 100%;
height: 20px !important;
height: 25px;
border: 0px solid #f2f2f2;
font-size: 12px;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: white;
background: #979797;
}

.tomcat_box {
float: left;
width: 203px !important;
width: 205px;
height: auto !important;
height: 270px;
border-left: 1px solid white;
border-right: 1px solid #f2f2f2;
border-top: 1px solid white;
margin: 18px 0 0 0;
font-size: 12px;
padding: 0 0 0 0;
color: rgb(74, 97, 156);
}

/*.tomcat_box span:hover {
background: #979797;
}*/

#tomcat_artykul div:hover {
border-top: 4px solid white;
}

.tomcat_box img, .tomcat_box img:hover, tomcat_box img:focus {
border: 0;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.tomcat_box span {
font-weight: bold;
padding-top: 5px;
}

.tomcat_box a {
text-decoration: underline;
color: white;
}
.tomcat_box a:hover {
color: white;
}

.img_left {
float: left;
width: 50%;
height: 80px;
text-align: left;
}

.img_right {
float: left;
width: 50%;
height: 80px;
text-align: right;
}

#tomcat_artykul_right {
width: 400px !important;
width: 420px;
height: 300px !important;
height: 400px;
float:left;
margin-top: 0px;
border-right: 1px solid #c2c2c2; 
/*background: #f2f2f2;*/
background: white url(grafiki/banner_down.jpg) no-repeat top right;
font-size: 12px;
text-align: right;
padding-right: 5px;
padding-top: 0;
padding-bottom: 0;
}

#tomcat_artykul_dol { 
clear: both; 
width: 801px !important; 
width: 822px;
height: auto; 
background: white;
margin: 0 0 0 0;  
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
color: #565656;
border-right: 1px solid #c2c2c2; 
border-left: 1px solid #c2c2c2; 
border-bottom: 1px solid #c2c2c2; 
} 

#tomcat_artykul_dol span {
font-weight: bold;
}

#tomcat_artykul_dol img {
border: 0;
}
#form { 
width:415px !important; 
width: 410px;
height: auto !important;
float: left; 
clear: both; 
padding: 0 0 0 0; 
font-size: 11px; 
margin-top: 0px;
color: #555555;
/*background: #f2f2f2;*/
background: white;
} 

#form form {
margin: 15px 0 0 0;
padding: 0 0 0 0;
}

#form label { 
width: 160px !important; 
width: 150px; /*MSIE*/
float: left; 
clear: left; 
font-weight: bold; 
text-align: right; 
text-transform: uppercase;
margin-top: 0.4em; 
margin-left: 5px !important; 
margin-left: 10px; /*MSIE*/
margin-right: 0.5em; 
margin-bottom: 0.5em; 
/*color: rgb(74, 97, 156);*/
color: gray;
} 


.right {
color: rgb(74, 97, 156);
text-align: right;
font-size: 12px;
}

#form p { 
margin: 5px 0 0 0; 
clear: both;
} 
 
#form {
text-align: left;
}

#form input { 
font-size: 11px;
font-weight: normal; 
padding-left: 5px;
margin-left: 8px;
margin-right: 8px;
border: 1px solid white;
background: white;
color: #474747;
} 

#form input:hover, #form input:focus { 
font-size: 11px;
font-weight: normal; 
padding-left: 5px;
margin-left: 8px;
border: 1px solid white;
background: white;
color: #4c4c4c;
}

#form select { 
width: 170px;
font-size: 11px;
font-weight: normal; 
color: black;
margin-left: 4px;
}

#form .bottom { 
font-size: 11px;
font-weight: normal; 
padding-top: 3px;
padding-left: 5px;
margin-left: 8px;
margin-right: 8px;
color: #474747;
} 

#form textarea {
border: 1px solid #cccccc;
background: white;
color: #555555;
margin-left: 7px;
}

#form textarea:hover, #form textarea:focus  {
border: 1px solid gray;
background: white;
color: #555555;
margin-left: 7px;
}

#form .radio{
margin-left: 200px; 
}

#form .result { 
width: 320px; 
float: right; 
clear: right; 
text-align: left; 
font-weight: normal;
margin-top: 0.4em; 
margin-right: 5px; 
margin-bottom: 0.5em; 
color: #444444;
}
#radio {
margin-top: -20px;
}

#form .result img{ 
border: 1px solid #cccccc;
margin-left: 4px;
}

#form .result_wartosc { 
width: 200px; 
float: right; 
clear: right; 
text-align: left; 
font-weight: normal;
width: 14em; 
margin-top: 0.4em; 
margin-right: 215px; 
margin-bottom: 0.5em; 
}

#form .nolabel, .nolabel, #form_rest .nolabel, #form_table .nolabel { 
width: 100%;
height: 22px;
position: relative; 
clear: both; 
float: none; 
font-size: 11px; 
display: block; 
text-align: center;
} 

#form .nolabel input, .nolabel input, #form_rest .nolabel input {
width: 60px;
border-bottom: 2px solid gray;
border-right: 2px solid gray;
border-left: 1px solid white;
border-top: 1px solid white;
background: #D4D0C8;
padding: 2px;
color: black
}
#form .nolabel input:focus {
border-bottom: 1px solid gray;
border-right: 1px solid gray;
border-left: 1px solid white;
border-top: 1px solid white;
}

#form .title { 
width: 580px; 
float: left; 
clear: left; 
margin-bottom: 5px; 
line-height: 20px; 
font-size: 12px; 
font-weight: bold; 
text-align: center; 
} 

#form .grupa, #txtResults .grupa { 
width: 400px !important; 
width: 400px;
float: left; 
clear: left; 
margin-bottom: 2px;
margin-right: 10px; 
padding-left: 130px;
line-height: 20px; 
font-size: 12px; 
font-weight: bold; 
text-align: left; 
color: #b10404; 
white-space: nowrap;
border-top: 1px solid white;
border-bottom: 1px solid white;
} 
 
#form .grupa_opcje { 
width: 100%; 
float: left; 
clear: left; 
margin-bottom: 5px; 
line-height: 20px; 
font-size: 12px; 
font-weight: bold; 
text-align: center; 
color: #505050; 
border-top: 1px solid white;
border-bottom: 1px solid white;
}

#form span {
font-weight: bold;
}

#banner_up {
width: 822px;
height: 45px;
background: url(grafiki/bannerup_3.jpg) no-repeat top right;
}

#tomcat_banner {
height: 150px;
width: 822px;
background: white url(grafiki/banner_3c1.jpg) no-repeat top right;
border-right: 1px solid #5388CA;
}

#tomcat_banner_left {
float: left;
height: 150px;
width: 429px;
margin-top: 45px;
padding: 0 0 0 0;
background: white url(grafiki/banner_3c1.jpg) no-repeat top left;
}

#tomcat_right {
width: 400px !important;
width: 380px;
height: auto !important;
float:left;
position: relative;
margin-top: 8px;
/*background: #f2f2f2;*/
background: white;
font-size: 12px;
text-align: right;
padding-right: 5px !important;
padding-right: 6px;
padding-top: 0;
padding-bottom: 0;
}

#tomcat_right_cross {
width: 400px !important;
height: auto !important;
float:left;
position: relative;
margin-top: 8px;
/*background: #f2f2f2;*/
background: white;
font-size: 12px;
text-align: right;
padding-right: 5px;
padding-top: 0;
padding-bottom: 0;
}

#tomcat_right .opis, #tomcat_right_cross .opis {
width: 380px;
height: auto;
text-align: left;
padding: 10px;
margin-top: 70px;
color: #6c6c6c;
}
#tomcat_right .opis span, #tomcat_right_cross .opis  span{
font-weight: bold;
color: #b10404;
}

#tomcat_right img, #tomcat_right_cross img  {
border: 0;
margin-right: 80px;
/*margin-top: 130px;*/
margin-top: 30px;
}
#gallery { 
clear: both;
width: 810px !important;
width: 822px; 
height: auto !important; 
background: white;
margin-bottom: 20px;
padding: 5px;
color: #565656;
border-right: 1px solid #c2c2c2; 
border-left: 1px solid #c2c2c2; 
border-bottom: 1px solid #c2c2c2; 
text-align: left;
} 

#gallery span {
font-weight: bold;
}

#img_scroll_pion {
width:580px; 
height:130px; 
background:#f4f4f4; 
overflow:auto; 
border:0px solid #dadada;
}

#img_scroll {
width:805px; 
height:100px; 
background:white; 
text-align: center;
overflow:auto; 
border:0px solid #dadada;
}

img {
border: 1px solid #c2c2c2;
}

img:hover, img:focus {
border: 1px solid #505050;
}

.img_mini {
float: left;
width: 100px;
height: 75px;
margin-left: 5px;
margin-top: 5px;
}

.img_pion_mini {
float: left;
width: 75px;
height: 100%;
text-align: center;
margin-left: 5px;
margin-top: -10px;
}

.img_pion_mini img {
position:relative;
vertical_align: middle;
}

.clearboth {
clear: both;
}
.linki {
text-align: left;
padding-top: 17px;
padding-left: 8px;
margin: 0 0 0 0;
}

.linki span {
padding: 2px;
font-size: 12px;
font-weight: bold;
}
.linki a {
color: rgb(74, 97, 156);
font-weight: bold;
padding: 2px;
font-size: 12px;
text-decoration: underline;
}

.linki a:hover {
color: #b10404;
}

.galeria_thumbs {
float: left;
width: 123px !important;
width: 125px;
height: 100px !important;
height: 100px;
text-align: center;
/*white-space: nowrap;*/
padding-left: 2px!important;
padding-left: 12px;
padding-right: 3px;
margin: 0 5px 5px 0px;
background: white;
border: 1px solid white;
color: #717171;
}

.galeria_image {
min-height: 80px;
width: 110px;
height: auto !important;
}

.gallery_title {
padding-left: 10px;
font-weight: bold;
color: #b10404;
font-size: 12px;
}