@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext');
html{
    background: #F0EAE1;
}
html{
    background: url("../img/layouts/default/bar1_bg2.png") repeat scroll 0 0 #F0EAE1;
}
.routeClick {
    background: none repeat scroll 0 0 #FFFFFF;
    cursor: pointer;
    padding: 10px 20px;
    position: absolute;
    right: 140px;
    top: 72px;
}
.loginRegister {
    background-color: #FFFFFF;
    padding: 10px 10px 10px 20px;
    position: absolute;
    right: 0;
    top: 40px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.magMinis {
    margin-left: 10px;
    margin-right: 10px;
}
.content{
    /*    width: 1200px;*/
    width: 980px;
    margin: auto;
}
#header{
    background-color: #fff;
}
#header .content{
    position: relative;
    z-index: 4;
}
#content{
    /*background: url('../img/layouts/default/bg.png') repeat-x top #f0eae1;*/
}
#content .content{
    /*padding-left: 225px;*/
    padding-left: 165px;
    /*width: 934px;*/
    /*width: 700px;*/
    overflow: hidden;
}
#content > .content{
    background: url('../img/layouts/default/content_bg.png') no-repeat bottom right;
}
#leftCol{
    position: absolute;
    left: 0px;
    /*top: 75px;*/
    top: 74px;
    width: 198px;
    z-index: 50;
}
#leftCol ul{
    padding: 26px 0 0 0;
    margin-bottom: 0;
    background: url('../img/layouts/default/menu_top.png') no-repeat left top;
    margin-bottom: 10px;
}
#leftCol ul li{
    display: block;
    list-style-type: none;
    list-style-image: none;
    border: 1px solid #e5e5e5;
    border-top: 0px none;
    background: #fff;
    margin: 0px;
    padding: 0px;
    position: relative;
}
#leftCol ul li a{
    display: block;
    padding: 8px 15px; 
    font: normal 14px/16px 'Open Sans', arial, sans-serif;
    color: #8a8a8a;
    text-decoration: none;
}
#leftCol ul li a:hover{
    background: #c3c3c3 url('../img/layouts/default/menu_hover.png') top left repeat-x;
    color: #006739;
}
#leftCol ul li a img{
    margin-right: 10px;
    display: inline;
    vertical-align: middle;
}
#leftCol .banner{
    margin: 0 0 10px 0; 
}
#leftCol ul ul{
    display: none;
    position: absolute;
    left: 196px;
    top: 0px;
    background: transparent;
    padding: 0px;
    white-space: nowrap;
}
#leftCol li:hover ul{
    display: block;
}
#leftCol li img{
    display: inline;
}
.quizLink {
    display: none;
}
#headerText{
    /*    padding: 15px 0 15px;*/
    padding: 15px 0 0;
    font: normal 12px/16px 'Open Sans', arial, sans-serif;
    color: #808080;
    height: 60px;
}
#headerText a{
    color: #3287ff;
    text-decoration: none;
}
#headerText > a{
    color: #5CB21A;
    font: 27px/43px 'Open Sans',aral,sans-serif;
    text-transform: uppercase;
    text-decoration: none;
}


#fButton{
    float: right;
    border: 1px solid #104699;
    border-radius: 3px;
    text-decoration: none;
}
#fButton span{
    display: block;
    border: 1px solid #78a4e2;
    border-radius: 3px;
    background: #2c71d2;
    padding: 10px;
    color: #fff;
    font: normal 11px/11px 'Open Sans', arial, sans-serif;
}
.ui-tabs-hide{
    display: none;
}
.ui-tooltip,
.ui-dialog{
    position: absolute;
}
.ui-widget-overlay---old{
    position: absolute;
    left: 0px;
    top: 0px;
    background: url('../img/layouts/default/bg_modal.png') repeat-x top;
}
#dialogPlaces {
    display: none;
}
.dialogPlaces.ui-dialog .tabsWydarzenia .ui-dialog-titlebar{
    float: none;
}
.dialogFront .ui-dialog-titlebar > span,
.tabsWydarzenia .ui-dialog-titlebar > span{
    cursor: move;
    background: url('../img/layouts/default/dialog_title_bg.png');
    padding: 10px;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font: bold 35px/30px 'Open Sans', arial, sans-serif;
    position: relative;
    border-bottom: 3px solid #2a477f;
    display: block;
}
.dialogFront .ui-dialog-titlebar small,
.tabsWydarzenia .ui-dialog-titlebar small{
    font: bold 20px/30px 'Open Sans', arial, sans-serif;
    float: right
}
.dialogFront.ui-dialog  .ui-dialog-titlebar-close{
    background: #ff8400 url('../img/layouts/default/dialog_close.png') no-repeat center center;
    text-indent: -250px;
    font: normal 0/0 serif;
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: block;
    position: absolute;
    right: 0px;
    top: -30px;

}
.dialogFront.ui-dialog #dialog{
    background: url('../img/layouts/default/dialog_bg.png');
}
.tabsWydarzenia .ui-tabs-nav li{
    display: block;
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 5px 0;
    width: 25%;
    text-align: center;
    background: #e6ebf1;
}
.tabsWydarzenia .ui-tabs-nav li a{
    display: block;
    color: #69758f;
    font: bold 12px/30px 'Open Sans', arial, sans-serif;
    text-decoration: none;
    background: url('../img/layouts/default/dialog_li_a.png') repeat-y left top;
}
.tabsWydarzenia .ui-tabs-nav li.ui-state-active{
    background: #d1dcea;
}
.tabsWydarzenia .ui-tabs-nav li.ui-state-active a{
    color: #3e4a62;
} 
.dialogPlaces.ui-dialog > .ui-dialog-titlebar{
    width: 1200px;
    margin: 0 auto -110px;
    padding-top: 20px;
}
.dialogPlaces.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{
    float: right;
    width: 142px;
    height: 65px;
    background: url('../img/layouts/default/powrot.png') no-repeat top right;
    display: block;
    text-indent: -600px;
    overflow: hidden;
    position: relative;
    z-index: 300;
}
.dialogPlaces.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar{
    display: none;
}
#bar1{
    /*background: url('../img/layouts/default/bar1_bg.png');*/
}
#bar1-2{
    /*background: url('../img/layouts/default/bar1_bg2.png');*/
    padding-top: 20px;
}
#bar1 > img{
    /*margin-top: -29px;*/
}
#topBar{
    position: relative;
    float: right;
}
#topBar #drzewo{
    left: 814px;
    position: absolute;
    top: 150px;
}
#topBar #wieza {
    cursor: pointer;
    left: 145px;
    position: absolute;
    top: 104px;
}
#topBar #wiezaBig {
    cursor: pointer;
    position: absolute;
    right: 245px;
    top: 34px;
}

