* {margin:0; padding: 0;}

body {background-color: #FFFFFF;}


#co_robimy, #portfolio, #realizacje , #kontakt {display: block; padding-top: 60px;}


.band {position: fixed; top: 0; z-index: 999; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.3); border-bottom: 1px solid #FF0033; width: 100%;}
.bandcontainer {margin-left:auto; margin-right:auto;}
.logocontainer {position: fixed; top: 0px; z-index: 999; background: #fff;}

.logo a {display: block; width:100%; height:100%;}
/*.logo a:hover {background: #ccc;}*/

.headercontainer {/*position: relative;*/}
/*.shadowcontainer {margin-top: 70px;}*/
.shadowcontainer {position: relative; top: 70px;}

.conthead {}
#head_bckg {background: #000000;}
.head h1 {font-family: 'Advent Pro','Century Gothic', 'Trebuchet MS', Arial, sans-serif; font-weight: lighter;}	
.head h2 {text-align: right; display: block; margin: auto; font-weight: lighter; font-family: 'Century Gothic', 'Trebuchet MS', Arial, sans-serif; padding: 0;}	
	
.container {margin-left:auto; margin-right:auto; position: relative; text-align: justify;}
.container h1 {font: 24px/1.9 'Archivo Narrow',"Trebuchet MS",Arial,sans-serif; text-transform: uppercase; margin: 40px 0 20px;}

.maincontainer {font: 11px/1.5 Verdana,Arial,sans-serif;}
.maincontainer img {float: left; margin: 5px 20px 10px 0;}
.whitecontainer	 {float: left; width: 100%; background: #ffffff;}

.greycontainer {float: left; width: 100%; background: #efefef; border-top: 1px solid #FF0033; padding-bottom: 50px; display: block;} 
/*.greycontainer h1 {font: 24px/1.9 'Archivo Narrow',"Trebuchet MS",Arial,sans-serif; text-transform: uppercase; margin: 40px 0 20px;}*/
.greycontainer ul {color: #FF0033;}
.greycontainer li {font: 18px/2.3 Anaheim,Tahoma,Arial,sans-serif; padding-left: 30px; text-align: left; list-style: outside none square; color: #222222;}

.trinity {float: left; text-align: justify; margin: 40px 0; color: #666;}
.trinity h1 {font: 24px/1.9 Tahoma,Arial,sans-serif; text-transform: uppercase; margin: 40px 0 20px;}
.trinity p {font: 14px/1.9 Anaheim,Tahoma,Arial,sans-serif;}

#trinity_pic {width: 200px; height: 200px; border-radius: 50%; /*background: url("../images/trinity.jpg") repeat fixed center top;*/ margin: 0 0 0 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; }

.customercontainer {float: left; width: 100%; /*position: relative;*/ background: #ffffff; border-top: 1px solid #ff0033; padding-bottom: 50px;} 
/*.customercontainer h1 {font: 24px/1.9 'Archivo Narrow',"Trebuchet MS",Arial,sans-serif; text-transform: uppercase;}*/
.customercontainer li {font: 16px/2.3 Verdana,Arial,sans-serif; padding-left: 30px;}
.customercontainer img {vertical-align: middle; grayscale(100%); -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.3; transition-duration: 1s;}
.customercontainer img:hover {grayscale(0%); -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1;}

#mapaadres {}
.mapa {margin-bottom: 20px;}
.adres {font: 16px/1.6 'Archivo Narrow',"Trebuchet MS",Arial,sans-serif;}
.adres ul {list-style-type: none; margin-bottom: 10px; }

.email {color: white; padding: 5px 15px; background: #ff0033; margin: 10px 0 0 110px; text-decoration:none; font-size: 20px;}


.formularz {}
.formularz h2, #mapaadres h2, .adres h2 {color: #888; font-family: "Monda",Arial,sans-serif; font-size: 18px; font-weight: lighter; padding: 0; text-transform: uppercase;}

.row label {display: block; margin-bottom: 5px;}
.row input {display: block; }
.row textarea {float: left; display: block;}


.footbandcontainer {float: left; width: 100%; margin-left:auto; margin-right:auto; background: #ffffff; border-top: 1px solid #FF0033; font-family: "Trebuchet MS"; box-shadow: 0 -3px 100px 0 rgba(50, 50, 50, 0.3);}
.footbandcontainer p {line-height: 25px,Arial,sans-serif; padding-bottom: 10px;}
.footbandcontainer img {float: left; margin: 0 20px 0 30px;}
/*.footbandcontainer h1 {font: 24px/1.9 'Archivo Narrow',"Trebuchet MS",Arial,sans-serif; text-transform: uppercase;}*/

.poweredby {font: 9px Verdana,Arial,sans-serif; text-align: center; width: 100%; padding-top: 15px; color: #888;}
.poweredby a, .poweredby a:visited {color: #eee; text-decoration: none;}
.poweredbycontainer {float: left; width: 100%; margin-left:auto; margin-right:auto; background: #333333; padding-bottom: 60px; -webkit-box-shadow:inset 0 15px 30px 10px #000000; box-shadow:inset 0 15px 30px 10px #222222; border-top: 1px solid #ff0033;}


.totop {background:#FF0033;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    bottom: 5%;
    display: block;
    float: right;
    height: 30px;
    
    overflow: hidden;   
    position: fixed;
    right: -50px;
    transition: all 0.5s linear 0s;
    width: 80px;
    z-index: 999; opacity: 0.3;}
.totop:hover {right: 0px; opacity: 0.8;}
.totop  a, .totop a:visited {padding: 0 10px; display: block; text-align: right; font: 14px/1.5 'Archivo Narrow',"Trebuchet MS",Arial,sans-serif; color:#bbbbbb; text-decoration: none; line-height: 30px;}
.totop a:hover {color: #ddd;}


.nav ul {list-style-type: none;}
.nav a {text-decoration: none;}

.navmain, .navhome, .head {width: 100%;}

.navtop a {display: inline-block; color: #555555; transition: all 0.5s ease 0s;}
.navtop a:hover {color: #FF0033;}


#introtext {font-size: 12px; font-weight: bold; color: #666;}
#write_us_fieldset legend {display: none;}
.article-info-term {display: none;}
.published {font-size: 9px; color: #888;}
#recaptcha_widget_div {width: 100%;}

.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;}