@font-face {
    font-family: 'SegoeUI-SemiBold';
    src: url('fonts/seguisb.eot');
    src: url('fonts/seguisb.eot?#iefix') format('embedded-opentype'),
         url('fonts/seguisb.woff') format('woff'),
         url('fonts/seguisb.ttf') format('truetype'),
         url('fonts/seguisb.svg#seguisb') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SegoeUI';
    src: url('fonts/segoeui.eot');
    src: url('fonts/segoeui.eot?#iefix') format('embedded-opentype'),
         url('fonts/segoeui.woff') format('woff'),
         url('fonts/segoeui.ttf') format('truetype'),
         url('fonts/segoeui.svg#segoeui') format('svg');
    font-weight: normal;
    font-style: normal;
}
* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 14px;
    line-height: 18px;
    font-family: 'SegoeUI', arial, sans-serif;
    color: #aeaeae;
    background: #fff;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 14px; font-family: 'SegoeUI', arial, sans-serif; color:#393939;  }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#wrapper { min-height:100%; position:relative;  }

#bg { position:absolute; overflow:hidden; left:0; right:0; z-index: 1; width:100%; height:100%; }
#bg img { min-width:100%; min-height:auto;   position:relative; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }

.content-box { width:322px;  z-index: 2; position:relative; left:50%; top:0; padding:28px 0;   }
.content-box.type2 { padding-top:77px;  }
.content-box.type2 .blackbox form{ padding-top:6px;  }

h1#logo { padding-bottom:10px; }
h1#logo a { background:url(images/logo.png); display:block; height:68px; width:322px; }
h1#logo.lead-logo { padding-bottom:14px;   }
h1#logo.lead-logo a { width:180px; height:31px; background-image:url(images/lead-logo.png); margin:0 auto; }

.blackbox {
    background:#222; 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 80%, rgba(0,0,0,0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(80%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.8)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8) 100%);
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
.blackbox { text-align:center; padding-bottom:17px; margin-bottom:11px;  }
.blackbox h3,
.blackbox h2 { font-family: 'SegoeUI-SemiBold'; font-size:28px; line-height:28px; color:#fff; font-weight:normal; padding:20px 40px;  letter-spacing:-2px; }
.blackbox h3 { font-size:22px; line-height:26px; padding:12px 30px; }
.blackbox p { padding-bottom:10px; padding-top:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.7)  }
.blackbox form { padding:10px 0 16px;  }
.blackbox .field { background-color:#fff; font-size:14px; padding:6px 10px; border:0; width:256px; margin-bottom:16px;  }
.blackbox .field {
	box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.3);
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.blackbox .submit { background: #00b4ff url(images/submit-arrow.png) no-repeat 240px 10px; color:#fff; border:1px solid #6ed4ff; font-family: 'SegoeUI-SemiBold'; width:276px; height:35px; cursor:pointer; font-size:18px;  }  
.blackbox .submit { -webkit-appearance:none; line-height:18px; padding: 0 26px 2px 0;  }  
.blackbox .submit:hover { background-color:#059edd;  }  

.footer {
    color: #555;
    text-align: center;
    padding: 10px 0;
}
.footer a { color:#fff;  }

@media only screen and (max-width: 1024px) {
    
    .content-box { margin-left:-161px;  }
}

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

    #wrap-pop {display: none;}
}

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

    #wrap_mobile_popup {display: none;}
}

/*Custom style ----------------------------*/

a:link {
    color: #555555;
    text-decoration: underline;
}

a:active {
    color: #555555;
    text-decoration: underline;
}

a:visited {
    color: #555555;
    text-decoration: underline;
}

a:hover {
    color: #555555;
    text-decoration: underline;
}

body {
    background: #E0E0E0;
}

.notext {
    cursor: default;
}

#box-bottom h2 {
    color: #fff;
    font-family: "Taxoma";
    font-size: 1.5em;
    font-weight: bold;
    text-align: center; 
}

.text-center {
    text-align: center;
}

.form-description {
    margin: 25px 0 0;
    color: #fff;
    text-align: center;
}

form.my-form {
    margin: 0pt 25pt 0pt 25pt;
    padding: 0pt;
    border: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.personal-data {
    margin-left: 0px;
    margin-top: 10px;
    font-size: 10px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
}

.personal-data a {
    color: #fff;
}

#mobile_popup h1 {
    padding: 15px 20px;
    background-color: #232323;
    margin-bottom: 10px;
    color: #fbc406;
    font-family: "Tahoma";
    font-size: 32px;
    line-height: 39px;
    text-align: center;
}

#mobile_popup h2 {
    text-align: center;
    white-space: normal;
     color: #fff;
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    padding: 15px 20px;
    margin: 0;
    white-space: normal;
    line-height: 28px;
}

.text-center h2  span {
    color: #fbc406;
}

#mobile_popup h2 span {
    color: #fbc406;
}

