* { margin: 0; padding: 0; }
.panCzysciciel { width: 100%; clear: both; display: block; height: 1px; margin: 0; padding: 0; }
a img { border: 0; display: block; }
a { color: #9f1e9c; text-decoration: none; }
a:hover { color: #0896ff; text-decoration: underline; }
a, input, select, option, textarea { outline: none; }
p { margin: 0 0 15px 0; word-wrap:break-word; }

.rogi
    {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    }

html
    {
    height:100%;
    overflow-y:scroll;
    overflow-x:none;
    }
    
body
    {
    background:#c9e5f9 url('/brcms/views/layouts/templates/Charter/body_bg.jpg') repeat-x center top;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:150%;
    padding-bottom:50px;
    }

div#holder
    {
    margin: 0 auto;
    position: relative;
    width: 950px;
    }

/* --- Logo --- */

div#holder .logo
    {
    left:5px;
    position:absolute;
    top:35px;
    z-index:999;
    }

/* --- Top --- */

div#top
    {
    background:#eee url('/brcms/views/layouts/templates/Charter/top_bg.jpg') repeat-x;
    border-bottom:1px solid #ddd;
    color:#888;
    font-size:11px;
    font-weight:normal;
    height:20px;
    line-height:20px;
    margin:0px auto 30px auto;
    width:910px;
    }

div#top p
    {
    margin:0px 0px 0px 20px;
    }

/* --- Head --- */

div#head
    {
    height:250px;    
    margin:0px 0px 10px 0px;
    width:950px;
    }

div#head .wrapper
    {
    background:#fff;
    height:250px;
    margin:0px auto 0px auto;
    width:910px;
    }

div#head .main-wrapper
    {
    background-color:#000;
    float:left;
    height:250px;
    margin:0px 0px 0px 0px;
    width:690px;
    }

div#head .pic
    {
    height:200px;
    width:690px;
    }

div#head .right-wrapper
    {
    background:#0f2748;
    float:left;
    height:250px;
    margin:0px 0px 0px 0px;
    width:220px;
    }

div#head .right-wrapper .box
    {
    background:#0f2748;
    color:#fff;
    float:left;
    height:230px;
    margin:0px 0px 0px 0px;
    padding:10px;
    width:200px;
    }

div#head .right-wrapper .box h1
    {
    border-bottom:1px solid #666;
    color:#fff;
    font-size:12px;
    padding:0px 0px 1px 0px;
    margin:0px 0px 5px 0px;
    }

div#head .right-wrapper .box a
    {
    color:#feba02;
    }

div#head .navigation-wrapper
    {
    height:50px;
    width:690px;
    }
    
div#head ul#navigation
    {
    background:#ac26a9 url('/brcms/views/layouts/templates/Charter/head-navigation_bg.jpg') repeat-x;
    font-size:18px;
    font-weight:bold;
    height:50px;
    line-height:50px;
    width:690px;
    }

div#head ul#navigation li
    {
    border-right:1px solid #941891;
    float:left;
    list-style:none;
    text-shadow:1px 1px #261b13;
    }
    
div#head ul#navigation li a
    {
    color:#fff;
    float:left;
    padding:0px 20px 0px 20px;
    text-decoration:none;      
    }
    
div#head ul#navigation li a:hover
    {
    background:#8e178b;
    }
    
div#head ul#navigation li a:active
    {
    background:#8e178b;
    color:#ddd;
    }

/* --- Content --- */
    
div#content
    {
    background:#fff url('/brcms/views/layouts/templates/Charter/content_bg.jpg') repeat-y;  
    margin:0px auto 0px auto;
    overflow:hidden;
    position:relative;
    width:910px;
    z-index:2;
    }

/* --- Content Left --- */

div#content div.left
    {
    background:#;
    color:#2f2e2d;
    float:left;
    height:200px;
    margin:30px 20px 0px 0px;
    width:150px;    
    }

div#content div.left div.bg
    {
    background:url('/brcms/views/layouts/templates/Charter/left_bg.jpg') no-repeat; 
    color:#2f2e2d;
    float:left;
    height:250px;
    margin:-30px 0px 0px 0px;
    position:absolute;
    width:150px;  
    z-index:-1;  
    }

div#content div.left div.margins
    {
    margin:0px 10px 0px 10px;
    width:130px;    
    }

div#content div.left h1
    {
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    font-size:12px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 4px 0px;
    }

div#content div.left ul#navigation
    {
    font-size:12px;
    font-weight:bold;
    line-height:20px;
    margin:0px 0px 15px 0px;
    }

div#content div.left ul#navigation li
    {
    display:block;
    list-style:none;
    }
    
div#content div.left ul#navigation li a
    {
    color:#;
    text-decoration:none;      
    }
    
div#content div.left ul#navigation li a:hover
    {
    color:#0f2748;
    text-decoration:none;
    }
    
div#content ul#navigation li a:active
    {
    color:#666;
    }

div#content div.left ul#navigation2
    {
    font-size:11px;
    font-weight:normal;
    line-height:16px;
    margin:0px 0px 10px 0px;
    }

div#content div.left ul#navigation2 li
    {
    display:block;
    list-style:none;
    }
    
div#content div.left ul#navigation2 li a
    {
    color:#;
    text-decoration:none;      
    }
    
div#content div.left ul#navigation2 li a:hover
    {
    color:#0f2748;
    text-decoration:none;
    }
    
div#content ul#navigation2 li a:active
    {
    color:#666;
    }

/* --- Content Text --- */
    
div#content div.text-wrapper
    {
    background:#;
    color:#2f2e2d;
    float:left;
    margin:30px 0px 30px 0px;
    width:500px;    
    }

div#content div.text-wrapper .firstpage
    {
    border-bottom:1px solid #ddd;
    font-weight:bold;  
    margin:0px 0px 15px 0px;
    padding:0px 0px 15px 0px;
    }

div#content div.text h1
    {
    background-color:#;
    color:#0896ff;
    font-family:;
    font-size:24px;
    font-style:;
    font-weight:normal;
    line-height:normal;
    margin:-7px 0px 5px 0px;
    padding:0px 0px 0px 0px;
    }

div#content div.text h2
    {
    color:#0f2748;
    font-size:18px;
    font-weight:normal;
    line-height:normal;
    margin:0px 0px 5px 0px;
    padding:0px 0px px 0px;
    }

div#content div.text h2 a { color:#102749; text-decoration:none; }
div#content div.text h2 a:hover { color:#102749; text-decoration:underline; }

div#content div.text h3
    {
    color:#0f2748;
    font-family:;
    font-size:14px;
    font-style:;
    font-weight:normal;
    line-height:normal;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    }

div#content div.text h4
    {
    color:#0f2748;
    font-family:;
    font-size:14px;
    font-style:;
    font-weight:bold;
    line-height:normal;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    }
    
div#content div.text p
    {
    margin:0px 0px 15px 0px;
    text-align: left;
    }

div#content div.text p.intro
    {
    font-size:14px;
    font-weight: bold;
    margin:0px 0px 15px 0px;
    }

div#content div.text div.hotell-box
    {
    background:#0f2748 url('/brcms/views/layouts/templates/Charter/booking-globe.png') no-repeat right top;
    color:#fff;
    font-size:11px;
    font-weight: bold;
    line-height:normal;
    margin:0px 0px 0px 0px;
    min-height:150px;
    overflow:hidden;
    padding:20px 10px 10px 20px;
    position:relative;
    }

div#content div.text div.hotell-box a
    {
    color:#ffd034;
    }

div#content div.text div.hotell-box a:hover
    {
    text-decoration:underline;
    }

div#content div.text div.hotell-box h3
    {
    color:#fff;
    font-size:18px;
    margin-bottom:10px;
    }

div#content div.text div.hotell-box div.hotell-links
    {
    display:block;
    float:left;
    margin:0px 30px 10px 0px;
    }

div#content div.text div.hotell-box div.hotell-bestprice
    {
    background:url('/brcms/views/layouts/templates/Charter/booking-check.png') no-repeat; clear:both; font-size:11px; font-style:italic; line-height:13px; padding:0px 0px 0px 20px;
    clear:both;
    font-size:10px;
    font-style:italic;
    }


/* --- Content Right --- */
    
div#content div.right
    {
    background:#;
    color:#989189;
    float:right;
    margin:30px 0px 0px 0px;
    width:220px;
    }

div#content div.right div.margins
    {
    margin:0px 10px 0px 10px;
    width:100%;    
    }
    
div#content div.right div.box
    {
    background:#fff;
    overflow: hidden;
    }

div#content  div.right div.box h1
    {
    border-bottom:1px solid #ddd;
    color:#0896ff;
    font-size:12px;
    padding:0px 0px 1px 0px;
    margin:0px 0px 5px 0px;
    }
    
div#content div.right div#pogoda ul
    {
    float:left;
    }
    
div#content div.right ul li a
    {
    background: #eee;
    color: #5D544C;
    display: block;    
    font-size:11px;    
    text-decoration: none;
    margin-bottom: 1px;    
    }
    
div#content div.right ul li a:hover
    {
    color: #fff;
    background: #f7aa02;
    }
    
div#content div.right div.box
    {
    border:1px solid #dcdcdc;
    margin:0px 0px 15px 0px;
    padding:10px;
    width:178px;
    }

div#content div.weather
    {
    border:1px solid #dcdcdc;
    margin:0px 0px 15px 0px;
    padding:10px;
    width:178px;
    height:70px;
    }

div.box img.ikonaPogody
    {
    float: right;
    margin-right: 15px;
    }
    
div#info
    {
    font-size:11px;
    line-height:16px;
    position:relative;  
    }
    
div#info img
    {
    float: right;
    position:absolute;
    right:10px;
    top:40px;
    }

div#info ul
    {
    float: left;
    }
    
div#content div.right div.box h3
    {
    color: #5d544c;
    font-size: 14px;
    }
        
div#content div.right div.box ul li
    {
    list-style: none;
    }

/* --- Footer --- */
    
div#footer div.smallMenu
    {
    border-bottom: 1px solid #ecf5fb;
    color: #fff;
    font-size: 11px;
    height: 50px;
    margin: 0 auto;
    width: 910px;    
    }
    
div#footer div.smallMenu ul li
    {
    display: inline;
    line-height: 50px;
    list-style: none;
    }

div#footer div.smallMenu ul li a
    {
    color: #0896ff;
    text-decoration: none;
    }
    
div#footer div.smallMenu ul li a:hover
    {
    color: #5d544c;
    text-decoration: underline;    
    }

div#footer div.smallMenu ul.first
    {
    float: left;
    margin-left: 10px;
    }

div#footer div.smallMenu ul.second
    {
    float: right;
    margin-right: 10px;
    }
    
div#footer div.copy
    {
    color: #999;
    font-size: 11px;
    padding: 20px;
    text-align: center;
    }

    .float-right
    {
    float: right;
    }

/* --- Sitemap --- */  

ul#sitemap, ul#sitemap ul
    {
    list-style-type: none;
    margin:15px 0px 0px 0px;
    text-transform:;
    width:250px;
    }

ul#sitemap li
    {
    margin-left:0px;
    }

ul#sitemap li a
    {    
    background: #eee;
    color: #555;
    display: block;
    font-size:11px;
    margin-bottom: 1px;    
    padding: 2px 5px 2px 5px;
    text-decoration: none;    
    }

ul#sitemap li a:hover
    {
    background: #9f1e9c;
    color: #fff;    
    }
    

ul#sitemap a.first
    {
    background: #ccc;
    }

/* --- Booking.com --- */

div.booking-form { background:#0f2748; color:#fff; font:bold 12px Arial,Helvetica,sans-serif; height:250px; line-height:normal; margin:0px; overflow:hidden; padding:0px; width:100%; }
div.booking-form div.form-padding { padding:10px; }
div.booking-form div.form-padding-2 { padding:0px; }
div.booking-form form { margin:0px; padding:0px; }
div.booking-form img.booking-logo { height:10px; width:75px; } 
div.booking-form h1 { color:#ffd034; font-size:14px; line-height:normal; margin:0px 0px 5px 0px; padding:25px 0px 0px 0px; }
div.booking-form  h1.v2 { color:#ffd034; font-size:14px; line-height:normal; margin:0px  0px 5px 0px; padding:0px 0px 0px 0px; }
div.booking-form div.partner { float:right; font-size:9px; }
div.booking-form input { font-size:14px; margin:0px 0px 10px 0px; padding:0px; }
div.booking-form input.text { font-size:14px; margin:0px 0px 10px 0px; padding:0px; width:198px; }
div.booking-form div.calendar-wrap { clear:both; margin:0px 0px 10px 0px; padding:0px; }
div.booking-form div.calendar-wrap .calendar-header { float:left; font-size:10px; margin:0px 0px 0px 0px; padding:2px 0px 0px 0px; }
div.booking-form select { float:right; font-size:11px; margin:0px 5px 10px 0px; padding:0px; }
div.booking-form select.margin-right-0 { margin-right:0px; }
div.booking-form div.avail { clear:both; }
div.booking-form div.avail label { font-size:10px; line-height:normal; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
div.booking-form div.avail input { margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; } 
div.booking-form button { -moz-border-radius:8px; background-color:#0896ff; border:2px solid #fff; clear:both; color:#fff; float:right; font-size:14px; font-weight:bold; letter-spacing:1px; line-height:normal; margin:20px 0px 22px 0px; padding:2px 0px 0px 0px; text-transform:uppercase; width:75px; }
div.booking-form div.best-price { background:url('/brcms/views/layouts/templates/Charter/booking-check.png') no-repeat; clear:both; font-size:11px; font-style:italic; line-height:13px; padding:0px 0px 0px 20px; }
div.booking-form div.best-price-2 { background:url('/brcms/views/layouts/templates/Charter/booking-check.png') no-repeat; clear:both; font-size:11px; line-height:13px; padding:0px 0px 0px 20px; }
div.booking-form div.best-price-2 a { font-size:13px; line-height:17px; color:#fff; text-decoration:underline}

/* General CSS classes */

.col-wrap { width:100%; }

.margin-0 { margin:0px; }
.margin-5 { margin:5px; }
.margin-10 { margin:10px; }
.margin-15 { margin:15px; }
.margin-20 { margin:20px; }
.margin-25 { margin:25px; }
.margin-30 { margin:30px; }

.margin-top-0 { margin-top:0px; }
.margin-top-5 { margin-top:5px; }
.margin-top-10 { margin-top:10px; }
.margin-top-15 { margin-top:15px; }
.margin-top-20 { margin-top:20px; }
.margin-top-25 { margin-top:25px; }
.margin-top-30 { margin-top:30px; }

.margin-right-0 { margin-right:0px; }
.margin-right-5 { margin-right:5px; }
.margin-right-10 { margin-right:10px; }
.margin-right-15 { margin-right:15px; }
.margin-right-20 { margin-right:20px; }
.margin-right-25 { margin-right:25px; }
.margin-right-30 { margin-right:30px; }

.margin-bottom-0 {margin-bottom:0px; }
.margin-bottom-5 { margin-bottom:5px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-bottom-15 { margin-bottom:15px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-bottom-25 { margin-bottom:25px; }
.margin-bottom-30 { margin-bottom:30px; }

.margin-left-0 { margin-left:0px; }
.margin-left-5 { margin-left:5px; }
.margin-left-10 { margin-left:10px; }
.margin-left-15 { margin-left:15px; }
.margin-left-20 { margin-left:20px; }
.margin-left-25 { margin-left:25px; }
.margin-left-30 { margin-left:30px; }

.padding-0 { padding:0px; }
.padding-5 { padding:5px; }
.padding-10 { padding:10px; }
.padding-15 { padding:15px; }
.padding-20 { padding:20px; }
.padding-25 { padding:25px; }
.padding-30 { padding:30px; }

.padding-top-0 { margin-top:0px; }
.padding-top-5 { margin-top:5px; }
.padding-top-10 { margin-top:10px; }
.padding-top-15 { margin-top:15px; }
.padding-top-20 { margin-top:20px; }
.padding-top-25 { margin-top:25px; }
.padding-top-30 { margin-top:30px; }

.padding-right-0 { margin-right:0px; }
.padding-right-5 { margin-right:5px; }
.padding-right-10 { margin-right:10px; }
.padding-right-15 { margin-right:15px; }
.padding-right-20 { margin-right:20px; }
.padding-right-25 { margin-right:25px; }
.padding-right-30 { margin-right:30px; }

.padding-bottom-0 {margin-bottom:0px; }
.padding-bottom-5 { margin-bottom:5px; }
.padding-bottom-10 { margin-bottom:10px; }
.padding-bottom-15 { margin-bottom:15px; }
.padding-bottom-20 { margin-bottom:20px; }
.padding-bottom-25 { margin-bottom:25px; }
.padding-bottom-30 { margin-bottom:30px; }

.padding-left-0 { margin-left:0px; }
.padding-left-5 { margin-left:5px; }
.padding-left-10 { margin-left:10px; }
.padding-left-15 { margin-left:15px; }
.padding-left-20 { margin-left:20px; }
.padding-left-25 { margin-left:25px; }
.padding-left-30 { margin-left:30px; }

.width-180 { width:180px; }

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


.weather-box {
    height: 200px;
}