/* 
    Created on : 2015-12-27, 09:38:39
    Author     : Pabijan Grzegorz
*/

* {
        margin: 0 auto;
        padding: auto;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
                font-family: Arial, Helvetica, sans-serif;
}
 


html {        
        background-color: white ;             
        color: black ;
}
 

body {     
        min-width: 500px;         
}


table {
        /* border: 0px solid white ;
        border-radius: 10px ; */ 
        border-spacing: 1px ;
        border-collapse: collapse ;
}

td {
        padding-left: 4px;
        padding-right:  4px ;
        vertical-align: middle;
        text-align: center;
}

p {       
        text-align: left;    
}


a {
        text-decoration: none ;
        color: #0573c0;
        vertical-align: middle;
        text-align: center;
        /* color: #006699 ; */
}


a:hover, a:focus {
        text-decoration: none ;
        color: red ;
        border: 0px solid white ;
}

submit:hover, submit:focus {
        text-decoration: none ;
        
        border: 0px solid white ;
}

input:hover, input:focus {
        text-decoration: none ;        
        border: 0px solid white ;
}

.cookiesy { 
        background-color: white ; 
        color: black ;  
        font-size: 12px ; 
        text-align: center ; 
        margin: 4px ;
        border-radius: 10px ;
        border-color: white white white white;
        border-width: 1px;
        border-style: solid;
}

.nav { 
        /* width: 90% ; */
        /* height: 40px ; */
        /* position: fixed; right: 10px ; left: 10px ; top: 6px ; */
        background-color: white ; /* #006699 */
        text-align: center;
        /* vertical-align: middle; */
        /*border-radius: 0px 0px 40px 40px ; */
        padding-top:  10px ;
        padding-bottom: 10px ;
        /* -webkit-backface-visibility: visible ; Most Important*/
        /* backface-visibility: visible; */
}

.nav td {
        /* vertical-align: bottom; */
        height: 40px ;
}

.nav input {
        color: black;
}

.main { 
        margin-top: 4px;
        margin-bottom: 40px;
        width: 98%;
}


.submit { 
        margin: 0px;
        padding: 0px;         
        color: white;
        border: 0px solid white;
        border-radius: 6px 6px 6px 6px;
        font-size: 0px;  
        background-color: transparent; 
        text-decoration: none;        
}

.submit:focus, .submit:hover, .submit:link, .submit:visited, .submit:active { 
        background-color: transparent ; 
        border: 0px solid white ;
        color: lime ;
}

