/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */

audio:not([controls]) {
    display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}

#web-out{min-width:1220px;margin:0 auto;}
#web-in{min-width:1200px;margin:0 auto;}

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centred in all browsers regardless of content height
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
}


html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: none
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

.sticky{  
    position: fixed;  
	margin:0px auto;
	width:100%;
    left: 0;  
    top: 0;  
    z-index: 100;  
    border-top: 0; 
	background:url('../images/vyrez.png') repeat-x;
}
 
.static {  
    position: fixed;  
	margin:0px auto;
	width:100%;
    left: 0;  
    top: 236px;  
    z-index: 100;  
    border-top: 0; 
 
} 
 
.scroll-up{display:none;width:49px;height:49px;background:url('../images/top.png') no-repeat;position:fixed;bottom:10px;right:10px;cursor:pointer;}
 
 
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul {
    padding: 0 0 0 0px;
}

/*
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
    overflow: hidden;
}

img,
iframe,
object,
embed {
	vertical-align:middle;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0px;
}

/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    outline:none;
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
    resize:vertical; /* TK */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption { text-align:left; caption-side: top; }
th { text-align:left; }


/* =============================================================================
   Font
   ========================================================================== */

@font-face {
    /*
    font-family: 'Christopherhand';
    src: url('../font/comesinhandy-webfont.eot');
    src: url('../font/comesinhandy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/comesinhandy-webfont.woff') format('woff'),
         url('../font/comesinhandy-webfont.ttf') format('truetype'),
         url('../font/comesinhandy-webfont.svg#ChristopherhandRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    */
}

