body {/*background: url("../images/rudfil_bgd.jpg") repeat fixed center top;*/ width: 100%;}

.boxes {width:220px;}
.band {background-color: rgba(255, 255, 255, 0.9); height: 70px;} 
.bandcontainer {width:960px;}
.topcontainer {float: left; margin-left: 20px; margin-right: 0; width: 710px;}
.headercontainer {width: 100%;}


.logo {display: inline; float: left; margin-right: 30px; margin-top: 12px; width: 200px;}
.logo a {margin-top: 10px;}

.search {text-align: right; font-family: 'Trebuchet MS',Verdana,Arial,sans-serif; color: #666; margin-top: 60px;}
#mod-search-searchword {font-family: 'Trebuchet MS',Verdana,Arial,sans-serif; color: #666; margin-right: 5px; border: none; background: #eee; height: 22px; border-radius: 4px;}

.conthead {margin-left:auto; margin-right:auto; position: relative; width:960px;}
.head {height: 400px; background: url("../images/bluszcz.jpg") repeat-x left	 top; color: white; padding-top: 200px;}
#head_bckg {margin: auto; width: 550px; padding: 10px; float: right;}
.head h1 {display: block; margin: auto; /*float: right;*/ text-align: right; font-size: 48px; /*text-shadow: 2px 1px 2px #000000;  position: relative; top: 30px;*/}
.head h2 {font-weight: lighter;}
.head img {/*
-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.5);*/}
  
.container {width:960px;}

#corobimy  {display: none;}

.trinity {width: 280px; padding: 20px;}

#trinity_pic {width: 200px; height: 200px; border-radius: 50%; /*background: url("../images/trinity.jpg") repeat fixed center top;*/ margin-left: 40px; /*margin-top: 30px;*/ /*padding: 0 30px; */ border: 2px solid #ff3300;}

.promujemy {background: url("../images/company/promujemy.jpg") no-repeat center top; height: 200px; }
.szkolimy {background: url("../images/company/szkolimy.jpg") no-repeat center top; height: 200px; }
.informatyzujemy {background: url("../images/company/informatyzujemy.jpg") no-repeat center top; height: 200px; }

.greycontainer ul {margin-left:100px;}

/*.customercontainer h1 {margin: 30px 0 60px;}*/	
.customercontainer img {max-width: 120px; max-height: 75px; margin: 0 20px 20px;}

.footbandcontainer {width: 100%;}
/*.footbandcontainer h1 {margin-top: 50px;}*/

#mapaadres {float:left; width: 400px; margin-bottom: 50px;}
.mapa {float: left;}
.adres ul {margin: 20px 0 10px 80px;}
.formularz {float: left; margin-left: 120px; }

.row label {width: 200px;}
.row input {width: 200px;}
.row textarea {width: 250px; height: 200px;}

.formField {margin-left: 20px; margin-bottom:10px; }

.nav li {display:inline; margin-left: 50px;}

.navtop {text-align: right; font: 14px Monda,'Trebuchet MS',Verdana,Arial,sans-serif; text-transform: uppercase;}
.navtop ul {margin-top: 18px;}
.navtop ul li {margin-left: 40px;}

.navhome {float: left; position: relative; text-align: left; }
.navhome ul {margin-bottom: 0;}
.navhome ul li {display: inline-block; width: 300px; height: 150px; margin: 10px; background: #ccc; line-height: 150px;
-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.5);}
.navhome a {display: block; font-family: 'Trebuchet MS'; font-size: 24px; /*text-transform: uppercase;*/ text-indent: 15px; color: #FFFFFF; text-shadow: 2px 2px rgba(0, 0, 0, 0.8); border: 1px solid #444;}
.navhome a:hover {background: rgba(0, 0, 0, 0.3);}

.navhome ul li.item-118 {background: url("../images/buttons/f_mobil.jpg") no-repeat center top;}
.navhome ul li.item-119 {background: url("../images/buttons/f_przem.jpg") no-repeat center top;}
.navhome ul li.item-120 {background: url("../images/buttons/t_prozn.jpg") no-repeat center top;}
.navhome ul li.item-121 {background: url("../images/buttons/smarne.jpg") no-repeat center top;}
.navhome ul li.item-122 {background: url("../images/buttons/akcesor.jpg") no-repeat center top;}
.navhome ul li.item-123 {background: url("../images/buttons/serwis.jpg") no-repeat center top;}

.navmain {float: left; position: relative; text-align: center;}
.navmain ul {background: url("../images/menu_bgd.png") repeat-x center top; line-height: 60px; margin:0;
/*-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.5)*/;}
.navmain ul li {display: inline-block; margin: 0;}
.navmain a {display: block; color: #000; transition: all 0.5s ease 0s; text-transform: uppercase; font-size:12px; padding: 0 15px;}
.navmain a:hover {color: #FF0033; background: #dedede;}













#vsir_1 {
  width: 100%;
}

/*
.boxtop h3 {background: url("../images/icons/arrow_h3_boxtop.png") no-repeat left; margin: 40px 0; line-height:39px; padding-left: 70px; font: 39px Impact, 'Arial Black', Arial, sans-serif; color: #000;}

#dlaczego {font: 18px 'Century Gothic', Arial, sans-serif;}
#dlaczego ul li {list-style-image: url('http://nowa.filtracja.com.pl/templates/grid960core/images/icons/ptaszek_red.png'); margin-left: 240px; padding-left: 20px; line-height:40px;}


#kolumna {height: 40px;}

/*.boxleft h3 {display: block; background: #eee; padding-left: 10px; margin-bottom: 5px; border-radius: 4px; border-left: 10px solid;}

.boxright { text-align: right;}
.boxright h3 {display: block; background: #eee; padding-right: 10px; border-radius: 4px; border-left: 10px solid;}
.boxright ul {list-style: none}

.boxfoot {width: 260px; margin-left: 40px;}
.boxfoot h3 {margin-left: 30px;}

.boxbottom h3, .boxleft h3 {background: url("../images/icons/arrow_h_box.png") no-repeat scroll left center rgba(255, 0, 0, 0.5); border-bottom: 3px solid white; color: #fff; display: block; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; opacity: 0.99; padding-left: 30px;}
.boxbottom ul {}
.boxbottom li {list-style-image: url('http://nowa.filtracja.com.pl/templates/grid960core/images/icons/arrow_circle.png'); font-size: 11px; font-family: Verdana; color: #33CCFF; padding-left: 10px; line-height: 20px;}
.boxbottom a {color: #444; text-decoration: none;}
.boxbottom a:hover {color: #FF0033; text-decoration: underline;}

.home_three {}
.home_three h3 {margin-bottom: -43px;}
.home_three ul {margin-top: 40px;}
.home_three li {color: #333333; font: 13px "Trebuchet MS",Verdana, sans-serif; line-height: 25px; list-style-image: url("http://nowa.filtracja.com.pl/templates/grid960core/images/icons/arrow_red.png"); margin-left: 70px; padding-left: 10px;}
.home_three li a {color: #333333; text-decoration: none;}
.home_three a {color: #ff0000; text-decoration: none;}
.home_three a:hover {text-decoration: underline;}
.home_three p {text-align: right; font-family: Verdana, sans-serif;}


.headerhome {background: url("../images/header/head_home.png") no-repeat center top; height: 398px;}

.headermobilna {background: url("../images/header/head_mobilna.png") no-repeat center top; height: 200px;}

.headerprzemyslowa {background: url("../images/header/head_przemyslowa.png") no-repeat center top; height: 200px;}
  
.headerproznia {background: url("../images/header/head_proznia.png") no-repeat center top; height: 200px;}

#navleft {z-index: 50; margin-bottom: 20px; font-weight: bold; text-align: left; padding: 20px 0; background-color: #eeeeee; -webkit-box-shadow: inset 0px -25px 50px 1px rgba(150, 150, 150, 0.3);
-moz-box-shadow:    inset 0px -25px 50px 1px rgba(150, 150, 150, 0.3);
box-shadow:         inset 0px -25px 50px 1px rgba(150, 150, 150, 0.3);}
#navleft ul {/*list-style-type: none; margin-bottom: 10px;}
#navleft li {margin: 0 0 3px 40px; padding-left: 10px; color: #333333; font: 13px "Trebuchet MS",Verdana, sans-serif; line-height: 25px; list-style-image: url("http://nowa.filtracja.com.pl/templates/grid960core/images/icons/arrow_red.png"); transition: all 0.5s ease 0s;/*border-radius: 4px;*/}
#navleft ul li {color: black;}
#navleft li a {text-decoration: none; color: #333333; text-align: left; line-height: 24px; height: 100%; transition: all 0.5s ease 0s; /* border-radius: 4px; border-left: 10px solid #FF0033; -webkit-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.3); -moz-box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.3); box-shadow: 0 1px 2px 0 rgba(50, 50, 50, 0.3);*/}
#navleft li a:hover, #navleft li.active a:link, #navleft li.active a:visited {color: red; margin-left: 10px;}
#navleft li ul {padding-top: 3px;}
#navleft li li a {/*padding-left: 15px;*/}
navleft li li a:hover, #navleft li li.active a:link, #navleft li li.active a:visited {color: darkred; margin-left: 20px; font-weight: bold;}
/*#navleft li a:active {color: #aaa; display: block;}*/