#topBar #book1{
    left: 721px;
    position: absolute;
    top: 623px;
}
#topBar #book2{
    left: 778px;
    position: absolute;
    top: 625px;
}
#topBar #book3{
    left: 832px;
    position: absolute;
    top: 629px;
}
#topBar #book4{
    left: 887px;
    position: absolute;
    top: 636px;
}
#topBar #pictureCros {
    left: 769px;
    position: absolute;
    top: 220px;
}
.dialogPlaces.ui-dialog #puncts{
    background: url('../img/layouts/default/punkty.png') no-repeat top center;
    width: 170px;
    padding: 20px 40px;
    color: #fff;
    font: bold 23px/30px 'Open Sans', arial, sans-serif;
    margin-top: 20px;
}
.dialogPlaces.ui-dialog #puncts span{
    float: right;
    font-style: italic;
    font-size: 14px;
}
#bar1{
    background: url('../img/layouts/default/dotted.png') repeat-x bottom transparent;
}
#bar2{
    /*    background: url('../img/layouts/default/dotted.png') repeat-x top transparent;*/
    /*    background: #ede6dd url('../img/layouts/default/dotted.png') repeat-x top;*/

}
#bar2-2{
    padding: 20px 0;
    background: url('../img/layouts/default/dotted.png') repeat-x bottom;
}
#bar2-2 > div > .fb-like-box{
    float: right;
    background: url('../img/layouts/default/facebook_bg.jpg') repeat 0 0 #F6F3ED;
} 
.dialogPlaces.ui-dialog .box1{
    float: left;
    width: 805px;
}
.dialogPlaces.ui-dialog .box1 .boxFl1{
    float: left;
    width: 370px;
}
.dialogPlaces.ui-dialog .box1 .boxFl2{
    float: left;
    width: 430px;
}
.dialogPlaces.ui-dialog h3{
    -webkit-box-shadow: 0 4px rgba(255,255,255,.5); 
    -moz-box-shadow: 0 4px rgba(255,255,255,.5); 
    box-shadow: 0 2px rgba(255,255,255,.5);
    display: inline-block;
    color: #ff4e00;
    text-transform: uppercase;
    font: bold 22px/25px arial, sans-serif;
    background: #f8f6f2;
    border-radius: 5px;
    padding: 8px 20px;

}
.dialogPlaces.ui-dialog .square{
    border-radius: 5px;
    border: 3px solid #fff;
    width: 44px;
    height: 44px;
    float: left;
    background: #00e200;
    font: bold 22px/44px 'Open Sans', arial, sans-serif;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.dialogPlaces.ui-dialog .square + .square{
    margin-left: 5px;
    background: #ffba00;
}
.dialogPlaces.ui-dialog .square + .square + .square{

    background: #00b4ff;
}
.dialogPlaces.ui-dialog .square + .square +  .square + .square{

    background: #c20000;
}
#wydarzenia{
    float: right;
    width: 340px;
}
#sliderAtrakcje{
    height: 451px; 
    left: 45px;
    width: 720px;
}
#sliderAtrakcje .sliderAtrakcje{
    position: relative;
    height: 451px;
    padding: 0 15px;
    width: 324px;
    background: url('../img/layouts/default/slider_atrakcje_bg.png') no-repeat top left;
    float: left;
}
#sliderAtrakcje .sliderAtrakcje + .sliderAtrakcje{
    margin-left: 10px;
}
#sliderAtrakcjeRelative{
    left: 15px;
    position: relative;
    height: 451px;
    margin-top: 20px;
}

#sliderAtrakcjeRelative .next,
#sliderAtrakcjeRelative .prev{
    position: absolute;
    top: 50%;
    margin-top: -32px;
    left: -13px;
    z-index: 50;
    cursor: pointer;
}
#sliderAtrakcjeRelative .next{
    right: -13px;
    left: auto;
}

