/**
 * www.pixelfields.net
 * 
 * @copyright	Copyright (c) 2010-2011 pixelfields (http://www.pixelfields.net)
 */
 
 /* ========== Common ======================================================== */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: #94cfdb url("../images/bgbody.gif") left top repeat-x; margin: 0px auto; width: 100%; display: table; }
* { margin: 0; padding: 0; }
a, a:hover, a:active, a:focus { outline: none; text-decoration: none; }
a img { border: none; }
ul li { list-style: none; }
br { line-height: 0px; margin-bottom: 6px; }

 /* ========== Containers ==================================================== */
.container_24 .grid_20 { width: 800px; margin-left: 0;}
.container_24 .grid_19  { width: 785px; margin-left: 0;}
.container_24 .grid_5 { width: 170px; margin: 0 0 0 10px; }
.container_24 .grid_7 { margin: 0; }
.container_24 .grid_13 { width: 504px; }
 /* ========== Header ======================================================== */
.header { height: 210px; background: url("../images/bg-header.jpg") 25px top no-repeat; }
.logo { margin: 110px 0 0 5px; }
.logo h1 { display: none; }

 /* ========== Menu top ====================================================== */
.menu-top { margin: 25px 0 0 0; }
.menu-top ul li { margin: 0 0 0 5px; float: left; }
.menu-top ul li a { display: block; padding: 0 5px 0 0; height: 15px; color: #004a99; font-weight: normal; font-size: 11px; text-transform: uppercase; }
.menu-top ul li a:hover { color: #fff; }
.menu-top ul li a.active, .menu-top ul li a.selected { color: #fff; }
.menu-top ul li a#menu-top-item-cz { padding-left: 21px; background: url("../images/flag-cz.png") left 1px no-repeat; }
.menu-top ul li a#menu-top-item-en { padding-left: 21px; background: url("../images/flag-en.png") left 2px no-repeat; }
.menu-top ul li a#menu-top-item-de { padding-left: 21px; background: url("../images/flag-de.png") left 2px no-repeat; }
.menu-top ul li a#menu-top-item-nl { padding-left: 21px; background: url("../images/flag-nl.png") left 2px no-repeat; }

 /* ========== Main block ==================================================== */
.main-block {  margin: 0; padding: 0 0 15px 0; min-height: 800px; }
.first-row { margin: 0 0 20px 5px; }
.third-row, .fourth-row { margin: 15px 0 0 0}
.right-block { min-height: 800px; margin: 0 0 0 3px; padding: 0;}
.matrjoska { padding-bottom: 20px; background: #97cded url("../images/bg-main-block.gif") left top repeat-x; min-height: 800px; }
 /* ========== Main Boxes ==================================================== */
.main-box-170 { width: 170px; 	}
.main-box-170 .text { margin: 1px 0 0 0; padding: 7px 6px 5px 10px; background-color: #009ee0; }
.main-box-170 .text h2 { display: block; margin: 0; padding: 0; text-transform: uppercase; font-size: 16px; color: #172983; font-weight: normal; }
.main-box-170 .text p { display: block; font-size: 12px; color: #fff; line-height: 1.2; min-height: 100px; }
.first .img { background: url("../images/hotel-praha-1.jpg") left top no-repeat; height: 148px; }
.second .img { background: url("../images/hotel-praha-2.jpg") left top no-repeat; height: 148px; }
.third .img { background: url("../images/hotel-praha-3.jpg") left top no-repeat;height: 148px; }
.main-box-170 a { display: block; width: 155px; height: 20px; background: url("../images/main-box-170-button.png") left top no-repeat; color: #004a99; text-transform: lowercase; font-size: 12px; font-weight: bold; text-align: right; padding: 5px 15px 0 0; }
.main-box-170 a:hover { color: #009ee0; background: url("../images/main-box-170-button-hover.png") left top no-repeat; }

 /* ========== Sub boxes ===================================================== */
 
 /* ========== Sub boxes 170 ===================================================== */
.sub-box-170 { width: 170px; }
.sub-box-170 .top { height: 131px; }
.sub-box-170 .first { background: #004a99 url("../images/hotel-praha-4.jpg") left top no-repeat;}
.sub-box-170 .second { background: #004a99 url("../images/hotel-praha-5.jpg") left top no-repeat;}
.sub-box-170 .third { background: #004a99 url("../images/hotel-praha-4.jpg") left top no-repeat;}
.sub-box-170 .top h3 { display: block; margin: 0; padding: 5px 0 0 9px; width: 161px; height: 33px; color: #fff; font-size: 16px; font-family: Arial, sans-serif; background: url("../images/sub-box-170-top.png") left top no-repeat; }
.sub-box-170 .center { background-color: #96d0de; padding: 7px 6px 5px 10px; margin: 0; }
.sub-box-170 .center p { display: block; padding: 0; margin: 0; color: #002454; font-size: 12px; line-height: 1.2; }
.sub-box-170 a { display: block; width: 155px; height: 21px; background: url("../images/sub-box-170-button.png") left top no-repeat; color: #002454; text-transform: lowercase; font-size: 12px; font-weight: bold; text-align: right; padding: 5px 15px 0 0; }
.sub-box-170 a:hover { color: #97d1de; background: url("../images/sub-box-170-button-hover.png") left top no-repeat; }

 /* ========== Sub boxes 260 ===================================================== */
.sub-box-260 { width: 260px; margin: 0 0 0 15px;}
.sub-box-260 .top { height: 131px; }
.sub-box-260 .first { background: #004a99 url("../images/hotel-praha-6.jpg") left top no-repeat;}
.sub-box-260 .second { background: #004a99 url("../images/hotel-praha-7.jpg") left top no-repeat;}
.sub-box-260 .top h3 { display: block; margin: 0; padding: 5px 0 0 9px; width: 260px; height: 42px; color: #fff; font-size: 16px; font-family: Arial, sans-serif; background: url("../images/sub-box-260-top.png") left top no-repeat; }
.sub-box-260 .center { background-color: #96d0de; padding: 7px 6px 5px 10px; }
.sub-box-260 .center p { display: block; padding: 0; margin: 0; color: #002454; font-size: 12px; line-height: 1.2; }
.sub-box-260 a { display: block; width: 220px; height: 21px; background: url("../images/sub-box-260-button.png") left top no-repeat; color: #002454; text-transform: lowercase; font-size: 12px; font-weight: bold; text-align: right; padding: 5px 40px 0 0; }
.sub-box-260 a:hover { color: #97d1de; background: url("../images/sub-box-260-button-hover.png") left top no-repeat; }

 /* ========== Sub box 535 ===================================================== */
.sub-box-535 { width: 535px; margin: 0 0 0 15px;}
.sub-box-535 .top { width: 530px; height: 151px; background: #004a99 url("../images/hotel-praha-8.jpg") left top no-repeat;}
.sub-box-535 .top h3 { display: block; margin: 0; padding: 5px 0 0 9px; width: 530px; height: 38px; color: #fff; font-size: 16px; background: url("../images/sub-box-535-top.png") left top no-repeat; }
.sub-box-535 .center { background-color: #96d0de; padding: 7px 6px 5px 10px; }
.sub-box-535 .center p { display: block; padding: 0; margin: 0; color: #002454; font-size: 12px; line-height: 1.2; }
.sub-box-535 a { display: block; width: 490px; height: 21px; background: url("../images/sub-box-535-button.png") left top no-repeat; color: #002454; text-transform: lowercase; font-size: 12px; font-weight: bold; text-align: right; padding: 5px 40px 0 0; }
.sub-box-535 a:hover { color: #97d1de; background: url("../images/sub-box-535-button-hover.png") left top no-repeat; }

 /* ========== Partners row ================================================== */
.partners-row { margin: 0 10px 0 10px; height: 82px; text-align: center; }
.partners-row .left { width: 13px; height: 82px; background: url("../images/partners-row-left.png") left top no-repeat; float: left; }
.partners-row .center { width: 505px; height: 82px; background-color: #dee4e0; float: left; }
.partners-row .right { width: 10px; height: 82px; background: url("../images/partners-row-right.png") left top no-repeat; float: left; }
.partners-row h2 { display: block; margin: 5px 0 0 0; text-transform: uppercase; font-size: 12px; color: #b5b6af; }
.partners-row .partner-logo { float: left; margin: 3px 0 0 27px; }

 /* ========== Right block ================================================== */
.right-block-contact { height: 116px; margin: 0 0 10px 5px; background: url("../images/right-box-contact.png") left top no-repeat;} 
.right-block-contact .contact-phone { margin: 9px 0 0 0; padding: 0; color: #fff; font-size: 22px; font-weight: normal; }
.right-block-contact a { display: block; margin: 0 0 0 5px; padding: 15px 0 0 15px; width: 204px; height: 44px; color: #fff; font-size: 20px; background: url("../images/right-box-contact-button.png") left top no-repeat; }
.right-block-contact a:hover { background: url("../images/right-box-contact-button-hover.png") left top no-repeat; }

.right-block-offers h2 { display: block; height: 34px; margin: 0 0 0 8px; padding: 0; text-transform: uppercase; color: #003366; font-size: 26px; font-weight: normal; }
.right-block-offers h2 a { color: #003366; }
.right-block-offers h3 a { color: #fff; }
.right-block-offers .right-block-offers-box { width: 224px; border: 2px solid #003366; background: #004b9a url("../images/right-block-offers-box-bg.gif") left top repeat-x;}
.right-block-offers .right-block-offers-box h3 { display: block; margin: 0; padding: 0 0 0 8px; color: #fff; font-size: 16px; font-weight: normal; }
.right-block-offers .right-block-offers-box p { display: block; padding: 0 5px 0 8px; font-size: 12px; color: #fff; }
.right-block-offers-box p { display: block; margin-bottom: 0; }
.right-block-offers-box div.anchor { display: block; margin: 0; padding: 0 0 0 8px; }
.right-block-offers-box div.anchor a { color: #fff; text-decoration: none; font-weight: bold; font-size: 16px; }
.right-block-offers-box div.anchor a:hover { text-decoration: underline; color: red; }

.right-block-float-box { margin: 15px 0 0 5px; }
.right-block-float-box .content {  width: 228px; background-color: #004a99; padding-bottom: 10px; }
.right-block-float-box .content h3 { display: block; margin: 0; padding: 0 0 0 8px; color: #00b9e9; font-size: 18px;}
.right-block-float-box .content p {display: block; padding: 0 5px 0 8px; margin: 0; color: #fff; font-size: 12px; line-height: 1.2; }
 
 /* ========== Image gallery ================================================== */
.right-block-gallery-box { margin: 15px 0 0 5px; }
.right-block-gallery-box .gallery-content { background-color: #d1ecf9; width: 223px; padding: 5px 0 10px 5px; }
.right-block-gallery-box #t { display: block; margin: 0; padding: 3px 0 0 5px; width: 106px; height: 50px; float: left; text-transform: uppercase; color: #004a99; font-size: 14px; background: url("../images/show-description-bg.png") left top no-repeat;}
.right-block-gallery-box #gallery-loupe { float: left; width: 117px; height: 53px; background: url("../images/gallery-loupe.png") left top no-repeat;}

.right-block-gallery-box .imageWrapper { float: left; margin: 0 4px 0 0; }
.right-block-gallery-box .row-wrapper { margin: 0 0 4px 0;} 

 /* ========== Footer row ================================================== */
.footer { border-top: 1px solid #009ee0; width: 790px; color: #002454; font-size: 11px; height: 35px; background-color: #96d0de; margin: 0; padding: 5px 0 5px 15px; }
.footer a { color: #002454; }
.footer a:hover { text-decoration: underline; }

 /* ========== Content block ================================================== */
.left-content { width: 502px; margin: 0 0 0 13px; padding: 14px; background-color: #f5faff; min-height: 600px; }
.left-content h1, .left-content h2, .left-content h3, .left-content h4 { display: block; margin: 0; padding: 0; font-weight: normal; color: #000; font-size: 18px; text-transform: uppercase; }
.left-content .post_title { color: red; text-align: center; }
.left-content a { color: #004a99; }
.left-content a:hover { text-decoration: underline; }
.left-content ul li { margin: 8px 0 0 18px; padding: 0; list-style-image: url("../images/bullet.png"); line-height: 12px;}
.left-content #content_wrapper img { padding: 10px; }
.left-content table { border: 1px solid #004a99; }
.left-content table td { padding: 3px; }
.left-content table td.td-head { background-color: #a9cfeb; }
.left-content table td.td-body { background-color: #eaeceb; }

 /* ========== Cloud tags block ================================================== */
.tags-row { margin: 15px 10px 20px 10px; height: 82px; }
.tags-row .left { width: 11px; height: 82px; background: url("../images/tag-row-left.png") left top no-repeat; float: left; }
.tags-row .center { width: 509px; height: 72px; background-color: #dee4e0; float: left; padding: 10px 0 0 0; }
.tags-row .right { width: 9px; height: 82px; background: url("../images/tag-row-right.png") left top no-repeat; float: left; }
.tags-row h2 { display: block; margin: 5px 0 0 0; text-transform: uppercase; font-size: 12px; color: #b5b6af; }
.tags-row #tags { margin: -5px 0 0 0; padding: 0; }
.tags-row .partner-logo { float: left; margin: 3px 0 0 27px; }
.tags-row #tags span { margin: 0 5px 0 5px; padding: 0; }
.tags-row #tags span a { color: #b5b6af; }