#fullPanorama .prev{
    background: url(/images/panoramy/pano_left.png) no-repeat;
    width: 128px;
    height: 128px;
    display: block;
    cursor: pointer;
    font-size: 0px;
    position: absolute;
    z-index: 12222222;
    left: 0px;
    top: 75px;
}

#fullPanorama .next{
    background: url(/images/panoramy/pano_right.png) no-repeat;
    width: 128px;
    height: 128px;
    cursor: pointer;
    display: block;
    /* float: right; */
    position: absolute;
    top: 75px;
    right: 0px;
    font-size: 0px;
}

#info {
    position: absolute;
    top: 0px; width: 100%;
    color: #ffffff;
    padding: 5px;
    font-family:Monospace;
    font-size:13px;
    font-weight: bold;
    text-align:center;
}

.content_tresc .title1 {
    background: white;
    border: 1px solid black;
    box-shadow: 1px 1px 20px;
    border-radius: 8px;
    width: 90%;
    text-align: center;
    display: inline-block;
    padding: 5px 0 5px 0px;
    color: #3e79b5
}

.panorama_content .back{

    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 2;	
    background: white;
    color: black;
    padding: 1em 2em;
    margin-right: 1em;
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold;
    border: 1px solid black;
    box-shadow: 1px 1px 20px;
}


.panoramy {
    position:absolute;
    bottom:0px;
    margin-bottom:2em;
    margin-left:1em;
}

.pano-but {
    background: #f2f2f2;
    color: black;
    padding: 1em 2em;
    margin-right: 1em;
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold;
    border: 1px solid black;
    box-shadow: 1px 1px 20px;
}

#fullPanorama #container {
    position:absolute;
    top:0;
    right:0;
    bottom:0px;
    left:0;
    text-align: center;
}

.panorama_content .tresc_info .pelna_tresc{
    width: 75%;
    position: absolute;
    bottom: 50px;
    right: 96px;
    float: right;
    background: white;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 1px 1px 20px;
    border: 1px solid black;
    cursor: default;
    font-size: 14px;
    line-height: 160%;
}

.panorama_content .tresc_info .pelna_tresc:hover{
    cursor: default;
}

.panorama_content .tresc_info .pelna_tresc > p{
    position:relative;
    margin: 0px;
}

.panorama_content .tresc_info .pelna_tresc .tooltips1{
    background: white;
    width: 18px;
    height: 18px;
    position: absolute;
    right: -19px;
    bottom: -24px;
    border: 1px solid black;
    box-shadow: 1px 1px 20px;
    border-radius: 20px;
}

.panorama_content .tresc_info .pelna_tresc .tooltips2{
    background: white;
    width: 12px;
    height: 12px;
    position: absolute;
    right: -34px;
    bottom: -48px;
    border: 1px solid black;
    box-shadow: 1px 1px 20px;
    border-radius: 20px;
}

.panorama_content .tresc_info{
    width: 80px;
    height: 80px;
    position: absolute;
    bottom: 140px;
    right: 27px;
    cursor: pointer;
}

.panorama_content a.button:hover{
    text-decoration:none;
}

#lista_panoram{
    position: absolute;
    bottom: 80px;
    right: 20px;
    z-index: 2;	
    background: #f2f2f2;
    color: black;
    padding: 1em 2em;
    margin-right: 1em;
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold;
    border: 1px solid black;
    box-shadow: 1px 1px 20px;
}

.content_tootlips{
    width: 700px;
    height: 400px;
    position: relative;
    bottom: 400px;
    right: 0px;
    float: right;
    display: block;
    cursor: default;
    display:none;
    padding-bottom: 10px;
}

#others_pano{
    position: absolute;
    bottom: 18px;
    left: 0px;
    width: 100%;
    height: 245px;
    background: white;
    overflow: hidden;
    padding: 10px 0px;
    border: 1px solid black;	
    margin:0px;
}

#others_pano .belka{
    height: 32px;
    background: none;
    border-bottom: 1px solid #3e79b5;
}

#others_pano .belka span{
    padding: 6px 0px 7px 0px;
}

.owl-item{
    width: 225px;
}

.panorama_content .panel{	
    bottom: -20px;
    right: 0px;
    position: relative;
    width: 100%;
    height: 265px;
}

.panorama_content .panel .switch{
    width: 25px;
    height: 25px;
    right: 5px;
    position: absolute;
    top: 11px;
    cursor:pointer;
}

.panorama_content .panel .switch2{
    width: 25px;
    height: 25px;
    right: 5px;
    position: absolute;
    top: 11px;
    cursor:pointer;
}