.sliderAtrakcjeTitle{
    font: bold 19px/19px 'Open Sans', arial, sans-serif;
    color: #5f5f5f;
    padding: 20px 0 10px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 10px;
}
.sliderAtrakcjeTitle span{
    display: block;
    margin-top: 10px;
    float: left;
    width: 250px;
}
.sliderAtrakcjeTitle b{
    color: #292929;
    font-size: 23px;
}
.sliderAtrakcjeTitle img{
    float: left;
    margin-right: 10px;
}
#bar3{
    background: #f6f4e9;
    padding: 20px 0;
}
#sliderOtherRelative{
    height: 250px;
    position: relative;
}
#sliderOtherRelative .next,
#sliderOtherRelative .prev{
    position: absolute;
    top: 50%;
    margin-top: -32px;
    left: 0px;
    z-index: 50;
    cursor: pointer;
}
#sliderOtherRelative .next{
    right: 0px;
    left: auto;
}
/*#sliderOther{
    padding: 20px 0px;
    position: relative;
    left: 150px;
    height: 150px;
}*/
#sliderOther {
    height: 150px;
    left: 80px;
    padding: 20px 0;
    position: relative;
    top: 30px;
    width: 100%;
}
#sliderOther > div{
    width: 100%;
}
#sliderOther img{
    margin: 0 9px;
}
#bar4{
    background: #e8e0d5 url('../img/layouts/default/dotted.png') top repeat-x;
    padding: 20px 0;
}
#bar4 img + img{
    margin-left: 29px;
}
#bar5{
    text-align: right;
    background: #f6f4e9;
    padding: 20px 0;
}
.title h1{
    font: normal 40px/50px 'Open Sans', arial, sans-serif;
    border-top: 1px solid #d3d3d3;
    color: #717171;
    margin-top: 5px;
    padding-top: 5px;
}
.title h2{
    font: normal 18px/23px 'Open Sans', arial, sans-serif;
    color: #848484;
    margin-top: -20px
}
.title h2 span{
    color: #000000;
}
#formContact{
    float: left;
    padding-left: 20px;
    margin-left: 20px;
}
#formContact .input{
    padding-top: 10px;
}
#formContact .input input,
#formContact textarea{
    background: #fff;
    border-radius: 3px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    width: 220px;
}
#formContact textarea{
    width: 352px;
}
#formContact label{
    font: italic 12px/14px 'Open Sans', arial, sans-serif;
}
#formContact .submit{
    padding: 10px 0 10px 239px;
}
.error-message{
    color: red;
    font-size: 11px;
    line-height: 15px;
}
.atrakcjeInfoBox > div{
    border: 1px solid #e4d9d1;
    border-radius: 7px; 
    float: left;
    padding: 5px;
    width: 80px;
    height: 40px;
    margin-left: 5px;
    margin-top: 5px;
    text-transform: uppercase;
    line-height: 16px;
    font-size: 13px;
}
.atrakcjeInfoBox > div.atrakcjeInfoBoxDouble{
    width: 132px;
}
.atrakcjeInfoBox > div b{
    display: block;
    font-size: 14px;

}
.sliderAtrakcjeImg img{
    padding: 3px 0;
    display: block;
    margin: auto;
}
.sliderAtrakcjeActions a{
    display: block;
    float: right;
    border-radius: 5px;
    margin-left: 5px;
    padding: 9px;
    text-decoration: none;
    font: bold 14px/18px 'Open Sans', arial, sans-serif;
    background: url('../img/layouts/default/brown.png') repeat-x;
    color: #e6d2c7;
}
.sliderAtrakcjeActions a + a{
    color: #fff;
    background-image: url('../img/layouts/default/orange.png');
    display: none;
}
.dialogWhite{
    border: 2px solid #ededed;
    border-radius: 10px;
    background: #fff;
    padding: 0 20px 20px;
    z-index: 999;
}
.dialogWhite .ui-dialog-titlebar{
    position: relative;
}
.dialogWhite .ui-dialog-titlebar span{
    display: none
}
.dialogWhite .ui-dialog-titlebar a{
    background: url('../img/layouts/default/x.png') no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    right: -10px;
    top: 10px;    
}
.dialogWhite .dialogWhiteContetnt > div + div{
    width: 250px;
}
.dialogWhite .dialogWhiteContetnt > div{
    float: left;
    width: 400px;
    padding-right: 10px;
    padding-top: 20px;
}
.dialogWhiteContetnt iframe {
    /*margin-left: 40px;*/
    margin-top: 15px;
}
.dialogWhite .dialogWhiteContetnt h2{
    font: normal 18px/20px 'Open Sans', arial, sans-serif;
    color: #606060;
}
.dialogWhite .buttonGrey{
    padding: 10px;
    border-radius: 5px;
    color: #fb4d00;
    text-decoration: none;
    background: #eeeeee;
}
.ui-tooltip{
    z-index: 9999;
}
.gmap_marker{
    overflow: hidden;
}
.gmap_marker img{
    margin-right: 10px;
    float: right;
}
#mapGoogle{
    height: 400px; 
    position: absolute;
    left: 0px; 
    top: 0px; 
    width: 100%;
}
#mapGoogleOut{
    height: 400px;
    position: relative;
}

#infoOnMap {
    bottom: 5px;
    position: absolute;
    width: 100%;
    z-index: 1000;
}
#infoOnMap > .content{
    text-align: center
}
#infoOnMap > .content img{
    display: block;
    margin: auto;
}
#infoOnMap > .content a{
    display: inline-block;
    margin: 0 9px;
}
.tooltip {
    position: absolute;
    top: 30%;
    /*right: 40px;*/
    z-index: 1000;
    border-radius: 15px;
    background: #ff6600;
    padding: 7px 15px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    float: right;
}




#book{
    position: relative;
    /*margin-top: 210px;*/
}

#fotoRama {
    background: url("../img/layouts/default/fotoRamka.png") no-repeat scroll 0 0 transparent;
    height: 307px;
    overflow: hidden;
    left: 270px;
    position: absolute;
    top: 100px;
    width: 590px;
}
#fotoRama > img {
    left: 77px;
    position: absolute;
    top: 24px;
}

#tarzan {
    left: 190px;
    position: absolute;
    top: 0;
    z-index: 3;
}

#waterBanan {
    left: 330px;
    position: absolute;
    top: 260px;
    z-index: 2;
}

#kask {
    left: 155px;
    position: absolute;
    top: 430px;
}

#ball {
    left: 600px;
    position: absolute;
    top: 450px;
}
#videoRamka {
    background: url("../img/layouts/default/videoRamka.png") no-repeat scroll 0 0 transparent;
    height: 158px;
    left: 715px;
    overflow: hidden;
    position: absolute;
    top: 405px;
    width: 217px;
    z-index: 20;
}
#videoRamka > img {
    left: 12px;
    position: absolute;
    top: 12px;
}

.dn{
    display: none;
}
.gallery{
    margin: 0 10px;
}

.museo100{
    font-family: "Museo 100"!important;
}
.sliderAtrakcjeActions {
    bottom: 30px;
    position: absolute;
    right: 30px;
}
.breadcrumb{
    margin: 10px 0;
    color: #071959;
}
.breadcrumb a{
    text-decoration: none;
    color: #858688;
}
.ue-icons{
    margin-top: 15px;
}

#wodne_jeep {
    left: 544px;
    position: absolute;
    top: 424px;
}

#wodne_kajaki {
    left: 125px;
    position: absolute;
    top: 315px;
}

