/* ### www.zvyk.com ### */
/* ###  ěščřžýáíé=  ### */
A, A:link {
  color: #0AAF7D;
  background-color: transparent;
}
A:hover {
  color: #F00; /*#51BC71*/
  text-decoration: none;
}
BODY {
  BACKGROUND: #B9B9B9 url("../img/bg_gray.png") center top repeat-x ;
  MARGIN: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: 'Trebuchet MS', 'Tahoma', serif;
  font-size: 11px;
  width: 900px;
  margin: auto;
}
H1 {
  margin: 0px 0px 0px 15px;
  padding: 7px 0px 0px 0px;
  font-size: 22px;
}
H2 {
  margin: 0px 0px 0px 8px;
  padding: 7px 0px 0px 0px;
  font-size: 18px;
}
H3 {
  margin: 0px 0px -15px 15px;
  padding: 10px 0px 0px 15px;
  font-size: 14px;
}

H1, H2, H3 {
  color: #57C36A;
/*  color: #121299;*/
}
H1:hover, H2:hover, H3:hover {
  color: #333;
}
INPUT, TEXTAREA {
    font-size: 11px;
    border: 1px solid #00AF39;
}
STRONG {
/*  color: #CF0000; */
    color: #454545;
}
/*
P {
    background: #FFF;
}
*/
.b {
    font-weight: bold;
}
.clear {
    clear: both;
}


/* IDs */
#id_loading {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index:256;
    visibility: visible;
    width: 32px;
    height: 32px;
}
#error404 {
    width: 900px;
    height:240px;
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    background: url("../img/900x240_zvyk.com_bg.png") center top no-repeat;
}
#error404 H1 {
    color: #4D7;
    background: #FFF;
    margin: auto;
}

#fastlinks {
/*     bottom:0;     position:absolute; */
    background: #FFF url("../img/bg_bot_left_fastlinks.png") left bottom no-repeat;
    padding: 2px 4px 0px 4px;
    margin: auto;
    CLEAR: both;
    COLOR: #617;
    height: 60px;
    text-align: right;
    font-size: 10px;
}
#fastlinks A,#fastlinks A:link {
    font-size: 11px;
    color: #125F29;
}
#menu {
    width: 210px;
    float: left;
}
#menu ul {
    margin: 15px 0px 0px 0px;
    padding: 0px 12px;
}
#menu li {
    padding: 5px 5px 5px 5px;
    margin: 0px 0px;
    width: 175px;
	list-style-type: none;
    BACKGROUND: url("../img/bg_li.png") 0px -88px no-repeat;
}
#menu li.selected {
    BACKGROUND: url("../img/bg_li.png") 0px -10px no-repeat;
}

#menuh {
    height: 25px;
    text-align: center;
}
#menuh ul {
    margin: 0px 0px 0px 35px;
}
#menuh li {
    padding: 5px 5px 5px 5px;
    width: 175px;
    float: left;
	list-style-type: none;
    BACKGROUND: url("../img/bg_li.png") 0px -10px no-repeat;
}
#menuh li.selected {
    BACKGROUND: url("../img/bg_li.png") 0px -88px no-repeat;
}

#menuhorizontal {
    BACKGROUND: url("../img/menubg.png") right top repeat-x;
    height: 40px;
}
#menuhorizontal ul {
    float: left;
    display: block;
    margin: 0px 0px 0px -20px;
}
#menuhorizontal li {
    BACKGROUND: url("../img/menubg.png") right top repeat-x;
	list-style-type: none;
    display: block;
    float: left;
	margin: 0px 2px 0px 2px;
    height: 26px;
    padding: 14px 8px 0px 8px;
}
#menuhorizontal li.selected {
    BACKGROUND: url("../img/menubg.png") right top repeat-x;
    background-position: 0px -40px;
}
#menuhorizontal li a {
    color: #DDD;
    font-weight: bold;
    font-size: 14px;
}
#menuhorizontal li.selected a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
}
#menuhorizontal a .novinky {
    color: #EFCF3B;
}

#pata {
    background: #FEFEFE url("../img/bg_bot_left_pata.png") left bottom no-repeat;
    CLEAR: both;
    border-top: 1px solid #666;
    COLOR: #666;
    padding: 0px 4px 0px 4px;
    text-align: right;
    margin: auto;
    height: 15px;
    font-size: 10px;
}
#pata strong {
    COLOR: #666;
}

#qrcodeurl {
    display: none;
    position: relative;
    top: -330px;
    left: 200px;
    width: 500px;
    height: 300px;
    background-color: #B9B9B9;
    margin-bottom: -300px;
}
#qrcodeurl div {
    text-align: center;
    position: relative;
    top: 23%;
}
#qrcodeurl div img{
    vertical-align: middle;
    border: 1px solid #000;
}

#wir {
    margin-top: 5px;
/*    border-top: solid 1px #777;
    border-bottom: solid 1px #777;*/
}




