/* basic */
*{padding:0; margin:0}
body{font:normal 12px/18px Arial, Helvetica, sans-serif;color:#fff;background:#0a0000 url(../images/bg.gif) repeat-x left top}
body.home{background:#070000 url(../images/bg_home.gif) repeat-x left top}
a{text-decoration:none;color:#cc0000; font:normal 12px Arial, Helvetica, sans-serif}
a:hover{text-decoration:underline;color:#cc0000}
a img{border:0}
a.none:hover{ text-decoration:none; color:#FF9900}
.ten{height:10px;clear:both; overflow:hidden}
.five{height:5px;clear:both; overflow:hidden}
.one{height:1px;clear:both; overflow:hidden}
.clear{ clear:both} 
.bold{font-weight:bold}
.orange{ color:#FF6600}
.green{color:#16ccc4}
.red{color:#e80c0e}
.gray{color:#666}
.blue{color:#0099ff}
.black{color:#222}
.white{color:#FFF}
.under{ text-decoration:underline}
.old{ text-decoration:line-through}
.right{float:right}
.left{float:left}
.hand{ cursor:pointer}
.tdleft{ text-align:left}
.tdright{ text-align:right}
.tdcenter{ text-align:center}
.data{font:normal 11px tahoma; color:#7b2c2c}
.data a{color:#971f1f; font:normal 11px tahoma}
.hr{height:4px;clear:both; overflow:hidden; margin: 0; background:url(../images/hr.gif) repeat-x left top; float:left; width:100%}
.mt10{margin-top:10px}
.mt5{margin-top:5px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mb10{margin-bottom:10px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.p10{padding:10px}
.pt10{padding-top:10px}
.pt5{padding-top:5px}
.price{color:#0099ff; font-weight:bold}
li{margin-left:25px}

h1{font:normal 14pt Arial, Helvetica, sans-serif; margin: 0 0 10px 0; color:#fff}
#leftcolumn h2{font:normal 14pt Helvetica, Arial, sans-serif; margin: 0 0 15px 0; color:#fff; background:url(../images/hr.png) no-repeat left bottom; padding: 0 0 8px 0}
h3{font:normal 12pt Arial, Helvetica, sans-serif; margin: 0 0 5px 0; color:#fff}
h4{font:normal 11pt Arial, Helvetica, sans-serif; margin: 0 0 10px 0; color:#fff}
h5{font:normal 13pt Helvetica, Arial, sans-serif; margin: 0 0 10px 0; color:#fff}



/* form */
input.txt{ background:url(../images/input.gif) repeat-x; border:#cdcbcc 1px solid;  padding: 8px 4px; color:#888; font:normal 11px tahoma}
select.txt{ background:url(../images/input.gif) repeat-x; border:#cdcbcc 1px solid;  padding: 5px; color:#888; font:normal 11px tahoma}
textarea{ background:#fff url(../images/input.gif) repeat-x; height:130px; width:242px; border:#cfd0d1 1px solid; font:normal 12px Arial, Helvetica, sans-serif; color:#777; padding: 3px 3px 0 3px}
input.btn_search{ background:url(../images/btn_search.gif) no-repeat; width:32px; height:31px; cursor:pointer; cursor:hand; border:0; margin: 0 0 0 3px}
input.btn_send{ background:url(../images/btn_send2.gif) no-repeat; width:82px; height:37px; cursor:pointer; cursor:hand; border:0}


input.btn_next{ background:url(../images/btn_next.gif) no-repeat; width:85px; height:40px; cursor:pointer; cursor:hand; border:0}

/* linki */
a.more-link{ background:url(../images/arrow.png) no-repeat right center;display:block; width:46px; color:#777; border-bottom:#777 1px dotted}
a.more-link:hover{ text-decoration:none; color:#46b9ec}
a.btn_more{ background:url(../images/btn_more.gif) no-repeat; width:84px; height:39px; display:block}
a.btn_read{ background:url(../images/btn_read.gif) no-repeat; width:100px; height:36px; display:block}

/* struktura */
#wrapper {margin:0 auto;width:985px; background:url(../images/light_bottom.png) no-repeat center bottom; padding: 0 0 5px 0}
body.home #wrapper { background:url(../images/content_home.jpg) no-repeat center 91px}

/* header */
#header {width:985px;float:left; height:81px; background:url(../images/header.jpg) no-repeat center top; padding:10px 0 0 0}
#header .logo{float:left; margin:4px 0 0 0}
#header .lang{float:right; font:bold 12px tahoma, verdana; color:#fff}
#header .lang a{color:#be0505; font:bold 12px tahoma, verdana}
#header .search{float:right; margin: 15px 0 0 0; clear:right}

/* menu */
#menu{ float:left; width:985px; height:30px; margin: 16px 0 6px 0}
#menu li {margin: 0; list-style-type: none;}
#menu a{float:left; color:#fffaf3; font:normal 13pt Helvetica, Arial, sans-serif; padding:0 0 0 10px; background:url(../images/menu_point.png) no-repeat left center; margin:0 16px 0 0; text-transform:uppercase; border-bottom:#d00300 1px dotted; text-decoration:none}
#menu a:hover, #menu a.active{ text-decoration:none; border-bottom:#f0b78f 1px dotted}

/* leftcolumn */
#leftcolumn{width:668px; float:left; margin: 0 0 10px 0}

#leftcolumn .slider{float:left; background: url(../images/slider_border_top.gif) no-repeat left top; width:666px; height:393px; border:#2e2e33 1px solid; border-top:0; padding: 1px 0 0 0}
#leftcolumn #arrow-left{ position:relative; top:-230px; left:-10px; width:40px; height:40px}
#leftcolumn #arrow-right{ position:relative; top:-230px; left:636px; width:40px; height:40px}
#leftcolumn .slider .panel{ position:relative; top:-105px; left:10px; width:300px}

#leftcolumn .article{ float:left; background: url(../images/hr.gif) repeat-x left bottom; margin: 0 0 10px 0; width:650px; height:200px; overflow:hidden}
#leftcolumn .article h2, #leftcolumn .article-short h2{margin: 0 0 5px 0}
#leftcolumn .article h2 a, #leftcolumn .article-short h2 a{color:#0099ff; font:normal 14pt Arial, Helvetica, sans-serif}
#leftcolumn .article .photo{ float:left; margin: 0 10px 0 0; width:240px; height:160px} /* maksymalna szerokosc i wysokosc obrazka */
#leftcolumn .article .photo img {border:#ccc 1px solid; padding:1px}
#leftcolumn .article .desc{ float:left; width:400px}
#leftcolumn .article-short{ float:left; background: url(../images/hr.gif) repeat-x left bottom; margin: 0 0 10px 0; width:650px; height:60px; overflow:hidden}

#leftcolumn .navi{float:left; width:100%; margin: 0 0 10px 0; color:#174072}
#leftcolumn .navi a{color:#174072; border-bottom:#174072 1px dotted}
#leftcolumn .navi a:hover{ text-decoration:none}

#leftcolumn .article{ float:left; background: url(../images/hr_point.gif) repeat-x left bottom; margin: 0 0 10px 0; width:650px; height:200px; overflow:hidden}
#leftcolumn .article h4, #leftcolumn .article-short h4{margin: 0 0 5px 0}
#leftcolumn .article h4 a, #leftcolumn .article-short h4 a{color:#fff; font:normal 14pt Arial, Helvetica, sans-serif}
#leftcolumn .article .photo{ float:left; margin: 0 10px 0 0; width:240px; height:160px} /* maksymalna szerokosc i wysokosc obrazka */
#leftcolumn .article .photo img {border:#000 1px solid; padding:1px}
#leftcolumn .article .desc{ float:left; width:400px}
#leftcolumn .article-short{ float:left; background: url(../images/hr_point.gif) repeat-x left bottom; margin: 0 0 10px 0; width:650px; height:60px; overflow:hidden}

#leftcolumn .pages{float:right}
#leftcolumn .pages a{float:left; display:block; background:#330000; height:17px; margin: 0 3px 0 0; padding: 9px 6px 7px 6px; color:#660000; font: bold 12px arial}
#leftcolumn .pages a:hover, #leftcolumn .pages a.selected{background:#f40000; text-decoration:none; color:#fff}

#leftcolumn .box-uslugi{ float:left; width:636px; height:247px; margin: 0 0 10px 0; background:url(../images/box_uslugi.jpg) no-repeat}
#leftcolumn .box-produkty{ float:left; width:636px; height:248px; background:url(../images/box_produkty.jpg) no-repeat}
#leftcolumn .box-produkty div{ width:405px; height:140px; font:normal 11px/18px tahoma; color:#fff; margin: 90px 0 0 200px}
#leftcolumn .box-uslugi div{ width:405px; height:140px; font:normal 11px/18px tahoma; color:#333; margin: 90px 0 0 200px}

#leftcolumn .product-list{ float:left; background: url(../images/hr_point.gif) repeat-x left bottom; margin: 0 0 10px 0; width:650px; height:80px; overflow:hidden}
#leftcolumn .product-list h6{color:#cc0000;font:normal 12pt Arial, Helvetica, sans-serif; margin: 0 0 8px 0}
#leftcolumn .product-list h6 a{color:#fff; font:normal 12pt Arial, Helvetica, sans-serif; border-bottom:#fff 1px dotted}
#leftcolumn .product-list h6 a:hover{ text-decoration:none; border:0; color:#cc0000}

#leftcolumn .portfolio{ width:100%; height:481px;}
#leftcolumn .portfolio img{border:#750301 1px solid}
#leftcolumn .portfolio a img{border:0}
#leftcolumn .portfolio .thumbs img{border:#6c0502 4px solid; float:left}
#leftcolumn .portfolio .thumbs img:hover, #leftcolumn .portfolio .thumbs img.selected{border:#ff0000 4px solid;}

#leftcolumn .portfolio-list{ float:left; background: url(../images/gradient.gif) repeat-x left top; margin: 0 0 10px 0; width:650px; height:205px; overflow:hidden; padding:10px 5px}
#leftcolumn .portfolio-list h3{margin: 0 0 5px 0}
#leftcolumn .portfolio-list h3 a{color:#fff; font:normal 12pt Arial, Helvetica, sans-serif}
#leftcolumn .portfolio-list .photo{ float:left; margin: 0 10px 0 0; width:344px; height:204px} /* maksymalna szerokosc i wysokosc obrazka */
#leftcolumn .portfolio-list .photo img {border:#000 1px solid}
#leftcolumn .portfolio-list .desc{ float:left; width:290px}


#leftcolumn ul#slides {list-style: none;}
#leftcolumn ul.thumbs {margin-top: 10px;}
#leftcolumn .outer li {margin-left: 0;}
#leftcolumn .thumbs li {margin-right: 10px;}


/* rightcolumn */
#rightcolumn{width:307px; float:right}

#rightcolumn .realizacja{ float:left; width:297px; min-height:190px; height:auto !important; height:190px; padding: 0 0 0 10px}
#rightcolumn .realizacja a{ text-decoration:none; border-bottom:#fff 1px dotted; font-weight:bold; color:#fff}
#rightcolumn .realizacja a:hover{color:#cc0000} 

#rightcolumn .lista{ float:left; width:297px;padding: 0 0 0 10px}
#rightcolumn .lista a{float:left;padding:0 0 0 10px; background:url(../images/menu_point.png) no-repeat left center; color:#cc0000; font:bold 12px/22px tahoma, verdana; text-decoration:none; width:130px; outline:0;}
#rightcolumn .lista a:hover, #rightcolumn .lista a.selected{color:#fff}

#rightcolumn .head{ float:left;  width:287px; height:39px; background:url(../images/box.gif) no-repeat; margin: 0 0 10px 0; font:normal 12pt Helvetica, Arial, sans-serif; text-transform:uppercase; padding: 20px 0 0 20px}
#rightcolumn .head#star{ background:url(../images/box_over.gif) no-repeat}
#rightcolumn .submenu a{float:left;padding:0 0 0 10px; background:url(../images/menu_point.png) no-repeat left center; color:#cc0000; font:bold 12px/22px tahoma, verdana; text-decoration:none; width:275px; margin: 0 0 0 10px}
#rightcolumn .submenu a:hover, #rightcolumn .submenu a.selected, #rightcolumn .submenu a.active {color:#fff}
#rightcolumn li .active a, #rightcolumn li .active a:hover {color:#fff}


#rightcolumn .contact{ width:292px; height:120px; background:url(../images/box_contact.png) no-repeat; float:left; margin: 20px 0 0 0; padding: 80px 0 0 0} 



/* oferta */
#oferta{float:left; width:985px; height:218px; background:url(../images/home_offer.jpg) no-repeat; margin: 9px 0 0 0; padding: 16px 0 0 0}
#oferta table{ width:100%}
#oferta table td{padding: 2px; vertical-align:top}
#oferta table td.cat{ height:50px}
#oferta table h2 a{font:bold 12px tahoma, verdana; text-decoration:none; background:url(../images/arrow.png) no-repeat right center; padding: 0 16px 0 0; color:#fff}


/* footer */
#footer{ height:404px; clear:both; background:url(../images/foot_bg.gif) repeat-x; overflow:hidden}
#footer #wrapper2{margin: 0 auto; width:985px;background:url(../images/foot.jpg) no-repeat; padding: 5px 0 0 0; height:399px}
#footer #wrapper2 h5{color:#444}
#footer #wrapper2 .clients{float:left; height:138px; padding: 10px 0 0 0; width: 935px;}
#footer #wrapper2 .clients .logos{padding: 5px 20px; width:880px; float:left; overflow:hidden; visibility: hidden;}
#footer #wrapper2 .clients .logos img{float:left; margin: 0 20px 0 0}

#footer #wrapper2 .contact{ width:265px; height:225px; float:left; color:#444}
#footer #wrapper2 .facebook{ float:left; width:330px; margin:0 auto; text-align:center; margin-right: 40px;}
#footer #wrapper2 .newsletter{ float:left; height:200px; width:270px; color:#444}

#footer .copyrights{ float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#999; width:985px; height:40px}
#footer .copyrights a{color:#fff; font:normal 11px Arial, Helvetica, sans-serif}
#footer .copyrights .medier{color:#e9e9e9}
.h2a h2 a {color: #FFFFFF; font: bold 12px tahoma,verdana; padding: 0 6px 0 0;
    text-decoration: none;}
.h2a h2 {display: block; float: left;}
.question {background-color: #444; padding:3px; font-weight: bold;}
.question2 {padding:3px;}
.question3 {padding:3px; background-color: #666; color: #dddddd; font-size: 11px;}
.answer {padding: 10px;}
.answer label {padding-right: 10px;}
.answer input {margin-right: 5px; vertical-align: middle;background: url("../images/input.gif") repeat-x scroll 0 0 #FFFFFF;}
.answer textarea {width:639px;}
.answer select {text-decoration: none; border: 1px solid #470000; background-color: #ffffff;
                color: #666666; padding:4px;}

#form_valuation .register {width:668px; border: 1px solid #470000;}
#form_valuation .register .input_register {margin:8px; padding: 4px; background-color: #999; border: 1px solid #470000; color: #111; cursor: pointer;}