#wodne_banan {
    left: 170px;
    position: absolute;
    top: 180px;
    z-index: 0;
}
#sporty_wodne #fotoRama{
    z-index: 3;
}
#wodne_voleyball {
    left: 400px;
    position: absolute;
    top: 245px;
    z-index: 15;
}
#wodne_basen {
    left: 720px;
    position: absolute;
    top: 150px;
    z-index: 15;
}
.fl.atrakcja {
    position: relative;
    text-align: center;
    width: 215px;
}
.fl.atrakcja .label {
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0 4px rgba(0,0,0,.03); 
    -moz-box-shadow: 0 4px rgba(0,0,0,.03); 
    box-shadow: 0 4px rgba(0,0,0,.03);
    color: #FF4E00;
    display: inline-block;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: bold;
    padding: 6px 8px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    top: -20px;
}
#sporty_wodne #sliderOther{
    height: 175px;
}
#sporty_wodne #sliderOther > div{
    width: 655px;
}
#sporty_wodne .sliderAtrakcjeImg{
    margin-top: 40px;
}






#overlay{
    background: rgba(0,0,0,0.4);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.contentForPopup{
    padding-left: 0;
}
#popup{
    z-index: 101;
    width: 960px;
    height: 600px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 50px;
}
#popup #close-popup{
    position: absolute;
    top: 10px;
    cursor: pointer;
    right: -20px;
    width: 75px;
    height: 75px;
    text-indent: -9999px;
    font-size: 0;
    background: url('../img/layouts/default/close.png') no-repeat 0 0 transparent;
}
#popup #all-atractions{
    width: 230px;
    height: 230px;
    position: absolute;
    top: 20px;
    left: 30px;
    font-size: 0;
    text-indent: -9999px;
    background: url('../img/layouts/default/all-atractions.png') no-repeat 0 0 transparent;
}
#popup #kolko {
    width: 848px;
    height: 530px;
    background: url('../img/layouts/default/beach_party.jpg') no-repeat;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 30px;
}
/*#popup #kolko .top {
    display: block;
    font-family: 'Museo Sans Rounded 300';
    font-size: 34px;
    position: absolute;
    text-align: center;
    top: 70px;
    width: 648px;
}
#popup #kolko .top strong{
    font-family: 'Museo Sans Rounded 700';
}
#popup #kolko .yellow {
    display: block;
    font-size: 68px;
    position: absolute;
    text-align: center;
    top: 235px;
    color: #e30000;
    width: 650px;
    font-family: 'Museo Sans Rounded 700';
}
#popup #kolko .bottom{
    display: block;
    font-family: 'Museo Sans Rounded 700';
    font-size: 34px;
    position: absolute;
    text-align: center;
    top: 330px;
    width: 648px;
}
#popup #kolko .red{
    display: block;
    font-family: 'Museo Sans Rounded 700';
    font-size: 34px;
    position: absolute;
    color: #e30000;
    text-align: center;
    top: 440px;
    width: 648px;
}*/

.loginRegister > a,
.loginRegister > .loginClick{
    font: normal 14px/20px 'Open Sans', arial, sans-serif;
    color: #5e5e5e;
    cursor: pointer;
    margin-top: 30px;
    text-transform: uppercase;
    display: block;
    text-decoration: none;
}
.loginRegister > .loginClick > span {
    background: url("../img/layouts/default/logowanie.png") no-repeat scroll 0 -32px transparent;
    display: inline-block;
    height: 8px;
    margin-left: 5px;
    width: 8px;
}

#loginRegisterPopup .input.checkbox{
    margin-top: 4px;
    float: left;
}
#loginRegisterPopup .input.checkbox input {
    margin-right: 5px;
    top: 1px;
    position: relative;
}
#welcome .input,
#headerText .input{
    margin-bottom: 6px;
}
#welcome .input.password > input,
#welcome .input.username > input,
#headerText .input.password > input,
#headerText .input.email > input,
#headerText .input.username > input{
    border: 1px solid #c4c4c4;
    padding: 5px 5px 4px;
    width: 210px;
}
#welcome button,
#headerText button{
    float: right;
    border: 1px solid #c4c4c4;
    padding: 5px 20px;
    background: #fff;
    font-weight: bold;
    color: #7c8489;
}
#welcome button:hover,
#loginRegisterPopup button:hover{
    border: 1px solid #eb2128;
    color: #eb2128;
}
#welcome{
    width: 220px;
    margin: 30px auto;
}

#loginRegisterPopup{
    position: absolute;
    z-index: 260;
    width: 400px;
    padding: 15px;
    height: 160px;
    right: 0;
    /*top: 225px;*/
    top: 265px;
    display: none;
    background: #FFF;
}

#selectLogin{
    position: absolute;
    z-index: 260;
    width: 400px;
    padding: 15px;
    right: 0;
    /*top: 85px;*/
    top: 125px;
    display: none;
    background: #fff;
}
.smallHeader{
    font: normal 12px/16px 'Open Sans', arial, sans-serif;
    color: #b2b2b2;
    text-transform: uppercase;
}
.smallHeader.active{
    color: #3b5998;
}
.smallBox{
    margin: auto;
    width: 290px;
}
.smallBall{
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #9e9e9e;
}
.smallBall.active{
    background: #3b5998;
}
.smallBorder{
    width: 250px;
    margin: 5px auto;
    border-bottom: 1px solid #9e9e9e;
    position: relative;
    top: 10px;
}
.smallBorder.active{
    color: #9e9e9e;
}
#selectLoginLink{
    padding: 10px  0 10px 50px;
}
#selectLoginLink > a{
    display: block;
    width: 145px;
    border-radius: 5px;
    margin-right: 15px;
    text-align: center;
    font: bold 12px/35px 'Open Sans',arial, sans-serif;
    color: #ffffff;
    height: 35px;
    background: #5975b1;
    text-transform: uppercase;
    float: left;
}
#selectLoginLink > a + a{
    background: #81d742;
}
#registerPopup{
    position: absolute;
    z-index: 270;
    width: 400px;
    padding: 15px;
    right: 0;
    top: 80px;
    display: none;
    background: #FFF;
}

#welcome{
    width: 220px;
    margin: 30px auto;
}

