body {  
background-color: #000000;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
}

a:link      { color: #ffffff; text-decoration: none; }
a:active    { color: #ffffff; text-decoration: none; }
a:visited   { color: #ffffff; text-decoration: none; }
a:hover     { color: #ffffff; text-decoration: none; } 

.okno_gora
{
  width: 100%;
  min-width: 360px;  
  margin: 0 auto;
  min-height: 490px;
  background-image:url(images/tlo_gora3.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.okno_gora_szer
{
  max-width:950px;
  margin: 0 auto;  
}

img.soc_img:hover   
{ -webkid-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  transform: rotate(6deg);
}

div.div_menu:hover   
{ -webkid-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  transform: rotate(-6deg);
}

.nav_menu
{
  float: left;  
  width: 210px;
  margin: 25px 15px 50px 15px;
}

.div_menu
{
  height: 64px;
  padding: 0 10px;
  font-size: 34px;  
  text-align: center;  
}

.menu_red
{
  background-color: rgba(225,0,0,0.5);
  -webkid-box-shadow: 0 10px 6px -6px #ff0000;
  -moz-box-shadow: 0 10px 6px -6px #ff0000;
  box-shadow: 0 12px 10px -6px #ff0000;  
  border: 2px; 
  border-style: solid; 
  border-color: #ff0000;
  border-radius: 16px;    
}  
 
.menu_red_green
{
  background-color: rgba(255,255,0,0.2);
  -webkid-box-shadow: 0 10px 6px -6px #ffff00;
  -moz-box-shadow: 0 10px 6px -6px #ffff00;
  box-shadow: 0 10px 10px -6px #ffff00;  
  border: 2px; 
  border-style: solid; 
  border-color: #ffff00;
  border-radius: 16px;     
}   
  
.menu_green
{
  background-color: rgba(0,255,0,0.3);
  -webkid-box-shadow: 0 10px 6px -6px #00ff00;
  -moz-box-shadow: 0 10px 6px -6px #00ff00;
  box-shadow: 0 10px 10px -6px #00ff00; 
  border: 2px; 
  border-style: solid; 
  border-color: #00ff00;
  border-radius: 16px;     
}  

.menu_green_blue
{
  background-color: rgba(0,255,255,0.3);
  -webkid-box-shadow: 0 10px 6px -6px #00ffff;
  -moz-box-shadow: 0 10px 6px -6px #00ffff;
  box-shadow: 0 10px 10px -6px #00ffff;  
  border: 2px; 
  border-style: solid; 
  border-color: #00ffff;
  border-radius: 16px;     
}  
  
.menu_blue
{
  background-color: rgba(0,0,255,0.3);
  -webkid-box-shadow: 0 10px 6px -6px #0000ff;
  -moz-box-shadow: 0 10px 6px -6px #0000ff;
  box-shadow: 0 10px 10px -6px #0000ff;  
  border: 2px; 
  border-style: solid; 
  border-color: #0000ff;
  border-radius: 16px;    
}  
 
.menu_blue_red
{
  background-color: rgba(255,0,255,0.2);
  -webkid-box-shadow: 0 10px 6px -6px #ff00ff;
  -moz-box-shadow: 0 10px 6px -6px #ff00ff;
  box-shadow: 0 10px 10px -6px #ff00ff;  
  border: 2px; 
  border-style: solid; 
  border-color: #ff00ff;
  border-radius: 16px;    
}   

.menu_orange
{
  background-color: rgba(180,255,0,0.2);
  -webkid-box-shadow: 0 10px 6px -6px #b4ff00;
  -moz-box-shadow: 0 10px 6px -6px #b4ff00;
  box-shadow: 0 10px 10px -6px #b4ff00;  
  border: 2px; 
  border-style: solid; 
  border-color: #b4ff00;
  border-radius: 16px;    
}  

.kontakt_gora
{
  float: left;
  padding: 35px 0 0 15px;
  line-height: 24px;
  font-size: 15px;
  font-style: italic;
  font-weight: bold;   
}

.div_logo
{
  float: right;
  width: 300px;
  height: 166px;
  margin: 20px;
  background-color: rgba(0,0,0,0.4);
  background-position: center;
  background-repeat: no-repeat;
  text-align: center; 
  border: 2px; 
  border-style: solid; 
  border-color: green;
  border-radius: 10px;
  -webkid-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);  
}

.div_tagi
{
  float: left;  
  width: 505px;
  min-width: 360px;  
  margin: 0;
  padding-right: 15px;  
  background-color: rgba(0,0,0,0.0);
  font-size: 30px;
  font-style: italic;
  font-weight: bold; 
  line-height: 50px; 
}

.div_tagi_top
{
  text-align: right;   
}

.div_tagi_mid1
{
  text-align: left;   
}

.div_tagi_mid2
{
  text-align: left;
  padding-left: 150px;   
}

.div_tagi_mid3
{
  text-align: right;  
  padding-right: 110px;
}

.div_tagi_bot
{
  padding-bottom: 10px;
  font-size: 15px;
  font-style: italic;
  font-weight: bold;     
}

.soc_menu_r
{
  float: right;  
  margin: 0px 0;
}

.soc_img
{
  padding: 10px 20px;  
}

.mid
{
  display: flex;
  flex-direction: column;
  justify-content: center;  
}

.t_shadow
{
  text-shadow: 3px 2px 3px #00a400;  
}

.d_shadow
{ 
  -webkid-box-shadow: 0 10px 6px -6px green;
  -moz-box-shadow: 0 10px 6px -6px green;
  box-shadow: 0 10px 10px -6px green;
}

.podmenu
{
  width: 100%;
  min-height: 70px;  
  margin: 20px auto;
  font-size: 20px;  
  text-align: center;  
}

.podmenu_element
{
  display: inline;  
  margin: 0px 4px;
  padding: 4px 0px;
  line-height: 42px;   
  background-color: rgba(180,255,0,0.0);
  -webkid-box-shadow: 0 7px 6px -6px green;
  -moz-box-shadow: 0 7px 6px -6px green;
  box-shadow: 0 7px 10px -6px green;  
  border: 2px; 
  border-style: solid; 
  border-color: green;
  border-radius: 8px;   
}

.podmenu_element:hover   
{   
  background-color: rgba(180,255,0,0.2);
}

.okno_dol
{ 
  padding-top: ;
  clear : both;  
  max-width: 100%; 
  min-width: 360px;    
  margin: 0px auto;
  padding-bottom: 15px;
  background-color: rgba(0,0,0,0.5);  
}

.nagl
{
  height: 38px;
  border-width: 1px 0; 
  border-style: solid; 
  border-color: green ;
  margin: 0 0 1px 0;
  font-size: 30px;  
  font-weight: normal; 
  text-align: center;  
  background-color: rgba(0,255,0,0.2); 
}

.d_tresc_gl
{
  max-width: 900px; 
  margin: 0 auto;  
  text-align: justify; 
  padding: 20px 20px;      
}

.center
{
  margin: 0 auto;
  text-align: center;
}

.zdj_fade
{
  float: left; width: 320px; height: 240px; padding-right: 12px; z-index: 5;
}

.d_tresc_footer
{
  padding-top: 10px; 
  text-align: right;  
}

.copyright_kt
{ 
  clear : both;
  max-width: 800px; 
  min-width: 360px;    
  margin: 25px auto; 
  font-size: 18px; 
  text-align: center; 
  padding-bottom: 10px; 
}

.bordered 
{ border: 1px solid green; padding: 4px; }

.im_ust_l
{ float: left; margin: 7px 7px 7px 0px; }

.im_ust_r
{ float: right; margin: 7px 0px 7px 7px; }

ul, li {
margin-left: 8px;
padding: 0px 0px;
}

.wykaz1
{ list-style-image: url(images/punkt1.gif); list-style-position: outside; }

.wykaz2
{ list-style-image: url(images/punkt2.gif); list-style-position: inside; }

.wykaz3
{ list-style-image: url(images/punkt2.gif); list-style-position: outside; }

.nav_b
{
  clear : both;
  max-width: 950px;
  min-height: ;
  margin: 16px auto;
}

.menu_b
{
  display: inline-block;
  width: 130px;
  min-height: 160px;
  vertical-align: top;
  margin: 4px 3px;
  padding: 6px 8px 0px 8px;
  background-color: rgba(0,255,0,0.1);
  font-size: 20px;
  border: 0px; 
  border-radius: 12px;  
}

.menu_b_wy
{
  font-size: 12px;
}

.mar1
{ padding: 0px 0px 0px 30px; }

.mar2
{ padding: 0px 0px 0px 20px; }

.gal_all
{
  width: 100% ;
  min-height: 400px;
}

#gallery 
{
  width: 560px;
  height: 380px;		
  border: 3px solid green;
  border-radius: 10px;  
}

.gal_zdj
{
  width: 560px;
  margin: 0 auto;
  padding: 0 0 0 10px;
}

#gal_nav {
  list-style-type: none ;
  list-style-position: inside;
  marker-offset: 0px;
  margin: 0;
  padding: 0px 0px;
  height: 60px;
}

.div_gal_navi
{
  height: 60px; 
  min-width: 360px;
}

.gal_navi_l
{
  float: left; 
  width: 120px; 
  height: 60px; 
  padding-left: 60px;    
}

.gal_navi_p
{
  float: right;  
  width: 120px; 
  height: 60px;
  padding-right: 60px; 
}

.tlo_sprzet
{ 
  background: url(images/tlo_sprzet.jpg) no-repeat; 
  background-position: right top 300px;
}

.img_l
{ float: left; padding-right: 8px; }

.img_r
{ float: right; margin: 10px 0px 10px 10px; }

.vid
{
  text-align: center;
}

.vid_lista
{
  margin-bottom: 20px;  
}

.mail_kol
{ font-size: 16px; color: #ffffff; font-style: italic; background-color: transparent; border: 1px; border-style: solid; border-color: green; padding: 5px; }

.mail_prz
{ font-size: 16px;  color: #ffffff; font-style: ; background-color: #000000; border: 2px; border-color: green; padding: 5px 8px; }

.mail_wys
{ border-style: solid; }

.mail_wyc
{ border-style: dotted; }

.for_wyslane
{
  width: 100%;
  min-height: 130px;  
  margin: 10px auto;
  font-size: 24px;  
  text-align: center;    
}