html {	

  margin: 0px;	
  padding: 0px;  
}
body {	
      /*background: url("../img/tlo_top.gif") repeat-x top;*/
  margin: 0 auto;	
  padding: 0px;
}
.center{
  margin: 0 auto;
  text-align: center;
}

div {	
  width: auto;	
  margin: 0 auto;
}
tabela_border, .tabela_border table, .tabela_border tr, .tabela_border td {
  border: 0px solid white;
  /*margin: 0 auto;*/
  width: auto;
  text-align: left;
}
    .google-maps {
        position: relative;
        padding-bottom: 65%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
img{
  padding: 0px 10px 0px 0px;
}
/*.nav li a{
  font-size: 10px;
}*/
.toggleMenu {      position: relative;
    display:  none;
    /*background-color: black;*/
    padding: 0px 0px;
    width: 100%;
    color: #000;
    z-index: 500000; 
    /*border-bottom: 1px solid red;*/
}
.toggleMenu:hover {
   /*background-color: black;*/
}

.menutlo{
  background-color: #697246;
}
@media (min-width: 768px) {
#navbar{
position: fixed;
background-color: #697246;
width: 100%;
margin: 0px 0px 0px 200px;
	z-index: 1;
}
}

@media screen and (min-width: 768px) {  

.nav {       
    list-style: none;
    margin: 0px;
    padding: 0px;
    z-index: 500000;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table;
    z-index: 500000; 
} 
.nav:after {
    clear: both;
}    
.nav ul {
    list-style: none;
    width: 9em;
    z-index: 500000;   
}
.navbar .nav li a {/*height: 80px;*/
    padding: 36px 14px 36px 14px;
    color:#fff;
    text-decoration: none;
    text-align: left;
    z-index: 500000; 
    font-size: 15px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    vertical-align: middle;
}

.navbar .nav li a:hover{
      background-color: #EB7F10;
}

.navbar .nav .ali2 a{
      background-color: #EB7F10;
}

.navbar .nav li.menuadm a {
    padding: 10px 8px;
    color:#fff;
    text-decoration: none;
    /*text-align: center;*/
    z-index: 500000; 
    font-size: 13px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    vertical-align: middle;
      
}

.nav a:hover {
  background: #697246;
  color: #949494;
}
.nav li {            
    position: relative; 
    z-index: 500000;
}
.nav > li {          
    float: left;
    z-index: 500000;
}
.nav > li > .parent {
    background: url("../img/strzalka_dol.png") no-repeat center bottom;  
}
.nav > li > .parent:hover {
    background: #eb7f10 url("../img/strzalka_dol.png") no-repeat center bottom; 
}
.nav > li > a {
    display: table-cell;   
}
.nav li  ul {       
    position: absolute;
    left: -9999px;
    width: 240px;
    padding:0px;
        z-index: 900000000;
}
.nav > li.hover > ul {
    left: 0;
        z-index: 500000;
}
.nav li li.hover ul {
    left: 100%;
    top: 0; 
        z-index: 500000;
}                         
.nav li li a {       
display: block;         
    background: #eb7f10;
    font-size: 14px;
    padding: 8px 5px;   
    position: relative;
    z-index:500000;
    color: #fff;
    width: 240px;
    border-bottom: 1px solid #064266;
      /*filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;*/
}
.c_hidden_menu {
  display: none;
}
}
@media screen and (max-width: 767px) {
    .nav a, .nav ul li, .nav ul li ul li{
        color:#fff;
        text-decoration: none;
        width: 100%;    
        padding: 10px 0px;
        margin: 5px 0px;
        line-height: 10px;
      font-size: 15px;
    }  
/*    .nav ul li a, .nav ul li ul li a {
        padding: 20px 5px;
        margin: 0px 5px;
        line-height: 5px;
        /*text-align: center;*/
        /*z-index: 9000000000000;*/ 
        /*border-bottom: 1px solid #000;
        border-right:0px;*/
        /*height: auto;*/
        /*transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;*/
    }