#overlayWhite{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*z-index: 249;*/
    /*background: url('../img/layouts/default/overlayWhite.png') repeat 0 0;*/
}

#footer{
    /*height: 100px;*/
    background-color: #fff;
    /*margin-top: 20px;*/
}

#footer .content{
    padding: 15px 0;
}

.uppercase{
    text-transform: uppercase;
}
.button.grey{
    background-color: #e4e4e4;
    border-radius: 8px;
    display: block;
    padding: 15px 20px;
    color: #9d9d9d;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
.button.grey:hover{
    background-color: #9d9d9d;
    color: #e4e4e4;
}

#footer .content div.fl{
    margin-right: 100px;
    color: #777777;
    padding-top: 15px;
    text-transform: uppercase;
    line-height: 22px;
}

#footer .content div.fr{
    padding-top: 20px;
}

#footer .logo{
    padding: 0 60px!important;
    margin-right: 0!important;
}
#forumLink{
    position: fixed;
    right: 0px;
    top: 40%;
    z-index: 9999;
    margin-top: -135px;
    width: 50px;
    background: url('../img/layouts/default/forum.png') no-repeat left center transparent ;
    height: 107px;
    display:block;
    text-indent: -9999px;
    transition: 0.6s ease;
}
#forumLink:hover{
    width: 75px;
}
#forumLinkInPlace{
    border-radius: 15px;
    background: #fff;
    color: #5cb21a;
    text-transform: uppercase;
    text-align: center;
    /*float: right;*/
    padding: 10px 30px;
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold; 
    margin-top: 10px;
}
#forumLinkInPlace:hover{
    background-color: #5cb21a;
    color: #fff; 
}
#socialLinks{
    position: fixed; 
    right: 0px;
    top: 50%;
    z-index: 9999;
    margin-top: -242px;
    width: 50px;
}
#socialLinks > a{
    display: block;
    height: 136px;
    background-image: url('../img/layouts/default/social.png');
    background-repeat: no-repeat;
    width: 66px;
    text-indent: -600px;
    overflow: hidden;
    margin-bottom: 10px;
    background-position: left top;
}
#socialLinks > a:hover{
    margin-left: -16px;
}
#socialLinks > a#socialKS{
    background-position:  left bottom;
}
#fb-box {
    width: 260px;
    height:375px;
    position: fixed;
    margin-top: -100px;
    right: 0px;
    top: 50%;

}
.fb-like-box {
    background: #ffffff;
}
.fb-box-close {
    background-position: 0px 0px -242px 0px;
}
#fb-box #socialFB{
    background-image: url('../img/layouts/default/social.png');
    padding-left: 20px;
}
#fb-box .fb-like-box{
    padding: 5px;
    background: #3B5998;

}
#fb-box .fb-like-box iframe{
    background: #fff;
}
#fb-box #socialFB{
    display: block;
    float: left;
    height: 136px;
    background-image: url('../img/layouts/default/social.png');
    background-repeat: no-repeat;
    width: 30px;
    text-indent: -600px;
    overflow: hidden;
    margin-bottom: 10px;
    background-position: left top;
}
h1.pauza.white {
    background-image: url("../img/layouts/default/h1_white_pauza.png");
    background-position: 0 2px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    padding-left: 105px;
    text-transform: uppercase;
    margin-bottom: 50px;
    font-family: "ProximaNovaBold";
}
h3.pauza.green{
    background: url('../img/layouts/default/h-green.png') no-repeat 0px 10px transparent;
    padding-left: 60px;
    color: #73bf2d;
    font-family: "ProximaNovaBold";
    font-size: 25px;
    text-transform: uppercase;
}

#overlays{
    position: absolute;
    top: 0px;
    width: 960px;
    left: 50%;
    margin-left: -480px;
    background: #B0DE78;
    z-index: 300;
    height: 100px;
    overflow: hidden;
}
/* notices and errors */
#flashMessage, .flash-message,
.infobox{
    position: absolute;  
    top: 40px;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    padding: 2px 0px 4px 0px;
    color: #58585a;
    font: bold 12px/16px arial, sans-serif;
    background-color: #ffffff;
    text-align: center; 
    background-repeat: no-repeat;
    background-position: 99% 7px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #d5d5d5;
    z-index: 21474;
}  
#ajaxMsg-container{
    position: relative;
}         
#flashMessage.error_message {
    background-color: #f18e00;
    color: #fff;            
}
#flashMessage.confirm_message {
    background-color: #e4fdcc;       
}
#newsletterPage{
    padding-top: 30px;
}
#newsletterPage h3{
    font: normal 18px/30px arial, sans-serif;
    color: #171717;
}
#newsletterPage .text{
    float: left
}
#newsletterPage .text input{
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 17px;
    height: 15px;
    font: normal 14px/15px 'Open Sans', arial, sans-serif;
    width: 290px;
    color: #b5b5b5;
}
#newsletterPage .submit input{
    border: 1px solid #cccccc;
    border-radius: 5px;
    background: #ff4e00;
    color: #fff;
    width: 123px;
    height: 51px;
    text-align: center;
    padding: 15px 0;
    font: bold 16px/16px 'Open Sans', arial, sans-serif;
    margin-left: 15px;
}
#newsletterPage .submit input:hover{
    opacity:0.9;
    filter:alpha(opacity=90);
}
#newsletterPage .submit input:active{
    opacity:0.4;
    filter:alpha(opacity=40);
}
form .input input{
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 15px;
    font: normal 14px/14px 'Open Sans', arial, sans-serif;
    color: #b5b5b5;
    width: 322px;
}
form .input.select{
    margin: 10px 0;
}
form .input.select label{
    margin-bottom: 15px;
}
form .input select{
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 15px;
    font: normal 14px/14px 'Open Sans', arial, sans-serif;
    color: #000;
    width: 322px;
}
form .input label{
    display: block;
}
form .input{
    padding-bottom: 10px; 
}
form .input.checkbox input{
    width: auto;
    margin-right: 10px;
}
form .input.checkbox label{
    width: auto;
    margin-right: 10px;
    display: inline;
}
.submit input{
    border: 1px solid #cccccc;
    border-radius: 5px;
    background: #ff4e00;
    font: normal 16px/20px 'Open Sans', arial, sans-serif;
    color: #fff;
    height: 43px;
    padding: 7px 40px;
}
a{
    color: #75C02F;
}
body .qtip-place.qtip-place-white{
    background-color: #fff;
}
body .qtip-place .qtip-close{
    background: url('../img/layouts/default/qtip-close.png') no-repeat;
    width: 47px;
    height: 47px;
    position: absolute;
    right: -60px;
    top: -60px;
    cursor: pointer;
}
body .qtip-place .qtip-close2{
    float: right;
    background: url('../img/layouts/default/qtip-close2.png') no-repeat;
    width: 29px;
    height: 29px;
    cursor: pointer;
    position: relative;
    right: 0;
    bottom: -20px;
}
body .qtip-place.qtip-place-white,
body .qtip-place.qtip-place-white .ui-tooltip-content{
    background: #fff;
}
body .qtip-place.qtip-place-white .ui-tooltip-titlebar{
    background: #fff;
}
body .qtip-place,
body .qtip-place .ui-tooltip-content{
    border: 0px none;
    background: #b4e66b;
    max-width: 740px;
    overflow: visible;
    font-size: 14px;
}
body .qtip-place .ui-tooltip-content{
    padding: 20px 30px;

}
body .qtip-place .ui-tooltip-titlebar{
    background: #b4e66b;
    padding: 0 30px;
    border: none 0px;
}
body .qtip-place .ui-tooltip-titlebar .ui-tooltip-title{
    border-bottom: 1px solid #cecece;
    font: normal 18px/20px 'Open Sans',arial, sans-serif;
    color: #616161;
    padding: 25px 0;
    text-transform: uppercase;
}
.tooltip-marker-click{

    position: absolute;
    top: 0;
    /*right: 40px;*/
    z-index: 1000;
    border-radius: 15px;
    background: #A8A8A8;
    padding: 7px 15px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    float: right;
}
#qtip-overlay{
    position: fixed;
}
.gmnoprint,
.gmnoprint img{
    border: none 0px;
}

