@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  src: local('Great Vibes'), local('GreatVibes-Regular'), url(/fonts/GreatVibes.woff) format('woff');
}

* { margin: 0px; padding: 0px }

html {font-size: 100%; height: 100%;}

body {
 font-family: _Verdana, Helvetica, Arial, sans-serif;
 font-size: 16px;
 color: #fff;
 background: #000 url(/images/design/background.jpg) fixed;
 background-size: 100%;
 width: 100%;
 height: 100%;
 font-size: 1em;
 margin: 0;
 padding: 0;
 text-align: justify;
}
@media print {
  body {
    background: #fff;
    color: #000;
  }
}

fieldset {border-width: 0; font-size: 1.1em;}
input[type=text], input[type=password], input[type=email] {
  background: #fff;
  height: 18px;
  line-height: 18px;
  border: 1px solid #777;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 8px;
}
input[type=hidden] {display:none}
input[type="text"][disabled] { color: #555; background: #eee }
input[type=submit], input[type=button] {
  border: 1px solid #fff;
  background: #01011c;
  font-size: 16px;
}
input[type=submit]:hover, input[type=button]:hover {
  background: #21217c;
  border: 1px solid #fff;
  box-shadow: 0px 0px 10px #8181ff;
  -moz-box-shadow: 0px 0px 10px #8181ff;
  font-weight: bold;
}
select {
  font-weight: normal;
  vertical-align: middle;
  margin-right:0px;
  margin-top: 5px;
  background: #fff;
  padding-top: 2px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #777;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 8px;
}
option {
  font-size: 12px;
  padding-left: 3px;
  border-bottom: 1px solid #ddd;
  line-height: 16px;
  height:16px;
}
label {
  line-height:32px;
  cursor:default;
  padding-right:5px;
  color: #fff;
  vertical-align: middle;
}

.box select {
  font-weight: normal;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #ddd;
  padding: 1px;
  background-color: #fff;
  padding-left: 4px;
}
.box option {
  padding-left: 8px;
}
option.disabled-option {
  color: graytext;
}
textarea {
  resize: vertical;
  width: 60%;
  padding: 2px;
  font-size: 14px;
  line-height: 1.4em;
  border: 1px solid #ddd;
  outline: 1px solid #fafafa;
}
img {vertical-align: middle;}
h1 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h2, h3, h4 {
  margin-top: 30px;
  margin-bottom: 10px;
  color: #888; }
p {
  margin-bottom: 10px;  
}
a {
  color: #8c8cf9;
  text-decoration: none;
}
@media print {
  a {
    background: #fff;
    color: #333;
    text-shadow: none;
  }
}
a:hover {
  color: #ccccff;
}
a img {
  border: 0 solid;
  outline: 0;
}
q {
  quotes: "„" "";
  font-style: italic;
  color: #8c8cf9;
}
q:before {
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.2em;
  vertical-align: 0.2em;
}
strong { font-weight: bold; }
th {
  border-bottom: 1px solid #008bc7;
}
ul.odrazky {
  margin: 0;
  padding: 0 0 0 1em
}
ul.odrazky li {
  list-style: url("images/design/li.gif");
}
ol {
  margin: 0;
  padding: 0 0 0 2em
} 
.content ul {
  margin: 0 0 14px 14px;
  padding: 0 0 0 1em
}
.content li {
  list-style: url("images/design/li.gif");
  color: #ffffff;
  text-shadow: 0 0 0 #fff;
}
.content li.blue {
  color: #ddddff !important; 
  text-shadow: 2px 2px 4px blue;
}

.left { float:left !important }
.right { float:right !important }
.center { margin-left: auto; margin-right: auto;}
.text-center, .tac { text-align:center}
.textr, .tar { text-align:right }
.tal { text-align:left }
.tal { text-align:left !important }
.taj { text-align:justify !important }
.vam { vertical-align: middle }

#page {
  position: relative;
  min-width: 1000px;
  max-width: 1100px;
  background: #040412;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  padding: 0 20px 10px 20px;
}
#pagecover {
  min-width: 1048px; /* +22PX od #page */
  max-width: 1140px;
  margin: 0 auto;
  background: #a0a0a0;
  border: 1px solid #999;
  border-top: none;
  margin-bottom: 20px;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 0px 10px #000;
  -moz-box-shadow: 0px 0px 10px #000;
  opacity: 0.9;  
}
@media print {
  #page, #pagecover {
    background: #fff;
    border: none;
    box-shadow: none;
  -moz-box-shadow: none;
  }
}