/*    .active {
        display: block;
    }
    .c_hidden_menu {
        display: block;
    }
    .nav {
      background: red;
      float: none;        
    }
    .nav li  ul {
    position: absolute; 
    left: -9999px;
    background: #454545;
    padding: 0;
    width: 100%;       
    }
    .nav a {
        padding: 20px 0px;
        color:#fff;
        text-decoration: none;
        text-align: center;
        z-index: 9000000000000; 
        border-bottom: 1px solid #000;
        border-right:0px;
        width: 100%;
        height: auto;
        transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
    }
    .nav > li > a {
      display:block;
    }
    .nav li li a {
      width: 100%;
      padding: 13px 0px;
      background: #000000;
    }
    .nav > li {
        float: none; 
    }
    
    .nav ul {
        display: block;
        width: 100%; 
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static; 
    }
 */
/*}*/

.container .timing a img{
  border: 0px;
}

.tlo_nagl{
  background-color: #697246;
  height: 50px;
  width: 100%;
  position: absolute;
}
.nagltop{
  position: relative;
	width: auto;
	color: #ffffff;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	clear: both;
  height: 34px;
  text-transform: uppercase;
  background-color: #697246;
}
.nagl{
  position: relative;
/*	border-bottom: 1px dotted #cccccc;*/
/*background: url(../img/nagl.gif) no-repeat left;*/
    /*border-bottom: 2px solid #F7AA36;*/
	width: auto;
	color: #ffffff;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 10px 0px;
	/*position: absolute;*/
	text-align: center;
	clear: both;
  height: 40px;
  text-transform: uppercase;
  background-color: #697246;
  /*font-style: italic;*/
}
.text_nagl_n{
	color: #fe0000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 23px;
	padding: 0px 0px 0px 0px;
}
.contentb{
  /*display: relative;*/
  /*float: left;*/
	width: auto;
	height: auto;
	padding: 0px 50px 30px 50px;
	margin: 0 auto;
	font-family: arial, Verdana, sans-serif;
	font-size: 14px;
	color: #2a2a2a;
}
.contentb a{
	text-decoration: none;
	color: #4F6228;
  font-weight: bold;
}
.contentb a:hover{
	color: #FF9900;
}
.contentb ul{
  position: relative;
}
.contentb ul li{
  list-style-type: square;
  line-height: 20px;
}
.contentb ul li ul li{
  list-style-type: disc;
}
.contentb ol ol li{
	list-style-type: lower-alpha;

}
.contentb li{
	list-style-type: decimal;
	text-decoration: none;
}
.contentb p{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 0px;
	line-height: 20px;
}
.service-img img{
	margin: 5px 10px 5px 0px;
	padding: 3px;
  /*border: 1px solid #CCCCCC;*/
    background-color: #49748A;
}
.container a img{
	margin: 5px 10px 5px 0px;
	padding: 3px;
  border: 1px solid #CCCCCC;
}
.container p{
  padding: 5px 15px 0px 15px;
}
.container h4{
  padding: 0px 0px 0px 15px;
}
.contentb h2{
  text-align: center;
}
.right{
	float: right; /*background-color: #DAEFFF;*/
  /*width: 220px;*/
  width: auto;
	margin: 0px 0px 0px 0px;    
    /*border: 3px solid #5EBFF4;*/
	/*font-family: Lucida Sans Unicode, Lucida Sans, Lucida Grande, Verdana, sans-serif;*/
  font-family: arial;
	font-size: 14px;
	color: #635839;
}
.right p{
	margin: 10px 5px 0px 5px;
	padding: 0px 5px 10px 5px;
	border-bottom: 1px dashed #63C2F0;
}
.right a:link, .right a:visited, .right a:active{
	color: #95669C;
	margin: 3px 0px;
	text-decoration: none;
}
.right a:hover{
	color: #008000;
}
.right img{
  border: 0px;
}
.nagl_p{
/*	border-bottom: 1px dotted #cccccc;*/
	width: auto;
  height: 43px;
	color: #0C3964;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	padding: 5px 0px 2px 12px;
	margin: 0px 0px 20px 0px;
	/*position: absolute;*/
	text-align: left;
	clear: both;
  /*font-style: italic;*/
}
.top_lewy .ul2 .li2 .naw_gl .naw a, .top_lewy .ul2 .ali2 .naw_gl .naw a{
  list-style-type: none;
  background: none;
} 

