@charset "UTF-8";
html, body {border: 0; padding: 0; height: 100%;}

body {
  font-family: Arial, Verdana, Helvetica, Sans serif;
  font-size: 14px;
  background: black url(../images/bg.jpg) fixed top left;
 	width: 87%;
  min-width: 1310px;
  max-width: 1310px;
 	color: gainsboro;
  height: 100%;
  margin: 0px auto;
}

adresa  { 
  font-size: 17px;
  line-height: 0.8;
  padding-bottom: 5px;
  padding-top: 2px;
  color: yellow;
}

.bus {
  position: absolute;
  margin-top: -90px;
  margin-left: 450px;
  }


.truck {
  position: absolute;
  margin-top: -90px;
  margin-left: 250px;
  }
  
  
a img{
  border: none;
}


a.link, a.link:active, a.link:visited {
  color: rgb(153,204,51);
}


a.link:hover {
  color: yellow;
}


a{
  color: rgb(153,204,51);
}

a:active,a:visited
 {
  color: rgb(153,204,51);
}

a:hover {
  color: yellow;
}



p a.link:hover {
  color: yellow;
}


p a{
  color: rgb(153,204,51);
}

p a:active,p a:visited
 {
  color: rgb(153,204,51);
}

p a:hover {
  color: yellow;
}

a h2{
  color: rgb(255,247,6);
}
img {
  border: none;
  border-width: 0;
}

.more a, .more a:hover, .more a:visited {
  text-decoration: underline;                              
  color: gainsboro;
}

.more a:visited {
  color: rgb(255,247,6);
}


h1 {
  font-size: 18px;
  line-height: 1;
  padding-bottom: 10px;
  color: yellow;
  padding-top: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

h2 {
  font-size: 18px;
  line-height: 1;
  padding-bottom: 10px;
  font-weight: bold;
  color: white;
}

h3 {
  font-size: 18px;
  line-height: 1;
  padding-bottom: 0px;
  font-weight: bold;
  color:rgb(220,79,56);
}

h2:hover {
  color:gainsboro;
}

h2:visited {
  color: gainsboro;
}

a#megaanchor {
  color: white;
}

technico {
  color: rgb(220,79,56);
}

#floatdiv {
  position: relative;
  width: 80%;
  margin: 0px auto;
  z-index: 999999999999;
  height: 40px;
  background-color: black;
  padding: 25px 0 0 0;
  text-align: left;
}

#logo {
  z-index: 9999;
  padding-left: 20px;
  width: auto;
  position: absolute;
  margin-top: -40px;
  margin-right: -10px;
  margin-bottom: -250px;
  filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;  
}

#menubox {
  z-index: 9999;
  /*background-color: red;  */
  color: white;
  float: right;
  width: 80%;
  width: 600px;
  min-width: 405px;
  padding: 0px 0px;
  text-align: right;
  margin: 0px auto;
  margin-top: -13px;
  margin-right: 2px; 
  overflow:hidden; 
  font:bold 100% Arial;
  font-size: 15px;
  filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
  }
  
#menu ul {margin: 0px; list-style:none;



}
#menu ul li {display:inline;}
#menu ul li a {display:block; float:left; padding:14px 12px 14px 12px; text-decoration:none;
border-top: 3px solid rgb(36, 36, 36);
padding-top: -5px;
margin-left: 2px;
}
#menu ul li a:hover {/*background:url("../images/menu-hover.gif");*/
	opacity: 100;
	-webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out; 
}

#menu ul li.active a{
  border-top: 3px solid rgb(255,247,6);
}



/*#menu li#menu-active a {background:url("../images/menu-active.gif");} */
#menu {background-color:transparent;}
#menu li a {color:white;}
#menu li#menu-active a {/*background-color:#090;*/ color:#FFF;}
#menu li a:hover {/*background-color:#9F9F9F;*/ color:rgb(255,247,6);
};

