/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
body{background: #f5f7f6 url(../images/bg.jpg) repeat-x center top; font-family: 'Scada', sans-serif; font-size: 14px;font-weight: 400;}
b,strong,.bold{font-weight: 700;}
.wrap{margin: 0 auto;width:951px;}
.fb{background: url(../images/fb.png);display: block;width:40px;height:39px;position: absolute;top:35px;left:20px;}
#logo{background: url(../images/logo.jpg);width:168px;height:159px;display: block;position: absolute;left:82px;z-index: 10;}
.head{ min-height: 119px;/*border-bottom: 1px solid red;*/position: relative;}
.slides{min-height: 350px;}
.slides .right {background: #3D4248;min-height: 350px;}
.slides_box{width:230px;min-height:96px; background: url(../images/slider_box2.jpg);border-bottom: 1px solid #FFF;color:#FFF;padding:10px;text-align: center;font-size: 17px;}
.slides_box_orange{background: url(../images/slider_box1.jpg);}
.content{min-height: 400px;text-align: justify;}
.content h1{color:#db6e15;font-size:23px;}

a{color: #db6e15;}
a:hover{text-decoration: none;}

.foot1{background: url(../images/foot1.jpg);height:152px;min-width: 951px;color:#FFF;padding-top:25px;}
.foot2{background: url(../images/foot2.jpg);height:35px;min-width: 951px;color:#FFF;padding-top:15px;}
.foot2 a{color:#FFF;}
.foot2 a:hover{color:#CCC;}

.content img.right{margin-left: 10px;margin-bottom: 5px;}
.content img.left{margin-right: 10px;margin-bottom: 5px;}

.font-biggest{font-size: 25px;}
.font-normal{font-size: 20px;}
.underline{text-decoration: underline;;}

ul.menu {list-style:none; margin:0; padding:0;border: 0px; padding:0px;margin-left:250px;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block;text-decoration:none;}

ul.menu li {position:relative; display:inline-block;}

ul.menu ul {position:absolute; margin:0;padding:0; top:55px; left:0px; background:#0077BF; display:none; opacity:0.80; list-style:none; z-index: 100000;}
ul.menu ul li {position:relative;  border-top:none;margin:0;}
ul.menu ul li a:hover{ }
ul.menu ul li a {display:block;border-bottom: 1px dashed #CCC;width: 186px; padding:5px 7px 5px;; font-size:  11px; color:#CCC;; font-weight: bold;}
ul.menu ul li a:hover {background-color:#E98A37;color:#FFF;}
/*ul.menu ul ul {left:169px; top:0px}*/
ul.menu .menulink {/*padding:14px 16px;*/ padding:44px 14px;padding-top:45px;display:block; font-size: 17px;
                color: #000;display:block;border-bottom: 6px solid #F6F7F9;}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(../images/menubg.png) repeat-x center top;border-bottom:6px solid #cc7c26;color:#cc7c26;}

.stmenu1{width: 230px;}
.stmenu2{width: 200px;}

.left{float:left;}
.right{float:right;}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

.album{display:inline-block;background:#E0881E;border:7px solid #E0881E;text-align: center;margin-left:5px;margin-bottom:10px;overflow: hidden;color:#fff;}
.album:hover{color:#FFF;text-shadow:1px 1px 2px #666;}
.album_foto{display:inline-block;border:5px solid #E0881E;text-align: center;margin-left:5px;margin-bottom:10px;overflow: hidden;}

.bit_content{width:650px;color:#9b6343;line-height: 25px;text-align: justify;;}
.bit_content h2{color:#de792f;}

.kontakt_left{width:35%;}
.kontakt_right{width:100%;margin-top:15px;}


.search_item{border:1px solid #F3B659;padding:10px;margin-bottom:10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}

.alert{padding:10px;border:1px solid #CCC;}
.alert-danger{background: #F2DEDE;color:#B94A48;border-color:#EDD3D6;}
.alert-warning{background: #FCF8E3;color:#C09853;border-color:#FBF2DA;}
.alert-success{background: #DFF0D8;color:#468847;border-color:#D7EBC8;}

.trans_original {border:1px solid #EDD3D6;padding:5px;background:#FCE7BC;color:#9b6343;text-shadow:none;}

.form{margin-bottom:10px;}
.form fieldset{border:1px solid #CC7C26;padding:15px;background-color:#ccc;}
.form fieldset legend {font-size:18px;}
.form fieldset label {display:inline-block;width:150px;margin-top:6px; }
.form fieldset input,.form fieldset textarea {width:240px; border:1px solid #CC7C26;background:#eaeaea;padding:5px;}
.form fieldset textarea {height:100px;}
.form div.buttons{background:#CC7C26;padding:5px 15px;text-align: right;margin:-16px;margin-top:10px;}
#map_canvas{width:60%;height:300px;;border:1px solid #CC7C26;float:right;}


#budova{width:951px;height:534px;background: url(../images/budova_nove.jpg);position: relative;margin:0 auto;margin-bottom: 10px;}

.budova_podlazie{display:block;position: absolute;text-align: right;font-size: 70px;text-decoration: none;color: #FFF;}
.budova_podlazie span.oznacenie{display: none;}
.budova_podlazie:hover span.oznacenie{display:inline;}
#budova_podlazie1{width:890px;height:90px;top:300px;left:50px;}

#budova_podlazie2{display:block;position: absolute;width:890px;height:90px;top:210px;left:50px;}
#budova_podlazie3{display:block;position: absolute;width:500px;height:75px;top:133px;left:438px;}

#budova_podlazie1:hover{background:url(../images/podorysy/hover_green.png);}

#budova_podlazie2:hover{background:url(../images/podorysy/hover_green.png);;}
#budova_podlazie3:hover{background:url(../images/podorysy/hover_green.png);;}


.podlazie1{width:951px;height:492px;background: url(../images/podorysy/podorys.png);position: relative;margin-bottom:60px;}
.podlazie div{display: block;position: absolute;}
.podlazie div div {background: url(../images/podorysy/hover_green.png);}
.podlazie div.on div {background: url(../images/podorysy/hover_red.png);}
.podlazie div.rezerv div {background: url(../images/podorysy/hover_blue.png);}
/*.podlazie div.priestor_1_on .part_2 {background: url(../images/podorysy/hover_red.png);}*/
.podlazie1 div.priestor_1 .part_1 {width:123px;height:260px;top:71px;left:25px;z-index: 1;}
.podlazie1 div.priestor_1 .part_2 {width:65px;height:31px;top:295px;left:148px;z-index: 1;}
.podlazie1 div.priestor_1 .part_3 {width:65px;height:224px;left:148px;top:71px;z-index: 1;}
.podlazie1 div.priestor_1 .part_4 {width:63px;height:118px;top:207px;left:213px;z-index: 1;}
.podlazie1 div.priestor_3 .part_1 {width:94px;height:131px;left:216px;top:71px;z-index: 1; }
.podlazie1 div.priestor_3 .part_2 {width:62px;height:123px;top:202px;left:280px;z-index: 1; }
.podlazie1 div.priestor_3 .part_3 {width:32px;height:70px;top:132px;left:310px;z-index: 1; }
.podlazie1 div.priestor_4 .part_1 {width:150px;height:55px;left:316px;top:71px;z-index: 1; }
.podlazie1 div.priestor_4 .part_2 {width:122px;height:199px;top:126px;left:344px;z-index: 1; }
.podlazie1 div.priestor_5 .part_1 {width:58px;height:254px;left:472px;top:71px;z-index: 1; }
.podlazie1 div.priestor_6 .part_1 {width:127px;height:380px;left:548px;top:88px;z-index: 1; }
.podlazie1 div.priestor_6 .part_2 {width:253px;height:192px;left:675px;top:21px;z-index: 1; }
.podlazie1 div.priestor_6 .part_3 {width:30px;height:67px;left:645px;top:21px;z-index: 1; }
.podlazie1 div.priestor_6 .part_4 {width:25px;height:127px;left:675px;top:341px;z-index: 1; }
.podlazie1 div.priestor_6 .part_5 {/*width:91px;height:40px;left:837px;top:213px;z-index: 1;*/ }
.podlazie1 div.priestor_6 .part_6 {/*width:38px;height:25px;left:850px;top:253px;z-index: 1; */}
.podlazie1 div.priestor_7 .part_1 {width:151px;height:123px;left:777px;top:343px;z-index: 1; }
.podlazie1 div.priestor_7 .part_2 {width:91px;height:63px;left:837px;top:280px;z-index: 1; }
.podlazie1 div.priestor_7 .part_3 {/*width:11px;height:25px;left:837px;top:255px;z-index: 1;*/ }
.podlazie1 div.priestor_7 .part_4 {width:35px;height:25px;left:893px;top:255px;z-index: 1; }


.podlazie2 {width:942px;height:481px;background: url(../images/podorysy/poschodie2.png);position: relative;margin-bottom:60px;}

.podlazie2 div.priestor_1 .part_1{width:193px;height:128px;left:10px;top:205px;}
.podlazie2 div.priestor_2 .part_1{width:88px;height:78px;left:115px;top:255px;}
.podlazie2 div.priestor_3 .part_1{width:112px;height:88px;left:205px;top:245px;}
.podlazie2 div.priestor_4 .part_1{width:70px;height:88px;left:320px;top:245px;}
.podlazie2 div.priestor_5 .part_1{width:135px;height:88px;left:393px;top:245px;}
.podlazie2 div.priestor_6 .part_1{width:250px;height:130px;left:10px;top:70px;}
.podlazie2 div.priestor_7 .part_1{width:188px;height:127px;left:265px;top:70px;}
.podlazie2 div.priestor_7 .part_2{/*width:50px;height:190px;left:535px;top:20px;*/}
.podlazie2 div.priestor_8 .part_1{width:127px;height:190px;left:535px;top:20px;}
.podlazie2 div.priestor_8 .part_2{width:80px;height:127px;left:455px;top:70px;z-index: 1; }
.podlazie2 div.priestor_8 .part_3{width:67px;height:66px;left:662px;top:83px;z-index: 1; }
.podlazie2 div.priestor_9 .part_1{width:65px;height:64px;left:664px;top:20px;}
.podlazie2 div.priestor_9 .part_3{width:65px;height:63px;left:664px;top:149px;}
.podlazie2 div.priestor_9 .part_2{width:190px;height:192px;left:729px;top:20px;}
.podlazie2 div.priestor_10 .part_1{width:94px;height:125px;left:535px;top:342px;}
.podlazie2 div.priestor_11 .part_1{width:92px;height:125px;left:634px;top:342px;}
.podlazie2 div.priestor_12 .part_1{width:92px;height:125px;left:730px;top:342px;}
.podlazie2 div.priestor_13 .part_1{width:92px;height:157px;left:827px;top:310px;}
/*.podlazie2 div.priestor_14 .part_1{width:65px;height:127px;left:455px;top:70px;z-index: 1; }*/
/*.podlazie div.priestor_2_on .part_1 {background: url(../images/podorysy/hover_red.png);}
.podlazie div.priestor_2_on .part_2 {background: url(../images/podorysy/hover_red.png);}*/

.podlazie3 {width:939px;height:482px;background: url(../images/podorysy/poschodie3.png);position: relative;margin-bottom:60px;}
.podlazie3 div.priestor_1 .part_1{width:390px;height:128px;left:542px;top:347px;}
.podlazie3 div.priestor_1 .part_2{width:105px;height:65px;left:542px;top:282px;}
.podlazie3 div.priestor_1 .part_3{width:82px;height:11px;left:564px;top:271px;}
.podlazie3 div.priestor_2 .part_1{width:128px;height:51px;left:542px;top:217px;}
.podlazie3 div.priestor_2 .part_2{width:18px;height:10px;left:542px;top:268px;}
.podlazie3 div.priestor_3 .part_1{width:128px;height:61px;left:542px;top:152px;}
.podlazie3 div.priestor_4 .part_1{width:128px;height:128px;left:542px;top:20px;}
.podlazie3 div.priestor_5 .part_1{width:61px;height:97px;left:674px;top:20px;}
.podlazie3 div.priestor_6 .part_1{width:61px;height:128px;left:739px;top:20px;}
.podlazie3 div.priestor_7 .part_1{width:128px;height:128px;left:804px;top:20px;}
.podlazie3 div.priestor_8 .part_1{width:97px;height:61px;left:835px;top:152px;}

div.info{position: absolute;width:490px;height:60px;background-color:red;z-index: 100;display: none;top:395px;padding:10px;border:1px solid  #dedede;background: #eaeaea;}
div.info.red{background: #FFD8D8;border:1px solid #C40000;}
div.info.green{background: #DBFFDF;border:1px solid #00A513;}
div.info.blue{background: #D3E7FF;border:1px solid #0077FF;}

.langs{position: absolute;top:80px;left:20px;}

.obsadene{ display: inline-block;width:30px; height:20px;background:url(../images/podorysy/hover_red.png);margin-bottom: -5px;}
.rezervovane{ display: inline-block;width:30px; height:20px;background:url(../images/podorysy/hover_blue.png);margin-bottom: -5px;}
.volne{display: inline-block;width:30px; height:20px;background:url(../images/podorysy/hover_green.png);margin-bottom: -5px;}