#fullPanorama #container > canvas {
    text-align: center;
    display: inline-block;
    margin-top: 0px;
    width: 100% !important;
    height: 100% !important;
    border: 1px solid white;
    padding: 10px;
}

.panos .panorama_content #container > canvas {
    text-align: center;
    display: inline-block;
    margin-top: 0px;
    width: 100% !important;
    height: auto !important;
    border: 1px solid white;
    padding: 0px;
}

/* news style */
.pasek{
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url(/images/panoramy/pasek.png) repeat-x;
    height: 40px;
    width: 100%;
}

/* przyciski w pasku */
#start_panorama{
    background: url(/images/panoramy/plej.png) no-repeat;
    width: 61px;
    height: 40px;
    float: left;
    cursor: pointer;
    font-size: 0px;
}

#minus_panorama{
    background: url(/images/panoramy/minus.png) no-repeat;
    width: 64px;
    height: 40px;
    float: left;
    cursor: pointer;
    font-size: 0px;
}

#plus_panorama{
    background: url(/images/panoramy/plus.png) no-repeat;
    width: 57px;
    height: 40px;
    float: left;
    cursor: pointer;
    font-size: 0px;
}

#powrot_panorama{
    background: url(/images/panoramy/powrot.png) no-repeat;
    width: 170px;
    height: 40px;
    float: left;
    cursor: pointer;
    font-size: 0px;
}

#lista_panorama{
    background: url(/images/panoramy/listapanoram.png) no-repeat;
    width: 157px;
    height: 40px;
    float: left;
    cursor: pointer;
    font-size: 0px;
    display:block;
}

#mapa_panorama{
    background: url(/images/panoramy/mapapanorama.png) no-repeat;
    width: 173px;
    height: 40px;
    float: left;
    cursor: pointer;
    font-size: 0px;
    display:block;
    display: none;
}

#pomoc_panorama{
    background: url(/images/panoramy/pomocpanorama.png) no-repeat;
    width: 111px;
    height: 40px;
    float: right;
    cursor: pointer;
    font-size: 0px;
    display:block;
}

/* przyciski w pasku hovery */

#start_panorama:hover{
    background: url(/images/panoramy/plejh.png) no-repeat;
}

#minus_panorama:hover{
    background: url(/images/panoramy/minush.png) no-repeat;
}

#plus_panorama:hover{
    background: url(/images/panoramy/plush.png) no-repeat;
}

#powrot_panorama:hover{
    background: url(/images/panoramy/powroth.png) no-repeat;
}

#lista_panorama:hover{
    background: url(/images/panoramy/listapanoramh.png) no-repeat;
}

#mapa_panorama:hover{
    background: url(/images/panoramy/mapapanoramah.png) no-repeat;
}

#pomoc_panorama:hover{
    background: url(/images/panoramy/pomocpanoramah.png) no-repeat;
}

/* pasek title */
.pasek_title{
    background: url(/images/panoramy/pasek_title.png) repeat;
    min-height:56px;
    width:567px;
    position: absolute;
    bottom: 58px;
    left: 0px;
}

.pasek_title_container{
    position:relative;
}

.pano_title{
	font-family: 'lato',arial;
    font-size: 20px;
    font-weight: bold;
    color: white;
    padding: 14px 10px 10px 30px;
    max-width: 400px;
}

#pano_opis{
    background: url(/images/panoramy/opispanorama.png);
    width: 109px;
    height: 56px;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}

#pano_opis:hover{
    background: url(/images/panoramy/opispanoramah.png);
}

.pasek_title_container .pelna_tresc span{
    color: white;
    font-family: Tahoma;
    font-size: 14px;
    padding: 15px 30px;
    display: block;
    text-align: left;
}

.pasek_title_container .pelna_tresc span:first-letter{
    font-weight: normal;
    font-size: 30px;
    line-height: 100%;
}

.pasek_title_container .pelna_tresc{	
    max-height: 570px;	
    overflow: auto;	  
}

.pomoc_box{
    background: url(/images/panoramy/pasek_title.png) repeat;  
    width: 380px;
    position: absolute;
    bottom: 58px;
    right: 0px;
    padding: 0px;
}


.pomoc_box #hotspot_panorama_pomoc{
    background: url(/images/panoramy/hot-spot-icon2.png) no-repeat;
    width: 63px;
    height: 64px;
    float: left;
    font-size: 0px;
    border: 1px solid white;
    margin-right: 20px;
}


.pomoc_box #start_panorama_pomoc{
    background: url(/images/panoramy/plej.png) no-repeat ;
    width: 61px;
    height: 40px;
    float: left;
    font-size: 0px;
    border: 1px solid white;
    margin-right: 20px;
}

