/* HTML tags : start */
html, body, p, h1, h2, h3, h4, h5, h6, a, img, form, table, tr {
        margin: 0;
        padding: 0;
        border: 0}
html {height:100%;overflow-y:scroll;}
body{width:px;margin:0 auto;font-family:Arial, Helvetica, sans-serif;color:#555;font-size:12px;min-height:100%;position:relative;min-width:990px;_width:expression(document.documentElement.clientWidth < 990 ? "990px" : "auto");}
*html body{height:100%}
body{behavior:url("/catalog/view/javascript/csshover.htc");}
/* HTML tags */
h1{}

ul li input.in01{width:380px;padding:0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:27px;line-height:27px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444}

.text-box-header input.in01{width:380px;padding:0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:27px;line-height:27px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444}

body {
-webkit-font-smoothing: subpixel-antialiased !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
}

@font-face {font-family: 'Franklin Gothic Medium';
            src: url('/catalog/view/theme/haglar/fonts/fraklin.eot');
            src: url('/catalog/view/theme/haglar/fonts/fraklin.eot?#iefix') format('embedded-opentype'),
                 url('/catalog/view/theme/haglar/fonts/fraklin.woff') format('woff'), 
                 url('/catalog/view/theme/haglar/fonts/fraklin.ttf') format('truetype'),
                 url('/catalog/view/theme/haglar/fonts/fraklin.svg') format('svg');
            font-weight: normal;font-style: normal;}

/*---------------------------*/         

.progress-bar {
    background-color: #1a1a1a;
    height: 25px;
    font-size:13px;
    padding: 0;
    width: 240px;
    margin: 10px 0 20px 0;          
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
    -webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;           
}

.progress-bar div.line {
    display: inline-block;
    height: 100%;
    background-color: #777;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;      
}

/*---------------------------*/         

.blue div.line {
    background-color: #34c2e3;   
}

.orange div.line {
      background-color: #fecf23;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));
      background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
      background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
      background-image: -ms-linear-gradient(top, #fecf23, #fd9215);
      background-image: -o-linear-gradient(top, #fecf23, #fd9215);
      background-image: linear-gradient(top, #fecf23, #fd9215);  
}   

.green div.line {
      background-color: #a5df41;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
      background-image: -webkit-linear-gradient(top, #a5df41, #4ca916);
      background-image: -moz-linear-gradient(top, #a5df41, #4ca916);
      background-image: -ms-linear-gradient(top, #a5df41, #4ca916);
      background-image: -o-linear-gradient(top, #a5df41, #4ca916);
      background-image: linear-gradient(top, #a5df41, #4ca916);  
}       

/*---------------------------*/     

.stripes div.line {
    -webkit-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    background-size: 30px 30px;         
    background-image: -webkit-gradient(linear, left top, right bottom,
                        color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
                        color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
                        color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
                        to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);            
    
    -webkit-animation: animate-stripes 3s linear infinite;
    -moz-animation: animate-stripes 3s linear infinite;             
}

@-webkit-keyframes animate-stripes { 
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}


@-moz-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

/*---------------------------*/  

.shine div.line {
    position: relative;
}

.shine div.line::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;         
    
    -webkit-animation: animate-shine 2s ease-out infinite;
    -moz-animation: animate-shine 2s ease-out infinite;             
}

@-webkit-keyframes animate-shine { 
    0% {opacity: 0; width: 0;}
    50% {opacity: .5;}
    100% {opacity: 0; width: 95%;}
}


@-moz-keyframes animate-shine {
    0% {opacity: 0; width: 0;}
    50% {opacity: .5;}
    100% {opacity: 0; width: 95%;}
}

/*---------------------------*/  

.glow div.line {
    -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
    -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
    box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;
    
    -webkit-animation: animate-glow 1s ease-out infinite;
    -moz-animation: animate-glow 1s ease-out infinite;          
}

@-webkit-keyframes animate-glow {
 0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
 50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
 100% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
 }

@-moz-keyframes animate-glow {
 0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
 50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
 100% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
 }

a{color:#246db1;text-decoration:none;outline:none}
a:hover{color:#cc0000}

.main-container{padding-bottom:250px;overflow:hidden}

.header-inner{width:960px;margin:0 auto;}
.logo{float:left;height:100px;padding:26px 0 0 0;width:165px}

.slider-box{background:url(/catalog/view/theme/haglar/images/header_bg.png) bottom repeat-x;position:relative;padding-bottom:14px}
.slider-inner{background:url(/catalog/view/theme/haglar/images/slide01.jpg) top center no-repeat;height:300px}

.slider-tools{background:url(/catalog/view/theme/haglar/images/view_hide_b.png) center bottom no-repeat;height:27px;cursor:pointer;position:absolute;z-index:10;bottom:-14px;width:538px;left:50%;margin-left:-269px}
.slider-tools:hover{background-position:center -54px;}
.slider-tools.act{background:url(/catalog/view/theme/haglar/images/view_hide_b.png) center -27px no-repeat;}
.slider-tools.act:hover{background-position: center 0px;}

/* Menu */
.mmenu{float:left;width:795px;padding-top:40px;position:relative;z-index:2501}
.mmenu ul{padding:0;list-style-type:none;margin:0}
.mmenu ul li{float:left;padding:10px 11px;position:relative;font-family:Arial, Helvetica, sans-serif !important;font-size:18px !important;}
.mmenu ul li a{font-size:18px;font-family: "Franklin Gothic Medium" !important;position:relative;z-index:2500}
.mmenu ul li.drop:hover div{display:block}
.mmenu ul li.drop div{position:absolute;left:0;top:0;padding:40px 12px 12px 12px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #efefef;background:#fff;width:195px;display:none}
.mmenu ul li.drop div ul{margin:0;padding:0}
.mmenu ul li.drop div ul li{border:0;background:url(/catalog/view/theme/haglar/images/sep2.png) top repeat-x;float:none;padding:7px 0;font-size:16px}
.mmenu ul li.drop div ul li a{font-size:16px}
.mmenu ul li.drop div ul li:first-child{background:none}

/* Menu */

.content{width:960px;margin:0 auto;padding:20px 0}
.content h1{font-size:24px;font-family: "Franklin Gothic Medium";margin-bottom:20px}
.content h2{font-size:24px;font-family: "Franklin Gothic Medium";margin-bottom:15px}
.content h2 a{background:url(/catalog/view/theme/haglar/images/link.png) 0 96% repeat-x}
.content h2 a:hover{background:url(/catalog/view/theme/haglar/images/link_h.png) 0 96% repeat-x}
.content h3{font-size:19px;font-family: "Franklin Gothic Medium";margin-bottom:15px;font-weight:normal}

.slide-news{padding-bottom:50px}
.slide-news p{font-size:13px;line-height:18px;}
.slide-news p a{display:block;font-size:14px;padding-bottom:2px}
.slide-news p a span{position:relative;top:-1px}
.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 960px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  960px;height: 245px;}
.jcarousel-skin-tango .jcarousel-item {width: 220px;height:245px;padding-right:15px}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0;margin-right:5px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;display:none}
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top:0;right:-12px;width:31px;cursor: pointer;background:#fff url(/catalog/view/theme/haglar/images/next_arr_full.png) 0 60px no-repeat;height:245px}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -31px 60px;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -31px 60px;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
cursor: default;background:none}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top:0px;left:-50px;width:31px;height:245px;cursor: pointer;background:#fff url(/catalog/view/theme/haglar/images/prev_arr_full.png) 0 60px no-repeat;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position:-31px 60px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position:-31px 60px;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
cursor: default;background:none}

.photo-gallery {float:right;width:465px;}
.photo-gallery p{font-size:14px;padding-bottom:20px}
.photo-gallery div{width:465px;height:200px;padding-bottom:15px;background:url(/catalog/view/theme/haglar/images/sh.png) left bottom no-repeat;line-height:200px;vertical-align:middle}
.photo-gallery div img{vertical-align:middle}

.about-box{float:left;width:460px;}
.about-box p{font-size:14px;line-height:19px;padding-bottom:20px}

.about-box ul{margin:0px 0 5px 0;}
.about-box ul li {font-size:14px;line-height:19px;padding-bottom:5px;}

.button-box{padding:10px 0}
.button-box a, .button-box .button-a
{
    outline:none;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;
    float:left;border-top:1px solid #fccd2b;border-left:1px solid #f8c926;border-right:1px solid #f8c926;border-bottom:1px solid #e6c039;background:url(/catalog/view/theme/haglar/images/button_bg_full.png) repeat-x;height:28px;line-height:28px;padding:0 10px 0 15px;color:#8e520c;text-shadow:1px 1px 1px #fff;font-size:14px
}

.button-box a:hover, .button-box .button-a:hover  {background-position:0 -28px;}
.button-box a:active, .button-box .button-a:active {background-position:0 -56px;}

.breadcrumb{padding-bottom:15px;color:#999 !important;font-size:12px;}
.breadcrumb span{margin:0 2px;}
.breadcrumb a{color:#999 !important;text-decoration:none;}
.breadcrumb a:hover {text-decoration:underline;}

.mtabs{-border-bottom:1px solid #333;margin-bottom:30px;-height:41px}
.mtabs ul{margin:0;padding:0;list-style-type:none}
.mtabs ul li{margin:5px 5px 5px 0; border:1px solid #e9eaeb; border-bottom:1px solid #333; height:40px;line-height:40px;padding:0 15px;float:left;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;position:relative}
.mtabs ul li a{font-size: 13px}
.mtabs ul li.current{background:#e9eaeb; -border-bottom:2px solid #fff;}
.mtabs ul li.current a{color:#444 !important;font-weight:bold}

.interview-tabs {margin-bottom:0px;}
.interview-tabs ul{margin:0;padding:0;list-style-type:none}
.interview-tabs ul li{background:steelblue;margin:5px 5px 0 0; border-bottom:0; height:40px;line-height:40px;padding:0 15px;float:left;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;position:relative}
.interview-tabs ul li a{font-size: 13px;color:#fff;}
.interview-tabs ul li.current{background:#ADD8E6;}
.interview-tabs ul li.current a{font-size: 16px;color:#333;font-weight:bold}

.carcass{border-collapse:collapse;width:100%;}
.carcass td.centerbar{vertical-align:top}
.carcass td.rightbar{vertical-align:top;width:270px;padding-left:50px}
.carcass td.rightbar h2{font-family: "Franklin Gothic Medium";font-size:19px;color:#444 !important;font-weight:normal;padding-bottom:5px}
.carcass td.rightbar h3{font-size:15px;color:#444 !important;padding-bottom:0;font-family:Arial, Helvetica, sans-serif;font-weight:bold}

.contact-box{padding-bottom:20px}
.contact-box p{padding:15px 0 0 0;color:#444;font-size:14px;line-height:19px}

.bron-b{background:#f0f1e8;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;padding:15px;margin-bottom:50px}
.bron-b a{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative}
.bron-b a{float:left;border-top:1px solid #fccd2b;border-left:1px solid #f8c926;border-right:1px solid #f8c926;border-bottom:1px solid #e6c039;background:url(/catalog/view/theme/haglar/images/button_bg.png) repeat-x;height:28px;line-height:28px;padding:0 10px 0 15px;color:#8e520c !important;text-shadow:1px 1px 1px #fff;font-size:14px}
.bron-b a:hover{background:url(/catalog/view/theme/haglar/images/button_bg_hover.png) repeat-x;}
.bron-b a:active{background:url(/catalog/view/theme/haglar/images/button_bg_press.png) repeat-x;border-top:1px solid #bb8c1a;border-left:1px solid #e4b92f;border-right:1px solid #e4b92f;border-bottom:1px solid #f7d560;}

.gallery-box{padding-bottom:40px}
.gallery-box p{padding-top:10px;font-size:14px}
.gallery-box ul{margin:0 0 0 -10px;padding:0;list-style-type:none}
.gallery-box ul li{float:left;margin:0 0 7px 10px}

.dop-info{padding-bottom:40px}
.dop-info ul{margin:0;padding:0;list-style-type:none}
.dop-info ul li{background:#f0f8ff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;padding:20px 15px 15px 57px;margin-bottom:10px;font-size:14px;line-height:19px}
.dop-info ul li img{position:absolute;top:20px;left:15px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter: grayscale(0%);}
.dop-info ul li:hover img{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);}
.dop-info ul li:hover{background:#f6f6f0}

.video-box{padding-bottom:20px}

.tabs-box .tabs{border-collapse:collapse;width:630px}
.tabs-box .tabs td{border-left:1px solid #fff;cursor:pointer;padding-bottom:7px}
.tabs-box .tabs td.first{border-left:0;}
.tabs-box .tabs td.first span{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;position:relative;}
.tabs-box .tabs td.end span{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;position:relative;}
.tabs-box .tabs td span{display:block;height:33px;line-height:33px;color:#444;font-size:14px;background:#f0f1e8;text-align:center}
.tabs-box .tabs td:hover span{background:#e7e8de}
.tabs-box .tabs td.current{background:url(/catalog/view/theme/haglar/images/tabs_act.jpg) bottom center no-repeat}
.tabs-box .tabs td.current span {background:#4bccee;color:#fff;font-weight:bold;text-shadow:-1px -1px 1px #2ab2e5}

.tbox{display:none;padding:15px 0;width:}
.tbox p{font-size:14px;line-height:19px;padding-bottom:15px}
.tbox ul li{font-size:14px;line-height:19px;padding-bottom:5px}
.tbox p b{font-size:15px;}
.tbox.visible{display:block}

.raspisanie table{border-collapse:collapse;width:630px}
.raspisanie table th{font-size:19px;font-family: "Franklin Gothic Medium";font-weight:normal;text-align:left;padding:0 20px 15px 20px}
.raspisanie table td{padding:10px 20px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;position:relative;border-left:1px solid #fff;font-size:14px}
.raspisanie table td:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;position:relative;border-left:0}
.raspisanie table tr.ot td{background:#f7f7f7}

.news-list ul{margin:0;padding:0;list-style-type:none}
.news-list ul li{border-top:1px dashed #dddddd;position:relative;padding:15px 0 20px 130px}
.news-list ul li:first-child{border-top:0}
.news-list ul li img{position:absolute;top:15px;left:0}
.news-list ul li div.date{color:#a6a6a6;font-size:13px;padding-bottom:3px}
.news-list ul li a{font-size:14px;line-height:24px}
.news-list ul li p{font-size:14px;line-height:19px}

.pagebar{padding:15px 0;clear:both}
.pagebar span{float:left;font-size:14px;padding:5px 0 0 0}
.pagebar a{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e5e5e5;height:26px;line-height:26px;width:26px;text-align:center;font-size:14px;float:left;margin-left:8px}
.pagebar a.act{background:#3a85cc;color:#fff;font-weight:bold;border:1px solid #6485a5;text-shadow:0 -1px 1px #1321a2}
.pagebar a.act:hover{background:#3a85cc;color:#fff;font-weight:bold;border:1px solid #6485a5;text-shadow:0 -1px 1px #1321a2}
.pagebar a:hover{background:#f7f7f7;}

.txt-box{font-size:14px;line-height:19px}
.txt-box h4{font-size:15px}
.txt-box p{padding-bottom:20px;}
.txt-box ul{margin:5px 0 10px 20px;padding:0;}
.txt-box ul li{padding-bottom:5px;}
.txt-box .sep{border-bottom:1px dashed #ddd;margin:0 0 25px 0;padding-top:10px;font-size:1px;height:1px}
.txt-box .at-box{background:#f6f6f0;padding:15px 22px;margin-bottom:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;}
.txt-box .at-box h4{font-size:14px;}
.txt-box .at-box p{padding:0}

.project-list ul{margin:0;padding:0;list-style-type:none}
.project-list ul li{float:left;width:50%;padding:15px 0 15px 0}
.project-list ul li img{float:left;margin:0 30px 15px 0;}
.project-list ul li p{padding:15px 30px 0 0;font-size:13px;line-height:18px;}
.project-list ul li p a{display:block;font-size:15px;padding-bottom:4px}

.contact{border-bottom:1px dashed #ddd;padding:10px 0 30px 0;font-size:14px}
.contact-left{float:left;width:350px}
.contact-right{float:left;}

.contact .how-to-pass{margin-top:-5px;display:block;clear:both;padding:5px 0 20px 25px;background:url(/catalog/view/theme/haglar/images/ico01.png) 0 8px no-repeat;font-size:14px}
.contact .how-to-pass a{text-decoration:none;border-bottom:1px solid #bdd3e7;}
.contact a.ya{text-decoration:none;border-bottom:0;color:#e30000}
.contact p{padding:0 0 10px 0;}
.contact dl {margin:5px 0;}
.contact dl dt {float:left;margin-right:10px;padding:5px 0 0 0;width:80px;}
.contact dl dd {padding:5px 0 0 0;}

.manager-list{padding:25px 0 0 0;border-bottom:1px dashed #ddd;}
.manager-list p{font-size:14px;padding-bottom:30px}
.manager-list ul{margin:0;padding:0;list-style-type:none}
.manager-list ul li{float:left;width:300px;font-size:13px;font-style:italic;padding:0 15px 25px 0;}
.manager-list ul li img{float:left;margin:0 15px 15px 0;border-radius:75px;height:75px;width:75px;}
.manager-list ul li b{font-size:14px;display:block;padding-bottom:3px;font-style:normal}
.manager-list ul li a{display:block;font-size:14px;padding-top:3px;font-style:normal}

.accompany-box{padding:25px 0 0 0}
.accompany-box p{font-size:14px;font-weight:bold;padding-bottom:12px}
.accompany-box ul{margin:0 0 0 15px;padding:0;font-size:14px}
.accompany-box ul li{padding-bottom:9px}

.game-list table{border-collapse:collapse;width:100%}
.game-list table td{width:230px;padding-right:17px;font-size:14px;vertical-align:top;padding-bottom:25px}
.game-list table td.end{width:200px;padding-right:0}
.game-list table td a{font-weight:bold;display:block;padding-bottom:3px;}
.game-list table td p{line-height:19px}

#carousel-container {position:relative;width:1040px;height:278px;overflow:hidden;margin-left:-40px;padding-bottom:30px}
#carousel-container .next-arr {position:absolute;top:85px;right:0px;cursor:pointer;z-index:100;background:url(/catalog/view/theme/haglar/images/next_arr_full.png) no-repeat;width:31px;height:41px}
#carousel-container .next-arr:hover{background-position: -31px 0;}
#carousel-container .prev-arr {position:absolute;top:85px;left:0px;cursor:pointer;z-index:100;background:url(/catalog/view/theme/haglar/images/prev_arr_full.png) no-repeat;width:31px;height:41px}
#carousel-container .prev-arr:hover{background-position: -31px 0;}
ul#carousel{padding:0;list-style-type:none;height:253px;width:800px;position:relative;margin:0 auto;}
ul#carousel li{float:left;position:relative}
.roundabout-holder {padding: 0;margin: 0 auto;height:253px;width: 800px;}
.roundabout-moveable-item {height:253px;width:322px;cursor: pointer;display:block;}
.roundabout-moveable-item img {height: 100%;width: 100%;}
.roundabout-in-focus {cursor: auto;}
ul#carousel li.roundabout-in-focus div{background:url(/catalog/view/theme/haglar/images/otziv_sh.png) bottom center no-repeat;padding-bottom:12px}
#carousel-controls {display:none}

.add-link{font-weight:bold;font-size:15px}
.add-link img{margin-right:5px}

.otziv-list ul{margin:0;padding:0;list-style-type:none}
.otziv-list ul li{border-top:1px dashed #ddd;padding:25px 0}
.otziv-list ul li:first-child{border:0}
.otziv-list ul li p{font-size:14px;line-height:19px}
.otziv-list ul li p b{display:block}
.otziv-list ul li span.date{color:#999;display:block;font-size:14px;padding-bottom:3px}
.otziv-list ul li div{position:relative;background:#f6f6f0;padding:15px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-top:14px}
.otziv-list ul li div em{position:absolute;background:url(/catalog/view/theme/haglar/images/otzivy_ugol.png) no-repeat;width:22px;height:10px;display:block;top:-10px;left:20px}

div.otziv-answer ul{margin:10px;padding-left:10px;list-style-type:circle;}
div.otziv-answer ul li{border:0;padding:5px 0;font-size:14px;line-height:19px;}
div.otziv-answer ul li:first-child{border:0}
div.otziv-answer p {padding-bottom:10px;}

.add-form{background:#f6f6f0;padding:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;margin-top:20px;display:none}
.add-form table{border-collapse:collapse;width:100%}
.add-form table td{padding:0 0 15px 20px}
.add-form table td:first-child{padding-left:0;}
.add-form table td label{display:block;font-size:14px;font-weight:bold;padding-bottom:5px}
.add-form table td label span{font-weight:normal}
.add-form table td input.in01{width:300px;padding:0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:27px;line-height:27px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444}
.add-form table td input.in02{width:270px;padding:0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:27px;line-height:27px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444}
.add-form table td textarea{width:605px;padding:5px 0 0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:95px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444;resize:none}
.add-form .button-box{padding-top:0}

.photo-list ul{margin:0;padding:0;list-style-type:none}
.photo-list ul li{width:215px;*width:215px;display: -moz-inline-stack;display:inline-block;font-size:13px;margin: 0 0 10px 0;min-height:180px;vertical-align:text-top;zoom:1;*display:inline;padding:10px;position:relative}
.photo-list ul li span{width:125px;height:30px;line-height:30px;background:url(/catalog/view/theme/haglar/images/fon01.png);-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;position:absolute;top:70px;left:50%;margin-left:-62px;text-align:center}
.photo-list ul li span a{font-size:15px;color:#fff;text-decoration:none;text-shadow:0 -1px 1px #973569;font-weight:bold}
.photo-list ul li div{width:215px;padding:0 0 9px 0;background:url(/catalog/view/theme/haglar/images/photo_sh.png) bottom center no-repeat}
.photo-list ul li p{text-align:center;font-size:13px;padding-top:5px}
.photo-list ul li:hover {background:#eefafd}
.photo-list ul li:hover div{background:none}
.photo-list ul li.top p a{font-weight:bold}

.back-album{float:right;font-size:14px}
.back-album span{font-size:17px}
.album-name{float:left;font-size:15px}

.album-list{clear:both;padding-top:20px}
.album-list ul{margin:0 -10px;padding:0;list-style-type:none}
.album-list ul li{width:140px;*width:140px;display: -moz-inline-stack;display:inline-block;margin: 0 0 10px 0;min-height:95px;vertical-align:text-top;zoom:1;*display:inline;position:relative;padding:5px 10px}
.album-list ul li span{width:140px;height:95px;position:absolute;top:5px;left:10px;display:none}
.album-list ul li:hover span{display:block}

.test-form{background:#f6f6f0;padding:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;}
.test-form table{border-collapse:collapse;width:100%}
.test-form table td{padding:0 0 15px 20px}
.test-form table td:first-child{padding-left:0;}
.test-form table td label{display:block;font-size:14px;font-weight:bold;padding-bottom:5px}
.test-form table td label span{font-weight:normal}
.test-form table td input.in01{width:300px;padding:0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:27px;line-height:27px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444}
.test-form table td input.in02{width:270px;padding:0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:27px;line-height:27px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444}
.test-form table td textarea{width:605px;padding:5px 0 0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:95px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444;resize:none}
.test-form .button-box{padding-top:0}

.level-box{padding-top:10px}
.level-box .level-tabs{border-collapse:collapse;width:640px}
.level-box .level-tabs td{border-left:1px solid #fff;padding-bottom:6px}
.level-box .level-tabs td a{display:block;height:27px;line-height:27px;color:#fff;font-size:13px;text-align:center;text-decoration:none;font-weight:bold;}

.level-box .level-tabs td.level01{border-left:0;}
.level-box .level-tabs td.level01.current{background:url(/catalog/view/theme/haglar/images/ugol01.png) bottom center no-repeat}
.level-box .level-tabs td.level01 a{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;position:relative;background:#91b60f;text-shadow:0 -1px 1px #508d06}

.level-box .level-tabs td.level02.current{background:url(/catalog/view/theme/haglar/images/ugol02.png) bottom center no-repeat}
.level-box .level-tabs td.level02 a{background:#7fa204;text-shadow:0 -1px 1px #578602}

.level-box .level-tabs td.level03.current{background:url(/catalog/view/theme/haglar/images/ugol03.png) bottom center no-repeat}
.level-box .level-tabs td.level03 a{background:#d1a110;text-shadow:0 -1px 1px #b87006}

.level-box .level-tabs td.level04.current{background:url(/catalog/view/theme/haglar/images/ugol04.png) bottom center no-repeat}
.level-box .level-tabs td.level04 a{background:#d15d10;text-shadow:0 -1px 1px #c2410a}

.level-box .level-tabs td.level05.current{background:url(/catalog/view/theme/haglar/images/ugol05.png) bottom center no-repeat}
.level-box .level-tabs td.level05 a{background:#13bade;text-shadow:0 -1px 1px #0893c9}

.level-box .level-tabs td.level06.current{background:url(/catalog/view/theme/haglar/images/ugol06.png) bottom center no-repeat}
.level-box .level-tabs td.level06 a{-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;position:relative;background:#0a80b1;text-shadow:0 -1px 1px #053d83}

.lbox{display:none;padding:15px;background:#f6f6f0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;margin-top:15px}
.lbox p{font-size:14px;line-height:19px;padding-bottom:10px;background:url(/catalog/view/theme/haglar/images/sep.png) bottom repeat-x;margin-bottom:10px}
.lbox p span.level01-name{color:#91b60f;font-weight:bold}
.lbox p span.level02-name{color:#7fa204;font-weight:bold}
.lbox p span.level03-name{color:#d1a110;font-weight:bold}
.lbox p span.level04-name{color:#d15d10;font-weight:bold}
.lbox p span.level05-name{color:#13bade;font-weight:bold}
.lbox p span.level06-name{color:#0a80b1;font-weight:bold}
.lbox.visible{display:block}
.lbox table{width:100%;border-collapse:collapse}
.lbox table td{font-size:13px;color:#999;padding:0 0 3px 0}
.lbox table td:first-child{width:57%}

.time-out{text-align:center;font-size:15px;font-weight:bold;padding-bottom:15px}
.time-out span{color:#246db1}

.test-box{padding:15px 20px 10px 20px;background:#f6f6f0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;margin-bottom:20px}
.test-box p{font-size:15px;font-weight:bold;padding-bottom:10px}
.test-box ul{margin:0;padding:0;list-style-type:none}
.test-box ul li{font-size:14px;padding-bottom:10px}
.test-box .radioclass{position: absolute;overflow: hidden;left: -9999px;}
.test-box .radiolabelclass{background:url(/catalog/view/theme/haglar/images/radio00.png) no-repeat;padding-left:24px;margin:0;line-height:20px;display: block;cursor:pointer}
.test-box .radioselected{background:url(/catalog/view/theme/haglar/images/radio01.png) no-repeat;}

.test-box .checkclass{position: absolute;overflow: hidden;left: -9999px;}
.test-box .checklabelclass{background:url(/catalog/view/theme/haglar/images/check00.png) no-repeat;padding-left:24px;margin:0;line-height:20px;display: block;cursor:pointer}
.test-box .checkselected{background:url(/catalog/view/theme/haglar/images/check01.png) no-repeat;}

.select-box{float:right}
.select-box .lineForm label{float:left;padding:6px 10px 0 0;font-size:14px}
.select-box .lineForm select{width:205px;}
.select-box .cusel, .cuselFrameRight{background: url(/catalog/view/theme/haglar/images/select01.png) no-repeat;}
.select-box .cusel {height:28px;background-position: left top;display: inline-block;position:relative;cursor: pointer;font-size: 12px;}
.select-box .cuselFrameRight {position: absolute;z-index: 3;top: 0;right:-1px;height: 100%;width:24px;background-position: right top;}
.select-box .cuselText {  box-sizing: border-box;height:22px;padding:6px 0 0 8px;cursor: pointer;overflow: hidden;position: relative;z-index: 2;margin-right:24px;margin-bottom:4px;font-family:Arial, Helvetica, sans-serif;color:#444;font-size:13px;white-space:nowrap;}
* html .select-box .cuselText {height: 28px;}
.select-box .cusel span {display: block;cursor: pointer;padding: 2px 0 2px 8px;font-size:13px;}
.select-box .cusel span:hover {color: #444;}
.select-box .cusel .cuselActive {color: #444;cursor: default;}
.select-box .cusel-scroll-wrap{position:absolute;top:28px;z-index:98;width:100%}
.select-box .jScrollPaneContainer {position: relative;overflow: hidden;z-index:5;border: 1px solid #d4d4d4;padding:4px 0;background:#fff;z-index:97}

.vojatiy-list ul{margin:0 -12px 0-10px;padding:0;list-style-type:none}
.vojatiy-list ul li{width:100px;*width:100px;display: -moz-inline-stack;display:inline-block;font-size:13px;margin: 0 0 10px 0;min-height:120px;vertical-align:text-top;zoom:1;*display:inline;padding:10px;position:relative}
.vojatiy-list ul li:hover {background:#eefafd}
.vojatiy-list ul li:hover a{color:#cc0000}
.vojatiy-list ul li p{font-size:13px;padding-top:5px;line-height:18px}

.order-right{background:#f6f6f0;padding:14px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative}
.order-right h3{font-size:14px;margin-bottom:5px}
.order-right span{font-size:35px;color:#29afd5;display:block;padding:0 0 10px 0;font-weight:bold}

#price_bl_orig, #price_bl_orig span {font-size:15px;color:#333;display:block;padding:0 0 10px 0;font-weight:normal;}
#price_bl_orig span { text-decoration:line-through; display: inline; }

.order-right p{font-size:12px;color:#555;line-height:17px;padding-bottom:12px}
.order-right div.sep{background:url(/catalog/view/theme/haglar/images/sep.png) top repeat-x;padding:0 0 5px 0;margin-top:3px}
.order-right div.green-b a{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative}
.order-right div.green-b a{box-sizing: border-box;display:block;border:1px solid #75a231;background:url(/catalog/view/theme/haglar/images/green_b.png) repeat-x;height:39px;line-height:39px;padding:0 15px;color:#fff;text-shadow:1px -1px 1px #61ae23;font-size:17px;font-weight:bold;text-align:center}

.bron-form{background:#f6f6f0;padding:20px 25px 15px 25px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative}
.bron-form p{font-size:14px;padding-bottom:15px}
.bron-form table{border-collapse:collapse;width:100%;margin-top:5px}
.bron-form table td{padding:0 0 15px 0;vertical-align:top}
.bron-form table td.sep{background:url(/catalog/view/theme/haglar/images/sep.png) top center repeat-x;padding:5px 0 15px 0}
.bron-form table td:first-child{width:200px;font-size:14px;font-weight:bold;padding-top:5px}
.bron-form table td input.in01{width:380px;padding:0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:27px;line-height:27px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444}
.bron-form table td input.in02{width:50px;padding:0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:27px;line-height:27px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444;margin-right:5px}
.bron-form table td input.in03{width:80px;padding:0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:27px;line-height:27px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444;margin-right:5px}
.bron-form table td input.in04{width:60px;padding:0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:27px;line-height:27px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444;margin-right:5px}
.bron-form table td textarea{width:385px;padding:5px 0 0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:65px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444;resize:none}

.textarea {width:385px;padding:5px 0 0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:65px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444;resize:none}

.bron-form .radioclass{position: absolute;overflow: hidden;left: -9999px;}
.bron-form .radiolabelclass{background:url(/catalog/view/theme/haglar/images/radio00.png) no-repeat;padding-left:24px;margin:0;height:20px;display: block;cursor:pointer;float:left;margin-right:18px;font-size:14px}
.bron-form .radioselected{background:url(/catalog/view/theme/haglar/images/radio01.png) no-repeat;}
.bron-form div.green-b a{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative}
.bron-form div.green-b a{box-sizing: border-box;float:left;border:1px solid #75a231;background:url(/catalog/view/theme/haglar/images/green_b.png) repeat-x;height:39px;line-height:39px;padding:0 15px;color:#fff;text-shadow:1px -1px 1px #61ae23;font-size:17px;font-weight:bold;text-align:center}

.err .cusel, .cusel.err {background: #FFEAEA !important;}

.bron-form .lineForm{float:left;margin-right:5px}
.bron-form .cusel, .cuselFrameRight{background: url(/catalog/view/theme/haglar/images/select01.png) no-repeat;}
.bron-form .cusel {height:28px;background-position: left top;display: inline-block;position:relative;cursor: pointer;font-size: 12px;}
.bron-form .cuselFrameRight {position: absolute;z-index: 3;top: 0;right:-1px;height: 100%;width:24px;background-position: right top;}
.bron-form .cuselText {box-sizing: border-box;height:22px;padding:6px 0 0 8px;cursor: pointer;overflow: hidden;position: relative;z-index: 2;margin-right:24px;margin-bottom:4px;font-family:Arial, Helvetica, sans-serif;color:#444;font-size:13px;}
* html .bron-form .cuselText {height: 28px;}
.bron-form .cusel span {display: block;cursor: pointer;padding: 2px 0 2px 8px;font-size:13px;}
.bron-form .cusel span:hover {color: #444;}
.bron-form .cusel .cuselActive {color: #444;cursor: default;}
.bron-form .cusel-scroll-wrap{position:absolute;top:28px;z-index:98;width:100%}
.bron-form .jScrollPaneContainer {position: relative;overflow: hidden;z-index:5;border: 1px solid #d4d4d4;padding:4px 0;background:#fff;z-index:97}

.bron-form .jScrollPaneTrack {height: 100%;width:5px;background:#CCC;position: absolute;top: 0;right:0px;}
.bron-form .jScrollPaneDrag {position: absolute;cursor: pointer;width:15px !important;height: 27px !important;right: -5px;background:#999}
.bron-form .jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.bron-form .jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}

.test-form .radioclass{position: absolute;overflow: hidden;left: -9999px;}
.test-form .radiolabelclass{background:url(/catalog/view/theme/haglar/images/radio00.png) no-repeat;padding-left:24px;margin:0;height:20px;display: block;cursor:pointer;float:left;margin-right:18px;font-size:14px}
.test-form .radioselected{background:url(/catalog/view/theme/haglar/images/radio01.png) no-repeat;}

.order-right .lineForm{float:left;margin-right:5px}
.order-right .cusel, .cuselFrameRight{background: url(/catalog/view/theme/haglar/images/select01.png) no-repeat;}
.order-right .cusel {height:28px;background-position: left top;display: inline-block;position:relative;cursor: pointer;font-size: 12px;}
.order-right .cuselFrameRight {position: absolute;z-index: 3;top: 0;right:-1px;height: 100%;width:24px;background-position: right top;}
.order-right .cuselText {box-sizing: border-box;height:22px;padding:6px 0 0 8px;cursor: pointer;overflow: hidden;position: relative;z-index: 2;margin-right:24px;margin-bottom:4px;font-family:Arial, Helvetica, sans-serif;color:#444;font-size:13px}
* html .order-right .cuselText {height: 28px;}
.order-right .cusel span {display: block;cursor: pointer;padding: 2px 0 2px 8px;font-size:13px;}
.order-right .cusel span:hover {color: #444;}
.order-right .cusel .cuselActive {color: #444;cursor: default;}
.order-right .cusel-scroll-wrap{position:absolute;top:28px;z-index:98;width:100%}
.order-right .jScrollPaneContainer {position: relative;overflow: hidden;z-index:5;border: 1px solid #d4d4d4;padding:4px 0;background:#fff;z-index:97}

.order-right .jScrollPaneTrack {height: 100%;width:5px;background:#CCC;position: absolute;top: 0;right:0px;}
.order-right .jScrollPaneDrag {position: absolute;cursor: pointer;width:15px !important;height: 27px !important;right: -5px;background:#999}
.order-right .jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.order-right .jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}


.help-box{background:#f6f6f0;padding:14px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative}
.help-box h3{font-size:14px;margin-bottom:7px}
.help-box p{font-size:14px;line-height:19px;}
.help-box ul{margin:0;padding:0;list-style-type:none}
.help-box ul li{line-height:19px;font-size:14px;padding-bottom:11px}
.help-box ul li span{font-style:italic;font-weight:bold}
.help-box div.sep{background:url(/catalog/view/theme/haglar/images/sep.png) top repeat-x;padding:0;margin-top:3px}

/* Content */

/* Footer */
#footer{background:url(/catalog/view/theme/haglar/images/footer_bg.png) top repeat-x #F0F0F0;height:218px;position:absolute;bottom:0;left:0;width:100%}
.footer{width:960px;margin:0 auto;padding:35px 0 0 0;}
.copyright{float:left;width:300px;color:#444}
.copyright p{font-size:13px;padding-bottom:4px;font-family:Arial, Helvetica, sans-serif;}
.copyright div{font-size:13px;line-height:22px}
.how-to-pass{display:block;clear:both;padding:15px 0 0 25px;background:url(/catalog/view/theme/haglar/images/ico01.png) 0 15px no-repeat;font-size:13px;}

.f-menu{float:right;width:660px}
.f-menu ul{margin:0 0 0 24px;padding:0;list-style-type:none;float:left;width:140px}
.f-menu ul li{font-size:13px;background:url(/catalog/view/theme/haglar/images/bullet.png) 0 5px no-repeat;padding:0 0 10px 15px; font-family:Arial, Helvetica, sans-serif !important; font:Arial, Helvetica, sans-serif !important;}

.f-left{float:left;width:300px;color:#cfd0d2;font-size:12px;padding-top:20px}
.f-left a{color:#cfd0d2;border-bottom:1px solid #dfe0e1}
.f-left a:hover{color:#cc0000;border-bottom:1px solid #e57f7f}

.f-right{float:right;width:600px;text-align:right;vertical-align:middle;padding-top:5px}
.f-right img{vertical-align:middle;_margin-left:40px}
/* Footer */

.overlay{background:transparent url(/catalog/view/theme/haglar/images/overlay.png) repeat top left;position:absolute;top:0px;bottom:0px;left:0px;right:0px;z-index:100;}
.popupbox{_margin-left:-300px;_position:absolute;_top:-1000px;_left:50%;_z-index:101;background:#fff;width:540px;padding:25px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.popupbox .popupclose{position:absolute;top:25px;right:25px;z-index:102;}
.popupbox h2{font-size:21px;padding-bottom:20px}
.popupbox p{font-size:14px;line-height:19px;padding-bottom:20px}
.popupbox table td {vertical-align: top;}

.clear{clear:both;font-size:1px;height:1px}
* html .clearfix{height: 1%; overflow: visible;}
*+html .clearfix{  min-height: 1%;}
.clearfix { zoom: 1 }
.clearfix:after {  content: "";   clear: both;  display: block;  width: 0; height: 0;  overflow: hidden;  font-size: 0;}


.send-form{border-collapse:collapse;width:100%;margin:25px 0;}
.send-form td{vertical-align:middle;padding:8px 5px 8px 0 ;font-size:13px;}
.send-form td label{float:left;color:#393939;font-size:14px;font-weight:bold;margin-top:3px}
.send-form select{width:300px;color:#717171;border: 1px solid gray;}
.send-form textarea{width:300px;height:115px;color:#717171;border: 1px solid gray;}
.send-form input.txt-in01{width:300px;color:#717171;border: 1px solid gray;height:20px;}
.error 
{
    color: #FF0000;
    display: block;
    font-size: 10px;
}

.err
{
    /*color: #FF0000 !important;*/
}

select.err 
{
    background: #FF5722 !important;
}



.error-dn
{
    color: #FF0000;
    display: none;
    font-size: 10px;
}

.exp_title {font-weight:bold;}

.pic-btn:hover {-moz-opacity: 0.80;-khtml-opacity: 0.80;opacity: 0.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);background-color:#fff;}

.hd
{
    cursor: hand;
    cursor: pointer;
}


.txt-box2   {background:#f8f7f3;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border: 0px solid #f8f7f3;padding:30px;position:relative;margin-top:0px;}
.txt-box2 p {margin:10px 0 10px 0;}
.txt h3    {padding-bottom:0 !important;}


.dn
{
    display:none;
}


.va
{
    vertical-align: middle !important;
}

.hint 
{
    color:#ccc !important;
    /*font-style:italic;*/
}

.hint2
{
    color:#b8ddef !important;
}

.hint3
{
    color:#ccc;
}

.pic-btn:hover {-moz-opacity: 0.80;-khtml-opacity: 0.80;opacity: 0.80;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);background-color:#fff;}

.order-date{font-size:17px;padding-bottom:20px;font-family: "Franklin Gothic Medium";}

.order-date span {color:#246db1;text-decoration:none;outline:none;}
.order-date a.light {color:#555;text-decoration:none;}
.order-date a.light:hover {color:#555;text-decoration:underline;}


.txt-box table {border-collapse:collapse;width:100%;}
.txt-box table th{font-size:19px;font-family: "Franklin Gothic Medium";font-weight:normal;text-align:left;padding:0 20px 15px 20px}
.txt-box table td{padding:10px 20px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;position:relative;border-left:1px solid #fff;font-size:14px}
.txt-box table td:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;position:relative;border-left:0}
.txt-box table tr.ot td{background:#f7f7f7}

.tbl-default table {border-collapse:collapse;width:100%;}
.tbl-default table th{font-size:17px;font-family: "Franklin Gothic Medium";font-weight:normal;text-align:left;padding:0 10px 15px 10px}
.tbl-default table td{padding:10px 10px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;position:relative;border-left:1px solid #fff;font-size:14px}
.tbl-default table td:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;position:relative;border-left:0}
.tbl-default table tr.ot td{background:#E9EAEB}


img.video-play {-moz-opacity: 0.45;-khtml-opacity: 0.45;opacity: 0.45;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; filter: alpha(opacity=45);}

p.child-list span
{
    margin:0;
    padding:0;
    font-size:12px;
    font-weight:normal;
    display:inline;
}

select.select-hidden
{
    bottom: 0;
    height: 100%;
    left: 0;
    min-width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
    -webkit-appearance: none;
    width: auto;
    z-index:9999;
    cursor:hand;
    cursor:pointer;
}

p.infob
{
    margin-bottom:5px;
    border:1px solid #8CC32C; -webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;-moz-box-shadow:0 1px 1px 0 #eee; -webkit-box-shadow:0 1px 1px 0 #eee; box-shadow:0 1px 1px 0 #8CC32C;background:#8CC32C;
    padding:10px !important;
    padding-bottom:10px !important;
    /*text-shadow:1px 1px #333333;*/
    text-shadow:1px 1px #5fac14;
    color:#fff;
    font-size:16px;
    margin-bottom: 10px;
}

p.errorb
{
    color:#fff;
    margin-bottom:5px;
    border:1px solid #FF6633; 
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    border-radius:11px;
    -moz-box-shadow:0 1px 1px 0 #eee; 
    -webkit-box-shadow:0 1px 1px 0 #eee; 
    box-shadow:0 1px 1px 0 #FF6633;
    background:#FF6633;
    padding:10px !important;
    padding-bottom:10px !important;
    /*text-shadow:1px 1px #333333;
    text-shadow:1px 1px #5fac14;*/
}

p.infob strong, p.errorb strong
{
    color:#fff;
    font-size:16px;
}

p.infob2
{
    margin-bottom:5px;
    border:1px solid green; -webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;-moz-box-shadow:0 1px 1px 0 #eee; -webkit-box-shadow:0 1px 1px 0 #eee; box-shadow:0 1px 1px 0 green;
    padding:10px;
}

.err input, .err textarea {background: #FFEAEA !important;}
label.err, td.err, tr.err td {color: red !important;}

.add-form .lineForm{float:left;margin-right:5px}
.add-form .cusel, .cuselFrameRight{background: url(/catalog/view/theme/haglar/images/select01.png) no-repeat;}
.add-form .cusel {height:28px;background-position: left top;display: inline-block;position:relative;cursor: pointer;font-size: 12px;}
.add-form .cuselFrameRight {position: absolute;z-index: 3;top: 0;right:-1px;height: 100%;width:24px;background-position: right top;}
.add-form .cuselText {box-sizing: border-box;height:22px;padding:6px 0 0 8px;cursor: pointer;overflow: hidden;position: relative;z-index: 2;margin-right:24px;margin-bottom:4px;font-family:Arial, Helvetica, sans-serif;color:#444;font-size:13px;white-space:nowrap;}
* html .add-form .cuselText {height: 28px;}
.add-form .cusel span {display: block;cursor: pointer;padding: 2px 0 2px 8px;font-size:13px;}
.add-form .cusel span:hover {color: #444;}
.add-form .cusel .cuselActive {color: #444;cursor: default;}
.add-form .cusel-scroll-wrap{position:absolute;top:28px;z-index:98;width:100%}
.add-form .jScrollPaneContainer {position: relative;overflow: hidden;z-index:5;border: 1px solid #d4d4d4;padding:4px 0;background:#fff;z-index:97}

.add-form .jScrollPaneTrack {height: 100%;width:5px;background:#CCC;position: absolute;top: 0;right:0px;}
.add-form .jScrollPaneDrag {position: absolute;cursor: pointer;width:15px !important;height: 27px !important;right: -5px;background:#999}
.add-form .jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.add-form .jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}

.add-form .checkboxclass{position: absolute;overflow: hidden;left: -9999px;}
.add-form .checkboxlabelclass{background: url(/catalog/view/theme/haglar/images/checkbox-btn.png) no-repeat 0 1px;padding:2px 0 0 27px;margin:0 15px 0 0;height:20px;float:left;color:#555555}
.add-form .checkboxlabelclass:hover{background-position: 0 -217px;}
.add-form .checkboxlabelclass:active {background-position: 0 -436px;}
.add-form .labelselected{background:url(/catalog/view/theme/haglar/images/checkbox-btn.png) 0 -657px no-repeat}
.add-form .labelselected:hover {background-position: 0 -877px;}
.add-form .labelselected:active {background-position: 0 -1098px;}
.add-form .radioclass{position: absolute;overflow: hidden;left: -9999px;}
.add-form .radiolabelclass{background:url(/catalog/view/theme/haglar/images/radio00.png) no-repeat;padding-left:24px;margin:0;height:20px;display: block;cursor:pointer;float:left;margin-right:18px;font-size:14px}
.add-form .radioselected{background:url(/catalog/view/theme/haglar/images/radio01.png) no-repeat;}


.popupbox .lineForm{float:left;margin-right:5px}
.popupbox .cusel, .cuselFrameRight{background: url(/catalog/view/theme/haglar/images/select01.png) no-repeat;}
.popupbox .cusel {height:28px;background-position: left top;display: inline-block;position:relative;cursor: pointer;font-size: 12px;}
.popupbox .cuselFrameRight {position: absolute;z-index: 3;top: 0;right:-1px;height: 100%;width:24px;background-position: right top;}
.popupbox .cuselText {box-sizing: border-box;height:22px;padding:6px 0 0 8px;cursor: pointer;overflow: hidden;position: relative;z-index: 2;margin-right:24px;margin-bottom:4px;font-family:Arial, Helvetica, sans-serif;color:#444;font-size:13px;white-space:nowrap;}
* html .popupbox .cuselText {height: 28px;}
.popupbox .cusel span {display: block;cursor: pointer;padding: 2px 0 2px 8px;font-size:13px;}
.popupbox .cusel span:hover {color: #444;}
.popupbox .cusel .cuselActive {color: #444;cursor: default;}
.popupbox .cusel-scroll-wrap{position:absolute;top:28px;z-index:98;width:100%}
.popupbox .jScrollPaneContainer {position: relative;overflow: hidden;z-index:5;border: 1px solid #d4d4d4;padding:4px 0;background:#fff;z-index:97}

.popupbox .jScrollPaneTrack {height: 100%;width:5px;background:#CCC;position: absolute;top: 0;right:0px;}
.popupbox .jScrollPaneDrag {position: absolute;cursor: pointer;width:15px !important;height: 27px !important;right: -5px;background:#999}
.popupbox .jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.popupbox .jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}


.feed-box{background:#f0f6fb;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;margin:10px 0 20px 0;padding:20px 20px 0 20px }
.feed-box table{width:100%;border-collapse:collapse}
.feed-box table td{vertical-align:top;padding-bottom:20px}
.feed-box table td label{font-size:13px;float:left;padding-top:3px}
.feed-box input{width:310px;font-family:"trebuchet MS", Arial;font-size:12px;padding:2px 5px}
*html .feed-box input{width:307px;font-family:"trebuchet MS", Arial;font-size:12px;padding:2px 5px}
.feed-box select{width:321px;font-family:"trebuchet MS", Arial;font-size:12px;}
.feed-box textarea{width:310px;font-family:"trebuchet MS", Arial;font-size:12px;padding:2px 5px;height:95px}

table.tbl {width:auto; border-collapse:collapse; margin-top:15px;}
table.tbl td {border: 1px solid #ccc; padding:10px;}

#easyTooltip{padding:10px;border:1px solid #bcbaa6;background:#ffffef;color:#333;margin-top:0px;width:160px;font-size:12px}
#easyTooltip span{position:absolute;background:url(/catalog/view/theme/haglar/images/arr.png) no-repeat;width:6px;height:13px;left:-6px;top:15px}

input.global{width:150px;padding:0 5px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;border:1px solid #e2e2dc;background:#fff;height:27px;line-height:27px;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444}

.clubs-list table{border-collapse:collapse;width:100%}
.clubs-list table td, .clubs-list ul li {float:left; width:302px;padding-right:22px;font-size:14px;vertical-align:top;padding-bottom:22px}
.clubs-list table td, .clubs-list ul li:nth-child(3n) { padding-right:0; }
.clubs-list table td a, .clubs-list li a {font-weight:bold;display:block;padding-bottom:7px;}
.clubs-list table td p, .clubs-list li p {line-height:19px}

.excursions-list table{border-collapse:collapse;width:100%}
.excursions-list table td, .excursions-list ul li {float:left; width:302px;padding-right:22px;font-size:14px;vertical-align:top;padding-bottom:22px}
.excursions-list table td, .excursions-list ul li:nth-child(3n) { padding-right:0; }
.excursions-list table td a, .excursions-list li a {font-weight:bold;display:block;padding-bottom:7px;}
.excursions-list table td p, .excursions-list li p {line-height:19px}

.scrollbox {
    border: 1px solid #CCCCCC;
    width: 100%;
    height: 250px;
    background: #FFFFFF;
    overflow-y: scroll;
    overflow-x: hidden;
}

.scrollbox div {
    padding: 5px 3px;
    border-bottom:1px solid #dedede;
}

.scrollbox div label {display: inline !important;font-weight:normal !important;}

.scrollbox div input {
    margin: 0px;
    padding: 0px;
    margin-right: 3px;
}
.scrollbox div.even {
    background: #FFFFFF;
}
.scrollbox div.odd {
    background: #E4EEF7;
}

/* --------------------------------------------------------------------------------------- */

/* < Autocomplete > */

.ac_results {
    padding: 0px;
    border: 0px solid #52B5E9;
    background-color: white;
    overflow: hidden;
    z-index: 99;
    color: #2285b6;
    margin-top:-2px;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    font-size:15px !important;
    line-height: 18px;
    height:40px;
    border-radius: 3px;
    padding: 7px 5px;
    margin: 0px;
    cursor: default;
    display: block;
    color:#333;
    /* 
    if width will be 100% horizontal scrollbar will apear 
    when scroll mode will be used
    */
    /*width: 100%;*/
    /* 
    it is very important, if line-height not setted or setted 
    in relative units scroll will be broken in firefox
    */
    line-height: 20px;
    overflow: hidden;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.ac_loading
{
    /*background: white url('/i/indicator.gif') right center no-repeat;*/
}

.ac_odd {
    /*border-top: 1px solid #52B5E9;
    border-bottom: 1px solid #52B5E9;*/
}

.ac_over {
    background-color: #0067a5;
    /*background:url(/i/heading-autocomplete.png) no-repeat;*/
    color: #fff !important;
}

/* </ Autocomplete > */


.sticky
{
    position: fixed !important;
    top: 20px !important;

    /*margin-right: -480px !important;
    right: 50% !important;
    width: 207px;*/
}

.sticky-bottom
{
    position:absolute !important;
    /*margin-right: -480px !important;
    right: 50% !important;*/
    bottom: 20px !important;
}

.lang-level.level01.current{background:url(/catalog/view/theme/haglar/images/ugol01.png) bottom center no-repeat}
.lang-level.level01 {text-align:center;font-weight:bold;padding:5px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;background:#91b60f;text-shadow:0 -1px 1px #508d06}

.lang-level.level02.current{background:url(/catalog/view/theme/haglar/images/ugol02.png) bottom center no-repeat}
.lang-level.level02 {text-align:center;font-weight:bold;padding:5px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#7fa204;text-shadow:0 -1px 1px #578602}

.lang-level.level03.current{background:url(/catalog/view/theme/haglar/images/ugol03.png) bottom center no-repeat}
.lang-level.level03 {text-align:center;font-weight:bold;padding:5px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#d1a110;text-shadow:0 -1px 1px #b87006}

.lang-level.level04.current{background:url(/catalog/view/theme/haglar/images/ugol04.png) bottom center no-repeat}
.lang-level.level04 {text-align:center;font-weight:bold;padding:5px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#d15d10;text-shadow:0 -1px 1px #c2410a}

.lang-level.level05.current{background:url(/catalog/view/theme/haglar/images/ugol05.png) bottom center no-repeat}
.lang-level.level05 {text-align:center;font-weight:bold;padding:5px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#13bade;text-shadow:0 -1px 1px #0893c9}

.lang-level.level06.current{background:url(/catalog/view/theme/haglar/images/ugol06.png) bottom center no-repeat}
.lang-level.level06 {text-align:center;font-weight:bold;padding:5px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;position:relative;background:#0a80b1;text-shadow:0 -1px 1px #053d83}

.nol   {color:#000 !important;font-size:14px  !important;margin:0 !important;padding:0 !important;display:inline !important;vertical-align:middle;}
.nol2  {color:#000 !important;font-size:12px  !important;margin:10px 0 0 0 !important;padding:0 !important;display:inline !important;vertical-align:middle;font-weight:normal !important;}

.right-answer { color: green; font-weight:bold; font-size:17px; }
input.right-answer,option.right-answer, select.right-answer, textarea.right-answer { background:lightgreen; color: #000; font-weight: normal; font-size:14px; }
.incorrect-answer { color: red; font-weight:bold; }
input.incorrect-answer,select.incorrect-answer, textarea.incorrect-answer { background:mistyrose; color: #000; font-weight: normal; }


label.err { border: 2px solid red; }