/* CSS Document */
html, body, option, select {font-family: verdana;	font-size:10px; text-align:left;}
BODY {background-image: url(/bg.jpg); background-attachment:fixed; background-repeat:repeat;}

H1, H2, H3 {color: #1B3A6B;}      
H1 {font-size:24px;  vertical-align:middle; text-align:center; margin:0; padding:0;}
H2 {font-size:14px; text-align:center; margin: 0; padding: 6px;}
H3 {font-size:11px;}


LI B {color: #1B3A6B;}
a:link {color: #1B3A6B; font-weight: bold;}
a:visited {color: #1B3A6B; font-weight: bold;}
LI {margin-left: 16px; padding-bottom: 8px;}
img {border:0;}


#top {width: 1152px; vertical-align:top; margin: 0 auto; padding:0; float: top; }

#ramka_gorna    {padding:0; width: 1152px; margin: 0 auto; height: 229px; background-color: #99B3CC;     }

   
/* top wynika z wysokosci szpalty_formularza bylo 370*/
#ramka_prawa {position:absolute; top:480px; margin: 0 auto; width: 1152px; text-align:center; background-color: #E5E5E5; vertical-align:top; }
/* #ramka_prawa {float: left; width: 100%; margin-left: 0px; margin-top: 0px; background-color: #E5E5E5; overflow: hidden;}   */
   #podtytul  {border:0px; background-color: #99B3CC;}
   #map       {float: left; width: 870px; height: 800px; margin-left: 0; margin-top: 0; 
               background: url('/loader.gif'); background-repeat: no-repeat; background-position: center;}
               
   #map_plan   {float: left; width: 890px; height: 800px; margin-left: 0; margin-top: 0; 
               background: url('/loader.gif'); background-repeat: no-repeat; background-position: center;} 
                          
   #side_bar  {float: left;  width: 240px; height: 800px; margin-left: 0; margin-top: 0; overflow: auto; display: block;}
   #side_bar img {border:0px; float: left; margin-bottom: 0; margin-top: 0; margin-right: 4px;}    
   #side_bar a:link    {	display: block;	width: 206px;	height: 32px; text-decoration: none;	background-color: #ddd;	color: #000;	padding: 5px;	border: 2px outset #ddd; margin-bottom: 0; margin-top: 0;}
   #side_bar a:visited {	display: block;	width: 206px;	height: 32px; text-decoration: none;	background-color: #ddd;	color: #000;	padding: 5px;	border: 2px outset #ddd; margin-bottom: 0; margin-top: 0;}
   #side_bar a:hover   {	background-color: white;}
   #side_bar a:active  {	border-style: inset;	background-color: white; padding: 7px 3px 3px 7px; }

   #route  {border:0px; background-color: #99B3CC; padding-top: 8px; padding-bottom: 8px;}   
   
   
   
   
   
   #szpalta_lewa   {float: left; width: 336px; margin-left: 20px; margin-top: 0px; text-align:justify;}
   #szpalta_srodek {float: left; width: 336px; margin-left: 24px; margin-top: 0px; text-align:justify;}
   #szpalta_prawa  {float: left; width: 336px; margin-left: 24px; margin-top: 0px; text-align:justify;}
   
   #szpalta_dolna  {float: left; width: 1152px; 
                     text-align:center; vertical-align:middle; background-image: url(/images/pasek.png); background-repeat:repeat-x;
                     height: 70px; font-size:10px;}
   #szpalta_dolna a:link {font-size:9px;}
                     
#szpalta_formularza {margin: 0 auto; text-align:center; 
                     width: 1152px; height: 251px; background-color:#BBD29A; vertical-align:top; }
/*
   #szpalta_formularza div  {float: left; width: 350px; height: 262px; border-width: 2px; border-style: solid; border-color: #FFFFFF; }
   #szpalta_formularza div  table {font-size:10px;}
   #szpalta_formularza img  {border:0px;}
     
#flagi  {top:-118px;  margin: 0 auto; text-align:center;  width: 1100px;  height:20px; vertical-align:top;  }

   #flagi img {border:0px;}
*/   
   
           

#tabela_wyboru {border-style:solid; border-width:1px; border-color: #E5E5E5; border-spacing:0px; text-align:center; vertical-align:top; width: 100%; }

/*form td { border-style:solid; border-width:1px; padding:6px; background-color:#99B3CC; width:7%; font-size:8px; vertical-align:top; 
        border-color: #E5E5E5; border-top-color:#99B3CC }  */
#td_opis {border-color: #E5E5E5; border-bottom-color:#99B3CC; font-size:12px; color:darkred; }
#ski B {font-size:16px;}




#tabela_wynikow {width:100%; font-size:10px;  vertical-align:middle; border-collapse: collapse;}
#tabela_wynikow td {border: 2px solid #FFFFFF; padding:8px;}   

#logo_m {float: left; border:0px; border-color:#969F59; border-style:outset; width:88px; height:65px}
#mala   {float: left; border:0px; position: relative;top:6px;left:800px;}



/*#map_start {float:left; width: 800px; height:510px;  position:relative; top:22px; margin-left: 0; z-index:1}    */



#tabele {float: left; width: 824px; margin-left: 0; margin-top: 0px; padding: 6px; text-align:center; z-index: 3}



                   


                     
p.gruby {text-align:center; font-size:12px; color: darkred;}


#ramka_route    {padding:0; width: 1152px; margin: 0 auto; background-color: #99B3CC;     }   




#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
/*  height: 29px; width: 826px;  */
  height: 29px; width: 100%; 
  background: -moz-linear-gradient(top, #5E8138 0%, #284A11 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5E8138), color-stop(100%, #284A11));
  background: -webkit-linear-gradient(top, #5E8138 0%, #284A11 100%);
  background: -o-linear-gradient(top, #5E8138 0%, #284A11 100%);
  background: -ms-linear-gradient(top, #5E8138 0%, #284A11 100%);
  background: linear-gradient(to bottom, #5E8138 0%, #284A11 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#5E8138', EndColorStr='#284A11', GradientType=0);
}

#cssmenu a {
  background: -moz-linear-gradient(top, #5E8138 0%, #284A11 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5E8138), color-stop(100%, #284A11));
  background: -webkit-linear-gradient(top, #5E8138 0%, #284A11 100%);
  background: -o-linear-gradient(top, #5E8138 0%, #284A11 100%);
  background: -ms-linear-gradient(top, #5E8138 0%, #284A11 100%);
  background: linear-gradient(to bottom, #5E8138 0%, #284A11 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#5E8138', EndColorStr='#284A11', GradientType=0);
  color: #ffffff;
  display: inline-block; 
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 29px;
  padding: 0 20px;
  text-decoration: none;
  
    box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000; 
}

#cssmenu ul {
  list-style: none;
}
/* to sprawia ze menu pierwszego stopnia jest poziome   */
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}


#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a {
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000;
  background: -moz-linear-gradient(top, #284A11 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #284A11), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #284A11 0%, #070707 100%);
  background: -o-linear-gradient(top, #284A11 0%, #070707 100%);
  background: -ms-linear-gradient(top, #284A11 0%, #070707 100%);
  background: linear-gradient(to bottom, #284A11 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#284A11', EndColorStr='#070707', GradientType=0);
}
#cssmenu > ul > li:hover > a {
  background: -moz-linear-gradient(top, #284A11 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #284A11), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #284A11 0%, #070707 100%);
  background: -o-linear-gradient(top, #284A11 0%, #070707 100%);
  background: -ms-linear-gradient(top, #284A11 0%, #070707 100%);
  background: linear-gradient(to bottom, #284A11 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#284A11', EndColorStr='#070707', GradientType=0);
  box-shadow: inset 0 0 3px #000000;
  -moz-box-shadow: inset 0 0 3px #000000;
  -webkit-box-shadow: inset 0 0 3px #000000; 
}
#cssmenu .has-sub {
  z-index: 1;
}









H4 {color: #002B00; font-size:12px; text-align: left; padding-bottom: 0; margin-bottom: 0;}


LI {text-align: left; margin-left: 16px;}

TABLE {margin:0 auto; border:0; padding:0;  border-spacing:0;   border-collapse:collapse;}
TD    {margin:0 auto; border:0; padding:0;  border-spacing:0;   border-collapse:collapse;}

TABLE.wyniki    {border:1px; margin:5px;}
TABLE.wyniki TD {border:1px;}

TD.czas  {color:#800000; padding: 2px; font-weight: normal;}
TD.czasb {color:#800000; padding: 2px; font-weight: bold;}
TD.inne  {color:#000000; padding: 2px; font-weight: normal;}
TD.inneb {color:#000000; padding: 2px; font-weight: bold;}


FORM {text-align:center;}

P {text-align:justify;}
P.sr {text-align:center;}
P.in {text-align:center; font-size:12px; color:#FE0000; padding-bottom: 0px; margin-bottom: 8px;}

B.sr {font-size:12px; }

a:link    {color: #002B00;}
a:visited {color: #002B00;}




#tytul {margin: 0;   padding: 0;   padding-top:4px; text-align:left; }

#ramka_srodkowa {float: top; width: 100%; margin: 0 auto;  overflow: hidden;}

#ramka_tytulowa {float: top; width: 88%; margin-left: 6%; background-color: #B0C48F; height: 96px; z-index: 2}


#obrazek {width:144px; padding-left:16px; padding-top:10px; padding-bottom:10px; background-color: #000000;
 border-radius: 8px 8px 8px 8px;
 -moz-border-radius: 8px 8px 8px 8px;
 -webkit-border-radius: 8px 8px 8px 8px;
}


/*#ramka_lewa      {position:absolute; left:0px; top:80px; width: 180px; text-align:center; overflow: hidden;}   */
#ramka_lewa      {text-align:center; vertical-align:top;}
#ramka_lewa div {color: #FFFFFF; font-size:18px; margin-top: 0;}
#ramka_lewa div p {margin: 0 auto; text-align:center;}



#teksty     {width:800px; margin:0 auto; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; vertical-align:top; margin-top:0;}  
DIV.szeroki {clear: both; width: 100%; background-color: #B6C1A2;}
DIV.waski   {text-align:center; vertical-align:top; }
DIV.waski > P  {text-align:justify; margin:12px; }
DIV.waski > UL > LI {margin:12px; }

DIV.waski_dol   {width: 800px; text-align:center; vertical-align:top; padding:12px; background-color: #A0AA8F;}


#szpalta_lewa TABLE, #szpalta_prawa TABLE, #teksty TABLE {border-spacing:0px; width:100%; border-collapse:collapse; font-size:10px;
                    padding: 3mm; border-width: 1mm; border-style: solid; border-color: #545C24; vertical-align:top;}
#szpalta_lewa TABLE TD, #szpalta_prawa TABLE TD, #teksty TABLE TD { padding:2px; }

#szpalta_lewa P, #szpalta_prawa P {text-align:justify; padding-top: 0; margin-top: 4px;}




#wyniki     {clear: both; width: 840px; text-align:center;}
#wyniki > div     {margin-top:30px;}
#wyniki div div {background-color: #284A11;}
#wyniki div div h2,
#wyniki div div h3 {color: #B0C48F; text-align:center; padding:2px; margin:0;}
#wyniki div div p  {color: #B0C48F; text-align:center;}
#wyniki div table  {margin:0 auto; text-align:center; border-style: solid; border-color: #284A11; border-width:2px; font-size: 9px; width:840px;}
#wyniki div table td {text-align:center; border-style: solid; border-color: #284A11; border-width:1px;}

/*#ramka_zaproszen {position:absolute; top:80px; right:0px; width: 164px; text-align:center; overflow: hidden;} */
#ramka_zaproszen {width:164px; text-align:center; overflow: hidden;} 
#ramka_zaproszen div {color: #FFFFFF; font-size:18px; margin-top: 0; width: 164px;}
#ramka_zaproszen div p {margin: 0 auto; text-align:center;}


#ramka_domkow {float: left; margin: 2px; width: 160px; }
#ramka_domkow div {color: #B0C48F; font-size:12px; background-color: #284A11; margin-top: 0; width: 164px;}
#ramka_domkow img {width: 146px; border:0px;}
#ramka_domkow a:link    {	display: block;	width: 150px;	height:125px; text-decoration: none;	background-color: #ddd;	color: #000;	padding: 5px;	border: 2px outset #ddd;}
#ramka_domkow a:visited {	display: block;	width: 150px;	height:125px; text-decoration: none;	background-color: #ddd;	color: #000;	padding: 5px;	border: 2px outset #ddd;}
#ramka_domkow a:hover   {	background-color: white;}
#ramka_domkow a:active  {	border-style: inset;	background-color: white; padding: 7px 3px 3px 7px; }
#ramka_domkow p {font-size:12px;;width:150px; text-decoration:none;	background-color:#ddd;	color:#000;	padding:5px;	border:2px outset #ddd; margin-top: 0; margin-bottom: 0;}

DIV.ramka_domkow {float: left; margin: -18px 2px 0 2px; width: 160px; }
DIV.ramka_domkow div {color: #B0C48F; font-size:12px; background-color: #284A11; margin-top: 0; width: 164px;}
DIV.ramka_domkow img {max-width: 146px; max-height:100px; border:0px;}
DIV.ramka_domkow a:link    {	display: block;	width: 150px;	height:150px; text-decoration: none;	background-color: #ddd;	color: #000;	padding: 5px;	border: 2px outset #ddd;}
DIV.ramka_domkow a:visited {	display: block;	width: 150px;	height:150px; text-decoration: none;	background-color: #ddd;	color: #000;	padding: 5px;	border: 2px outset #ddd;}
DIV.ramka_domkow a:hover   {	background-color: white;}
DIV.ramka_domkow a:active  {	border-style: inset;	background-color: white; padding: 7px 3px 3px 7px; }
DIV.ramka_domkow p {font-size:12px;;width:150px; text-decoration:none;	background-color:#ddd;	color:#000;	padding:5px;	border:2px outset #ddd; margin-top: 0; margin-bottom: 0;}





#map_gorale {float:left; width: 800px; height:600px;  position:relative; top:22px; margin-left: 200px; z-index:1}



#okienko   {width:1000px; height:600px; overflow:scroll; }
#okienko_m {width:760px;  height:600px; overflow:scroll; }

#map_start {float: top; width: 800px; height:600px;  position:relative; top:16px; margin: 0 auto; z-index:1}

#instrukcja           {float: top; margin: 0 auto; padding-bottom: 2px; padding-top: 0; vertical-align:top;  text-align:center;}
#instrukcja p         { text-align:center; font-size:14px; font-weight: bold; color:#002B00; padding-bottom: 0px; margin-bottom: 8px;}


#instrukcja1           {float: top; margin: 0 auto; padding:0; vertical-align:top;  text-align:center; clear:both; background-color: #B6C1A2;}
#instrukcja1 p         { text-align:center; font-size:14px; font-weight: bold; color:#002B00; padding:0; }

                   
/*#map_wpr   {float:top; width: 960px; height:600px;  position:relative;  margin-left: 80px; z-index:1 }  */
#map_wpr   {float: top; width: 960px; height: 600px; margin: 0 auto; }

#map_rap1  {width: 1100px; height: 700px; position: relative;top:-10px;left:0px; }
#map_rap2  {width: 1200px; height: 800px; position: relative;top:-10px;left:0px; }
#map_rap3  {width: 1100px; height: 700px; position: relative;top:-10px;left:0px; }
#map_rap4  {width: 1100px; height: 700px; position: relative;top:-10px;left:0px; }
#map_rap5  {width: 1000px; height: 450px; position: relative;top:-10px;left:0px; }
#map_rap6  {width: 1300px; height: 700px; position: relative;top:-10px;left:0px; }
#map_rap7  {width: 1100px; height: 700px; position: relative;top:-10px;left:0px; }
#map_rap8  {width: 1100px; height: 700px; position: relative;top:-10px;left:0px; }
#map_rap9  {width: 1100px; height: 700px; position: relative;top:-10px;left:0px; }



#listy      {float: top; width: 810px; margin: 0 auto; padding: 6px; text-align:left;}
#listy a    {display: block;    margin-left: 3em;     text-indent: -2em;}
#listy div a  {display: block;    margin-left: 0;     text-indent: 0;}

#tabele_wpr {float: top; width: 1024px; margin: 0 auto; padding: 6px; text-align:center; z-index: 3}
/*#tabele_wpr {float: left; width: 1024px; margin-left: 100; margin-top: 0px; padding: 6px; text-align:center; z-index: 3} */

#uwagi  {float: top; width: 804px; margin: 0 auto; padding: 6px; text-align:left; z-index: 3}

#wykres {float: top; width: 824px; margin: 0 auto; border-style:none; border-width: 0px; z-index: 3}


#ramka_dolna {float: top; width: 100%; margin: 0 auto; height: 36px; background-image: url(../grafika/tablica_drewniana_dol.gif); background-size: 100% 100%; 4px solid #002B00;}


#pomoc1,  #pomoc2 {border:3px; border-color:#969F59; border-style:solid; position: absolute;top:640px; width:240px; padding: 3mm; background-color: #D4E17F; z-index:200}
#pomoc1   {left:650px;}
#pomoc2   {left:890px;}





#rekl750     {float: top; width: 754px; margin: 0 auto; padding: 0px; text-align:center; }

#kamery     {float: top; width: 824px; margin: 0 auto; padding: 6px; text-align:center; z-index: 3}
#kamery img {width:260px; }
#kamery div {border-style: solid; border-color: #545C24; vertical-align:top; margin-bottom: 30px; width:270px; float: left;}


#galeria      {float: top; margin: 0 auto;  width: auto; text-align:center;}
#galeria  div {border-width:4px; border-style: groove; border-color: #B0C48F;
               padding: 6px; padding-top: 18px; padding-bottom: 18px; margin-bottom: 30px; margin-left: auto; margin-right: auto; width: auto; display: inline-block}
#galeria  div img {margin-top: 12px; margin-left: auto; margin-right: auto; width: auto;}


#proba  div {border-width:6px; 
border-left-style: groove; 
border-left-color: #B0C48F;
border-left-width:9px;

border-right-style: ridge;
border-right-color: #B0C48F;
border-right-width:9px;
 
border-bottom-style: ridge; 
border-bottom-color: #B0C48F;

border-top-style: groove; 
border-top-color: #B0C48F;

padding: 6px; padding-top: 18px; padding-bottom: 18px; margin-bottom: 30px; margin-left: auto; margin-right: auto; width: auto; display: inline-block}

/* Animacje */
div.pojemnik
{
width:300px;
height:50px;
background-color:gainsboro;
animation: pulsowanie 3s infinite alternate;
-webkit-animation: pulsowanie 3s infinite alternate;
}

@keyframes pulsowanie
{
from {width:100px;}
to {width:300px;}
}
@-webkit-keyframes pulsowanie
{
from {width:100px;}
to {width:300px;}
}


div.pojemnik1
{width:100px;
height:16px;
background:red;
animation:myfirst 1s infinite alternate;
-webkit-animation:myfirst 1s infinite alternate; /* Safari and Chrome */
}

@keyframes myfirst
{
from {background:#B6C1A2;}
to {background:yellow;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from {background:#B6C1A2;}
to {background:yellow;}
}