.Hotele2 {
color: #482306;
height: auto;
margin: 0 auto auto 50px;
max-width: 898px;
width: 100%;
z-index: 99;
}
table.tablica_hoteli {
border: 0;
border-collapse: collapse;
height: auto;
margin-left: 0;
padding: 0;
text-align: center;
width: 100%;
}
table.tablica_hoteli tr {
background-color: #CEF6CE;
height: auto;
text-indent: 1px;
}
a {
text-decoration: none;
}
table.tablica_hoteli td {
text-decoration: none;
}
tbody {
padding: 0;
}
#tabs {
font: bold 18px 'Bookman Old Style', 'Courier New CE', 'Times New Roman', Times, serif;
margin-left: -5px;
max-width: 910px;
}
table.pol {
border-top: 1px solid #482306;
float: left;
max-width: 455px;
padding-right: 5px;
text-align: left;
width: 50%;
}
/* Zebra striping  Paski zebry*/
table.tablica_hoteli,
#tabs,
.ui-widget-header,
table.tablica_hoteli tbody tr:nth-child(odd) {
background: #A6ED9E;
}
td.one {
align-items: center;
border-bottom: 1px solid #482306;
border-left: 1px solid #482306;
display:flex;
flex-wrap: wrap;
font: 16px Tahoma, 'Courier New CE', 'Times New Roman', Times, serif;
height:auto;
padding: 4px 0 4px 0;
text-align: left;
vertical-align: middle;
width:97%;
}
td.two {
font: bold 16px Tahoma, 'Courier New CE', 'Times New Roman', Times, serif;
border: solid 1px #482306;
padding: 2px;
text-align:center;
width:2%;
}
.td10 {
font: 18px 'Bookman Old Style', 'Courier New CE', 'Times New Roman', Times, serif;
text-align: center;
}
/* Tlo i ramka calej legendy*/
.ui-widget-header {
border: 1px solid #482306;
font-weight: bold;
}
/* Tlo liter w legendzie */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
background: #7BED9E;
border: 1px solid #482306;
font-weight: normal;
height: 38px;
}
/*Tlo liter w legendzie po najechaniu mysza*/
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus,
.td10 {
background: #57E481;
border: 1px solid #482306;
font-weight: bold;
}
/*kolor liter legendy*/
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #482306;
text-decoration: none;
}
/* KOLOR TLA LITER LEGENDY */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
height: 30px;
padding: 10px 4px 0 4px;
text-decoration: none;
}
/* Pasek tla legendy  */
.ui-tabs .ui-tabs-nav {
margin: 0;
max-width: 900px;
padding: .2em .2em 0;
width: 99%;
}
/* kolor ramki legendy*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active, .ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #482306;
}
/*1000px....................................................................*/
@media only screen and (max-width:1000px) {
.Hotele2 {
margin-left: 45px;
}
#tabs {
max-width: 800px;
}
}
/*900px......................................................................*/
@media only screen and (max-width: 900px) {
#tabs {
max-width: 705px;
}
.ui-tabs .ui-tabs-nav {
max-width: 695px;
}
}
/*800px......................................................................*/
@media only screen and (max-width: 800px) {
.Hotele2 {
margin-left: 40px;
}
#tabs {
max-width: 645px;
}
.ui-tabs .ui-tabs-nav {
max-width: 635px;
}
}
/*735px.......................................................................*/
@media only screen and (max-width: 735px) {
.Hotele2 {
margin-left: 35px;
}
#tabs {
max-width: 580px;
}
.ui-tabs .ui-tabs-nav {
max-width: 570px;
}
}
/*660px.......................................................................*/
@media only screen and (max-width:660px) {
table.tablica_hoteli, table.pol, td10 {
border: 0;
padding: 0;
width: 100%  !important;
max-width: 520px;
}
#tabs {
max-width: 520px;
}
.ui-tabs .ui-tabs-nav {
max-width: 510px;
}
}
/*600px.......................................................................*/
@media only screen and (max-width:600px) {
#tabs {
max-width: 390px;
}
.ui-tabs .ui-tabs-nav {
max-width: 380px;
}
}
/*460px......................................................................*/
@media only screen and (max-width:460px) {
.Hotele2 {
margin-left: 25px;
max-width: 300px;
}
#tabs {
max-width: 300px;
}
.ui-tabs .ui-tabs-nav {
max-width: 280px;
}
}