.label_submit { color: #0573c0;  }
.label_submit:focus, .label_submit:hover { color: red; }

.nav .label_submit { color: #0573c0;  }
.nav .label_submit:focus, .nav .label_submit:hover { color: red ; }

.borderTBLR {    
        color: #0066CC;
        font-size: 20px; 
        text-align: center; 
        border-bottom: 1px solid #99CCFF; 
        border-top: 1px solid #99CCFF; 
        border-left: 1px solid #99CCFF;
        border-right: 1px solid #99CCFF;
        border-radius: 20px; 
        padding: 14px;
        box-shadow: 0px 0px 20px 3px #0066CC ;
        margin: 4px;
}

.borderTBLR:focus, .borderTBLR:hover {
        border: 1px solid white;
        color: deepskyblue;

 
}

.submitLinia { 
        width: 40px;
        height: 40px;
        font-size: 0px; 
        border: 0px solid white; 
        background-image: url("widok/GP/zdjecie/linie") ;
        background-repeat: no-repeat ;
        background-position: 50% 50% ;
        background-color: transparent; 
}

.submitPL { 
        width: 34px;
        height: 34px;
        font-size: 0px; 
        border: 0px solid white; 
        border-radius: 6px 6px 6px 6px ;
        background-image: url("widok/GP/zdjecie/flag_poland.png") ;
        background-repeat: no-repeat ;
        background-position: 50% 50% ;
        background-color: transparent; 
}

.submitEN { 
        width: 34px;
        height: 34px;
        font-size: 0px; 
        border: 0px solid white; 
        border-radius: 6px 6px 6px 6px ;
        background-image: url("widok/GP/zdjecie/flag_great_britain.png") ;
        background-repeat: no-repeat ;
        background-position: 50% 50% ;
        background-color: transparent; 
} 

.submitDE { 
        width: 34px;
        height: 34px;
        font-size: 0px; 
        border: 0px solid white; 
        border-radius: 6px 6px 6px 6px ;
        background-image: url("widok/GP/zdjecie/flag_germany.png") ;
        background-repeat: no-repeat ;
        background-position: 50% 50% ;
        background-color: transparent; 
} 

.submitIkonaP { 
        width: 20px;
        height: 20px;
        font-size: 0px; 
        border: 1px solid black; 
        border-radius: 6px 6px 6px 6px ;
        background-image: url("widok/GP/zdjecie/przystanek13x20.png") ;
        background-repeat: no-repeat ;
        background-position: 50% 50% ;
        background-color: transparent; 
        vertical-align: top;
}

.submitIkonaD { 
        width: 24px;
        height: 24px;
        font-size: 0px; 
        border: 1px solid black; 
        border-radius: 6px 6px 6px 6px ;
        background-image: url("widok/GP/zdjecie/druk_20x20.png") ;
        background-repeat: no-repeat ;
        background-position: 50% 50% ;
        background-color: transparent; 
        vertical-align: top;
}

.submitOdswiez { 
        background-color: transparent ;
        background-image: url('../zdjecie/') ;
        background-image: url('../zdjecie/odswiez_40x40.png') ;  
        background-repeat: no-repeat ;            
        width: 40px;
        height: 40px;
        margin: 0px;
        padding: 10px;
        color: black;
        border: 0px solid white;
        border-radius: 0px;
        vertical-align: middle;
        font-size: 1px;
}

.submitOdswiez:hover, .submitOdswiez:focus, .submitOdswiez:active {
        color: white ;
        border: 0px solid black ;
}


.inAutocomplite{
        color: black;
        font-size: 20px; 
        width: 520px; 
        height: 30px;
        background-color: #abd6fc; /*  #99ccff    */
        border-radius: 8px; 
        border: 1px solid black ;
}

.inAutocomplite:hover, .inAutocomplite:focus, .inAutocomplite:active {
        border: 0px solid white ;
}


.linia {        
        display: inline-block;
        padding-top: 8px;
        width: 40px ;
        height: 26px ;
        background-color: #FFFFFF ;
        color: black ;
        border-radius: 6px ;
        border: 0px solid black;
        margin: 1px;
        
}

.linia:hover, .linia:focus {
        background-color: deepskyblue ;
        color: white ;
        border: 0px solid black ;
}

.liniaN {        
        display: inline-block;
        padding-top: 8px;
        width: 40px ;
        height: 26px ;
        background-color: black ;
        color: white ;
        border-radius: 6px ;
        border: 0px solid white;
        margin: 1px;
}

.liniaN:hover, .liniaN:focus {
        background-color: deepskyblue ;
        color: white ;
        border: 0px solid black ;
}

.liniaO {        
        display: inline-block;
        padding-top: 8px;
        width: 40px ;
        height: 26px ;
        background-color: yellow ;
        color: black ;
        border-radius: 6px ;
        border: 0px solid white;
        margin: 1px;       
}

.liniaO:hover, .liniaO:focus {
        background-color: deepskyblue ;
        color: white ;
        border: 0px solid black ;
}

.liniaZ {        
        display: inline-block;
        padding-top: 8px;
        width: 40px ;
        height: 26px ;
        background-color: #0573c0 ;
        color: white ;
        border-radius: 6px ;
        border: 0px solid white;
        margin: 1px;        
}

.liniaZ:hover, .liniaZ:focus {
        background-color: deepskyblue ;
        color: white ;
        border: 0px solid black ;
}

.liniaNZ {        
        display: inline-block;
        padding-top: 8px;
        width: 40px ;
        height: 26px ;
        background-color: darkgray ;
        color: white ;
        border-radius: 6px ;
        border: 0px solid white;
        margin: 1px;       
}

.liniaNZ:hover, .liniaNZ:focus {
        background-color: deepskyblue ;
        color: white ;
        border: 0px solid black ;
}

.liniaInfo1 {        
        width: 50px ;
        height: 50px ;
        background-color: yellow ;
        color: white ;
        border-radius: 20px ;
        border: 0px solid white;
        margin: 2px;
        /* font-size: 16px; */
}

.liniaInfo2 {        
        width: 50px ;
        height: 50px ;
        background-color: orange ;
        color: white ;
        border-radius: 20px ;
        border: 0px solid white;
        margin: 2px;
        /* font-size: 16px; */
}

.liniaInfo3{        
        width: 50px ;
        height: 50px ;
        background-color: lightgray ;
        color: white ;
        border-radius: 20px ;
        border: 0px solid white;
        margin: 2px;
        /* font-size: 16px; */
}

.liniaInfo0{        
        width: 40px ;
        height: 30px ;
        border-radius: 4px ;
        border: 0px solid white;
        /* margin: 2px; */
        /* font-size: 16px; */
}

.border1{   
        /* border-color: black; 
        border-style: solid;  
        border-width: 1px; */
        color: black;
        padding: 10px;
        border-radius: 0px;
        border-bottom: solid black;
        border-top: solid black;
        border-width: 1px;
}

.borderTB{  color: black;
            background-color: white;
            padding: 20px;                
            border-radius: 20px;
            border-bottom: solid black;
            border-top: solid black;
            border-width: 1px;
}

.acco_h3 {        
            color: white ;   
            background-color: #016db8 ; /*  006699 */
            text-decoration: none ;    
            vertical-align: middle;       
}


/*
#ulica{
            color: black ;
            background-color: #ffffcc;   
            width: 400px;
            border-radius: 8px 8px 8px 8px ;
}
*/

.t_info_left{
            text-align: left;
            /* font-size: 16px; */   
}

.linia_table_left{
            text-align: left;
            /* border-bottom: 1px solid black ; */       
}


.blok {
            color: black ;
            position: relative;
            width: 98%;
            height: 40px;
            /* line-height:1em; */
            margin: 0 auto;
            border: 0px solid black ;
            /* border-radius: 0px 0px 30px 30px ; */
            /* font-size:1.5em; */
            /* background-color:#111; */
            overflow: hidden;
                /* box-shadow:0px 8px 6px 1px #999; */
                /*  vertical-align: middle; */
}
.komunikat {
            padding-top: 8px;
            vertical-align: middle;
}
.blok > .komunikat {
            position: absolute;
            margin: 0;
            white-space: nowrap;
            animation: przesun 10s linear infinite;
            vertical-align: middle;
            -webkit-animation: przesun 10s linear infinite; /* dla Google Chrome, Safari, Opera 15+ */
}

.blok > .komunikat:hover {
            animation-play-state: paused;
            -webkit-animation-play-state: paused;
}
	  
      /* ------------ANIMACJA-PRZESUN------------ */
@keyframes przesun {
            0% { transform:translateX(0); padding-left:110%; }
            100% { transform:translateX(-100%); padding-left:110%; }
}

@-webkit-keyframes przesun /* dla Google Chrome, Safari, Opera 15+ */      {
            0% { -webkit-transform:translateX(0); padding-left:110%; }
            100% { -webkit-transform:translateX(-100%); padding-left:110%; }
}
            
.tooltip {
            position: relative;
            display: inline-block;
            border-bottom: 1px solid black;
}

.tooltip .tooltiptext {
            visibility: hidden;
            width: 120px;
            background-color: black;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 5px 0;   
            /* Position the tooltip */
            position: absolute;
            z-index: 1;
            bottom: 100%;
            left: 50%;
            margin-left: -60px;
}

.tooltip:hover .tooltiptext {
            visibility: visible;
}