/* class */
.aktualizovano {
    background: #FEFEFE url("../img/bg_bot_left_aktualizovano.png") left bottom no-repeat;
    BORDER-TOP: 1px solid #DDD;
    padding: 0px 2px 0px 2px;
    margin-top: 0px;
    COLOR: #333;
    font-size: 10px;
    min-height: 15px;
    text-align: right;
}
.aktualizovano:hover {
  BORDER-TOP: 1px dotted #57C36A;
  color: #57C36A;
}
.aktualizovano h3, .aktualizovano pre {
    text-align: left;
    font-size: 13px;
}
.content {
    background: #FEFEFE url("../img/bg_bot_left_content.png") left bottom no-repeat;
    MARGIN: 0px 0px 0px 0px;
    padding: 0px 4px 33px 4px;
    margin: auto;
    font-family: 'Trebuchet MS', 'Tahoma', serif;
    font-size: 11px;
}
.content #error404 {
    background: none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
#kontakty {
}
#im {
    display: none;
}
h2.ip, h2.ip:hover {
    cursor: help;
    padding: 10px;
    color: #CF0000;
    text-align: right;
}
h2.ip:before {
    content: "IP: ";
}

.kontaktbg {
  BACKGROUND: url("../img/frkla2.gif") right top no-repeat;
  min-height: 205px;
}
.kontakt {
  font-size: 11px;
  font-weight: bold;
}
.kontakt li ul {
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.kontakt li ul li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#impress_ventrilo {
    display: none;
    width: 123px;
    height: 128px;
    background: transparent url("../img/impress_ventrilo.gif");
    position: relative;
    top: -80px;
    left: -130px;
    margin-right: -123px;
    margin-bottom: -128px;
    z-index: -1;
}
#impress_jabber {
    display: none;
    width: 400px;
    height: 600px;
    background: transparent url("../img/impress_jabber.png");
    position: relative;
    top: -250px;
    left: -300px;
    margin-right: -400px;
    margin-bottom: -600px;
    z-index: -1;
}

#impress_skype {
    display: none;
    width: 336px;
    height: 148px;
    background: transparent url("../img/impress_skype.png");
    position: relative;
    top: -80px;
    left: -200px;
    margin-right: -336px;
    margin-bottom: -148px;
    z-index: -1;
}
#impress_icq {
    display: none;
    width: 250px;
    height: 333px;
    background: transparent url("../img/impress_icq.gif");
    position: relative;
    top: -200px;
    left: -200px;
    margin-right: -250px;
    margin-bottom: -333px;
    z-index: -1;
}
#impress_email {
    display: none;
    width: 311px;
    height: 311px;
    background: transparent url("../img/impress_email.png");
    position: relative;
    top: -220px;
    left: -240px;
    margin-right: -311px;
    margin-bottom: -311px; /*   /// bad?? -1*(height + 14) */
    z-index: -1;
}


.lefthalf {
    float: left;
    width: 445px;
}
.nochildrenallowed {
    margin: auto;
    width: 300px;
    border: 7px solid #FF7;
    padding: 90px 15px 20px 15px;
    text-align: center;
    background: #D9D9D9 url("../img/grb_nochildrenallowed.png") center 7px no-repeat;
}
.passwordprotected {
    margin: auto;
    width: 200px;
    border: 1px solid #CCC;
    padding: 90px 15px 20px 15px;
    text-align: center;
    background: #D9D9D9 url("../img/grb_lock.png") top center no-repeat;
}
.pressgall {
    padding: 10px 20px 20px 20px;
}

.news .projectintro {
    height: 180px;
}
.news .projectintro div {
    margin-bottom: -180px;
    height: 180px;
}
div .projectintro {
    border: 1px solid #000;
    width: 410px;
    height: 94px;
    float: left;
    margin: 0px 16px 10px 16px;
    overflow: auto;
    cursor: pointer;
}
div .projectintro:hover {
    border: 1px solid #4DB;
}
div .projectintro div {
    position: relative;
    left: 0px;
    top: 0px;
    background: #CCC;
    width: 140px;
    height: 94px;
    margin-bottom: -94px;
    text-align: center;
    overflow: hidden;
    font-size: 9px;
    line-height: 8px;
}
div .projectintro h2 {
    margin-left: 150px;
}
div .projectintro p {
    margin: 0px 5px 0px 150px;
}
div .projectintro div img {
    border: none;
}