.top_lewy .ul2 .li2 .naw a{
  list-style-type: none;
  background: none;
} 

.top_lewy ul{
	/*width: 300px;*/
  width: auto;
	margin: 0px 0px 50px 0px;
	padding: 0px;
/*		background: url(../img/tlo_menu.gif) repeat-y;*/
}
.top_lewy .ul2{
    border-right: 1px dotted #52BDF3;
}
.top_lewy li{
	text-decoration: none;
	list-style-type: none;
	margin: 0px;
	padding: 3px 0px 3px 0px;
}
.top_lewy li a:link, .top_lewy li a:visited, .top_lewy li a:active{
	background: url(../img/kropka.png) no-repeat left;
	/*width: 256px;*/
  width: auto;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 0px 2px;
	color: #585858;
	font-family: arial, Verdana, sans-serif;
	font-size: 13px;
	list-style-type: none;
	text-align: left;
	text-decoration: none;
font-weight: bold;
}
.top_lewy li a:hover{
	padding: 0px 0px 0px 12px;
	color: #35383d;
	text-decoration: none;
	/*font-weight: bold;*/		
}
.top_lewy .ul2 .li2{
	padding: 5px 0px 5px 12px;
	margin: 0px 0px 0px 0px;
	color: #585858;
	font-weight: bold;
	font-family: arial, Verdana, sans-serif;
}
.top_lewy .ali2 a:link, .top_lewy .ali2 a:visited, .top_lewy .ali2 a:active{
	background: url(../img/kropka_wl.png) no-repeat left;
	padding: 5px 0px 5px 12px;
	margin: 0px 0px 0px 14px;
	color: #919191;
	font-weight: bold;
}
.top_lewy .podmenu2{
	margin: 0px;
	padding: 0px;    
}
/*.podmenu2 .naw_gl .naw a:link, .ul2 .naw_gl .naw a:link, .li2{
clear: both;
list-style-type: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: none;
}*/
.top_lewy .podmenu2 li{
	text-decoration: none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;       
}

.top_lewy .podmenu2 .li4{
  clear: both;
  /*width: 310px;*/
  width: auto;        
    font-weight: bold;
    font-family: arial, Verdana, sans-serif;
/*    text-decoration: underline;*/
    
}
.top_lewy .podmenu2 .li4 .naw_gl .naw{
  position: absolute;
}
.top_lewy .podmenu2 .li4 a:link, .top_lewy .podmenu2 .li4 a:visited, .top_lewy .podmenu2 .li4 a:active{
	background: none;
	/*width: 240px;*/
  width: auto;
	padding: 0px 10px 0px 15px;
	margin: 0px 0px 0px 18px;
	color: #585858;
	font-weight: normal;
	font-family: arial, Verdana, sans-serif;
	font-size: 13px;
	list-style-type: none;
	text-align: left;
	text-decoration: none;
}
.top_lewy .podmenu2 .li4 a:hover{
		padding: 0px 10px 0px 15px;
		margin: 0px 0px 0px 18px;
	color: #c2b9ac;
	text-decoration: none;
}
.top_lewy .podmenu2 .ali4 a{
	color: #ff0000;
		padding: 0px 10px 0px 15px;
		margin: 0px 0px 0px 18px;
	background: none;
}
.top_lewy .podmenu2 .ali4 a:link, .top_lewy .podmenu2 .ali4 a:visited, .top_lewy .podmenu2 .ali4 a:active{
	color: #c2b9ac;
		padding: 0px 10px 0px 15px;
		margin: 0px 0px 0px 18px;
	background: none;
	font-size: 13px;	
	font-weight: normal; 
}
.poza { 
	position:absolute; 
	width:200px; 
	height:200px; 
	z-index:10; 
	left:-250px; 
	top:-8000px; 
	visibility: visible;
}
.mapa {
  background-color: #2a2a2a;
  margin: 20 auto;
  text-align: center;

        position: relative;
        padding-bottom: 400px; /*This is the aspect ratio*/
        height: 0;
        overflow: hidden;
    }
    .mapa iframe {
    background-color: #2a2a2a;
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
          border: 0px;
    }