#headder {
  margin-top: 0px;
  margin-bottom: 25px;
}

div.nivo-controlNav {
  display: none;
}

#content {
  position: relative;
  width: 80%;
  z-index: 99;
  height: auto;
  margin: 0px auto; 
  /*background-color: gray; */    
}

/* content: "WELCOME TEXT" + BIM */


#content_welcome_text {
  position: relative;
  height: 150px;
  padding: 0px 0px 0px 15px;
  font-size: 14px;    
  line-height: 22px;
  margin-bottom: 40px;
  margin-right: -25px;
}

#content_about_welcome_text {
  position: relative;
  height: 160px;
  padding: 0px 0px 0px 15px;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 40px;
  margin-right: -25px;
}


#content_contact_welcome_text {
  position: relative;
  height: 210px;
  padding: 0px 0px 0px 15px;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 40px;
  margin-right: -25px;
}


ul.multicolumn_welcome_text .welcome {
  list-style-type: none;
  display: block;
  vertical-align: baseline;
  float: left;
  margin-top: -20px;
  padding-right: 15px;
}

ul.multicolumn_welcome_text .welcome .banner_services {
  list-style-type: none;
  display: block;
  vertical-align: baseline;
  float: left;
  margin-top: -20px;
  padding-right: 15px;
}

.welcome_text {
  width: 60%;
  margin-left: -30px;
  line-height: 1.9;
  font-size: 15px;
}

.welcome_text_cases {
  width: 40%;
  margin-left: -40px;  
}

#wrapper {
  height: auto;
}

.banner_services {
  width: 100%;
  margin-left: -40px;
  margin-right: 100px;
  height: auto;
  background-color: transparent;
}

.banner {
  width: 37%;
  height: auto;
  text-align: center;
  background-color: transparent;
}

.banner_cases {
  width: 60%;
  height: auto;
  background-color: transparent;
}

.welcome_imgtop {
  margin-top: -25px;
  height: 250px;
  background: transparent url(../images/zelena_usporam.png) no-repeat top center;
  border: 0;
  font-size: 12px;
  line-height: 1.2;
  text-align: right;
  max-width: 350px;
  min-width: 330px;
}
.welcome_imgtop p{
  padding-top: 172px;
  padding-right: 10px;
}

.cases_imgtop {
  margin-top: -20px;
  height: 200px;
  background: transparent url(../images/cases_imgtop.png) no-repeat top right;
  border: 0;  
}

.projects_imgtop {
  margin-top: -20px;
  height: 235px;
  margin-right: 20px;
  padding-left: 10px; 
  background: transparent url(../images/references_imgtop.png) no-repeat top right;
  border: 0;  
}


.contact_imgtop {
  margin-top: -12px;
  height: 230px;
  background: transparent url(../images/about_imgtop.png) no-repeat top right;
  border: 0;  
}


.services {
/*  background-color: rgb(36, 36, 36);   */
  margin-left: 5px;
  margin-right: -10px;
  height: 150px;
}

.services img {
  margin-bottom: 0px;
}



#content_multicolumn {
  position: relative;
  width: 80%;
  margin: 0px 0 0 10%;
  z-index: 99;
  height: auto;
  /*background-color: gray; */
  background-color: rgb(36, 36, 36);       
}

#content_multicolumn_home_dynamic {
  position: relative;
  padding: 10px 10px 0px 10px;
  width: 290px;
  margin: 0px 0 0 10%;
  z-index: 99;
  height: 600px;
  /*background-color: gray; */
  background-color: rgb(10, 10, 10);       
}

#content_multicolumn_about_dynamic {
  position: relative;
  padding: 10px 10px 0px 10px;
  width: 290px;
  margin: 0px 0 0 10%;
  z-index: 99;
  height: 1765px;
  /*background-color: gray; */
  background-color: rgb(10, 10, 10);       
}