.odsazenizleva {
    margin-left: 215px;
}
.odsazenizleva #error404 {
    background: none;
}
.odsazenizleva A img {
    border: 1px;
}
.ori,
.ori:link  {
/*  color: #BF2F35;*/
  color: #1F7F2C;
}
.pressgall A img {
    border: 1px solid;
}
.reakce {
    width: 400px;
    margin: auto;
    text-align: center;
}
.reakce INPUT:hover,
.reakce TEXTAREA:hover,
.reakce INPUT:focus,
.reakce TEXTAREA:focus {
    border: 1px solid #0039AF;
}
.righthalf {
    float: right;
    width: 445px;
}
.strankovani {
    text-align: center;
    margin: 0px 30px 0px 30px;
}
.strankovani a {
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

.smartul {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 30px;
}
.smartul li {
	list-style-type: square;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.tac {
    text-align: center;
}
.tab {
    font-size: 8pt;
}
.wifili li {
	list-style-type: none;
    vertical-align: top;
}
.wifili li img {
    position: relative;
    top: 4px;
    left: -20px;
    margin-right: -16px;
}


.undermenu {
    margin: 20px 0px 0px 0px;
    width: 200px;
}
.url {
    COLOR: #669;
    font-size: 10px;
}

/* server */
.undermenu .hwinfo {
    float: left;
    width: 200px;
    margin: 0px 0px 10px 0px;
    padding: 5px 5px 5px 5px;
    height: 110px;
    overflow: auto;
}
.hwinfobox {
    float: right;
    width: 240px;
}
.hwinfo {
    margin: 10px 0px 10px 0px;
    padding: 5px 5px 5px 5px;
    font-size: 9px;
}
.hwdat { font-size: 9px; border-bottom: 1px solid #888; border-top: 3px solid #777; padding-left: 2px; }
.tiny {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.mood {
    font-size: 7pt;
}


/* server/ventrilo */
.user {
    margin-bottom: 10px;
    width: 300px;
    float: left;
}
.user:first-line {
    font-weight: bold;
}
.user span {
    float: left;
    width: 120px;
    text-align: right;
    margin-right: 3px;
}
.user .un:before {
    content: "Name: ";
}
.user .ut:before {
    content: "Total time: ";
}
.user .ul:before {
    content: "Longest session: ";
}
.user .ue:before {
    content: "End of longest session: ";
}
.user .ua:before {
    content: "Time per connection: ";
}
.user .uc:before {
    content: "Connection count: ";
}
.user .ll:before {
    content: "Last logout: ";
}



/* BT-tracking */
.tab {
    border: 1px solid #999;
}
.tab td {
    border: 1px solid #666;
    text-align: center;
}
.t, #calCalendar .t {
    background: #0F0;
    color: #090;
}
.f {
    background: #C99;
    color: #FFF;
}
.d0 { /* nedele */
    background: #F6BFFF;
}
.d1 {
    background: #DFFAFF;
}
.d2 {
    background: #DFFAFF;
}
.d3 {
    background: #CFF7FF;
}
.d4 {
    background: #BFFAFF;
}
.d5 {
    background: #BFFAFF;
}
.d6 {
    background: #F8CFFF;
}

/* BLOG */
.rozbalit { float: right; }
.dat { width: 100px; float: left; font-size: 9px; border-top: 1px solid #888; border-left: 3px solid #777; padding-left: 2px; }
.jmeno { margin-left: 160px; color: #00AF39; font-weight: bold; }
.msg { padding-left: 15px; color: #222; border-left: 3px solid #777; margin: 0px 0px 15px 0px; background: #FEFEFE url("../img/bg-rc-blog-small.png") bottom right no-repeat; }
.msg p {margin: 0px;}
.next {  margin: 10px 0px 20px -13px;
         padding: 2px 2px 2px 2px;
          }
.next:hover { border: 1px #44AA44 solid;
         padding: 1px 1px 1px 1px;
}
/*.next .next .next .next { margin-left: -5px; margin-bottom: 20px;}
border: 1px #FFF solid;
*/

/* kalendar */
.calTable {
    font-size: 10pt;
}
.calTblType1 .calTr td {
   text-align: center;
}
.calTblType1 .calMonName {
    background: #F0F0F0;
    font-size: 12pt;
    font-weight: bold;
}
.calTblType1 .calDayName {
    font-weight: bold;
    width: 20px;
}
.calTblType1 .calWeekNumber {
    color: #0099FF;
    font-size: 9pt;
}
.calTblType2 .calMonName {
    background: #F0F0F0;
    color: #0099FF;
    font-size: 10pt;
    font-weight: bold;
    width: 80px;
}
.calTblType2 .calHourLabel {
    font-size: 10pt;
}
.calTblType2 .calDayName {
    font-size: 10pt;
    font-weight: bold;
}





/* editable Divs */
div.contentEditable {
    padding: 0px 0px 0px 0px;
}
div.contentEditable:hover {
    border-color: #dfed45;
}
div.contentEditable .editorMenu {
    text-align: right;
    background-color: #559AFB;
}
div.contentEditable .editorMenu A {
    color: #FFF;
}
textarea.editable {
    width: 845px;
    height: 500px;
}


/* PRINT */
@media print {
    #menuhorizontal, #fastlinks, .hidewhenprint, .noprint { display: none; }
    .righthalf, .lefthalf { float: none; width: 720px; }
    #content { width: 720px; margin: 0px 0px 0px 0px; }
    .aktualizovano { margin-top: 80px; }
}