.bottom{
background: #F2F2F2 url(../img/tlo_bottom2.gif) repeat-x bottom center;
  width: auto;
  clear: both;
  margin: 0 auto;
}
.box{
  /*width: 304px;*/
  width: auto;
  margin: 0 auto;
}
.box img, .box img a{
  margin: 0px 15px 5px 15px;
  padding: 0px 0px 10px 0px;
}
.copyright{
    background-color: #050302;
  /*background: #4D6A79 url(../img/belka_o.gif) repeat-x bottom center;*/
  width: auto;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #1b3f61;
  padding: 4px 0px 10px 0px;
  text-align: center;
}
.copyright img{
  margin: 0px 0px 0px 0px;
      vertical-align: middle;
}
.copyright a:link, .copyright a:visited, .copyright a:active, .copyright a:hover{
  text-decoration: none;
  color: #7d7d7d;
}
.copy{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #697246;
  margin: 0px 0px 0px 0px;
    clear: both;
}
.realizacja{
  margin: 0px 0px 0px 40px;
}
.copyright a:link, .copyright a:visited, .copyright a:active, .copyright a:hover{
  text-decoration: none;
  color: #7d7d7d;
}
.contentb .galeria{
    
	width: auto;
	padding: 5px;
	margin: 5px 0px 0px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	/*float: left;*/  
	color: #ced2d1;
}
.galeria img{
          float: left;
}
.contentb .galeria_gl{
	width: auto;
  clear: both;
	padding: 5px;
	margin: 5px 0px 5px 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #ced2d1;
}
.both{
  clear: both;
}
.news_tytul{
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  color: #e67817;
}
.czyt_w{
  margin: 0px 0px 0px 15px;    
    color: #ffffff;       clear: both;
}
.newsy .czyt_w a:link, .czyt_w a:link, .newsy .czyt_w a:visited, .czyt_w a:visited, .newsy .czyt_w a:active, .czyt_w a:active{
  color: #ffffff;
  background-color: #da251c;
  padding: 5px;
      width: auto;
}
.newsy .czyt_w a:hover, .czyt_w a:hover{
  color: #ffffff;
  background-color: #697246;
  padding: 5px;
}
.newsy{
  border-left: 20px solid #e67817;  
  float: left;
  margin: 20px 0px 20px 0px;
  padding: 5px 0px 0px 20px;
  clear: both;
}
.newsy p{
  color: #464543;
}
.newsy a:link, .newsy a:visited, .newsy a:active, .newsy a:hover{
  color: #697246;
}
.strony{
  clear: both;
  text-align: center;
}
.strony a:link, .strony a:visited, .strony a:active{
  color: #697246;
}
.strony a:hover{
  color: #E67917;
}
.container ol li a:link, .container ol li a:visited, .container ol li a:active{
  color: #697246;
}
.container ol li a:hover{
  color: #EB7F10;
}
a.no_border, a.no_border img, .no_border, .no_border img{
  border: 0px;
  padding: 0px;
  margin: 0px;
}
.partnerzy{
  background-color: #CFCBC4;
/*  width: 100%;
  height: 200px;*/
  clear: both;
  margin: 0 auto 10px auto;
  text-align: center;
  /*filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9;*/
}
.przedbottom{
  background-color: #EB7F10;
  width: 100%;
  height: 50px;
  clear: both;
}
section .nagl_bottom{
  
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;  
  background-color: #697246;
  width: 100%;
  height: auto;
  font-size: 20px;
  /*filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6;*/
}
/*.podrecznik{
  background: url(../img/podrecznik_bottom.png) no-repeat left;
  padding: 88px 0px 0px 0px;
  margin: 0px 20px 0px 0px;
  float: left;
  width: 217px;
  height: 300px;
}*/
.droga{
  background: url(../img/droga.jpg) no-repeat center;
  width: 100%;
  height: 440px;
  color: #ffffff;
  font-size: 16px;
  clear: both;
}