#content_multicolumn_about {
  position: relative;
  float: right;
  width: 630px;
  margin: 0px 10% 0 0;
  padding-right: 90px;
  padding-left:10px;
  padding-bottom: 10px;
  z-index: 99;

  /*background-color: gray; */
  background: rgb(36, 36, 36); /*url("../images/content_multicolumn_home_bg.png") no-repeat bottom right; */      
}

#content_multicolumn_home {
  position: relative;
  float: right;
  width: 630px;
  margin: 0px 10% 0 0;
  padding-right: 90px;
  padding-left:10px;
  padding-bottom: 10px;
  z-index: 99;
  height: 600px;
  /*background-color: gray; */
  background: rgb(36, 36, 36) url("../images/content_multicolumn_home_bg.png") no-repeat bottom right;       
}

#content_multicolumn_home_info {
  position: relative;
  float: right;
  width: 630px;
  margin: 0px 10% 0 0;
  padding-right: 90px;
  padding-left:10px;
  padding-bottom: 10px;
  z-index: 99;
  height: auto;
  /*background-color: gray; */
  background-color: rgb(36, 36, 36);       
}

#content_multicolumn_home2 {
  position: relative;
  width: 79.3%;
  margin-left: 10%;
  padding:10px 0 0px 10px;
  z-index: 99;
  height: 812px;
  background-color: rgb(27,27,27);
  /*background: rgb(36, 36, 36) url("../images/content_multicolumn_home_bg.png") no-repeat bottom right;*/
  opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;       
}

#content_multicolumn_services {
  position: relative;
  width: 45%;
  margin: 0px 0 0 10%;
  z-index: 99;
  padding: 0 35% 0 0;
  height: auto;
  /*background-color: gray; */
  background: rgb(36, 36, 36) url("../images/services_bg.jpg") repeat-y top right;       
}

#content_multicolumn_services p {
  padding: 0px 15px 10px 15px;
  font-size: 14px;
  line-height: 22px;
  }
  
  #content_multicolumn_services h3 {
  padding: 15px 15px;
  margin-bottom: -10px; 
}

  #content_multicolumn_services h1 {
  padding: 15px 15px;
  margin-bottom: -10px; 
}

  #content_multicolumn h1 {
  padding: 15px 15px;
  margin-bottom: -10px; 
}

#content_multicolumn p {
  padding: 0px 15px 10px 15px;
  font-size: 14px;
  line-height: 22px;
  }

#content_multicolumn h2 {
  padding: 15px 15px;
  margin-bottom: -10px; 
}


.multicolumn {
  list-style-type: none;
  display: block;
  vertical-align: baseline;
  margin-left: -40px;
}

.multicolumn .column {
  height: 227px;
  width: 23.75%;
  /*background: gray;*/
  float: left;
  padding: 1% 0 1% 1%; 
}

.multicolumn .column img:hover {
  filter: alpha(opacity=100);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}





/*#footer {
  position: relative;
  width: 80%;
  margin-left: 10%;
  z-index: 99;
  height: 50px;
  background-color: gray; 
  padding: 25px 0 0;
  border: 0.5px solid rgb(63,63,63);    
} 
*/

#footer {
  position: relative;
  width: 80%;
  margin-top: 10px;
  margin-right: 10%;
  height: 50px;
  background: black url("../images/logo_footer.png")no-repeat center right; 
  filter: alpha(opacity=100);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
  float: right;   
}

#footer a{
  color: white;   
}

#footer_text {
  background-color: transparent;   
  color: white;
  z-index: 99999999;
  font-size: 11px;
}

#footer_text p {
  padding: 20px 0px 0px 15px;
}


#main_container {
  margin: 0px auto;
  width: 100%;
  height: auto;
  margin-top: -80px;
  padding-top: 80px;
}

a.email, a.email:visited  {
  color: rgb(176,192,0);
}

a.email:hover {
  color: white;
}


warning {
  color: #FF5446;
}

info {
  color: #ABD430;

}