@media (min-width: 800px) {

.mobile-film{ display: none; }

}

@media (max-width: 800px) {

.non-mobile-film {display:none;}

}


@media (min-width: 700px) {

.mobile-obrazek{ display: none; }

}

@media (max-width: 700px) {

.non-mobile-obrazek{display:none;}

}

/*   -----------------------------------------------------     */


@media (min-width: 1024px) {

.non-mobile-obrazek{display:block;}

.x-mobile-obrazek{ display: none; }

.s-mobile-obrazek{ display: none; }
}

@media (max-width: 1024px) and (min-width: 700px) {

.non-mobile-obrazek{display:none;}

.x-mobile-obrazek{ display: block; }

.s-mobile-obrazek{ display: none; }
}

@media (max-width: 700px) and (min-width: 500px) {

.non-mobile-obrazek{display:none;}

.x-mobile-obrazek{ display: block; }

.s-mobile-obrazek{ display: none; }

}

@media (max-width: 500px) {

.non-mobile-obrazek{display:none;}

.x-mobile-obrazek{ display: none; }

.s-mobile-obrazek{ display: block; }
}


/*   -----------------------------------------------------     */

#icon-obrazek {
    display: inline-block;
    width: 31%;
    border: 0px solid black;
    text-align: center;
    
            }

/*
---------------------------  U góry  OK -------------------------
*/





body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: white;
    font-family: arial;
}

table{
    
    font-size: small;
    font-family: arial;
    border-collapse: collapse;
    border: 0px solid black;
    /* box-shadow: 4px 4px 4px #777; */
    margin:  auto;
    
    
}
th, td{
    padding:5px;
}
/*
tr:nth-of-type(odd){
    background-color: #d4ffba;
    color:black;
}
*/
.center{
    text-align:center;
}
tr.mainCal td{
    width:30px;
    text-align:center;
    background-color: rgba(255,255,255, 0.5);
}
table a:link{
    text-decoration:none;
    color:#333;
}
table a:hover{
    color:#6C3;
}
.pickedDay{
    border:1px solid #f00;
    display:inline-block;
    padding:5px;
}
td.sun{
    color:#ff0000;
}


#statusfirst1 {
    
    color: white;
    font-weight: bold;
    background-image: url("../template_image/domki/skosnef1.png");
    background-size: 100%;
    
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}


#statusfirst2 {
    
    color: white;
    font-weight: bold;
    background-image: url("../template_image/domki/skosnef2.png");
    background-size: 100%;
    
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}



#statuslast2 {
    
    color: white;
    font-weight: bold;
    background-image: url("../template_image/domki/skosne2.png");
    background-size: 100%;
    
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

#statuslast1 {
    
    color: white;
    font-weight: bold;
    background-image: url("../template_image/domki/skosne1.png");
    background-size: 100%;
    
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

#status2 {
    background-color: #0086b3;
    color: white;
    font-weight: bold;
    
}

#status1 {
    background-color: #33ccff;
    color: white;
    font-weight: bold;
}

#status0 {
    background-color: rgba(255,255,255, 0.5);
    color: black;
    font-weight: bold;
}
#tytulrok {
    background-color: #cccccc;
}




#mainListHouse {
    margin: 0px auto 0px auto; 
    border: 0px solid #e85412; 
    max-width: 1600px; 
    padding: 0px 0px 0px 0px; 
    text-align:center;
    
}

#domekall {
    color: black; 
    display: inline-table; 
    margin:0px;  
    width: 45%; 
    /* min-width: 350px; */
    border: 1px solid #aaaaaa;
    
    
    /* background-color: #ffffcc; */
    background-color: rgba(255,255,255, 0.5);
    padding: 5px; 
    text-align:center; 
   /* text-shadow: 0px 0px 15px #aaaaaa; */
    margin: 5px auto 25px auto;
    vertical-align:   middle;
}


#jaktabelka {
    display: inline-table; 
    border: 0px solid black;
    vertical-align:   middle;
    text-align:  center;
    min-width: 49%;
    margin: 5px auto 5px auto;
}

#form {
    font-family: arial;
}

#jaktabelkaform {
    
    display: inline-table; 
    border: 0px solid black;
    vertical-align:  middle;
    text-align:  center;
    margin: 15px auto 10px auto;
}



#detaleKrotki {
    display: table; 
    text-align: left; 
    padding: 5px;
}

div#ramkaDaneReservDetails {
    display:  inline-table;
    border: 1px dotted #ffffff;  
    margin: 0px auto;
    padding: 4px;
}

/*  Dawne artykul Atrakcje   */

div#artykulAtrakcje {
    text-align:center;
    display:  inline-table;
    border: 0px dotted #ffffff;  
    margin: 0px auto;
    padding: 15px 5px 15px 5px;
    min-height: 300px;
    vertical-align:  middle;
    line-height: 1.5em;

}
div#krotkaTematAtrakcje {
    
    display: inline-table;
    padding: 5px 9px 5px 9px;
    background-color: rgba(255,255,255, 0.5);
    font-size:  small;
    color: black;
}

div.stopka {
    background-color: #0086b3; 
    width: 100%; 
    color: white; 
    text-align: center;
    line-height: 1.5em;
}


/* ------------------ Tabelka cennik --------------  */


div.tabsrodek {
    
    
}

div#tabcena {
    
    color:  #0086b3;
    color:  #325b84;
    color: #be0000;
    
}

div.ramkacennik {
    
    display: table; 
    text-align: center; 
    margin: 0px auto 0px auto; 
    padding: 5px; 
    border: 1px solid #0086b3;
    
}



/* ------------------ Chmurka --------------  */