#body {
  position:relative;
  clear:both;
  padding: 20px;
}

#footer { position:relative; width: 100%; text-align: center; }
#copyright {font-size:11px; font-style: italic; color: #bbb; border:none }
.clear, .nl { clear:both; height:0px} 

#shopingcart a {
  position: absolute;
  top:44px;
  right: 20px;
  background: url('/images/design/basket1.png');
  background-repeat: no-repeat;
  height: 36px;
  text-align: right;
}
#shopingcart a:hover {  
  background: url('/images/design/basket2.png');
  background-repeat: no-repeat;
}

/* Menu
--------------------------------------------- */
.main-menu {
  position:relative;
  background: #616161 url(/images/design/menu-bg.png) repeat-x;
  width: 100%;
  line-height: 36px;
  height: 36px;  
  float: left;
  color: #fff;
  font-size: 14px;
  border: 1px solid #999;
  border-radius: 4px;
  -moz-border-radius: 4px;
  z-index: 10;
  /*box-shadow: 0px 0px 10px #e1e1e1;
  -moz-box-shadow: 0px 0px 10px #e1e1e1;*/
}

.main-menu ul {line-height: 35px;}
.main-menu li {
  display: inline;
  border-right: 1px solid #777;
}
.main-menu li a {
  color: #eee;
  min-width: 40px;
  height: 36px;
  padding: 0 15px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}
.main-menu li a:hover {
  color: #fff;
  background: #293884;  
  box-shadow: 0px 0px 10px #8181ff;
  -moz-box-shadow: 0px 0px 10px #8181ff;
}
.main-menu li.register {
  background: #2b2b5f;
  border-right: none;
}