.opacity09{
    opacity: 0.9!important;
}

.my-qtip-light{}
.my-qtip-light .ui-tooltip-title {
    font-size: 13px;
}
.my-qtip-light .ui-tooltip-content {
    font-size: 13px;
    line-height: 16px !important;
}

.infoBar{
    position: fixed;
    bottom:0;
    left: 0;
    background-color: #fff;
    width: 100%;
    font-size: 13px;
    z-index: 1001;
    padding: 5px 0;
}
.infoBar-clone{
    position: relative;
    z-index: 500;
}
.red{
    color: red;
}
.infoBar h4{
    font-size: 14px;
    font-weight: bold;
}

.registerForm{
    margin-top: 30px;
}
.facebookLoginLink{
    display: block;
    width: 145px;
    border-radius: 5px;
    /*margin-right: 15px;*/
    margin: 10px auto;
    text-align: center;
    font: bold 12px/35px 'Open Sans',arial, sans-serif;
    color: #ffffff;
    height: 35px;
    background: #5975b1;
    text-transform: uppercase;
    /*float: left;*/
    text-decoration: none;
}

.facebookLoginForm {
    margin-left: 50px;
}
.registerForm h3,
.loginForm h3,
.registerForm h4,
.loginForm h4{
    text-transform: uppercase;
}
.registerForm h4,
.loginForm h4{
    font-weight: normal;
    color: #aaa;
}
.border-top{
    border-top: 1px solid #CCCCCC;
    padding-top: 20px;
    padding-bottom: 10px;
}

