body {
    background: #FFFFFF;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #212529;
    font-size: 13px;
    line-height: 1.5;
    text-align: center;
    margin: 0;
    padding: 0;
}

#page {
	width: 786px;
	margin: 0 auto;
	text-align: left;
	position: static;
	z-index: 1;
	background-color: #ffffff;  
	box-shadow: 0px 0px 100px 0px rgba(0,0,0,100);
	-webkit-box-shadow: 0px 0px 100px 0px rgba(0,0,0,10);
	-moz-box-shadow: 0px 0px -100px 0px rgba(0,0,0,10);
	min-height: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
}  
#page2 {
	float: left;
	width: 722px;
	margin: 0px 0px 0px 0px;
	padding-left: 30px;
	padding-right: 30px;
}

#login {
  width: 721px;
	margin: 0 auto;
	text-align: right;
  position: static;
	z-index: 1;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 35px;
}
#topmenu {
  width: 721px;
	margin: 0 auto;
	text-align: right;
  position: static;
	z-index: 1;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 35px;
}
#leftmenu {
	width: 200px;
	margin: 0 auto;
	text-align: right;
  position: absolute;
	z-index: 1;
	margin-top: 25px;
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 35px;
}
#leftobal {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 0px;
} 
#left {
	width: auto;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding-left: 30px;
	padding-right: 15px;
} 
#rightobal {
	float: left;
	width: 586px;
	margin: 0px 0px 0px 0px;
} 
#right {
	width: auto;
	text-align: justify;
	margin: 0px 0px 0px 0px;
	padding-left: 15px;
	padding-right: 30px;
} 
#colum2 {
	float: left;
  width: 48%;
	margin: 0 auto;
	text-align: left;
	z-index: 1;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 12px;
	padding-right: 12px;
}
#colum3 {
	float: left;
  width: 30%;
	margin: 0 auto;
	text-align: left;
	z-index: 1;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 1%;
	padding-right: 1%;
}
#colum3b {
	float: left;
  width: 30%;
	margin: 0 auto;
	text-align: left;
	z-index: 1;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#full-screen-background-image {
	background-image: url('background.png');
  background-position: 50% top;
  z-index: -999;
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}

#info-box {
  top: 9px;
  right: 5px;
  text-align: left;
	padding: 9px;
	background-color: #ffeeee;  
}

h1 {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,Open Sans, sans-serif;
    margin-top: 2rem;
    margin-bottom: 0rem;
    text-align: center;
    color: #a52504;
    font-weight: 400;
}
h2 {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,Open Sans, sans-serif;
    margin-top: 1rem;
    margin-bottom: 0rem;
    font-size: 1.3rem;
    color: #a52504;
    font-weight: 400;
}
h3 {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,Open Sans, sans-serif;
    margin-top: 1rem;
    margin-bottom: 0rem;
    font-size: 1.2rem;
    color: #a52504;
    font-weight: 400;
}


font.cerna {
	color: #000000;
}
font.sediva {
	color: #666666;
}
font.bila {
	color: #ffffff;
}
font.cervena {
	color: #db095d;
}

a {
 // color: #db095d;
  color: #000000;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  font-size: 13px;
  border-bottom: 1px dotted;
}
a:hover {
  color: #db095d;
  text-decoration: none;
  text-decoration-color: blue;
  border-bottom: 1px dotted;
}
a.nohover {
  background-color: unset !important;
  border-bottom: 0px;
  color: unset !important;
}
a.nohover:hover {
	background: #000000;
}
a.menu {
}
a.leftmenu {
  padding: 2px 1px 2px 1px;
  margin: 10px 0px 0px 0px;
}
a.leftmenu:hover {
  padding: 2px 1px 2px 1px;
  margin: 10px 0px 0px 0px;
}

button {
  color: #ffffff;
  background-color: #555555;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
  margin: 10px 0px 0px 0px;
  border: none;  
  display: inline-block; 
  cursor: pointer;
}
button:hover {
  color: #ffffff;
  background-color: #980b0a;
}