/*.main-menu li.register:hover {font-weight: bold;}*/
.bmenu { margin-top:20px }
.submenu { display:none; z-index: 100; position:absolute; border: 1px solid #c1c1c1; background-color: #fff; padding:0; padding-left:0 !important}
.submenu li {position:relative; display:block;height: 30px; float:none; border: none; border-bottom: 1px solid #c1c1c1; line-height:30px }
.submenu li a {color: #000;min-width: 40px; height: 30px; display: inline-block; text-align: left; text-decoration: none; width:100%; padding:0}
.submenu li a:hover {color: #fff; background: #293884;}
.submenuhi { background-color: #eee; }

.button {
  display:block;
  text-align:center;
  color: #fff !important;
	height: 32px;
	line-height: 32px;
  border: 0;
	border-radius: 3px;
	cursor: pointer;
}

.button:hover {
  background: #01011c;
  border: 1px solid #fff;
  box-shadow: 0px 0px 10px #8181ff;
  -moz-box-shadow: 0px 0px 10px #8181ff;
  font-size: 16px;  
}

.button.dissabled {
  background: #ddd/* url(/images/design/button-dissabled-bg.png);*/
}
.button.dissabled:hover {
  background: #ccc /*url(/images/design/button-dissabled-hover-bg.png);*/
}
#loginbox {
	float: right;
  margin-top: 32px;
  padding: 7px;
  
  border: 1px solid #e5e5e5;
  font-size: 12px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 0px 10px #e1e1e1;
  -moz-box-shadow: 0px 0px 10px #e1e1e1;
}

#loginbox {
  visibility: hidden;
  width: auto;
  padding: 5px 5px 5px 10px;
  font-size: 12px;
  line-height: 32px;
  border: 1px solid #ddd;
  border-radius: 6px;
  margin: 26px 0 0 0;
}
#loginbox .button {
  height: 24px;
  line-height: 24px;
  margin-top:5px;
}

#logo {
  position:relative;
  left: -18px;
  float:left;
  height: 100px;
  width: 300px;
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.logo-academy {
  background: #000 url('https://www.hacker-academy.cz/images/design/logo.png');
}
.logo-pentest {
  background: #000 url('https://www.hacker-pentest.cz/images/design/logo.png');
}
.logo-consulting {
  background: #000 url('https://www.hacker-consulting.cz/images/design/logo.png');
}
#logo-print {
    display: none;
    visibility: hidden;
  }
@media print {
  .logo-academy, .logo-consulting, .logo-pentest {
    display: none;
    visibility: hidden;
  }
  #logo-print {
    display: inline-block;
    visibility: visible;
  }
}
#soutez {
  display: block;
  height: 114px;
  width: 200px;
  background: #002200 url('/images/design/hacker.jpg') bottom left;
  background-size: 100%;
  opacity: 0.4;
}
#soutez:hover {
  opacity: 0.8;
}
#soutezbox {
  float: right;
  margin-left: 30px;
  height: 114px;
  width: 200px;
  padding: 0px;
}
.white {color: #fff !important}
.dark  {color: #000 !important} 
.red   {color: #dd6666 !important}
.green {color: #66dd66 !important}
.gray  {color: #aaa !important}
.blue  {color: #2ebbf7 !important}
.black {color: #000 !important} 


.registerbox input{
  margin-top: 5px;
  width: 200px;
  float: right;
}
.registerbox .button {
  width: 218px;
}
#basket .button {
  display: inline-block;
  width: 218px;
  border: 1px solid #fff;
  background: #01011c;
  font-size: 16px;
  margin-top: 0px;
  vertical-align: center;
}
#basket input.button {
  height: 34px;
}
#basket .button:hover {
  background: #21217c;
  box-shadow: 0px 0px 10px #8181ff;
  -moz-box-shadow: 0px 0px 10px #8181ff;
  font-weight: bold;
}
.registerbox option { width: 190px;}
.registerbox label {
  width:180px;
  float:left;
}
.registerbox select { 
  width:218px;
  float:right;
}  
.registerbox img {
  display:block;
  float:right;
  width:90px;
  max-height:104px;
  border: 1px solid #ddd;  
  margin-right: 1px;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  box-shadow: 0px 0px 10px #000;
  -moz-box-shadow: 0px 0px 10px #e1e1e1;
}

.photo {
  width:30%;
  border: 1px solid #999;
  box-shadow: 0px 0px 10px #000;
  border-radius: 6px 6px 6px 6px;
  margin-left:30px;
  margin-bottom:14px;
}
#infobox {
  display: block;
  float: right;
  margin-top: 14px;
  padding: 7px;
  line-height: 16px;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  font-size: 12px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 0px 10px #e1e1e1;
  -moz-box-shadow: 0px 0px 10px #e1e1e1;
  text-decoration: none;
  color: #000
}
#infobox:hover {
  border: 1px solid #777;
  background: #2ebbf7;
  color: #ffffff;
  cursor: pointer;
}
label.error {clear:both; float:right;width:auto; font-size: 12px; color: red}
input.error {border: 1px solid #ff0000;box-shadow: 0px 0px 3px #ff0000;}


.desc { width:160px; float:left; clear:both; font-size: 13px; line-height: 18px; white-space:nowrap; overflow: hidden; }
.value { float:left; font-size: 14px; line-height: 18px; white-space:nowrap; overflow: hidden; }
.noborder { border:none; outline: none; max-width:100%; min-width:100% }

.overflow { white-space:normal; overflow:visible !important}
.bluebig {
  font-size: 18px;
  margin: 0px 0 18px 0;
  color: #ccccff;
  overflow: hidden;
  white-space: nowrap;
  text-shadow: 2px 2px 4px blue;
  line-height: 28px;
}
@media print {
  .bluebig {
    background: #fff;
    color: #333;
    text-shadow: none;
  }
}
.box {
  position:relative;
  background: #11111f; /* url(/images/design/menu-hover-bg30.png) repeat-x;*/
  color: #fff;
  margin: 10px 0 20px 0px;
  padding: 7px 10px 10px 10px;
  border: 1px solid #999;
  font-size: 16px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 0px 10px #000;
  -moz-box-shadow: 0px 0px 10px #000;
}
@media print {
  .box {
    background: #fff;
    color: #000;
  }
}
.box.moveover:hover {
  background: #01011c; /* url(/images/design/menu-blue-bg30.png) repeat-x; */
  border: 1px solid #e5e5ff;
  box-shadow: 0px 0px 10px #8181ff;
  -moz-box-shadow: 0px 0px 10px #8181ff;
}
.box.moveoverdis:hover {
  background: #1c0101; /* url(/images/design/menu-red-bg30.png) repeat-x; */
  border: 1px solid #ffe5e5;
  box-shadow: 0px 0px 10px #ff8181;
  -moz-box-shadow: 0px 0px 10px #ff8181;
  color: #f4b899;
}

.box h3 { margin: 6px 0 16px 0; font-size: 14px;}
.box h3.title {
  font-size: 18px;
  margin: 0px 0 18px 0;
  color: #ccccff;
  overflow: hidden;
  white-space: nowrap;
  text-shadow: 2px 2px 4px blue;
}
.boxsmall h3.title {
  font-size: 18px;
  margin: 0px 0 18px 0;
  color: #ccccff;
  overflow: hidden;
  white-space: normal;
  text-shadow: 2px 2px 4px blue;
  text-align: left;
  height: 100px;
}
.box h3.title_hp {
  position:absolute;
  top: 10px;
  left: 20px;
  margin: 0px 0 18px 0;
  color: #ccccff;
  overflow: hidden;
  white-space: nowrap;
  text-shadow: 2px 2px 4px blue;
  font-size: 2em
}
@media print {
  .box h3.title {
    color: #000;
    text-shadow: none;
  }
}
.box.titlehi {background: #ffffff url(/images/design/menu-hover-bg.png) repeat-x;}
/* .box li {color: #000;font-size: 1.1em; line-height: 28px;letter-spacing: 0.8px;} */
.box h2.title { color: #fff; position:relative; top:-6px }

.box.live_hp {
  background-image: url("/images/design/live.jpg");
  background-repeat: no-repeat;
}
.box.online_hp {
  background-image: url("/images/design/on-line.jpg");
  background-repeat: no-repeat;
}
.box.live_hp:hover {
  background-image: url("/images/design/live_hover.jpg");
  background-repeat: no-repeat;
}
.box.online_hp:hover {
  background-image: url("/images/design/on-line_hover.jpg");
  background-repeat: no-repeat;
}
.box.pentest_hp {
  background-image: url("/images/design/img_pentest.png");
  background-repeat: no-repeat;
  opacity: 0.8;
}
.box.academy_hp {
  background-image: url("/images/design/img_academy.png");
  background-repeat: no-repeat;
  opacity: 0.8;
}
.box.pentest_hp:hover {
  background-image: url("/images/design/img_pentest.png");
  background-repeat: no-repeat;
  opacity: 1;
}
.box.academy_hp:hover {
  background-image: url("/images/design/img_academy.png");
  background-repeat: no-repeat;
  opacity: 1;
}
.box .time {
  position: absolute;
  top: 0px;
  right: 0px;
  background: #000 url("/images/design/clock.jpg");
  background-size: 100%;
  opacity: 0.2;
  height: 100%;
  width: 100%;
}
@media print {
  .box .time {
     background: none;
  }
}
.skullbox {
  position: absolute;
  top:2px;
  right:2px;
  width:60%;
  height:100%;
  background: transparent url('https://www.hacker-academy.cz/images/design/skull.png') no-repeat;
  background-size: 100%;
  opacity: 0.2;
}
@media print {
  .skullbox {
    background: none;
  }
}

.live_hp > p,
.online_hp > p,
.academy_hp > p,
.pentest_hp > p {
  margin-top: 130px;
}

.hiddenbox { display:none; }

.infored {
  line-height:24px;
  padding: 0px;
  text-align:center;
  background: #cc7777;
  color: #fff;
  margin: 20px 0 0 0;
  border: 3px solid #bb7777;
  border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 0px 10px #bb7777;
  -moz-box-shadow: 0px 0px 10px #bb7777;
}
.message_info {
  position:absolute;
  z-index: 9999;
  top:80px;
  left:35%;
  width: 300px;
  line-height:24px;
  padding: 20px;
  text-align:center;
  background: #cc7777;
  font-weight: bold;
  color: #fff;
  margin: 20px 0 20px 0;
  padding: 12px 20px 20px 20px;
  border: 3px solid #bb7777;
  border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 0px 10px #bb7777;
  -moz-box-shadow: 0px 0px 10px #bb7777;
}
.message_info.ok {
  box-shadow: 0px 0px 10px #44cc44;
  -moz-box-shadow: 0px 0px 10px #44cc44;
  border: 3px solid #44cc44;
  background: #44cc44;
}


.italic {
  font-style: italic
}

.star { background: url("/images/design/star.png") no-repeat; width:20px; height:21px; float:left }
.starf { background: url("/images/design/star-full.png") no-repeat; width:20px; height:21px; float:left }

.bline { float:left;border-bottom: 1px solid #eee; width:100%}
.nobline { float:left; border-bottom: none; width:100%}

.notestar { position:relative; top:-2px; color: blue }
.reqstar { position:relative; top:-4px; color: #8c8cf9; font-size:16px }

.on-line-pay .spinner {
  border: 0px solid !important;
  outline: 0;
  height:50px !important;
  margin:0;
  padding:0;
}

.increase .spinner {
  border: 0px solid !important;
  outline: 0;
  height:30px !important;
  margin:0;
  padding:0;
  position:absolute;
  right:120px;
}
.spinner-text {
  text-align:right
}

.big-blue-text {  
  color:#2ebbf7;
  font-size:30px !important;
}
 
.notitle { background: #fff}

.county.blue .county-label-days, .county.blue .county-label-hours, .county.blue .county-label-minutes, .county.blue .county-label-seconds {
  color: #2ebbf7 !important
}

input[type=submit].btnbuy {
  background: #002200 url('/images/design/button_buy.png');
  background-position: right top;
  display:inline-block;
  width:160px;
  height:32px;
  border: none;
  cursor: pointer;
}
input[type=submit].btnbuy:hover {
  background-position: left top;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
}
input[type=submit].btndelete {
  background: url('/images/design/close.png');
  background-position: left top;
  display:inline-block;
  width:20px;
  height:20px;
  border: none;
  cursor: pointer;
}
input[type=submit].btndelete:hover {
  background-position: right top;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
}
input[type=text].quantity {
  margin-left:26px;
  width:30px;
}
.btnmail {
  background: #002200 url('/images/design/button_mail.png');
  background-position: right top;
}
.btnorder {
  background: #002200 url('/images/design/button_buy.png');
  background-position: right top;
}
.btn {
  display:inline-block;
  width:160px;
  height:32px;
  background-position: right top;
}
.btn:hover {
  background-position: left top;
}
@media print {
  .btn, .btnmail, input[type=submit].btnbuy {
    display: none;
  }
}
.modal {
  background-color:#fff;
  display:none;
  width:350px;
  padding:6px 15px 15px 15px;
  text-align:left;
  border:2px solid #2ebbf7;
  border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 0px 10px #e1e1e1;
  -moz-box-shadow: 0px 0px 10px #e1e1e1;
  /*opacity:0.8;*/
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -moz-box-shadow: 0 0 50px #ccc;
  -webkit-box-shadow: 0 0 50px #ccc;
}

.order-arrow {
  color:#ccc !important; font-size:10px; padding:0; margin:0; width:4px
}
.order-arrow:hover {
  font-weight:bold !important; color:#fff !important;
}

.social-footer { margin-left:10px; }


.navigation .navHome {
  display: inline-block;
  width: 60px;
  height: 60px;
  background-image: url(/images/design/home.png);
  background-position: top left;
}
.navigation .navHome:hover {
  background-position: top right;
}
.navigation span {
  font-weight: bold;
  color: #99b8f4;  
}

.w1 { height:1px; line-height:1px !important }
.w10 { width:10px !important }
.w20 { width:20px !important }
.w30 { width:30px !important }
.w50 { width:50px !important }
.w60 { width:60px !important }
.w70 { width:70px !important }
.w80 { width:80px !important }
.w83 { width:83px !important }
.w90 { width:90px !important }
.w95 { width:95px !important }
.w100 { width:100px !important }
.w110 { width:110px !important }
.w120 { width:120px !important }
.w140 { width:140px !important }
.w160 { width:160px !important }
.w165 { width:165px !important }
.w180 { width:180px !important }
.w200 { width:200px !important }
.w206 { width:206px !important }
.w230 { width:230px !important }
.w250 { width:250px !important }
.w300 { width:300px !important }
.w320 { width:320px !important }
.w340 { width:340px !important }
.w388 { width:388px !important }
.w390 { width:390px !important }
.w412 { width:412px !important }
.w420 { width:420px !important }
.w480 { width:480px !important }
.w510 { width:510px }
.w700 { width:800px }
.w100p { width:100% }
.h10 { height: 10px}
.h20 { height: 20px}
.h24 { height: 24px; line-height: 24px}
.h28 { height: 28px !important}
.h32 { height: 32px !important}
.h40 { height: 40px !important}
.h50 { height: 50px !important}
.h100 { height:100px }
.h165 { height: 165px;}
.h175 { height: 175px;}
.h200 { height:200px }
.h224 { height:224px }
.h252 { height:252px }
.h100p { height:100% }
.lh13 { line-height: 13px }
.lh15 { line-height: 15px }
.lh16 { line-height: 16px }
.lh18 { line-height: 18px !important}
.lh24 { line-height: 24px }
.mt0 { margin-top:0px !important}
.mt4 { margin-top:4px }
.mt20 { margin-top:20px }
.mt10 { margin-top:10px }
.mr0 { margin-right:0px }
.mr10 { margin-right:10px !important}
.mr20 { margin-right:20px !important}
.ml10 { margin-left:10px !important}
.ml20 { margin-left:20px !important}
.ml30 { margin-left:30px !important}
.mb0 { margin-bottom:0px !important }
.mb3 { margin-bottom:3px !important }
.mb10 { margin-bottom:10px }
.mb20 { margin-bottom:20px !important}
.fs11 { font-size: 11px }
.fs14 { font-size: 14px }
.fs16 { font-size: 16px }
.fs20 { font-size: 20px }
.p0 { padding: 0px !important }
.pt2 { padding-top:2px !important}
.pt10 { padding-top:10px !important}
.pl0 { padding-left: 0px !important }
.pl10 { padding-left: 10px !important }
.pl20 { padding-left: 20px !important }
.pl30 { padding-left: 30px !important }
.pr30 { padding-right: 30px !important }
.pb0 { padding-bottom: 0px !important }
.plr30 {
  padding-left: 30px;
  padding-right: 30px;
}

.ic_left_nav, .ic_right_nav {
	display: none;
}

#loading {
	display: none;
	position: absolute;
	top: 10px;
  right: 10px;
}
#script-warning {
	display: none;
	background: #eee;
	border-bottom: 1px solid #ddd;
	padding: 0 10px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: red;
}
#calendar a.fc-event:hover {
  color: #fff;
  background: #293884;  
  box-shadow: 0px 0px 10px #8181ff;
  -moz-box-shadow: 0px 0px 10px #8181ff;
}
#calendar .fc-widget-header {
  background: #616161;
}
#calendar .fc-day.fc-sat, #calendar .fc-day.fc-sun {
  background: #1c0101;
}
#calendar .fc-sat .fc-day-number, #calendar .fc-sun .fc-day-number {
  color: red;
}

#pricelist td { height: 28px; }
#pricelist li, #basket li { list-style-image: url('/images/design/li.gif')}
_#pricelist tr:hover {
  color: #fff;
  background-color: #21217c;
}

#basket table {
  border-bottom: 1px solid #008bc7;
}