.bannerQuiz{
    display: none;
    position: relative;
    width: 374px;
    z-index: 10;
    height: 74px;
    background: url('../img/layouts/default/banner_quiz.jpg') no-repeat center center transparent;
}
.bannerQuiz .text{
    color: #FFFFFF;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    margin: 20px 0 0 15px;
    text-decoration: underline;
    text-transform: uppercase;
}
.bannerQuiz .quizIcon{
    background: url("../img/layouts/default/quizIcon.png") no-repeat scroll 3px top transparent;
    color: #FF4E00;
    padding: 15px 0 0 30px;
}
.quizIcons {
    float: right;
    position: absolute;
    right: 70px;
    top: -60px;
}
.quizIcons a {
    float: right;
    margin: 0 0 0 10px;
}
.slicknav_menu{
    display: none;
}
@media (max-width: 1140px){
    #infoOnMap {
        bottom: 5px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        width: auto;
        z-index: 1000;
    }
    #infoOnMap .content{
        padding-left: 0;
    }
}
@media (max-width: 1000px){
    #forumLink,
    #socialLinks
    {
        display: none;
    }
    .front #leftCol ul li.more.open > a i{
        color: #a0a0a0;
    }
    .rotatedArrow {
        transform: rotate(180deg);
    }
    #headerText > a{
        font-size: 18px;
    }
    .noFront #leftCol{
        display: none;
    }
    .noFront #content .content > div{
        margin-left: 0;
    }
    .noFront .slicknav_menu{
        display: block;
    }
    .content{
        width: auto;
    }
    .loginRegister{
        display: none;
    }
    #map_canvas {
        display: none;
    }
    #infoOnMap{
        left: 0;
        /* position: absolute; */
        position: fixed;
        right: 0;
        bottom: 0;
        visibility: visible;
    }
    #infoOnMap .content{
        padding:0;
    }
    .front #leftCol{
        width: 100%;
        background: #fff;
        top: 0;
    }
    
    .front #leftCol ul{
        background-image: none;
        border: none;
        position: relative;

        margin-bottom: 0px;
        padding: 0px;
        top: 130px;
        left: 0%;
        background: #fff;
        width: 100%
    }
    .front #leftCol > ul{
        margin-bottom: 90px;
    }
    /* DODANE */
    .front #leftCol ul li {
        background: #fff;
        border: none;
        border-bottom: 1px solid #e5e5e5;
    }
    .front #leftCol ul > li {
        padding: 0 25px;
    }
    .front #leftCol ul > li ul li{
        padding: 0;
    }
    #leftCol ul li a img {
        display: none;
    }
    
    .front #leftCol > a img{
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        width: 200px;
    }
    .front #leftCol ul ul{
        white-space: normal;
    }
    .front #leftCol ul li.more ul{
        background-color: rgba(130, 182, 28, 0.08) !important;
        display: block;
        position: relative;
        display: none;
        font-weight: 500;
        color: #767676 !important;
        letter-spacing: -0.33px;
        left: 0;
        width: 100%;
        padding: 0;

        top:0;
    }
    .front #leftCol ul li.more.open {
        background-color: rgba(130, 182, 28, 0.08);
        border-radius: 5px;
        transition: 1s;
    }
    .front #leftCol ul li.more.open > a{
        color: #82b61c;
    }
    .front #leftCol ul li.more.open ul{
        background-color: transparent !important;
    }
    .front #leftCol ul li.more.open ul li{
        background: transparent;
        padding: 0;
        color: #767676;
        max-width: 300px;
        display: flex;
        align-items: center;
    }
    .front #leftCol ul li.more ul li{
        border-left: none;
        border-right: none;
        border: none;
    }
    .front #leftCol .menuBar{
        min-height: 65px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        background: #82b61c;
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -0.33px;
        border-radius: 5px;
        width: calc(100% - 40px);
        margin-left: 15px;
        padding: 0 0px;
        padding-left: 10px;
        margin-top: 30px;
    }
    .front #leftCol .prependedFb {
        position: absolute;
        top: -130px;
        left: 230px;
        display: flex;
        align-items: center;
        color: #475993;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: -0.38px;
    }
    .front #leftCol .prependedTitle {
        position: absolute;
        top: -110px;
        left: 230px;
        color: #1f5c31;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: -0.43px;
        
    }
    .front #leftCol .fa-facebook {
        color: #475993;
        font-size: 26px;
        margin-right: 8px;
    }
    .front #leftCol .prependedTitleZoom {
        position: absolute;
        top: -84px;
        left: 230px;
        color: #82b61c;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: -0.43px;
    }
    .front #leftCol ul li {
        min-height: 50px;
    }
    .front #leftCol ul li > a{
        font-size: 18px;
        line-height: 50px;
        padding: 0;
        font-weight: 600;
    }
    .front #leftCol ul li a:hover{
        /*background: #c3c3c3 url('../img/layouts/default/menu_hover.png') top left repeat-x;*/
        background: none;
        /* color: #006739; */
        color: #82b61c;
    }
    .front #leftCol ul li.more ul li a{
        font-weight: 300;
        line-height: 25px;
    }
    .front #leftCol ul li.more a {
        position: relative;
    }
    .front #leftCol ul li.more a .fa-chevron-down{
        font-size: 16px;
        color: #a0a0a0; 
        position: absolute;
        right: 10%;
        top: 20px;
        transition: .5s;
    }
    #infoOnMap > .content img{
        width: 100%;
    }
    html {
        background: #fff;
    }
    #map_canvas_out{
        height: 1435px!important;
        /* background-color: #fff !important; */
    }
    .front #map_canvas_out{
        height: auto!important;
        /* background-color: #fff !important; */
        visibility: hidden
    }
    .ml10{
        margin-left: 20px;
    }
    .mr10{
        margin-right: 20px;
    }
    #sliderOtherRelative > img.prev,
    #sliderOtherRelative > img.next{
        display: none;
    }
    #sliderOther {
        height: 100%;
        left: 0!important;
        top: 0;
    }
    #sliderOther > div {
        display: block !important;
        height: auto !important;
        left: 0 !important;
        position: relative !important;
        width: auto !important;
    }
    #sliderOther > div > a {
        display: block;
        float: left;
    }
    #sliderOther > div > a > img{
        width: 80%;
    }
    .front #leftCol ul li ul li a span {
        line-height: 25px;
    }
}
@media (max-width: 1000px){
    .front #leftCol .menuBar{
        display: flex;
    }
    .front #leftCol .prependedFb {
        display: flex;
    }
    .front #leftCol .prependedTitle {
        display: block;
        
    }
    .front #leftCol .fa-facebook {
        display: block;
    }
    .front #leftCol .prependedTitleZoom {
        display: block;
    }
}
@media (min-width: 1000px){
    .front #leftCol .menuBar{
        display: none;
    }
    .front #leftCol .prependedFb {
        display: none;
    }
    .front #leftCol .prependedTitle {
        display: none;
        
    }
    .front #leftCol .fa-facebook {
        display: none;
    }
    .front #leftCol .prependedTitleZoom {
        display: none;
    }
}
@media (max-width: 430px){
    .front #leftCol .more ul li a{
        font-size: 14px;
    }   
    .slicknav_nav .more ul li a img{
        display: none;
    }
}
@media (max-width: 650px){
    #page img {
        height: 50%;
        width: 100%;
    }
    #headerText > a{
        font-size: 14px;
    }
    #mapGoogleOut{
        display: none;
    }
    .front #leftCol ul li a{
        font-size: 18px;
    }
    #tinymce table {
        transform: scale(.7);
        position: relative;
        left: -88px;
        margin: -100px 0;
    }
}
@media (max-width: 350px){
    .front #leftCol .more ul li a img{
        display: none;
    }
    #map_canvas_out{
        height: 1025px!important;
    }
}
@media (max-width: 333px){
    #header .top a{
        font-size: 14px;
        line-height: 16px;
        margin-left: 10px;
        display: block;
        margin-top: 5px;
    }
    #header .top a b{
        display: block;
    }
    #header a.back{
        margin-left: 0px;
        margin-top: -10px;
        line-height: 43px!important;
    }

    #sliderOther > div {
        margin: auto!important;
        width: 50%!important;
    }
}
@media (max-width: 299px){
    .front #leftCol .more ul li a,
    .front #leftCol ul li a{
        font-size: 12px;
    }
}
@media (max-width: 365px){
    .slicknav_nav li{
        margin-left:0;
    }
    .slicknav_nav li a{
        font-size: 12px;
    }
}
@media (max-width: 600px){
    body .qtip-place, body .qtip-place .ui-tooltip-content {
        width: auto !important;
    }
}
@media (max-width: 700px){
    #formContact{
        margin: 0;
        padding: 0;
    }   
    body .qtip-place form .input input {
        width: 95%;
    }
    body .qtip-place, body .qtip-place .ui-tooltip-content {
        background: none repeat scroll 0 0 #B4E66B;
        border: 0 none;
        font-size: 14px;
        max-width: 500px;
        overflow: visible;
    }
}
@media (max-width: 400px){
    .front #leftCol > a img {
        width: 175px;
    }
    .front #leftCol .prependedFb {
        left: 190px;
    }
    .front #leftCol .prependedTitle {
        left: 190px;
    }
    .front #leftCol .prependedTitleZoom {
        left: 190px;
    }
    #formContact textarea,
    #formContact input{
        display: block;
        float: none;
        width: 95% !important;
    }   
    #formContact .submit{
        padding:0;
    }
}
@media (max-width: 600px){
    #testResults{
        background-image: none!important;
    }
    #headerText > a{
        font-size: 12px;
    }   
    .bannerQuiz{
        width: 334px;
    }
    .bannerQuiz .text{
        font-size: 11px;
    }
}
@media (max-width: 555px){
    #headerText > a{
        font-size: 11px;
    }   
}
@media (max-width: 510px){
    #headerText > a{
        font-size: 10px;
    }   
    .bannerQuiz{
        width: 280px;
    }
    .bannerQuiz .text{
        font-size: 9px;
    }
}
@media (max-width: 435px){
    #headerText > a{
        font-size: 8px;
        line-height: 12px;
    }   
    #headerText > a > b{
        display: block;
    }   
    .bannerQuiz{
        width: 240px;
    }
    .bannerQuiz .text{
        font-size: 7px;
    }
}

