#rangeValue1{border-width:0px;width:135px;background-color:#dfe6ef;border-radius:25px;border-style:solid;border-color:#ffffff;border-width:2px;color:red;text-align:center;font-size:26px;font-weight: bold;}

.ranking_suw{width:100%;height:200px;background-color:#dfe6ef;border-style:solid;border-width:0.2px;border-color:#000000;background-color:#005ab0;background-repeat: no-repeat;padding-bottom:40px;}
.caly_ran{max-width:100%;height:200px;border-style:solid;border-width:0.1px;border-color:#000000;padding:10px 10px 10px 10px;font-family: Georgia,Times,Times New Roman,serif;background-image:url('pageglare1.png');background-repeat: no-repeat;background-image:transparent}
.zdjecie{width:18%;height:70px;float:left;border-right-style:solid;border-right-width:0.1px;text-align:center;border-color:#1191d3}
.ocena_ran{width:10%;height:70px;float:left;border-right-style:solid;border-right-width:0.1px;text-align:center;border-color:#1191d3;color:#f57c10;text-shadow: 1px 1px #000000;}
.wysokosck{width:14%;height:70px;float:left;border-right-style:solid;border-right-width:0.1px;text-align:center;border-color:#1191d3}
.maxokres{width:13%;height:70px;float:left;border-right-style:solid;border-right-width:0.1px;text-align:center;border-color:#1191d3}
.minwiek{width:14%;height:70px;float:left;border-right-style:solid;border-right-width:0.1px;text-align:center;border-color:#1191d3}
.oprocentowanie{width:11%;height:70px;float:left;border-right-style:solid;border-right-width:0.1px;text-align:center;border-color:#1191d3}
.wniosek{width:17%;height:70px;float:left;text-align:center;padding-top:20px;}
.cyfra{font-weight: bold;font-size:16px}
.obraz{height: 55px;width:80%;overflow:hidden}
.ran{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.ocen_tyr{text-align:center;font-size:40px;padding-top:10px}
.tyr {margin-left:60px;width:100px;height:60px;background-color: #2889e9;color:#fff;}
.tyr1 {

    font-size: 41px;
width:100px;height:60px;background-color: #0054a6;text-align:center;color:#fff;

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes fadein {
     from {background-color: green;}
     to {background-color: #e308d6;}
}


a.button_rankingi{background-color:#f16c14;padding:4px 0px 4px 4px;color:#ffffff;text-decoration :none;text-shadow: 1px 1px #000000;font-size:14px;}
a:link.button_rankingi{color:#ffffff;}
a:hover.button_rankingi{background-color:#1884f0;padding:4px 0px 4px 4px;color:#ffffff;text-decoration :none;text-shadow: 1px 1px #000000;color:#ffffff;font-size:14px;}
a.button_rankingi:after {
content:' \0000BB'; 
background-color:#1884f0;padding:4px 2px 4px 0px;color:#ffffff;margin-left:4px;
visibility: visible;}
a:hover.button_rankingi:after {
content:' \0000BB'; 
background-color:#f16c14;padding:4px 2px 4px 0px;color:#ffffff;margin-left:4px;
visibility: visible;}

a.button_nawigacja{background-color:#0054a6;padding:4px 4px 4px 4px;text-decoration :none;text-shadow: 1px 1px #000000;color:#fff;text-transform:uppercase;font-size:16px;border-style:solid;border-color:#ffffff;border-width:2px}
a:link.button_nawigacja{color:#ffffff;}
a:hover.button_nawigacja{background-color:#1884f0;padding:4px 4px 4px 4px;color:#ffffff;text-decoration :none;text-shadow: 1px 1px #000000;text-transform:uppercase;font-size:16px;border-style:solid;border-color:#ffffff;border-width:2px}



.szczegoly_ranking{max-width:350px;padding:6px 6px 6px 6px;background-color:#ecf0f4;font-size:16px;font-family: Georgia,Times,Times New Roman,serif;margin-bottom:4px;color:#000000}
.szczegoly_ranking1{max-width:350px;padding:6px 6px 6px 6px;background-color:#ffffff;font-size:16px;font-family: Georgia,Times,Times New Roman,serif;margin-bottom:4px;color:#000000}
.szczegoly_ranking_h{max-width:350px;padding:10px 10px 10px 10px;font-size:16px;font-family: Times,Times New Roman,serif;margin-bottom:4px;}
.szczegoly_zdjecie{font-family: Georgia,Times,Times New Roman,serif;}
.opis_oferty{float:right;padding-right:40px;width:250px;font-family: Georgia,Times,Times New Roman,serif;}
.span_szcz{float:right;padding-right:20px;font-weight: bold;}

input[type=range].su {background-color:transparent;border-color:transparent;
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}
input[type=range].su:focus {
  outline: none;
}
input[type=range].su::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #f57c10;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range].su::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range].su:focus::-webkit-slider-runnable-track {
  background: #2a94f1;
}
input[type=range].su::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #f57c10;
  border-radius: 1.3px;
  border: 2px solid #ffffff;
}
input[type=range].su::-moz-range-thumb {
  box-shadow: 1px 1px 1px #ffffff, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range].su::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range].su::-ms-fill-lower {
  background: #2a94f1;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range].su::-ms-fill-upper {
  background: #3071a9;height:8.4px;
  border: 2px solid #010101;border-color:#fff;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #ffffff, 0px 0px 1px #0d0d0d;
}
input[type=range].su::-ms-thumb {
  box-shadow: 1px 1px 1px #ffffff, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}

input[type=range].su:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range].su:focus::-ms-fill-upper {
  background: #f57c10;
}

.oferta_opis{float:left;padding-right:10px;width:400px;padding:10px 10px 10px 10px;font-size:16px;font-family: Times,Times New Roman,serif;}
.oferta_opis h2{font-family: Georgia,Times,Times New Roman,serif;color:#1577d8}

.arrow_szczegol {
	position: relative;
	background: #ffffff;
	border-right: 2px solid #c2e1f5;
}
.arrow_szczegol:after, .arrow_szczegol:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_szczegol:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 30px;
	margin-top: -30px;
}
.arrow_szczegol:before {
	border-color: rgba(106, 108, 109, 0);
	border-left-color: #c2e1f5;
	border-width: 33px;
	margin-top: -33px;
}


.arrow_glos {
	position: relative;
	background: #ffffff;
	border: 4px solid #1577d8;
}
.arrow_glos:after, .arrow_glos:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_glos:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 30px;
	margin-top: -30px;
}
.arrow_glos:before {
	border-color: rgba(21, 119, 216, 0);
	border-right-color: #1577d8;
	border-width: 36px;
	margin-top: -36px;
}

.arrow_komentarz {
	position: relative;
	background: #fff;
	border: 4px solid #c2e1f5;
}
.arrow_komentarz:after, .arrow_komentarz:before {
	bottom: 100%;
	left: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_komentarz:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_komentarz:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 16px;
	margin-left: -16px;
}