@font-face {
    font-family: "Alegrey-sans";
    src: url("../fonts/Alegrey-sans/AlegreyaSans-Regular.ttf");
}
@font-face {
    font-family: "Alegrey-sans";
    src: url("../fonts/Alegrey-sans/AlegreyaSans-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "Alegrey-sans";
    src: url("../fonts/Alegrey-sans/AlegreyaSans-Medium.ttf");
    font-weight: 500;
}

::-webkit-input-placeholder {color: #000;}

:-moz-placeholder { /* Firefox 18- */  color: #000;  }

::-moz-placeholder {  /* Firefox 19+ */color: #000;  }

:-ms-input-placeholder {  color: #000;  }

/************************************************************************************
   SIMPLE (FAST) CLASS
*************************************************************************************/
.l{display:inline; float:left;}
.r{display:inline; float:right;}
.cl{clear:left;}
.cr{clear:right;}
.cb{clear:both;}
.break{height:1px; font-size:1px; line-height:1px; clear:both; overflow:hidden; visibility:hidden; display:block; margin:0 !important; padding:0 !important; width:100%;}
.cfx{zoom:1;}
.cfx:after, .cfx:before{content:''; display:table; clear:both;}
.ctx{zoom: 1; display:table-cell; *display:block;}
.ctx:after{clear: both; display: block; visibility: hidden; overflow: hidden; height: 0 !important; line-height: 0; font-size: xx-large; content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.out{position:absolute; left:-5000px; top:-5000px;}
.vhide{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.js .jsHide, .hidden{display:none;}
.bold{font-weight:bold;}
.thin{font-weight:normal;}
.italic{font-style:italic;}
.small{font-size:11px;}
.big{font-size:14px;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.vamm { vertical-align:middle; }
.error, .red{color:#ff0000 !important;}
.grey{color:#999;}
.gray{color:#666;}
.reset{border:none; margin:0; padding:0; background:none;}
.reset td, .reset th{border:none; background:none; padding:0;}
.reset>li, .reset>dt, .reset>dd{margin:0; padding:0; background:none; border:none; font-weight:inherit; float:none; display:inherit; text-align:inherit; width:auto;}


a { outline: none; color: #125EAE; text-decoration: none }
ul.error { margin-bottom: 10px; color: red }

/* Floats */
.float-left { float: left }
.float-right { float: right }
.clear { clear: both }


/* Sizes */
.w430 { width: 430px }
.w500 { width: 500px }

.font12 { font-size: 12px }
.font13 { font-size: 13px }
.font14 { font-size: 14px }
.font15 { font-size: 15px }
.font16 { font-size: 16px }
.font18 { font-size: 18px }
.font20 { font-size: 20px }
.font22 { font-size: 22px }
.font24 { font-size: 24px }

/* Colors */
.c-black { color: #000 }
.c-white { color: #fff }

/* Other */
.bold { font-weight: bold }
.italic { font-style: italic }
.hidden { visibility: hidden }
.display-none {display: none;}
.display-block {display: block;}

.no-margin { margin: 0px !important }
.no-margin-right { margin-right: 0px !important }
.no-margin-left { margin-left: 0px !important }
.no-margin-top { margin-top: 0px !important }
.no-margin-bottom { margin-bottom: 0px !important }
.margin-center { margin: 0 auto }
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

.padding-right10 { padding-right: 10px }
.padding-top10 { padding-top: 10px }
.padding-left10 { padding-left: 10px }
.padding-bottom10 { padding-bottom: 10px }
.no-padding { padding: 0px !important }
.border { border: 1px solid #000; }
.border-white { border: 1px solid #fff; }

.margin10 { margin: 10px }
.margin-right10 { margin-right: 10px }
.margin-top10 { margin-top: 10px }
.margin-left10 { margin-left: 10px }
.margin-bottom10 { margin-bottom: 10px }

.http-error { width: 500px; text-align: center; margin: 0 auto }
.http-error p { margin: 15px 0 }


#map_canvas { width: 100%; height: 300px; border: 1px solid #CDCDCD ; border-radius: 5px }
.img-hide{display:none;background:url('../images/mediabox.png') no-repeat;width:150px;height:150px;opacity: 0.8;position: relative;z-index: 100;}
.nb-no-margin{border:none!important;background:#d9dee8;height:25px;}
.input-small{padding: 5px 0 0 0;}
.google-text{font:16px Myriad Pro Helvetica, sans-serif;margin: 0 0 10px 0;}
.google-content{padding-bottom:10px;}
.image-envelope a img { display: block }
.image-envelope { width: 145px; height: 145px; border: 1px solid #bbb; text-align: center; float: left; margin-right: 15px; margin-bottom: 15px  }

#ajax-spinner { width: 32px; height: 32px; background: url(../images/ajax-loader.gif) no-repeat }
#ajax-spinner2 { width: 16px; height: 16px; background: url(../images/ajax-loader2.gif) no-repeat }


/************************************************************************************
   TYPOGRAPHY
*************************************************************************************/
body{text-align:center;background: url('../images/header_repeat.png') repeat-x #231f20; font: 13px/1.4 'Alegrey-sans', sans-serif;}

/* HEADING */
h1, h2, h3, h4, h5, h6, caption { margin:0px; line-height: 1 }
h1{ margin:0px 0 20px 0;font-size:24px;font-weight:bold; }
h2{ margin:0px 0 15px 0; font-size:20px; }
h3{ margin:0px 0 12px 0; font-size:18px; }
h4{ margin:0px 0 10px 0;font-size:16px; }
h5, h6{ font-size:14px; }

/* PARAGRAPH */
p{margin:0;}
hr{margin:20px 0px; *margin:10px 0; border:1px solid #ccc; border-width:1px 0 0; color:#fff; background:#fff; height:0px; overflow:hidden; line-height:0px; font-size:0px;}


/* CITE */
cite{border:none; color:#666; font-style:italic;}
blockquote{border:1px solid #e2e2e2; clear:both; padding:15px 20px 5px; margin:0 0 1em; position:relative; font-style:italic;}
blockquote p{margin:0 0 10px;}

/* ANCHOR */
a{ color: #666; text-decoration: none }
a:hover,
a:focus {  }

/* LIST */
ul, ol{margin:0 0 0 0; list-style: none; padding:0;}
li>ol, li>ul{}
li{margin:0; padding: 0 0 0 0px; background: url('../img/bg/li.png') 0 8px no-repeat;}
ol{counter-reset: item;}
ol li{padding: 0 0 0 0px; background:none; position:relative;}
ol li:before,
ol li .ie-counter{content: counter(item); counter-increment: item; position:absolute; left:-16px; top:0; color:#80768d; text-align:left; width:20px; }

dl{margin:10px 0 25px; font-size:0px; letter-spacing:-1px; overflow:hidden;}
dt, dd{ display:inline-block; *display:inline; zoom:1; font-size:15px; letter-spacing:0px; vertical-align:top;  padding:8px 0;}
dt{font-weight:bold; width:30%;}
dd{margin: 0 0 0 30px; font-weight:normal; width:70%;}

/* IMAGES */
img.left, img.right{float:left; display:inline; margin:.3em 50px 10px 0; clear:left; border-top: 1px solid #949b9c; }
img.right{float:right; display:inline; margin:.3em 0 20px 50px; clear:right;}

.gold{color:#c88b5a !important;}

/* TABLE */
table{margin:0; border-collapse:collapse; width:100%; }
caption{padding:0px 0px .8em; margin:0; }
thead th{  text-transform:uppercase; color:#6D617B; vertical-align:top; font-weight:bold;  }
td, th{ vertical-align:top; background:none; }
table td.rank { color:#0b4e2c; }

table.plain th,
table.plain td { padding:5px 10px 5px 0; border:0; border-top:1px solid #575757; }
table.plain tr:first-child th,
table.plain tr:first-child td  { border:0; }

.wysiwyg li { overflow:hidden; zoom:1; }

.textblock { font-size: 13px; }
.textblock-centered { max-width: 80%; margin: 0 auto; }
.x1 {color:#10C1EA; font: 18px/26px Georgia, Times, "Times New Roman", serif; font-style: italic; font-weight:bold; display:block; width: 500px; border-bottom: 1px dashed #484848;  margin: 13px auto 5px auto; }


/* =============================================================================
   Core
   ========================================================================== */

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

.content-out { width: 100%; height: 236px; text-align:center; position:fixed; z-index:999; top:0px; background: url('../images/vyrez.png') repeat-x}
.content{ width: 1024px; margin: 0 auto;text-align: center; background: url('../images/header_bckg.png') no-repeat; position: relative; height: 241px;}
.content0-out{ width: 100%; background: url('../images/content_repeat.png') repeat-x #242021; text-align:center; min-width: 1125px; position: relative; margin-top: 236px;}
.content0{ width: 1024px; margin: 0 auto;text-align: left;padding:0px 0px 0px 0px; min-height: 380px;}
.content1{ width: 100%; margin: 0 auto;text-align: left;padding:0px 0px 0px 0px;min-height: 380px; color: #fff;font-size: 17px;  }

.footer-out { width: 100%; text-align:center; background: url('../images/footer_repeat.png') repeat-x; }
.footer{ width:1125px;margin:0 auto; text-align: left; min-height: 383px; background: url('../images/footer_bckg.png') no-repeat; }

.mediabox {float: left; height: 380px;position:relative;top:-7px;}
/*				HEADER
 -------------------------------------------------------------------------------------- */
.logo{display:block;position:absolute;width: 380px; height: 180px; left : 320px;}
.logo-text{}

/* --- LANGS --- */
.langs{float:right;position:relative;}
.hung{width:25px; height:16px;margin:0 10px 0 0;}
.ger{width:25px; height:16px;}

/* --- HEADER --- */
.header{width: 100%;}
.header-img{width: 980px;height: 236px;background: url('../images/header-img.png');position:relative;}
.header-img-text{padding:20px 15px;float:left;max-width: 660px;}
.header-img-text p{font-size:15px; color:#fff;margin-top: 10px;}

/*                                MENU 
----------------------------------------------------------------------------------- */
.menu { padding:0px;text-align: center;margin: 0 auto; position:absolute; display: inline-block; position: absolute; left:210px; bottom:15px; width: 600px;}
.menu-img{float:left;position:relative; top:6px;margin-left: 14px;margin-right: 14px;}

.menu ul{margin: 0px;padding: 0px;}
.menu ul li{margin: 0px;padding: 0px;text-transform: uppercase;position: relative; display: inline-block;}
.menu ul li a{display:block;color:#c88b5a;font-size: 20px;}
.menu ul li a.active{color:#c88b5a;}
.menu ul li.sep{margin-left:22px;margin-right: 22px; width: 5px; height: 5px; position: relative; top:5px;background: url('../images/menu_sep.png') no-repeat;}

/*Javascript scroll for submenu in global.js*/
.menu ul li ul{display:none;position: absolute;z-index:9999;width: 200px;background: url('../images/menu_sub_line.png') no-repeat #fff; background-position: bottom;padding-bottom: 5px;padding-top: 5px;}
.menu ul li ul li{float:none; color:#646464;background: url('../images/submenu_second_bckg.png') 0px 1px no-repeat; padding: 1px 0px 1px 15px; border-bottom: 1px solid #bebebe;}
.menu ul li ul li:last-child{border: none;}
.menu ul li ul li a{color:#646464;font-size: 17px;}
.menu ul li ul li a:hover{text-decoration: underline;}
.menu ul li ul li.sep{margin:0px;width: 100%;display: none;}

.menu ul li ul li ul{display: none;}

/*SUBMENU*/

.submenu ul { }
.submenu ul li{ font-size: 14px; padding: 2px 0px 2px 0px; color: #6f6f6f;}
.submenu ul li a{ color: inherit; }
.submenu ul li a.active{ color: #ca6602; font-weight: bold;}
.submenu ul li.sep{ font-size: 14px; height: 4px; width: 178px; background: url('../images/submenu_sep.png') no-repeat;}
.submenu ul li ul{margin-top:5px;margin-bottom: 5px;}
.submenu ul li ul li{background: url('../images/submenu_second_bckg.png') 0px 2px no-repeat;padding: 4px 0px 4px 20px;}
.submenu ul li ul li a.active{ font-weight: bold; color:inherit; }
.submenu ul li ul li.sep{display:none;}
.submenu ul li ul li ul{display:none;}

/*				CAPACITY
 -------------------------------------------------------------------------------------- */
.capacity{width:1024px;}
.capacity-content{font-size:17px;padding:20px 0px;font-weight: normal; color: #fff;text-align:justify;}
.capacity-content ul{list-style: disc;}
.capacity-content ul, ol{margin-left: 15px;}
.capacity-content ul li{padding-left: 0px;}
.capacity-header{padding:0px 0px 20px 0px;font-size:24px;font-weight:bold;line-height: 1; color: #c88b5a; text-align: center;}
.capacity-header-text{margin-bottom: 20px;}
.capacity-content-line{width: 100%; height:11px; background: url('../images/content_line.png') no-repeat;margin-bottom: 10px;border-bottom: 1px dotted #999;}

.capacity2{width:1224px;}
.capacity2-content{font-size: 17px; color: #fff;}


.popup { position: relative; width: 550px; position: absolute; background: #fff; display: none; z-index: 9999 }
.popup .popup-inner{margin: 20px }
.popup .popup-text{margin: 15px 0 }
.popup .popup-close{position: absolute; width: 16px; height: 16px; top: 20px; right: 20px; background: url('../images/close.png') no-repeat }
.popup .input-text{width: 490px; margin-bottom: 10px }
.popup .input-text input {width: 485px }
.popup .input-textarea {width: 490px;margin-bottom: 10px }
.popup .input-textarea textarea { width: 485px }

.lightbox-overlay { position: fixed; left: 0px; top: 0px;  z-index: 1000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; background: #000 }

/*				SHARE LINE
 -------------------------------------------------------------------------------------- */
.share-line{height:27px;float:right;margin: 5px 5px 0 0;}
.social-tools{position:fixed;right:0px; z-index: 999;}
.fb-share{position:absolute;right:0px;top:130px;}
.send-page{position:absolute;right:0px;top:167px;}

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

.footer-news{ float: left; width: 385px;}
.footer-hall-of-fame{ float: right; width: 640px; }
.footer-hall-of-fame-header{ font-size: 20px; text-transform: uppercase; height: 40px; line-height: 40px; padding-left: 15px; }
.footer-hall-of-fame-photos{ margin-top: 20px; position:relative;}
.joe-bonamassa{ display:block; width: 270px; height: 225px; position: absolute; }
.tommy-emmanuel{ display:block; width: 290px; height: 225px; position: absolute; left: 330px; }

/*                             PAGINATOR
------------------------------------------------------------------------------- */
.paginator-envelope { text-align: center; margin-top: 10px }
.paginator { display: inline-block; font-size: 16px }
.paginator a { color: #125EAE; text-decoration: none }
.paginator a:hover {  }
.paginator .current { font-weight: bold; background: #125EAE; color: #fff; -webkit-border-radius: 30px; border-radius: 30px; padding: 0 10px }
.paginator .arrow { float: left; margin: 0 5px }
.paginator .p-steps { float: left; margin: 0 5px }
.paginator .p-steps a { margin: 0 5px }
.paginator .inactive { color: #7b7b7b }


/*                          COMMENTS TO ARTICLE 
-------------------------------------------------------------------- */
.comments form { margin-top: 15px }
.input-text { width: 445px; height: 30px; line-height: 30px; border: 1px solid #bbb; padding: 5px 10px }
.input-text input { width: 440px; height: 25px; background: transparent; border: 0 }
.input-textarea { width: 605px; height: 49px; border: 1px solid #bbb; padding: 10px }
.input-textarea textarea { width: 600px; height: 45px; background: transparent; border: 0; font: 12px/1.3 "Arial", Helvetica, sans-serif; resize: none }

.comment-header { color: #654c4b; font-weight: bold; font-size: 14px }
.comment-date { font-size: 10px }
.comment-content { margin-top: 10px }
.comment-react { color: #125EAE; text-decoration: none }
.comment-react:hover { text-decoration: underline }
.comments .comment { margin-top: 10px; padding: 10px; background: #e8e8e8 }


/*                              ARTICLE BADGES 
------------------------------------------------------------------------- */
.article-container { padding: 3px 5px; margin-right: 5px; margin-top: 5px; float: left; font-size: 12px }

.corners10 { -webkit-border-radius: 10px; border-radius: 10px }  
.corners5 { -webkit-border-radius: 5px; border-radius: 5px }  
.shadow { -webkit-box-shadow: 2px 2px 10px 5px gray; box-shadow: 2px 2px 10px 5px gray }   
.text-shadow-black { text-shadow: 1px 1px 1px #000000 }    


/*                                  SITEMAP
-------------------------------------------------------------------------------- */
ul.sitemap { list-style-position: outside; list-style-type: disc }
ul.sitemap li { margin-left: 0px; padding: 0px 0px }
ul.sitemap li a { color: #666; text-decoration: none }
ul.sitemap li a:hover { text-decoration: underline }


/*                                  FLASHES
-------------------------------------------------------------------------------- */
.flash { height: 35px; line-height: 35px; padding-left: 20px; font-weight: bold; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; padding-left: 45px }
.flash.ok { color: #6da827; background: #e0f2cb url('../images/ok.png') 15px center no-repeat; border: 1px solid #ccebac }
.flash.info { color: #e79300; background: #fff4cc url('../images/info.png') 15px center no-repeat; border: 1px solid #f8e3ac }
.flash.info2 { color: #2e74b2; background: #e4edf5; border: 1px solid #d8e1e9 }
.flash.error { color: #ce2700; background: #fbd3b1 url('../images/error.png') 15px center no-repeat; border: 1px solid #f5c69a }

/* LANGS ---------------------------------------------------------------------------------- */
.btn-lang { display:block ; float:right;}

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

.lang-en { width: 55px; height: 66px; background: url('../images/lang_en.png') no-repeat; display: block;}
/*.lang-en:hover { background: url('../images/langs/en-hover.png') no-repeat }*/
.lang-en.lang-active { height: 55px; height: 66px; background: url('../images/lang_en.png') no-repeat }

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


.o-nas span{
	text-indent: 50px;
}

.o-nas{
	
	font-weight:100;
	line-height:120%;
}

.link-href{
	font-weight:bold;
	color:#c88b5a;
	text-shadow: 1px 1px #000000;

}

.label{
	color:#c6c6c6;
	width:130px;
	float:right;
	padding-top:5px;
}

.contact-form tr{
	margin-bottom:5px;
}

.contact-form [type=text]{
	border:5px solid #322d2e;
	width: 152px;
	float:right;
	margin-top: -2px;
	padding: 0 5px 0 5px;
}
.contact-form textarea{
	border:5px solid #322d2e;
	width:284px;
	float:right;
	padding: 5px 5px 0 5px;
	resize:none;
	height:160px;
	margin-top: 3px;
	color:#464646;
	font-size:14px;
}

.contact-text{
	font-size:16px;
	font-weight:100;
	color:#ffffff;
}
.contact-form input[type="submit"]{
	width:68px;
	height:23px;
	background: url('../images/send.png') no-repeat; 
	cursor: pointer;
	border:none;
	 color: transparent
}

.s-link{
	/*margin: -28px 0px 0px 49px;*/
	display: inline-block;
	font-size: 10px;
	color: #989898;
}

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

/*				958 px  -  721 px 
 -------------------------------------------------------------------------------------- */
@media only screen and (max-width: 958px) and (min-width: 721px){
    /*
.content,.content0{ width: 800px;}*/
}

/*				800 px  -  769 px
 -------------------------------------------------------------------------------------- */

@media screen and (max-width: 800px) and (min-width: 769px){
    /*
.content,.content0{ width: 768px;}
    */
}

/*				768 - 721 
 -------------------------------------------------------------------------------------- */

@media screen and (max-width: 768px){
    /*
.content,.content0{ width: 720px;}
    */
}


/*				720 - 601 
 -------------------------------------------------------------------------------------- */

@media screen and (max-width: 720px) and (min-width: 601px) {
    /*
.content,.content0{ width: 600px;}
    */
}

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

@media screen and (max-width: 600px) and (min-width: 421px){
    /*
.content,.content0{ width: 420px;}
    */
}

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

@media screen and (max-width: 420px){
    /*
.content,.content0{ width: 320px;}
    */
}