.droga .p{
  padding: 90px 0px 0px 0px;
  width: auto;
}
.center_logo_dgsa{
  width: 100%;   position: absolute;
}
.center_logo_dgsa .logo_dgsa{
  /*background: url("../img/logo_dgsa.jpg") no-repeat center top;*/
  margin: 0 auto;	
  padding: 0px;
  width: 120px;
  height: 51px;
  text-align: center;  
}
@media (max-width: 480px) {
  .containerr {
    width: 100%;
    padding: 10px 0px 0px 0px;
  }
  .containerr .grid_1{
    width: 90%;
    clear: both;
    margin: 0px;
    padding: 0px;
  }
  .containerr .grid_11{
    width: 90%;
    clear: both;
    margin: 0px;
    padding: 0px;
  }  
  .containerr .grid_2{
    width: 25%;
    float: left;
  }
  .containerr .grid_3{
    width: 65%;
    float: left;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .containerr {
    width: 90%;
    padding: 60px 0px 0px 0px;
  }
  .containerr .grid_1{
    width: 90%;
    clear: both;
        margin: 0px;
    padding: 0px;
  }
  .containerr .grid_11{
    width: 90%;
    clear: both;
        margin: 0px;
    padding: 0px;
  }  
  .containerr .grid_2{
    width: 25%;
    float: left;
  }
  .containerr .grid_3{
    width: 65%;
    float: left;
  }
}  
@media (min-width: 768px) and (max-width: 979px) {
  .containerr {
    width: 90%;
    padding: 60px 0px 0px 0px;
  }
  .containerr .grid_1{
    width: 30%;
    float: left;
  }
  .containerr .grid_11{
    width: 60%;
    float: left;
  }  
  .containerr .grid_2{
    width: 20%;
    float: left;
  }
  .containerr .grid_3{
    width: 70%;
    float: left;
  }
}  
@media (min-width: 980px) and (max-width: 1199px) {
  .containerr {
    width: 90%;
    padding: 60px 0px 0px 0px;
  }
  .containerr .grid_1{
    width: 30%;
    float: left;
  }
  .containerr .grid_11{
    width: 60%;
    float: left;
  }  
  .containerr .grid_2{
    width: 20%;
    float: left;
  }
  .containerr .grid_3{
    width: 70%;
  }
}  
@media (min-width: 1200px) {
  .containerr {
    width: 90%;
    padding: 60px 0px 0px 0px;
  }
  .containerr .grid_1{
    width: 30%;
    float: left;
  }
  .containerr .grid_11{
    width: 60%;
    float: left;
  }  
  .containerr .grid_2{
    width: 20%;
    float: left;
  }  
  .containerr .grid_3{
    width: 70%;
  }  
}
section{
  display: block;
}
.container table{
  /*position: relative;*/
  width: auto;
  /*float: left;*/
  border-left: 10px solid #F7AA36;
  padding: 0px 10px 10px 10px;
  font-size: 14px;
}
.container table td{
  border: 1px solid #697246;
  padding: 5px;
  width: auto;
}
.container table tr{
  width: auto;
}
.container .tdciemne{
  background-color: #EEF7FE;
}
.container input, .container textarea{
  width: 90%;
  float: left;
}
.container input:focus, .container textarea:focus{
  border: 1px solid #E67917;
}
.container .czyt_w input{
  margin: 0px 0px 0px 15px;    
  width: auto;
}
.container .czyt_w .button{
  color: #ffffff;
  background-color: #da251c;
  padding: 5px;
      width: 80px;
      border: #ffffff;
}
.b{
  font-weight: bold;
}
/*.container iframe{
  width: 300px;
} */
a#gototop {
   position: fixed;
   bottom: 9px;
   right: 9px;
   padding: 0;
   width: 50px;
   height: 50px;
   background: url(../img/do_gory.png) no-repeat center center;
}