@charset "utf-8";
/*body*/
body{
background-position: 0% 0%;
background-repeat:no-repeat;
/*background-attachment: scroll;*/
padding:0;
/* background-color:#fff;*/
background-image: url('../../template/images/tlo.jpg');
width:100%;
height:100%;
z-index:-1;
position:relative;
}
figure{display:inline-block; cursor: pointer;}
.strona{min-width: 300px;}
.point{
font-size: 1.3em;
}
.belpunkty1{
width:99%;
height:130px;
padding: 20px;
margin:0 0 0 0;
background: darkgoldenrod;
font-size: 90%;
}
.section1{
width:42%;
min-width: 300px;
background: darkseagreen;
float: left;
}
.traf-tyl{
}
#button{position: relative;
z-index:2;
margin: 17% 0 0 44%;
width: 120px;
height: 70px;
cursor: pointer;
}
.section2{
width:77%;
min-height:799px;
margin:0 0 0 0;
background: brown;
float: left;
min-width: 300px;
}
.section3{
width:98.8%;
height:199px;
margin:0 0 0 0;
background: chartreuse;
float:left;
min-width: 250px;
}
.aside{
margin:0.1% 0 0 70%;
width:23.5%;
height:399px;
background: chartreuse;
float: left;
min-width: 300px;
font-size: 90%;
}
header{
background: blue;
width:11.5%;
height:auto;
float: left;
min-width: 300px;
}
nav{
width:21.5%;
min-width: 300px;
min-height:199px;
float: left;
background: hotpink;
margin:0.1% 0 0 0;
}
footer{
clear: both;
width:99%;
background: chocolate;
text-align: center;
height: 90px;
margin:15% 0 0 0;
}
.lang{color:#FFF;}
/* style dla 1136px */
@media(max-width: 1370px) and (min-width: 1137px){
.section2{
width:72%;
min-height:499px;
margin:0 0 0 0;
background: brown;
float: left;
min-width: 300px;
}
.section3{
width:98.8%;
height:199px;
margin:0 0 0 0;
background: chartreuse;
float:left;
min-width: 250px;
}
header{
background: blue;
width:11.5%;
height:auto;
float: left;
min-width: 300px;
}
nav{
width:21.5%;
min-width: 300px;
min-height:199px;
float: left;
background: hotpink;
margin:0.1% 0 0 0;
}
}
/* style dla 1024px */
@media(max-width: 1136px) and (min-width: 1024px){
.section2{
width:69%;
min-height:499px;
margin:0 0 0 0;
background: brown;
float: left;
min-width: 300px;
}
.section3{
width:98.8%;
height:199px;
margin:0 0 0 0;
background: chartreuse;
float:left;
min-width: 300px;
}
header{
background: blue;
width:11.5%;
height:auto;
float: left;
min-width: 300px;
}
nav{
width:21.5%;
min-width: 300px;
min-height:199px;
float: left;
background: hotpink;
margin:0.1% 0 0 0;
}
}
/* style dla 980px */
@media(max-width: 1024px) and (min-width: 981px){
.section2{
width:69%;
min-height:499px;
margin:0 0 0 0;
background: brown;
float: left;
min-width: 300px;
}
.section3{
width:98.8%;
height:199px;
margin:0 0 0 0;
background: chartreuse;
float:left;
min-width: 300px;
}
header{
background: blue;
width:11.5%;
height:auto;
float: left;
min-width: 250px;
}
nav{
width:21.5%;
min-width: 250px;
min-height:199px;
float: left;
background: hotpink;
margin:0.1% 0 0 0;
}
}
@media (max-width: 980px) and (min-width: 801px){
.section2{
width:78%;
min-height:499px;
margin:0 0 0 0;
background: brown;
float: left;
min-width: 300px;
}
.section3{
height:199px;
margin:0 0 0 0;
background: chartreuse;
float:left;
min-width: 298px;
width:98.8%;
}
header{
background: bisque;
width:10.5%;
height:auto;
float: left;
min-width: 170px;
}
nav{
min-width: 170px;
min-height:199px;
float: left;
background: hotpink;
margin:0.1% 0 0 0;
}
}
@media (max-width: 800px) and (min-width: 769px){
.section2{
width:75%;
min-height:499px;
margin:0 0 0 0;
background: brown;
float: left;
min-width: 300px;
}
.section3{
width:98.5%;
height:199px;
margin:0 0 0 0;
background: chartreuse;
float:left;
min-width: 298px;
}
header{
background: bisque;
width:10.5%;
height:auto;
float: left;
min-width: 170px;
}
nav{
min-width: 170px;
min-height:199px;
float: left;
background: hotpink;
margin:0.1% 0 0 0;
}
}
@media (max-width: 1370px) and (min-width: 641px){
.section2{
width:72%;
min-height:499px;
margin:0 0 0 0;
background: brown;
float: left;
min-width: 300px;
}
.section3{
width:98.5%;
height:199px;
margin:0 0 0 0;
background: chartreuse;
float:left;
min-width: 298px;
}
header{
background: bisque;
width:10.5%;
height:auto;
float: left;
min-width: 170px;
}
nav{
min-width: 170px;
min-height:199px;
float: left;
background: hotpink;
margin:0.1% 0 0 0;
}
}
@media (max-width: 640px) and (min-width: 320px){
.section2{
width:99%;
min-height:399px;
margin:0 0 0 0;
background: brown;
float: left;
min-width: 300px;
}
.section3{
width:99%;
height:199px;
margin:0 0 0 0;
background: chartreuse;
float:left;
min-width: 300px;
}
header{
background: blue;
width:99%;
height:auto;
float: left;
min-width: 300px;
}
nav{
width:100%;
min-width: 300px;
min-height:199px;
float: left;
background: hotpink;
margin:0 0 0 0;
}
}
@media (max-width: 319px){
.section2{
width:99%;
min-height:299px;
margin:0 0 0 0;
background: brown;
float: left;
min-width: 230px;
word-wrap: break-word;
}
.section3{
width:99%;
height:199px;
margin:0 0 0 0;
background: chartreuse;
float:left;
min-width: 230px;
word-wrap: break-word;
}
header{
background: blue;
width:99%;
height:auto;
float: left;
min-width: 230px;
}
nav{
width:99%;
min-width: 230px;
min-height:199px;
float: left;
background: hotpink;
margin:0 0 0 0;
}
}
aside{
padding-bottom: 0.1%;
height:40px;
width:99%;
font-size:15pt;
background:palegreen;
/*color:green;*/
}
.section_tr {
padding: 2%;
background: #eee;
height: auto !important;
overflow: visible !important;
}
.asied_th{
background: #333;
color: white;
font-weight: bold;
height: auto !important;
overflow: visible !important;
display:inline;
}
.asied_td, .asied_th {
padding: 6px;
border: 1px solid #ccc;
text-align: left;
position: relative;
height: auto !important;
overflow: visible !important;
display:inline;
}
tr { border-bottom: 1px solid #ccc; }
th{
border-bottom: 1px solid #eee;
background: #299ecb;
}
td{
border-bottom: 1px solid #eee;
padding-left: 0.01%;
white-space: normal;
text-align:left;
background: #bce2f1;
}
td:before{
top: 0px;
left: 0px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
background: #299ecb;
}
.font-Hanalei{
font-family: 'Hanalei', cursive;
}
.font-Mouse{
font-family: 'Mouse', cursive;
}
.font-UnifrakturMaguntia{
font-family: 'UnifrakturMaguntia', cursive;
}
.font-Maiden{
font-family: 'Maiden', cursive;
}
.font-Maiden{
font-family: 'Roboto', cursive;
}
|
Download
