@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; background: #2b688e url(/images/bg_en.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:12px;}
#wrap {width:973px;margin:0 auto;}
#main_header { background-image:url(/images/header_en.jpg); background-repeat:no-repeat; background-position:top; height:124px; width:auto;}
#header, .header { height:124px; width:960px; margin:0 auto;}
#logo {background-image:url(/images/logo_en.png); height:64px; width:521px;margin: 24px 0 0 5px; float:left; z-index:1; position:absolute;}
#top_menu {float:right;margin:0 11px 0 0; padding:0; height:52px; position:relative; width:auto;z-index:2;}
#top_menu #inner{margin:0; padding:0 2px; background-image: url(/images/top_menu_c.png); background-repeat:repeat-x; width:auto; height:52px; float:left; color:#f8811d; z-index:3;}
.clear {clear:both;}
#menu {background-image:url(/images/menu.jpg); background-repeat:repeat-x; height:41px; width:960px; margin:0;}
#menu a {color: #fff; text-decoration: none; font-weight:bold; font-size:14px; margin:11px 8.5px; height: 41px; float:left;}
#menu a:hover {color: #79a5c0;; text-decoration: none;margin:11px 8.5px; padding:0;}
#page {background-image:url(/images/page_bg.png); background-repeat:repeat-y; height:100%; width:973px; padding:0 7px; margin:0px; color:#171717; z-index:10; position:relative;}
*html #page {background-image:url(/images/page_bg.png); background-repeat:repeat-y; height:100%; width:973px; padding:0 7px; margin-top:-13px; color:#171717; z-index:10; position:relative;}
#left_col {width:244px; float:left; *margin-top:15px;}
#left_col #header, #left_col .header {background-image:url(/images/left_menu_bar_en.jpg); height:31px; width:245px; background-repeat:no-repeat; margin: 8px 0 0 -7px; font-size:13px; color:#fff; font-weight:bold; position:relative; border:none; line-height:33px;}
#left_col ul { line-height:normal; margin:8px 5px 0 -15px; *margin:10px 0 0 27px; width: 210px;}

/*
#left_col ul li { line-height:20px; list-style-type:none; border-bottom:1px dotted #171717; margin:0px; text-align: right;}
*/
#left_col ul li { line-height:20px; list-style-image:url(/images/li.jpg); border-bottom:1px dotted #171717; margin:0px; }
#left_col ul li a {text-decoration:none; color:#171717;}
#left_col ul li a:hover {text-decoration:none; color:#4f6494;}


.hotelf {float:left;}



.count {float:right; /*margin-top:-19px;*/}

*:first-child+html .count {float:right; margin-top:-19px;}
@-moz-document url-prefix()
{
.count {float:right; /*margin-top:-19px;*/}
}
/*
*html .count {float:right; margin-top:-19px;}
*/


#hotels_left {margin:10px 0 0 20px; width: 225px; line-height:20px;}
#hotels_left a {text-decoration:none; color:#171717;}
#hotels_left a:hover {text-decoration:none; color:#4f6494;}


#right_col {float:right; width:720px;*margin-top:15px;}
#right_col #text, #right_col .text{width:690px; text-align:justify;}
/*#right_col #text p{text-indent:15px;} */
#right_col hr {width:690px; float:left; margin-right:20px;}
#right_col h1 {margin:0; padding:5px 0 0 0; color:#4f6494; font-size:25px; font-weight:bold;}
#right_col h2 {float:left;color:#4f6494;font-size:18px; font-weight:bold;}

.offer_box {height:auto; width:200px; float:left; margin:16px;}
.offer_box .title {color:#4f6494; font-size:13px; font-weight:bold; height: 20px;}
.offer_box .title a {text-decoration:none; color:#4f6494; }
.offer_box .title a:hover {text-decoration:underline; color:#4f6494;}
.offer_box .price {color:#ff0000; font-size:13px; font-weight:bold; text-align:right; float:right;}
.offer_box img { border:1px solid #255573;}

.room { width:690px; text-align:justify;margin-top:10px;border-top:1px dotted #000;}
#footer {background-image:url(/images/footer_en.png);background-position:center bottom;background-repeat:no-repeat;color:#000000;height:auto;margin-top:-60px;padding:80px 0 0;position:absolute;text-align:center;width:100%;z-index:2;}
#footer a{text-decoration:none; color: #000; font-variant:small-caps; margin:0 15px; z-index:5; position:static;}
#footer a:hover {text-decoration:underline; color: #000;}
#top_but {padding:3px; loat: left; font-weight:bold; font-size:14px; width: 355px; height: 49px}
#top_but a{text-decoration:none; color:#fff;}
#top_but a:hover{text-decoration:none; color:#79a5c0;}
.top_button {float:right; margin:32px 11px 0 0; padding:0; position: static; width:auto; height:39px;text-align:center}
.top_button .inner{margin:0; padding:14px 2px 0 2px; background-image:url(/images/button_c_en.png); background-repeat:repeat-x; width:auto; height:39px; float:left; color:#fff; font-size:14px; font-weight:bold; }
.top_button a{text-decoration:none; color:#000;}
.top_button a:hover{text-decoration:none; color:#000;}

#backgroundFilter
{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=60);
    opacity: 0.5;
    display: none;
    z-index: 1000;
    width: 100%;
    height: 5000px;
}
#bookinfo
{
    position: absolute;
    width: 720px;
    padding: 1px;
    z-index: 1005;
    display: none;
    background-color: #fff;
    border: 1px solid black;
}

@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 15px rgba(255, 0, 0, 0.3);
}
50% {
-webkit-box-shadow: 0 0 15px rgba(255, 0, 0, 1);
}
100% {
-webkit-box-shadow: 0 0 15px rgba(255, 0, 0, 0.3);
}
}

input.btn {
padding: 5px 25px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
line-height: 1;
color: #ddd;
border: none;
text-shadow: 0 1px 1px rgba(70,70,70, 0.85);

/* gradient za fon, ako ne - prosto cherveno */
background-image: -webkit-gradient(linear,
0% 0%, 0% 100%, from(#CD0000), to(#EA0000));
background-image: -moz-linear-gradient(0% 100%
90deg, #CD0000, #EA0000);
background-color: #CD0000;

/*zaobleni ugli*/
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
-o-border-radius: 23px;
border-radius: 23px;

/*shadow*/
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

input.btn:hover,input.btn:focus {
/*shadow*/
-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);

/*pulse*/
-webkit-animation: pulse 1.5s infinite ease-in-out;

}