body { font-size: 12px; font-family: "Arial",Helvetica,sans-serif; padding: 0px; margin: 0px; margin-bottom: 40px; text-align: left; }
a { color: #BB212C; text-decoration: none; font: 12px Arial; }
a:hover { text-decoration: underline; }
img { border: none; } 
h1 { color: #4E4D4D; padding: 0px; font: 22px Arial; }
h2 { color: #4E4D4D; padding: 0px; font: 18px Arial; }
input { border: 1px solid #c7c7c7; background: white; color: black; }

.warningInfo { height: 20px; padding: 3px 0 0 20px; background: #d33945; color: white; font-weight: bold; }

#mainField { width: 950px }

#banner { background: url(pict/head_bg.png) repeat-x; height: 179px; position: relative;}
#bannerField { width: 950px; position: relative; }
#banner .elt1 { float: left; display: inline; width: 474px; } 
#banner .elt2 { float: left; display: inline; width: 476px; }
#banner #logo { position: absolute; left: 45px; top: 65px; }
#banner #atcomp { position: absolute; left: 0px; top: 0px; width: 296px; height: 100px; background: url(pict/atcomp_logo.png) no-repeat center top; }

#tagCloud { position: absolute; width: 210px; height: 92px; right: 38px; top: 50px; }
#tagCloud a { color: black; font-size: 15px; }
#tagCloud .tagCloudImage { padding: 0 5px 0 5px;}

#multihero { margin-top: 10px; position: relative }
#multihero .buttons { text-align: center; color: white; font-size: 12px; width: 90px; height: 27px; position: absolute; right: 30px; bottom: 10px; background: url(pict/multihero_belka_numerki.png) }
#multihero .buttons a { cursor: pointer; color: white; font: 16px Arial; text-decoration: none; }
#multihero .buttons .eltSubmit { background: url(pict/multihero_belka_nr_podswiet.png) no-repeat center top; padding-top: 1px; margin: 3px 0 0 4px; float: left; display: inline; width: 23px; height: 22px; }
#multihero .buttons .elt { padding-top: 4px; float: left; display: inline; margin-left: 5px; width: 23px; }  

#multihero1 { background: url(pict/multihero2.png); width: 100%; height: 350px; }
#multihero1 .text { padding-top: 35px; }
#multihero1 .header a { font-family: Garamond, Serif, Georgia; font-size: 60px; color: white; text-decoration: none; }
#multihero1 .smallHeader a  { font-family: Garamond, Serif, Georgia; font-size: 36px; color: #fb7983; text-decoration: none; }
#multihero1 .menuElt { padding-right: 20px; color: #adaeb0; text-decoration: none; font-family: Garamond, Serif, Georgia; font-size: 36px; }

#multihero2 { background: url(pict/multihero1.png); width: 100%; height: 350px; text-align: left; }
#multihero2 .text { padding-top: 35px; text-align: left; padding-left: 40px; width: 400px; }
#multihero2 .header a { font-family: Garamond, Serif, Georgia; font-size: 60px; color: white; text-decoration: none; }
#multihero2 .smallHeader { padding-top: 30px; }
#multihero2 .smallHeader a  { font-family: Garamond, Serif, Georgia; font-size: 36px; color: #515151; text-decoration: none; }
#multihero2 .action { padding-top: 20px; padding-left: 240px; }
#multihero2 .action a  { font-family: Garamond, Serif, Georgia; font-size: 32px; color: #bb212d; text-decoration: underline; }

#multihero3 { background: url(pict/multihero3.png); width: 100%; height: 350px; text-align: left; }
#multihero3 .text { text-align: left; padding-left: 40px; }
#multihero3 .header { text-align: left; padding-top: 30px; }
#multihero3 .header a { font-family: Garamond, Serif, Georgia; font-size: 50px; color: white; text-decoration: none; }
#multihero3 .smallHeader { width: 350px; padding-top: 20px; }
#multihero3 .smallHeader a  { font-family: Garamond, Serif, Georgia; font-size: 42px; color: #363636; text-decoration: none; }
#multihero3 .action { padding-top: 45px; padding-left: 100px; }
#multihero3 .action a  { font-family: Garamond, Serif, Georgia; font-size: 32px; color: #bb212d; text-decoration: underline; }

#textField { background: url(pict/kolumny_bg.png) repeat-x center top; min-height: 358px; height: auto !important; height: 358px; margin-top: 5px;}
#textField #leftBorder { background: url(pict/kolumny_rozdzielnik.png) no-repeat left top; min-height: 358px; height: auto !important; }
#textField #rightBorder { background: url(pict/kolumny_rozdzielnik.png) no-repeat right top; min-height: 358px; height: auto !important; }
#leftField { width: 300px; float: left; display: inline; padding-top: 10px;  background: url(pict/kolumny_rozdzielnik.png) no-repeat right top; min-height: 358px; height: 358px auto !important;}
#rightField { width: 610px; padding: 10px 0 0 20px; float: left; display: inline; text-align: left;}
#rightField img { border: 1px solid #936969 }
#centerField { }
#textField .inTextSeparator { border: none; }
#textField .downloadLink { text-align: left; margin: 3px 0 0 0; padding: 0 0 0 90px;}
#textField .column { width: 300px; float: left; display: inline; padding-top: 10px;  background: url(pict/kolumny_rozdzielnik.png) no-repeat right top; min-height: 358px; height: 358px auto !important;}
#textField .withoutBorder .text { padding: 10px; text-align: left; }
#textField .centerColumn { width: 350px; }
#textField .centerColumn .text { padding: 10px; text-align: left; }
#textField .textMain { padding-top: 0px; }

#footer { padding-top: 4px; height: 50px; background: url(pict/footer_bg.png) repeat-x; text-align: left; }
#footerTop { margin-bottom: -4px; background: url(pict/footer_ozdobnik_gora.png) no-repeat left bottom; width: 100%; height: 38px; }
#footerBottom { background: url(pict/footer_ozdobnik_dol.png); width: 207px; height: 38px;}

#footer .left {  width: 250px; margin-left: 10px; vertical-align: middle;  float: left; display: inline; }
#footer .center { width: 425px; float: left; display: inline;text-align: center;  }
#footer .right { margin-top: -13px; padding-left: 100px; width: 150px; float: left; display: inline; text-align: right;}

#breadCrumbs { text-align: left; padding-left: 10px; margin-top: 5px;}
#breadCrumbs a { color: #BB212C;  }
#breadCrumbs a:hover { text-decoration: underline }
#breadCrumbs .lastBreadCrumb { color: black  }
#breadCrumbs .lastBreadCrumb:hover { text-decoration: none; }

#menu { position: absolute; width: 690px; height: 30px; top: 148px; left: 250px; }
#menu .elt { float: left; display: inline; padding: 7px 30px 0 30px; background: url(pict/kropka_menu_gl.png) no-repeat right 12px; }
#menu a { color: white; font: 14px Arial; }
#menu .eltSubmit { float: left; display: inline; margin-top: -1px; padding: 0px 14px 0 10px; background: url(pict/kropka_menu_gl.png) no-repeat right 13px;}
#menu .eltSubmit .left { float: left; display: inline;  width: 16px; height: 32px; background: url(pict/menu_podsw_1.png) no-repeat center top; }
#menu .eltSubmit .main { float: left; display: inline; height: 32px; padding: 8px 0 0 2px; background: url(pict/menu_podsw_2.png) repeat-x center top; }
#menu .eltSubmit .right { float: left; display: inline; width: 20px; height: 32px; background: url(pict/menu_podsw_3.png) no-repeat center top;  }

#leftMenu { text-align: left; padding-left: 40px; margin-bottom: 20px; margin-top: 10px;}
#leftMenu a { color: black; }
#leftMenu a:hover { color: #BB212C; text-decoration: underline; }
#leftMenu .elt { margin-top: 5px; padding-left: 13px; background: url(pict/kropka_submenu.png) no-repeat left 4px; }
#leftMenu .eltSubmenu { margin-top: 5px; }
#leftMenu .eltSubmit { margin-top: 5px; color: #BB212C;}
#leftMenu .eltSubmit a { color: #BB212C; font-weight: bold; padding-left: 13px; background: url(pict/kropka_submenu.png) no-repeat left 4px; }

#gallery { text-align: center; }
#gallery .element { padding: 4px; height: 100px; width: 100px; text-align: center; background: white; border: 1px solid black;}
#gallery img {  border: none; }

#slideshowBanner { position: relative; height: 350px; width: 950px; }
#slideshowBanner div.multi { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshowBanner div.active { z-index:10; opacity:1.0; }
#slideshowBanner div.last-active { z-index:9; }

.bigButtonsSeparator { width: 258px; height: 78px; background: url(pict/oddzielnik_menu.png) no-repeat center top; }

.news { margin-bottom: 10px; }
.news .date { }
.news .header { text-align: justify; } 
.news .header a {}
.news .short a { color: black; text-decoration: none; }
.news .short a:hover { text-decoration: underline;  }

#subMenu div.submenu { padding: 20px; width: 270px; text-align: left; border: 1px solid gray; margin-bottom: 10px; }
#subMenu a.subMenu { font-size: 14px;}
#subMenu .subMenuShort { color: black; }

#modelsMenu { text-align: center; width: 427px; }
#modelsMenu div { border: 1px solid black; margin-top: 5px; }

.UTMborder { border-bottom: 1px solid #f2f2f2;; }
.UTMborderRight { border-bottom: 1px solid #f2f2f2; text-align: center; }

#more .fieldName { width: 130px; float: left; display: inline; margin-top: 3px; font-weight: bold; text-align: right; margin-right: 20px; }
#more .inputField { width: 400px; float: left; display: inline; margin-top: 3px; }
#more input { width: 200px; }
#more .sendButton { width: 350px; margin-top: 10px; text-align: right;  }
#more .sendButton a { font-weight: bold; color: #BB212C; cursor: pointer; text-decoration: none;}
#more .moreField { min-height: 150px; height: auto !important; height: 150px; background: url(pict/qb_tlo.png) no-repeat center top; text-align: justify; padding-top: 10px; padding-right: 20px;}

#more .leftField { float: left; display: inline; width: 300px;  }
#more .rightField { float: left; display: inline; width: 600px; }