#contact {
  height: 260px;
}
#contact-hc {
  height: 260px;
}
#contact img {
  position:absolute;
  top:-200px;
  left: 300px;
}
#contact-hc img {
  position:absolute;
  top:80px;
  left: 340px;
}
#contact .adr1 {
  position:absolute;
  top:200px;
  left: 360px;
}
#contact-hc .adr1 {
  position:absolute;
  top:140px;
  left: 360px;
  z-index: -1;
}
#loginlinks {
  position:absolute;
  top:10px;
  right:20px;
}
@media print {
  #loginblock, .main-menu, #footer, .caroutab, .navigation {
    display: none;
  }
}

#boxes input{
  width: 200px;
}
#boxes .button {
  width: 100%;
}

#boxes h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 12px 0;
}
#boxes .smaller {
    font-size: 11px !important;
    line-height: 12px !important;
    color: #777;
}
#boxes .window h2 {
    color: #FFF;
    text-shadow: -1px -1px 0px #111;
    font-size: 28px;
    padding: 0px 0px 20px 8px;
}
#boxes table {
    border-spacing: 0px;
}
#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}

#boxes {
  display: none;
   font-size: 18px !important;
}
#boxes .window {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  padding: 20px;    
}
#boxes #loginwindow {
  width: 340px;
  height: 230px;
}
#boxes #loginwindow td {
  padding: 5px 8px;
  color: #fff;
  text-shadow: -1px -1px 0 #111;
}
#boxes #loginwindow img.usericon {
	float: left;
	margin: 4px 10px 0 0;
}
#boxes #loginwindow .close img {
  position: absolute;
  top: 0;
  right: 0;
}

.vimeo {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 0px 0px 10px #e1e1e1;
  -moz-box-shadow: 0px 0px 10px #e1e1e1;
}

#terms li {
  list-style-type: lower-alpha;
}