/* =============================================================================
   Core
   ========================================================================== */
@font-face {
    font-family: "AllerLight";
    src: url('../fonts/Aller/Aller-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Aller/Aller-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Aller/Aller-Light.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/Aller/Aller-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/Aller/Aller-Light.svg#Aller-Light') format('svg'); /* Legacy iOS */     
}

@font-face {
    font-family: "Aller";
    src: url('../fonts/Aller/Aller.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Aller/Aller.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/Aller/Aller.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/Aller/Aller.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/Aller/Aller.svg#Aller') format('svg'); /* Legacy iOS */
    font-weight: bold;    
}

body::-webkit-input-placeholder { color: #5c5c5c; }
body:-moz-placeholder { color: #5c5c5c; }
body::-moz-placeholder { color: #5c5c5c; }
body:-ms-input-placeholder { color: #5c5c5c; }

body{ text-align: center; font-family: 'AllerLight', Verdana; font-size: 14px; line-height: 1.4; color: #000;  }

.btn.btn-more { background: none; border-radius: 0px; outline: 0 !important; color: #f47028; font-size: 11px; text-transform: uppercase; border: 1px solid #8e9292; padding: 8px 10px; text-align: left; background: url('../images/submit_btn.png') no-repeat center right; padding-right: 50px; }
/*.btn-more:hover { background: #333; color: #fff; }*/
.btn-submit { background: none; color: #000; border-radius: 0px; padding: 2px 20px 2px 20px; font-size: 15px; font-weight: bold; border: 1px solid #ccc; }
.btn-submit:hover { background: #333; color: #fff; }
.btn-link { padding: 0; color: inherit; }
.btn-link:hover { text-decoration: none; color: inherit; }

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
.btn:focus{ outline: 0 !important; box-shadow: none !important; }

a,
a:hover,
a:visited,
a:link,
a:focus,
a:active { color: inherit; outline: 0 !important;  }

html {
  height: 100%;
}
body {
  height: 100%;
}

/*        CONTENT
 -------------------------------------------------------------------------------------- */
/*if the page is not wrapped at the same width.. footer width > content ... remove wrapper from layout and css*/

#main-container { text-align: left; min-height: 100% !important; background: url('../images/background_bottom.png') repeat-x bottom #c57616;  position: relative; }
header#main-header{ text-align: left; height: 520px; padding-top: 40px; border-bottom: 2px solid #fff; background: url('../images/body_bckg.png') no-repeat top center #c57616;  }
main#main-content{ text-align: left; }

#background-bottom { background: url('../images/background_bottom.png') repeat-x bottom; position: absolute; bottom: 0px; width: 100%; height: 335px; border: 1px solid #000; }

#footer-outer {
width: 100%; 
position: absolute; bottom:0px;

}

.content-panel { text-transform: uppercase; float:right; display: inline-block; }
.content-panel .link{ margin-bottom: 15px; }
.content-panel .link a{ color: #fff; background: url('../images/odrazka.png') no-repeat 0px 3px;  padding-left: 20px; display: block; }
.content-panel .link.black a{ color: #fff; background: #000; padding-left: 0px; padding: 7px 8px 5px 8px; display: block; border: 1px solid #fff; font-size: 14px; font-weight: bold;}

/*        HEADER
 -------------------------------------------------------------------------------------- */



#logo{ display:block; float: left; }
/*#mobile-logo{ display:block;background:url('../images/logo.png') no-repeat; width: 180px; height: 95px; margin:10px 0px 10px 0px; }*/

#podpis { position: absolute; left:0px; top: 270px; }
#zoznamte { position: absolute; left:0px; top: 330px; }

/* --- LANGS --- */
#lang-bar{ float:right; position:relative; }

#page-banner{ text-align: center; }
#page-banner img{ width: 100%; }

/*                                MENU 
----------------------------------------------------------------------------------- */

.fixed-top-header{ background: rgba(255,255,255,1.0); position:fixed;top:0px; width: 100%; z-index: 999; /*box-shadow: 2px 2px 4px #888;*/ }

nav.border-nav { float:right; clear: right; margin-top: 20px; position: relative; margin-bottom: 10px; }
nav.border-nav .top-bar{ height: 1px; background: #505050; width: 0px; position: absolute; top:0px; left:0px; }
nav.border-nav .bottom-bar{ height: 1px; background: #505050; width: 0px; position: absolute; bottom:0px; left:0px; }
nav.border-nav ul{margin: 0px !important;padding: 0px !important; list-style: none !important;}
nav.border-nav ul li{margin: 0px;padding: 0px;text-transform: uppercase; font-size: 13px; display: inline-block; }
nav.border-nav ul li a{display:block; padding: 2px; /*border-bottom: 1px solid #fff; border-top: 1px solid #fff;*/ color: #fff; }
nav.border-nav ul li a.active{/*border-top: 1px solid #2b9acf; border-bottom: 1px solid #2b9acf;*/ color: #f7941e; }
nav.border-nav ul li.sep{margin-left:10px;margin-right: 10px;}



/*        CAPACITY PAGE CONTENT
 -------------------------------------------------------------------------------------- */
#capacity{  }
#capacity h1{ margin-top: 0px; padding-bottom: 15px; font-size: 24px; line-height: 1.1; margin:0px; font-weight: normal; color: #fff; text-align: left; margin-bottom: 15px; }
#capacity h2{ margin-top: 0px; padding-bottom: 20px; font-size: 18px; line-height: 1.1; margin:0px; text-align: left; color: #fff; font-weight: normal; }

#capacity-content{ padding:40px 0px 20px 0px; text-align: justify; }
#capacity-content ul{list-style: disc;}
#capacity-content ul, ol{margin-left: 15px;}
#capacity-content ul li{padding-left: 0px;}
#capacity-content p{ margin-bottom: 25px; }

#capacity-content .contact-box{ border-radius: 10px; background: #fff2e9; border: 1px solid #e4e4e4; padding: 10px; margin-bottom: 20px; }
#capacity-content .contact-box-image img{  }
#capacity-content .contact-box-header h2{ color: #f69830; font-weight: bold; }
#capacity-content .contact-box-content { padding-right: 30px; }

#capacity-header { }
#capacity-header h1{ text-transform: uppercase; border-bottom: 1px solid #d49850; margin-bottom: 30px; }
#capacity-addon-text{padding-bottom: 20px;}

.wysiwyg-content {  }
.wysiwyg-content img{ max-width: 100%; }
.wysiwyg-content a{ color:#fff; }


/* SUBMENU */
#submenu { margin-bottom: 40px;}
#submenu ul { list-style: none; margin: 0; padding: 0; font-size: 22px; }
#submenu ul li{ padding: 2px 0px 2px 0px; }
#submenu ul li a{ text-transform: uppercase; font-family: 'SupernettCondensed'; color: #000000; }
#submenu ul li a:hover{ color: #784b97; opacity: 0.7; }
#submenu ul li a.active{ color: #784b97; }
#submenu ul li.sep{ background: url('../images/content_line_dashed.png') repeat-x; background-position: 0px -1px; height: 2px; }
#submenu ul li.rate{ background: url('../images/submenu_rate.png') no-repeat; background-position: right center; }
#submenu ul li.search{ background: url('../images/submenu_search.png') no-repeat; background-position: right center; }

.content-line { height: 2px; background: url('../images/default/content_line.png') repeat-x; }
.content-line-dashed { height: 2px; background: url('../images/default/content_line_dashed.png') repeat-x; }

.text-box{ font-size: 18px; padding: 0px; }
.text-box-header {} 
.text-box-content { color: #3e290e; text-indent: 0px; text-align: justify; }
.text-box-footer { margin-top: 15px; }
.text-box-footer a.btn.btn-more { }

.image-box { border-radius: 0px; min-height: 165px; background: #ccc; /*Replace background with image*/ }
.image-box-header { background: rgba(125,125,125,1.0); text-align: center; border-top-left-radius: 0px; border-top-right-radius: 0px; color: #fff; }
.image-box-header h2{ margin-bottom:0px; padding-bottom: 0px !important; line-height: 1.7 !important; font-weight: bold; text-align: center !important; }

/*        FOOTER
 -------------------------------------------------------------------------------------- */

footer#main-footer{padding-top: 20px;border-top: 1px solid #4a2c08; text-align: left; color: #bebebe; font-size: 12px; text-transform: uppercase; margin-bottom: 20px; }
nav#footer-nav{ list-style: none; font-size: 13px; }
nav#footer-nav li{ float: left; }
nav#footer-nav li.grey{ color:#ccc; }
nav#footer-nav li a{ color:#999; }
nav#footer-nav li a.webdesign{ color:#999999; }
nav#footer-nav li a.web-development{ color:#999999; text-transform: lowercase; }
nav#footer-nav li a.sitemap{ color:#999; }
nav#footer-nav li.sep{ margin-left: 15px; margin-right: 15px; position: relative; bottom: 1px; }




.button-up{ display:block; background:url('../images/default/footer-up.png') no-repeat; width:22px; height:16px; margin: 0 5px;}


/* MODALS */



/* LANGS ---------------------------------------------------------------------------------- */
.btn-lang { color: #5b6165; text-decoration: none; text-transform: uppercase; margin-right: 5px }

.lang-sk { height: 13px; background: url('../images/default/langs/sk.png') no-repeat; padding-left: 20px }
.lang-sk:hover { background: url('../images/default/langs/sk-hover.png') no-repeat }
.lang-sk.lang-active { background: url('../images/default/langs/sk-hover.png') no-repeat }

.lang-en { height: 13px; background: url('../images/default/langs/en.png') no-repeat; padding-left: 20px }
.lang-en:hover { background: url('../images/default/langs/en-hover.png') no-repeat }
.lang-en.lang-active { background: url('../images/default/langs/en-hover.png') no-repeat }

.lang-de { height: 13px; background: url('../images/default/langs/de.png') no-repeat; padding-left: 20px }
.lang-de:hover { background: url('../images/default/langs/de-hover.png') no-repeat }
.lang-de.lang-active { background: url('../images/default/langs/de-hover.png') no-repeat }



/* =============================================================================
   RESPONSIVE DESIGN
   ========================================================================== */

/*GLOBAL RESPONSIVE */
@media screen and (max-width: 1199px){

}    

/*LG-GRID > 1200 */
@media screen and (min-width: 1200px){

.container{ width: 1054px; }

}

/*MD-GRID 992 pixels to 1199 */

@media screen and (min-width: 992px) and (max-width: 1199px){

}

/*SM-GRID 768 pixels to 991*/

@media screen and (min-width: 768px) and (max-width: 991px){

}


/*XS-GRID < 768 */

@media screen and (max-width: 767px){

#logo img{ position: fixed; top:6px; left:5px; z-index: 9999; height: 40px; }

}

/*        600 - 421   MOBILE 1
 -------------------------------------------------------------------------------------- */

@media screen and (max-width: 600px) and (min-width: 421px){

.content-line { background-size: 700px 3px; }

}

/*        420 - 0    MOBILE 2
 -------------------------------------------------------------------------------------- */

@media screen and (max-width: 420px){

.content-line { background-size: 500px 3px; }
#logo img{ position: fixed; top:10px; left:5px; z-index: 9999; height: 30px; }

}

@media screen and (min-width: 768px){


 /*FADE EFFECT*/
/*
ul.nav li.dropdown:hover > ul.dropdown-menu{
    visibility:visible;
    opacity:1;
    transition-delay:0s;
}
ul.nav li.dropdown-submenu:hover > ul.dropdown-menu{
    visibility:visible;
    opacity:1;
    transition-delay:0s;
}

ul.nav ul.dropdown-menu{
    visibility:hidden;
    opacity:0;
    transition:visibility 0s linear 0.25s,opacity 0.25s linear;
    display: block;
}
*/
 
nav#main-nav #main-nav-collapse{ margin-top: 20px; }


/*SCROLL DOWN*/
/*
 ul.nav li.dropdown:hover > ul.dropdown-menu{
    transition-delay:0s;
    max-height: 1000px;
    transition:max-height 0.75s ease-in;
 }
 ul.dropdown-menu{
    max-height: 0px;
    overflow: hidden;
    transition:max-height 0s ease;
    display: block;
    padding: 0;
 }*/   

}