.pomoc_box #minus_panorama_pomoc{
    background: url(/images/panoramy/minus.png) no-repeat;
    width: 62px;
    height: 40px;
    float: left;
    font-size: 0px;
    border: 1px solid white;
    margin-right: 20px;
}

.pomoc_box #plus_panorama_pomoc{
    background: url(/images/panoramy/plus.png) no-repeat scroll 4px 0px ;
    width: 63px;
    height: 40px;
    float: left;	 
    font-size: 0px;
    border: 1px solid white;
    margin-right: 12px;
}

.pomoc_box .pomoc_box_container{
    padding: 20px;
}

.pomoc_box  .clr{
    border-bottom:1px solid white;
    margin:20px 0px;
}

.pomoc_box_opis{
    color: white;
    font-family: tahoma;
    font-size: 14px;
    font-style: italic;
    text-align: left;
    padding-top: 8px;
    float: left;
    margin-left: 17px;
}

#pomoc_box_opis_hotspot{
    width: 235px;
    padding-top: 0px;
    text-align: left;
    margin-left: 10px;
}

#pomoc_box_opis_plus{
    margin-left: 25px;
}

#owl-demo .item{
    background: #0066B3;
    padding: 0px 0px;
    margin: 5px;
    color: #FFF;
    -webkit-border-radius: 3px; /* Chrome and Safari */
    -moz-border-radius: 3px; /* Firefox */ 
    border-radius: 3px;
    text-align: center;
}


#others_pano .owl-wrapper .zajawki .left{
    float:none;
    padding:0px;
}

#owl-demo .item .zajawki{
    padding:30px 0px;
    cursor:pointer;
}

#others_pano .owl-wrapper .zajawki .title a {
    font-family: tahoma;
    font-weight: normal;
    font-size: 14px;
    color: white;
}


#others_pano .owl-wrapper .zajawki .title{
    margin-top: 10px;
}

#owl-demo .customNavigation a{
    font-size:0px;
}

blockquote > p{
    background-image: url("/images/panoramy/quote-q_panorama.png");
}


blockquote{
    background-image: url("/images/panoramy/quote-b_panorama.png");
}

/* panoramy style */

#barePanorama > .panel_pano_slim{
    min-height:35px;
    margin-top: 5px;
    border:1px solid #3e79b5;
    background: #0065b3;
}

#barePanorama > .panel_pano_slim #start_panorama_slim{
    cursor:pointer;
    background: url(/images/panoramy/slim_play.png) no-repeat;
    width: 55px;
    height: 35px;
    float: left;
    border-right: 1px solid white;
}

#barePanorama > .panel_pano_slim #start_panorama_slim:hover{
    background: url(/images/panoramy/slim_playh.png) no-repeat
}

#barePanorama > .panel_pano_slim #minus_panorama_slim{
    cursor: pointer;
    float: left;
    background: url(/images/panoramy/slim_minus.png);
    width: 56px;
    height: 35px;
    border-right: 1px solid white;
}

#barePanorama > .panel_pano_slim #minus_panorama_slim:hover{
    background: url(/images/panoramy/slim_minush.png);
}

#barePanorama > .panel_pano_slim #plus_panorama_slim{
    float: left;
    cursor: pointer;
    height: 35px;
    width:57px;
    background: url(/images/panoramy/slim_plus.png);
    border-right: 1px solid white;
}

#barePanorama > .panel_pano_slim #plus_panorama_slim:hover{
    background: url(/images/panoramy/slim_plush.png);
}

#barePanorama > .panel_pano_slim #full_panorama_slim{
    float: right;
    cursor: pointer;
    height: 35px;
    background: url(/images/panoramy/slim_full.png) no-repeat;
    width: 122px;
    border-left: 1px solid white;
}

#barePanorama > .panel_pano_slim #full_panorama_slim:hover{
    background: url(/images/panoramy/slim_fullh.png) no-repeat;
} 

.tooltip{
    font-size:0px;
    visibility:hidden;
}

#barePanorama canvas {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
}

@media screen and (max-width: 400px){
    #full_panorama_slim{
        background-position-y: -2px;
        border: none;
        float:left;
    }

    #full_panorama_slim:hover{
        background-position-y: -2px;
        background-color: #B71414;
    }
}



#fullPanorama .pomoc_box {
    background: url(/images/panoramy/pasek_title.png) repeat;
    width: 380px;
    position: absolute;
    bottom: 358px;
    right: 0px;
    padding: 0px;
    opacity: 0;
    transition: 0.5s linear;
    height: 380px !important;
}

#fullPanorama .pomoc_box.selected {
    bottom: 358px;
    opacity: 1;
}