@media (max-width: 500px){
    .qtip-place, .qtip-place .ui-tooltip-content{
        max-width: 400px!important;
    }
    .qtip-place h4{
        font-size: 13px;
    }
    .qtip-place form .input input{
        padding: 5px;
    }
    #tinymce table {
        transform: scale(.6);
        left: -120px;
        margin: -120px 0;
    }
    .front #leftCol ul li.more.open ul li{
        max-width: 225px;
    }
    .front #leftCol ul li.more a .fa-chevron-down {
        right: 5%;
    }
}
@media (max-width: 350px){
    .front #leftCol > a img {
        width: 150px
    }
    .front #leftCol .prependedFb {
        left: 155px;
    }
    .front #leftCol .prependedTitle {
        left: 155px;
    }
    .front #leftCol .prependedTitleZoom {
        left: 155px;
    }
}
@media (max-width: 400px){
    .qtip-place, .qtip-place .ui-tooltip-content{
        max-width: 340px!important;
    }
    #tinymce table {
        transform: scale(.55);
        left: -150px;
    }
    .front #leftCol ul{
        margin-bottom: 0px;
    }
    .front #leftCol > ul{
        margin-bottom: 50px;
    }
}
@media (max-width: 350px){
    .qtip-place, .qtip-place .ui-tooltip-content{
        max-width: 300px!important;
    }
    #tinymce table {
        transform: scale(.50);
        left: -170px;
        margin: -160px 0;
    }
}
@media (max-width: 310px){
    #tinymce table {
        width: 560px !important;
    }
}
@media (max-width: 300px){
    .qtip-place, .qtip-place .ui-tooltip-content{
        max-width: auto!important;
    }
}



/* iPad in portrait & landscape */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

    #forumLink,
    #socialLinks
    {
        display: none;
    }

    #headerText > a{
        font-size: 18px;
    }
    .noFront #leftCol{
        display: none;
    }
    .noFront #content .content > div{
        margin-left: 0;
    }
    .noFront .slicknav_menu{
        display: block;
    }
    .content{
        width: auto;
    }
    .loginRegister{
        display: none;
    }
    #map_canvas {
        display: none!important;
    }
    #infoOnMap{
        left: 0;
        position: absolute;
        right: 0;
    }
    #infoOnMap .content{
        padding:0;
    }
    .front #leftCol{
        width: 100%;
        background: #fff;
    }
    .front #leftCol ul{
        background-image: none;
        top: 130px;
        position: relative;
    }
    .front #leftCol > a img{
        display: block;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        width: 200px;
    }
    .front #leftCol ul ul{
        white-space: normal;
    }
    .front #leftCol ul li.more ul{
        display: block;
        position: relative;
        top:0;
        left: 5%;
        width: 95%;
    }
    .front #leftCol ul li.more ul li{
        border-left: none;
        border-right: none;
    }
    .front #leftCol ul li a{
        font-size: 18px;
    }
    .front #leftCol ul li a:hover{
        /*        background: #c3c3c3 url('../img/layouts/default/menu_hover.png') top left repeat-x;*/
        background: none;
        color: #006739;
    }
    #infoOnMap > .content img{
        width: 100%;
    }
    #map_canvas_out{
        height: 1435px!important;
    }
    .ml10{
        margin-left: 20px;
    }
    .mr10{
        margin-right: 20px;
    }


}

/* iPad in portrait & landscape - END */

/* iPad in landscape */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 

}

/* iPad in landscape - END */

/* iPad in portrait */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

}

/* iPad in portrait - END */

/* Retina iPad in portrait & landscape */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}

/* Retina iPad in portrait & landscape - END */

/* Retina iPad in landscape */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */}

/* Retina iPad in landscape - END */

/* Retina iPad in portrait */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { /* STYLES GO HERE */ }

/* Retina iPad in portrait  - END */

/* iPad mini in portrait & landscape */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  { /* STYLES GO HERE */}

/* iPad mini in portrait & landscape  - END */

/* iPhone 2G-4S in portrait & landscape */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
    #page img {
        height: auto!important;
        width: 100%!important;
    }
}

/* iPhone 2G-4S in portrait & landscape - END */