.button-yellow        {background-color: #fbde01; color: #000000;}
.button-yellow:hover  {background-color: #ecd100; color: #000000;}
.button-green         {background-color: #087100;}
.button-green:hover   {background-color: #065b00;}
.button-blue          {background-color: #2f4fa9;}
.button-blue:hover    {background-color: #062787;}
.button-red           {background-color: #be2725;}
.button-red:hover     {background-color: #980b0a;}
.button-gray          {background-color: #e7e7e7; color: ffffff;}
.button-black         {background-color: #000000; color: ffffff;}


a.tlacitko {
	color: #ffffff;
	background: #555555;
  padding: 3px 6px 3px 6px;
	margin: 10px 0px 0px 0px;
}
a.tlacitko:hover {
  background: #db095d;
}
a.tlacitko2 {
	color: #FFFFFF;
	background: #555555;
  padding: 2px 5px 2px 5px;
	margin: 10px 0px 0px 0px;
}
a.tlacitko2:hover {
	color: #FFFFFF;
  background: #db095d;
  padding: 2px 5px 2px 5px;
  margin: 10px 0px 0px 0px;
}
a.tlacitko3 {
	color: #000000;
	background: #fbde01;
  padding: 2px 5px 2px 5px;
	margin: 10px 0px 0px 0px;
}
a.tlacitko3:hover {
  background: #e2b504;
}
a.tlacitko4 {
	color: #ffffff;
	background: #be2725;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
	margin: 10px 0px 0px 0px;
  border-radius: 5%
}
a.tlacitko4:hover {
  background: #980b0a;
}
a.tlacitko5 {
	color: #ffffff;
	background: #087100;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
	margin: 10px 0px 0px 0px;
  border-radius: 5%
}
a.tlacitko5:hover {
  background: #065b00;
}
a.tlacitko6 {
 color: #ffffff;
 background: #cacaca;
 text-decoration: none;
 padding: 5px 10px 5px 10px;
 margin: 10px 0px 0px 0px;
 border-radius: 5%
}
a.tlacitko6:hover {
 background: #980b0a;
}
a.tlacitko-red {
  color: #ffffff;
  background: #be2725;
  text-decoration: none;
  padding: 5px 10px 5px 10px;
  margin: 10px 0px 0px 0px;
  border-radius: 5%
}
a.tlacitko-red:hover {
  background: #a21e1c;
}
a.tlacitko-yellow {
 color: #ffffff;
 background: #fbde01;
 text-decoration: none;
 padding: 5px 10px 5px 10px;
 margin: 10px 0px 0px 0px;
 border-radius: 5%
}
a.tlacitko-yellow:hover {
 background: #e2b504;
}
a.tlacitko-yellow2 {
 color: #ffffff;
 background: #F1EDB4;
 text-decoration: none;
 padding: 5px 5px 5px 5px;
 margin: 5px 0px 0px 0px;
 border-radius: 5%
}
a.tlacitko-yellow2:hover {
 background: ##fbde01;
}
a.tlacitko-green {
 color: #ffffff;
 background: #087100;
 text-decoration: none;
 padding: 5px 10px 5px 10px;
 margin: 10px 0px 0px 0px;
 border-radius: 5%
a.tlacitko-green:hover {
  background: #065b00;
}
}table {
	width: 100%;
	border: 0px;
	border-top: 5px solid #f0f0f0;
  border-bottom: 5px solid #f0f0f0;
  border-spacing: 0px;
  border-collapse: collapse;
}
table.header0 {
	border-top: 0px;
	border-bottom: 0px;
  border-collapse: collapse;
}
table.footer0 {
  border-bottom: 0px;
  border-collapse: collapse;
}
table.admin {
	border-right: 5px solid #FEEB14;
}
table.vip {
	border-right: 5px solid #008000;
}
table.form {
	width: 100%;
	border: 0px solid #f0f0f0;
  border-spacing: 0px;
}
table.leftmenu {
 width: 155px;
 border: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 border-left: 0px;
 border-right: 0px;
 padding: 4px 8px 4px 8px;
}
table.topmenu {
 font-size: 10px;
 width: 100%;
 border: 0px solid #f0f0f0;
 border-spacing: 0px;
}
table.chat {
 border: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-top: 0px;
 border-left: 0px;
 border-right: 0px;
 margin: 0px 0px 0px 0px;
}

caption {
}

tr {
 //font-family: -apple-system, blinkmacsystemfont, segoe ui, roboto, oxygen-sans, ubuntu, cantarell, helvetica neue, helvetica, arial, sans-serif;
 font-size: 12px;
 background: #ffffff;
 height: 30px;
 margin: 0px 0px 0px 0px;
 vertical-align: center;
} 
tr.form {
} 
tr.leftmenu {
 background: #f0f0f0;
 vertical-align: bottom;
 color: #222222;
 text-indent: 0px;
 height: 22px;
 margin: 4px 8px 4px 8px;
}
tr.tabhead {
 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,Open Sans, sans-serif; 
 background: #fbfbfb;
 vertical-align: bottom;
 height: 45px;
}
tr.formcervena {
 background: #FFF5F5;
}
tr.footer {
 background: #fbfbfb;
 color: #000088;
 height: 30px;
 vertical-align: bottom;
 border-bottom: 5px solid #f0f0f0;
}
tr.bila {
 background: #ffffff;
}
tr.cervena {
 background: #fdf2f2;
}
tr.zelena {
 background: #e8ffa1;
}
tr.modra {
 background: #f0f0f0;
 color: #000088;
}
tr.dynamisa {
 background: #fefef7;
}
tr.dynamisb {
 background: #f7fdff;
}
tr.dynamisc {
 background: #f4feed;
}
tr.dynamisno {
 background: #fff9f9;
}

tr.vyrazne {
 background: #e8efef;
}
tr.vyrazne2{
 background: #fbfbfb;
}
tr.vyrazne3{
 background: #ffffff;
}
tr.vyrazne4{
 background: #ffeeee;
}
tr.tabchat {
 background: #FAFAFA;
 color: #666666;
 vertical-align: top;
 text-indent: 0px;
}
tr.tabchat2 {
 background: #ffffff;
 color: #555555;
 vertical-align: top;
 text-indent: 0px;
}
tr.tabchatpozor {
 background: #FAEEEE;
 color: #555555;
 vertical-align: top;
 text-indent: 0px;
}
tr.gold{
	background: #fff1a7;
	color: #000000;
	vertical-align: top;
}
tr.silver{
	background: #f0f0f0;
	color: #000000;
	vertical-align: top;
}
tr.bronz{
	background: #f3e8cf;
	color: #000000;
	vertical-align: top;
}
th {
 font-family: 12px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,Open Sans, sans-serif; 
 background: #fbfbfb;
 border: 0px;
 border-top: 1px solid #f0f0f0;;
 font-size: 0.923em;
 font-weight: 400;
 padding: 2px;
 padding-left: 5px;
 text-align: left;
 vertical-align: bottom;
}
th.right {
 text-align: right;
}
th.center {
 text-align: center;
}
th.l15 {
 width: 15px;
 text-align: left;
}
th.r15 {
 width: 15px;
 text-align: right;
}
th.l20 {
 width: 20px;
 text-align: left;
}
th.r20 {
 width: 20px;
 text-align: right;
}
th.l25 {
 width: 25px;
 text-align: left;
}
th.r25 {
 width: 25px;
 text-align: right;
}
th.c25 {
 width: 25px;
 text-align: center;
}
th.l30 {
 width: 30px;
 text-align: left;
}
th.r30 {
 width: 30px;
 text-align: right;
}
th.l35 {
 width: 35px;
 text-align: left;
}
th.r35 {
 width: 35px;
 text-align: right;
}
th.l40 {
 width: 40px;
 text-align: left;
}
th.r40 {
 width: 40px;
 text-align: right;
}
th.c40 {
 width: 40px;
 text-align: center;
}
th.l50 {
 width: 50px;
 text-align: left;
}
th.r50 {
 width: 50px;
 text-align: right;
}
th.l60 {
 width: 60px;
 text-align: left;
}
th.r60 {
 width: 60px;
 text-align: right;
}
th.c60 {
 width: 60px;
 text-align: center;
}
th.l70 {
 width: 70px;
 text-align: left;
}
th.r70 {
 width: 70px;
 text-align: right;
}
th.l75 {
 width: 75px;
 text-align: left;
}
th.r75 {
 width: 75px;
 text-align: right;
}
th.c75 {
 width: 75px;
 text-align: center;
}
th.r80 {
 width: 80px;
 text-align: right;
}
th.l85 {
 width: 85px;
 text-align: left;
}
th.r85 {
 width: 85px;
 text-align: right;
}
th.l100 {
 width: 100px;
 text-align: left;
}
th.r100 {
 width: 100px;
 text-align: right;
}
th.c100 {
 width: 100px;
 text-align: center;
}
th.l110 {
 width: 110px;
 text-align: left;
}
th.r110 {
 width: 110px;
 text-align: right;
}
th.l120 {
 width: 120px;
 text-align: left;
}
th.r120 {
 width: 120px;
 text-align: right;
}
th.l150 {
 width: 150px;
 text-align: left;
}
th.r150 {
 width: 150px;
 text-align: right;
}
th.l200 {
 width: 200px;
 text-align: left;
}
th.r200 {
 width: 200px;
 text-align: right;
}
th.l300 {
 width: 300px;
 text-align: left;
}
th.r300 {
 width: 300px;
 text-align: right;
}





td {
 font-family: 12px;
 text-align: left;
 border: 0px;
 border-top: 1px solid #f0f0f0;;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 padding-left: 3px;
 vertical-align: middle;
}
td.l10 {
 width: 10px;
 text-align: left;
}
td.r10 {
 width: 10px;
 text-align: right;
}
td.l15 {
 width: 15px;
 text-align: left;
}
td.r15 {
 width: 15px;
 text-align: right;
}
td.c15 {
 width: 15px;
 text-align: center;
}
td.l20 {
 width: 20px;
 text-align: left;
}
td.r20 {
 width: 20px;
 text-align: right;
}
td.c20 {
 width: 20px;
 text-align: center;
}
td.l25 {
 width: 25px;
 text-align: left;
}
td.r25 {
 width: 25px;
 text-align: right;
}
td.c25 {
 width: 25px;
 text-align: center;
}
td.l30 {
 width: 30px;
 text-align: left;
}
td.r30 {
 width: 30px;
 text-align: right;
}
td.c30 {
 width: 30px;
 text-align: center;
}
td.l35 {
 width: 35px;
 text-align: left;
}
td.r35 {
 width: 35px;
 text-align: right;
}
td.c35 {
 width: 35px;
 text-align: center;
}
td.l40 {
 width: 40px;
 text-align: left;
}
td.r40 {
 width: 40px;
 text-align: right;
}
td.c40 {
 width: 40px;
 text-align: center;
}
td.l50 {
 width: 50px;
 text-align: left;
}
td.r50 {
 width: 50px;
 text-align: right;
}
td.c50 {
 width: 50px;
 text-align: center;
}
td.l60 {
 width: 60px;
 text-align: left;
}
td.r60 {
 width: 60px;
 text-align: right;
}
td.c60 {
 width: 60px;
 text-align: center;
}
td.l70 {
 width: 70px;
 text-align: left;
}
td.r70 {
 width: 70px;
 text-align: right;
}
td.l75 {
 width: 75px;
 text-align: left;
}
td.r75 {
 width: 75px;
 text-align: right;
}
td.c75 {
 width: 75px;
 text-align: center;
}
td.l80 {
 width: 80px;
 text-align: left;
}
td.r80 {
 width: 80px;
 text-align: right;
}
td.l85 {
 width: 85px;
 text-align: left;
}
td.r85 {
 width: 85px;
 text-align: right;
}
td.l90 {
 width: 90px;
 text-align: left;
}
td.r90 {
 width: 90px;
 text-align: right;
}
td.l100 {
 width: 100px;
 text-align: left;
}

td.l100red {
 background: #fff5f5;
 width: 100px;
 text-align: left;
}
td.r100 {
 width: 100px;
 text-align: right;
}
td.c100 {
 width: 100px;
 text-align: center;
}
td.l110 {
 width: 110px;
 text-align: left;
}
td.l110red {
 background: #fff5f5;
 width: 110px;
 text-align: left;
}
td.l120 {
 width: 120px;
 text-align: left;
}
td.r120 {
 width: 120px;
 text-align: right;
}
td.l130 {
 width: 130px;
 text-align: left;
}
td.r130 {
 width: 130px;
 text-align: right;
}
td.l150 {
 width: 150px;
 text-align: left;
}
td.r150 {
 width: 150px;
 text-align: right;
}
td.l200 {
 width: 200px;
 text-align: left;
}
td.r200 {
  width: 200px;
  text-align: right;
}
td.l300 {
  width: 300px;
  text-align: left;
}
td.r300 {
  width: 300px;
  text-align: right;
}
td.bila {
  background: #ffffff;
}
td.seda {
  background: #f0f0f0;
}
td.zluta {
  background: #fffead;
}
td.cervena {
  color: #AA0000;
}
td.cervena2 {
  background: #ffd6d5;
}
td.zelena {
  background: #e8ffa1;
}
td.seda3 {
	background: #eaeaea;
  width: 5px;
  margin: 0px 0px 0px 0px;
	padding: 0px;
}
td.cervena3 {
	background: #db095d;
  width: 5px;
  margin: 0px 0px 0px 0px;
	padding: 0px;
}
td.cervens3 {
  background: #f5b4ce;
  width: 5px;
  margin: 0px 0px 0px 0px;
	padding: 0px;
}

td.zelena3 {
  background: #b8e526;
  width: 5px;
  margin: 0px 0px 0px 0px;
	padding: 0px;
}
td.zelens3 {
  background: #e5f3b6;
  width: 5px;
  margin: 0px 0px 0px 0px;
	padding: 0px;
}
td.cerna3 {
  background: #000000;
  width: 5px;
  margin: 0px 0px 0px 0px;
	padding: 0px;
}
td.zluta3 {
  background: #feeb14;
  width: 5px;
  margin: 0px 0px 0px 0px;
	padding: 0px;
}
td.cerna15 {
  background: #000000;
  width: 10px;
  margin: 0px 0px 0px 0px;
	padding: 0px;
}
td.seda15 {
	background: #ffffff;
  width: 10px;
  margin: 0px 0px 0px 0px;
	padding: 0px;
}
td.cervena15 {
	background: #db095d;
  width: 10px;
  margin: 0px 0px 0px 0px;
	padding: 0px;
}
td.zelena15 {
  background: #b8e526;
  width: 10px;
  margin: 1px 1px 0px 0px;
	padding: 0px;
}
td.modra3 {
  background: #0960aa;
  width: 5px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

td.oranzova3 {
  background: #ef8e25;
  width: 5px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
td.zelenaplus {
	background: #00D000;
  background-image: url('/config/obr/plus.png');
  background-repeat: no-repeat;
  background-position: center;
  margin: 2px 2px 2px 2px;
	padding: 2px;
}
td.zelenaplus2 {
	background: #005000;
  background-image: url('/config/obr/plus.png');
  background-repeat: no-repeat;
  background-position: center;
  margin: 2px 2px 2px 2px;
	padding: 2px;
}
td.cervenaminus {
	background: #E7651A;
  background-image: url('/config/obr/minus.png');
  background-repeat: no-repeat;
  background-position: center;
  margin: 2px 2px 2px 2px;
	padding: 2px;
}
td.cervenaminus2 {
	background: #300000;
  background-image: url('/config/obr/minus.png');
  background-repeat: no-repeat;
  background-position: center;
  margin: 2px 2px 2px 2px;
	padding: 2px;
}
td.tdplus {
	width: 30px;
  background: #b8e526;
  margin: 0px 0px 0px 0px;
	padding: 0px;
  text-align: center;
}
td.tdplus:hover {
  background: #000000;
}
td.tdminus {
	width: 30px;
  background: #db095d;
  margin: 0px 0px 0px 0px;
	padding: 0px;
  text-align: center;
}
td.tdminus:hover {
  background: #000000;
}
td.dochcervena {
	width: 30px;
  background: #fff1f1;
  text-align: center;
}
td.dochcervenat {
	width: 30px;
  background: #ffd6d5;
  text-align: center;
}
td.dochbila {
	width: 30px;
  background: #ffffff;
  text-align: center;
}
td.dochzelena {
	width: 30px;
  background: #f0ffe7;
  text-align: center;
}
td.dochzelenat {
	width: 30px;
  background: #d5ffbc;
  text-align: center;
}
td.muz3 {
	background: #49affb;
  width: 5px;
  margin: 0px 0px 0px 0px;
	padding: 0px;
}
td.zena3 {
	background: #db095d;
  width: 5px;
  margin: 0px 0px 0px 0px;
	padding: 0px;
}
td.form {
	background: #ffffff;
  text-align: left;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
td.headform {
  color: #777777;
  text-align: right;
  padding-right: 8px;
}
td.formcervena {
  text-align: right;
	background: #fff5f5;
}
td.headformcervena {
  color: #aa0000;
  text-align: right;
  padding-right: 8px;
}

td.dynamisa {
background: linear-gradient(#fefefe, 80%,#f2f2f2);
}
td.dynamisb {
background: linear-gradient(#fefefe, 80%,#e4f6fc);
}
td.dynamisc {
background: linear-gradient(#fefefe, 80%,#ffffcc);
}
td.dynamisno {
background: linear-gradient(#fefefe, 60%,#ffe9e9);
}

td.right {
	text-align: right;
	padding-right: 3px;
}
td.center {
	text-align: center;
}
td.justify {
	text-align: justify;
}
td.chat {
	margin: 0px 0px 0px 0px;  

}

div.logintext {
  position: absolute;
  top: 9px;
  right: 5px;
  background: #cccccc;
  text-align: right;
	padding: 9px;
	background-color: #ffffff;  
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.custom-field select {
 border: none;
 -webkit-appearance: none;
 -ms-appearance: none;
 -moz-apperance: none;
 appearance: none;
 background: #f2f2f2;
 padding: 12px;
 border-radius: 3px;
 width: 250px;
 height: 40px;
 outline: none;
}

.custom-field select:focus {
 background-color: #def7fc;
}

.custom-field select:valid + .placeholder,
.custom-field select:focus + .placeholder {
 top: 6px;
 font-size: 10px;
 color: #222;
}

select {
  background-color: #f5f5f5;
  border: 0px double #00dddd;
  margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  width: 150px;
  height: 23px;
}

select:focus {
  background-color: #ffffff;
  color: #000000  ;
}
select.tlacitko {
	color: #FFFFFF;
	background-color: #555555;
	border: 0px double #dddddd;
	margin: 0px 0px 0px 0px;
  padding: 2px 6px 2px 6px;
	width: 150px;
}
select.std30 {
	width: 30px;
}
select.std40 {
	width: 40px;
}
select.std100 {
	width: 100px;
}
select.std125 {
	width: 125px;
}
select.std140 {
	width: 140px;
}
select.std150 {
	width: 150px;
}
select.std200 {
	width: 200px;
}
select.std280 {
	width: 280px;
}
select.std300 {
	width: 300px;
}
select.std400 {
	width: 400px;
}
select.x1 {
	width: 718px;
}
select.x2 {
	width: 358px;
}
select.x3 {
	width: 212px;
}
select.x4 {
	width: 176px;
}
select.x5 {
	width: 192px;
}
select.x6 {
	width: 159px;
}
select.x7 {
	width: 136px;
}
select.x8 {
	width: 119px;
}
select.x48 {
	width: 264px;
}
.custom-field {
 position: relative;
 font-size: 14px;
 padding-top: 20px;
 margin-bottom: 5px;
}

.custom-field input {
 border: none;
 -webkit-appearance: none;
 -ms-appearance: none;
 -moz-apperance: none;
 appearance: none;
 background: #f2f2f2;
 padding: 12px;
 border-radius: 3px;
 width: 250px;
 height: 14px;
 outline: none;
}

.custom-field input:focus {
 background-color: #def7fc;
}

.custom-field .placeholder {
 position: absolute;
 left: 12px;
 top: calc(50% + 10px);
 transform: translateY(-50%);
 top: 6px;
 font-size: 10px;
 color: #000;
}

.custom-field input:valid + .placeholder,
.custom-field input:focus + .placeholder {
 top: 6px;
 font-size: 10px;
 color: #222;
}

input {
  background-color: #f5f5f5;
	border: 0px;
	margin: 0px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
	width: 150px;
  height: 23px;
}
input:focus {
  background-color: #ffffff;
  color: #000000  ;
}
input.std30 {
	width: 30px;
}
input.std40 {
	width: 40px;
}
input.std50 {
	width: 50px;
}
input.std80 {
	width: 80px;
}
input.std100 {
	width: 98px;
}
input.std110 {
	width: 110px;
}
input.std120 {
	width: 120px;
}
input.std150 {
	width: 150px;
}
input.std300 {
	width: 295px;
}
input.std400 {
	width: 400px;
}
input.x1 {
	width: 692px;
}
input.x2 {
	width: 332px;
}
input.x3 {
	width: 212px;
}
input.x4 {
	width: 152px;
}
input.x5 {
	width: 192px;
}
input.x6 {
	width: 159px;
}
input.x7 {
	width: 136px;
}
input.x8 {
	width: 119px;
}
input.x48 {
	width: 240px;
}
input.log {
	background-color: #ffffff;
	border: 1px double #dddddd;
	margin: 0px 0px 0px 0px;
	width: 100px;
}
input.form {
  font: bold 10px Open Sans, sans-serif;
  background-color: #c0dcc0;
	min-width: 100%;
  height: 20px;
	border: 0px;
	margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

input.submit {
	color: #ffffff;
	background: #555555;
  font-size: 13px;
  padding: 5px 10px 5px 10px;
	margin: 10px 0px 0px 0px;
}
input.submit:hover {
  background: #db095d;
}



input.log {
	background-color: #ffffff;
	border: 1px double #dddddd;
	margin: 0px 0px 0px 0px;
	width: 100px;
}
input.form {
  
  background-color: #c0dcc0;
	min-width: 100%;
  height: 20px;
	border: 0px;
	margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
input.submit {
	color: #FFFFFF;
	background: #555555;
  width: 80px;
  padding: 3px 6px 3px 6px;
	margin: 10px 0px 0px 0px;
}
input.submit:hover {
  background: #db095d;
}


textarea {
 	background-color: #f0f0f0;
	border: 0px double #dddddd;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
	height: 150px;
}
textarea:focus {
  background-color: #ffffff;
  color: #000000  ;
}

ul{
    list-style-position: outside;
    list-style-type: square;
    padding-left: 15px;
    margin: 2px 0px 8px 0px;
}

img {
	border-right: #fafafa 0px solid;
	border-top: #fafafa 0px solid;
	border-left: #fafafa 0px solid;
	border-bottom: #fafafa 0px solid;
}
img.trest {
	border-right: #fafafa 5px solid;
	border-top: #fafafa 5px solid;
	border-left: #fafafa 5px solid;
	border-bottom: #fafafa 5px solid;
	margin: 0px 0px 0px 8px;
	width: 200px;
	height: 300px
}
img.mapahala {
	border-right: #fafafa 5px solid;
	border-top: #fafafa 5px solid;
	border-left: #fafafa 5px solid;
	border-bottom: #fafafa 5px solid;
	margin: 0px 1px 0px 1px;
	width: 345px;
	height: 259px
  background-color: unset !important;
  color: unset !important;
}
img.hrac {
	border: 0px;
	margin: 0px 0px 0px 0px;
	width: 155px;
	height: 200px
}
img.chat {
  margin: 0px 0px 0px 0px;
	width: 20px;
	height: 25px
}

hr {
  border-top: 1px grey;
}

div.right {
  float: right;
}
div.center {
  float: center;
  text-align: center ;
}
div.box {
  margin:0 auto;
  width:500px;
  background:#222222;
  position:relative;
  top:50px;
  border:1px solid #262626;
}

div.box h1 { 
  color:#ffffff;
  font-size:18px;
  text-transform:uppercase;
  padding:5px 0 5px 5px;
  border-bottom:1px solid #161712;
  border-top:1px solid #161712; 
}

div.box label {
  width:100%;
  display: block;
  background:#1C1C1C;
  border-top:1px solid #262626;
  border-bottom:1px solid #161712;
  padding:10px 0 10px 0;
}

div.box label span {
  display: block;
  color:#bbbbbb;
  font-size:12px;
  float:left;
  width:100px;
  text-align:right;
  padding:5px 20px 0 0;
}

div.box .input_text {
  padding:10px 10px;
  width:200px;
  background:#262626;
  border-bottom: 1px double #171717;
  border-top: 1px double #171717;
  border-left:1px double #333333;
  border-right:1px double #333333;
}

div.box .message{
  padding:7px 7px;
  width:350px;
  background:#262626;
  border-bottom: 1px double #171717;
  border-top: 1px double #171717;
  border-left:1px double #333333;
  border-right:1px double #333333;
  overflow:hidden;
  height:150px;
}

div.box .button {
  margin:0 0 10px 0;
  padding:4px 7px;
  background:#cc0000;
  border:0px;
  position: relative;
  top:10px;
  left:382px;
  width:100px;
  border-bottom: 1px double #660000;
  border-top: 1px double #660000;
  border-left:1px double #ff0033;
  border-right:1px double #ff0033;
}

topmenu ul {
	list-style: none; overflow: hidden; position: relative;
}
	topmenu ul li {
		float: right; margin: 0 0 0 8px;
  }
		topmenu ul li a {
			display: block; width: 35px; height: 35px;
		}
			topmenu ul li:nth-child(1) a {
        background-image: url(obr/menu/m1.png); background-repeat: no-repeat;
			}
			topmenu ul li:nth-child(2) a {
				background-image: url(obr/menu/m2.png); background-repeat: no-repeat;
			}
			topmenu ul li:nth-child(3) a {
				background-image: url(obr/menu/m3.png); background-repeat: no-repeat;
			}
			topmenu ul li:nth-child(4) a {
        background-image: url(obr/menu/m4.png); background-repeat: no-repeat;
			}
			topmenu ul li:nth-child(5) a {
        background-image: url(obr/menu/m5.png); background-repeat: no-repeat;
			}		
			topmenu ul li:nth-child(6) a {
        background-image: url(obr/menu/m6.png); background-repeat: no-repeat;
			}
			topmenu ul li:nth-child(7) a {
        background-image: url(obr/menu/m7.png); background-repeat: no-repeat;
			}
			topmenu ul li:nth-child(8) a {
        background-image: url(obr/menu/m8.png); background-repeat: no-repeat;
			}
			topmenu ul li:nth-child(9) a {
        background-image: url(obr/menu/m9.png); background-repeat: no-repeat;
			}				
			topmenu ul li:nth-child(10) a {
        background-image: url(obr/menu/m10.png); background-repeat: no-repeat;
			}
        topmenu ul li a span {
					display: none;
        }
        topmenu ul li a:hover span {
				  display: block; width: 35px; height: 35px;
          
          background-color: #eeeeee;
        	opacity: 0.4;
	        filter: alpha(opacity=40);
	        -moz-opacity: 0.4;
	        -khtml-opacity: 0.4;
        }



leftmenu ul {
	list-style: none; overflow: hidden; position: relative;
}
leftmenu ul li {
	float: left; margin: 8 8 8 8px;
}
leftmenu ul li a {
    background: #fff;
    border-bottom: 1px solid #efeff0;
    width: 100%;
    height: 2.75em;
    line-height: 2.75em;
    text-indent: 2.75em;
    display: block;
    position: relative;
    font-family: -apple-system, blinkmacsystemfont, segoe ui, roboto, oxygen-sans, ubuntu, cantarell, helvetica neue, helvetica, arial, sans-serif;
    font-size: 0.923em;
    font-weight: 400;
    color: #878d95;
}
leftmenu ul li:last-child a {
    border-bottom: 1px solid #33373d;
}
leftmenu ul li a span {
  display: block; width: 100%; height: 25px;
}
leftmenu ul li a:hover span {
  display: block; width: 100%; height: 25px;
  background-color: #ffa659;
}        				
#2div {
clear: both;
}
#mapa {
	float: left;
  border-right: #fafafa 5px solid;
	border-top: #fafafa 5px solid;
	border-left: #fafafa 5px solid;
	border-bottom: #fafafa 5px solid;
	margin: 0px 1px 0px 1px;
	width: 345px;
	height: 259px
}
#map-canvas2 {
	float: left;
  border-right: #fafafa 5px solid;
	border-top: #fafafa 5px solid;
	border-left: #fafafa 5px solid;
	border-bottom: #fafafa 5px solid;
	margin: 0px 1px 0px 1px;
	width: 255px;
	height: 191px
}
#map-canvas {
  border-right: #fafafa 5px solid;
	border-top: #fafafa 5px solid;
	border-left: #fafafa 5px solid;
	border-bottom: #fafafa 5px solid;
	margin: 0px 1px 0px 1px;
	width: 98%;
	height: 400px
}

font.tabfont {
  color: #555555;
  font-size: 12px;
)