.playercontainer form {
    margin: 0;
    padding: 0;
}

.mobile_popup__name span {
    color: #fbc406;
}

#table3, .table3 {
    width: 75%;
    margin: 0 auto;
    padding-top: 5px;
    text-align: center;
}

.mobile_popup__name {
    display: inline-block;
    width: 133px;
    height: 30px;
    text-align: center;
    font-family: Verdana;
    font-size: 12pt;
    color: #fff;
}

.mobile_popup__name span {
    color: rgb(251, 196, 6);
}

.mobile_popup__input {
     display: inline-block;
    font-family: Arial;
    font-size: 14pt;
    padding-bottom: 10px;
}

.mobile_popup__input input {
    width: 320px;
    position: relative;
    top: -3px;
    padding: 0 0 0 10px;
    height: 30px;
    box-sizing: border-box;
}

.get-curs {
    height: 64px;
    font-family: "Arial";
    color: #000;
}

.close-popup {
    margin-left: 0px;
    margin-top: 10px;
    font-size: 10px;
    margin-bottom: 10px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
}

.close-popup a {
    color: #fff;
}

.close {
    font-family: 'Tahoma';
    font-size: 13px;
}

#popstyle h1 {
    padding: 15px 0;
    background-color: #232323;
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 39px;
    font-family: "Tahoma";
    color: #fbc406;
}

#popstyle h2 {
    padding: 5px 0 5px;
    white-space: normal;
    color: #fff;
    font-family: "Tahoma";
    line-height: normal;
}

#popstyle h2 p {
    color: #fff;
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    padding: 15px 0;
    margin: 0;
    white-space: normal;
    line-height: 28px;
}

#popstyle h2 p span, #popstyle h2 span  {
    color: #fbc406;
}

.get-curs__header {
    width: 360px;
    background: #cc0000 none repeat scroll 0% 0%;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
    padding: 5px;
    height: 40px; 
    border: 0;
}

.get-curs__header input {
    color: #fff;
     background-color: #cc0000;
      border: none; cursor: pointer;
       font-family: Verdana,Arial,Helvetica,sans-serif; letter-spacing: -1px;
        font-size: 19px;
         font-weight: bold;
          width: 360px; 
    height: 40px;
}

.kontakty textarea {
    width: 302px;
    display: none;
}
div#footer {
    font-size: 12px;
    color: #fff;
}

div#footer a {
    color: #fff;
}


/*BEGIN of media-----------------------------------------------------------*/
@media only screen and (max-width:550px) {
img.bg {
    max-width: 100%;
}
#box h1 {
    font-size: 30px;
}
#box {
    width: 100%;
}
#footer {
    width: auto;
}
#footer a {
    display: inline-block;
}
#box-bottom h2 {
    font-size: 24px;
}
.form-description {
    padding: 0 15px;
}
.form-description br {
    display: none;
}
#mobile_popup {
    padding: 0 15px !important;
}
#mobile_popup h1 {
    padding: 15px 15px;
    font-size: 24px;
    line-height: normal;
}
#mobile_popup h1 br {
    display: none;
}
#mobile_popup h2 {
    font-size: 20px;
    padding: 15px 15px;
    line-height: 28px;
}
#mobile_popup h2 br {
    display: none;
}
.button {
    font-size: 14px !important;
}
.mobile_popup__input input {
    width: 240px;
}
#table3, .table3 {
    width: 90%;
}






}