/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html, body { /*min-width: 1000px;*/ overflow: auto; position: relative; }
   
body {
  background-color:#16171b; margin:0 auto; font-family:Arial; color:#878787; overflow-x:hidden;
}
.container { width:1000px; margin:0 auto; position:relative; }

.hero-unit { position: relative; margin-left: 340px; font-size: 13px; line-height: 1.5em; color: #CDCDCD;  padding-top: 50px; }


.content { }

.content h1 {
  font-size:30px;
  margin:10px 0 20px;
  font-family:Roboto, Arial;
  color:#E94141;
}

.content h2 {
  font-size:24px;
  margin:10px 0 20px;
  font-family:Roboto, Arial;
  color:#E94141;
}


.content p {
  color:#FFFFFF;
  font-size:13px;
  max-width:600px;
  margin-bottom:20px;
  line-height:1.5em;
}



h2 { color:#555555; font-size:22px;font-weight:normal; }
h3 { color:#8a8a8a; font-size:20px; font-weight:normal; }

.hero-unit ul li { font-size:13px; }
.hero-unit ul li a { font-weight:normal; }

#start_slider { width:100%; height:784px; margin:0 auto; position:absolute; } 
#start_slider .item_slider { position:absolute; width:100%; height:784px; top:0px; left:0px; } 

#karuzela {
height: 500px;
z-index: 250;
width: 900px !important;
position: relative;
overflow: hidden;
}
img.cloudcarousel:hover { opacity:.85; top:-8px; }

div.navbar {
  background-color: #16171b;
  width: 100%;
  border-bottom: 1px #33353A solid;
  height: 152px; 
}

a.brand { position: absolute; top: 50px;}

ul.nav { list-style:none; text-align:right; margin:0 0; padding:0 0;}
ul.nav > li { display:inline-block; vertical-align:top; position:relative; }
ul.nav > li > a { color: #FFF; font-family: Roboto, Arial; font-size: 13px;
text-decoration: none; padding: 77px 13px 55px 13px; font-weight: bold; text-transform: uppercase; position: relative; display: block; 
border-bottom:2px #16171b solid; 
-moz-transition:all 300ms;
  transition: all 300ms;    
  -webkit-transition: all 300ms; 
    }

ul.nav > li.active > a, ul.nav > li:hover > a { border-bottom: 2px #E94141 solid; color:#e94141;  padding-top:92px; padding-bottom:40px; }

ul.dropdown-menu { position:absolute; display:none; background-color:#343434; padding:15px; top:149px; list-style:none; z-index:2500; width:160px; 
box-shadow:4px 4px 8px rgba(0,0,0,.6); }
ul.nav > li:hover ul.dropdown-menu {
  display:block;
}
ul.dropdown-menu li {
  text-align:left;
}
ul.nav li ul.dropdown-menu li a {
  padding:10px 5px; 
  color:#FFFFFF;
  border-bottom:1px #9a9a9a solid;
  font-size:12px;
  font-family:Roboto, Arial;
  display:block;
  text-decoration:none;
}
ul.nav li ul.dropdown-menu li:last-of-type a {
  border-bottom:0;
}
ul.nav li ul.dropdown-menu li a:hover {
  color:#e94141;
}

#slogan_cont { position: absolute; top: 540px; left: 0; right: 0; text-align: center; font-family: Roboto, Arial; color: #FFF; text-transform: uppercase; z-index: 500; font-size: 20px; text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.5); }



#trzyboxy { margin: 0 auto 50px; width: 1000px; position: relative; z-index: 500; }
#trzyboxy .box {
  width:296px;
  height:157px;
  display:inline-block;
  margin: 0 7px;
  position:relative;
}
#trzyboxy .button {
  position:absolute;
  bottom:15px;
  right:20px;
}





ul.left_nav { float:left; list-style:none; padding:0 0; margin: 0 0 30px; }
ul.left_nav li { font-size:12px; }
ul.left_nav li a { background-color:transparent; display:block; width:275px; padding:10px 15px; color:#E94141; font-weight:normal; border-bottom:1px #343434 solid;  text-decoration:none;}
ul.left_nav li a:hover, ul.left_nav li.active a { background-color:#E94141; color:#ffffff; }
ul.left_nav li.sublevel a { font-size: 12px; color: #787878; padding-left: 25px; width: 185px;}
ul.left_nav li a span { color:#959595; } 
.move-col { margin-left:250px; }


.inverse_container { width:100%; margin:0 0; }
.inverse_container .top_box { height:158px; background:transparent url('../img/template/galleryup.png') no-repeat top center; }
.inverse_container .center_box { background-color:#cf3a26; }
.inverse_container .center_box .span3 { padding:15px; background-color:#FFF; text-align:center;  }
.inverse_container .center_box .span3:not(:last-child) { margin-right:30px; }
.inverse_container .center_box h1 { color:#555555; font-size:22px; line-height:1.6em; } 
.inverse_container .center_box p { color:#9a9a9a9; font-size:12px; line-height:1.6em; } 
.inverse_container .bottom_box { height:180px; background:transparent url('../img/template/gallerydown.png') no-repeat top center; }
.inverse_container .center_box h2 { color:#FFFFFF; }
.inverse_container .center_box .gallery_item { width:200px; height:100px; background-color:white; background-position:50% 50%; background-repeat:no-repeat; display:inline-block; margin-right:20px; margin-bottom:20px; border:5px #FFF solid; }
.inverse_container .center_box .gallery_item:nth-child(4n+1) { margin-right:0px;  }
.inverse_container .center_box .gallery_item:hover { box-shadow:0px 0px 12px rgba(0,0,0,.5); border-color:#cdcdcd; }


footer { width:100%; background-color:#ffffff; padding-bottom:65px; padding-top:10px; color:#9a9a9a; font-size:13px; }

footer a { color:#c53822; text-decoration:none; }
footer a:hover { color:#313131; text-decoration:underline; }


.button { background-color:#e94141; box-shadow:inset 0px 1px 0px rgba(255,255,255,.5); font-size:13px; text-align:center; display:inline-block;
padding:4px 12px; border:1px #050607 solid; text-decoration:none; color:#FFFFFF; }
.button:hover { background-color:#ef920c; }

#but1, #but2 {
  display:block !important;
  width:32px;
  height:32px;
  color:transparent;
  background-color:transparent;
  background-position:top center;
  position:absolute; 
  z-index:750;
  top:250px;
}
#but1 { background-image:url(../img/template/arrow_l.png); }
#but2 { background-image:url(../img/template/arrow_r.png); right:20px; }
#but1:hover, #but2:hover { background-position:bottom center; }

.tc { text-align:center; }


.gallery_item { display: inline-block;
width: 135px;
height: 135px;
background-size: contain;
margin: 6px;
background-position: center center;
background-repeat: no-repeat;
background-color: #FFF;
text-decoration: none;
padding: 5px;
border: 2px #ffffff solid; }
.gallery_item:hover {
  border-color:#e94141;
}


/* TABELKI */
.content table {
  width:100%;
  border:1px #DDDDDD solid;
  border-collapse:collapse;
}
.content table tr:first-of-type
{
  background-color:#000000;
  font-weight:bold;
  color:#FFFFFF;
}
.content table tr td { text-align:center; padding: 5px 5px;
border: 1px #3A3A3A solid;}
.content table tr td:first-of-type { text-align:left; font-weight:bold; }


#contactFormSend label {
  display:inline-block;
  width:200px;
  padding:5px;
}
#contactFormSend input, #contactFormSend textarea {
  font-family:Arial;
  padding:8px;
  border-radius:3px;
  border:0px;
  box-shadow:2px 2px 4px rgba(0,0,0,.2);
}
#contactFormSend input[type="text"] {
  width:250px;
}
#contactFormSend textarea {
  width:500px;
}

#startoffer {
	width:98%;
	max-width:1000px;
	margin:0 auto;
	color:#FFF;
	font-family:Roboto, Arial;
	font-size:14px;
	line-height:1.75em;	
}
#startoffer a {
	color:#e94141;
}
#startoffer h2 {
	color:#EFEFEF;
	font-size:36px;
}


@media (max-width: 1021px) {

}

@media (max-width: 797px) {
	.hide-mobile { display: none; }
	#slogan_cont { position: static; }
	
	a.brand { position: static; margin: 50px 0 0; display: block; }
	ul.nav { margin-top: 61px; text-align: left; }
	
	ul.nav > li > a,
	ul.nav > li.active > a,
	ul.nav > li:hover > a,
	ul.nav > li > a:hover { padding-top: 20px; padding-bottom: 10px; }
	
	ul.dropdown-menu { top: 47px; }
	
	.hero-unit { width: 1000px; }
	.hero-unit div {  }
	
	#left_column { display: none; }
	.hero-unit { margin: 0; }
	
	div.navbar { height: auto; }
	
	#contactFormSend input:not([type="checkbox"]):not([type="radio"]),
	#contactFormSend textarea { max-width: 100%; min-width: 100%; box-sizing: border-box; }
	
	.hero-unit form > div { width: 100% !important; float: none !important; }
	#contactFormSend { margin: 0 15px !important; }
	
	#gMap { width: 95% !important; position: relative; }
}

* { max-width: 100%; }