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

#page {
	width: 786px;
	margin: 0 auto;
	text-align: justify;
	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: 3px;
	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;
}
#toposada {
  width: 721px;
	margin: 0 auto;
	text-align: right;
  position: static;
	z-index: 1;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#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, oxygen-sans, ubuntu, cantarell, helvetica neue, helvetica, arial, 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, oxygen-sans, ubuntu, cantarell, helvetica neue, helvetica, arial, sans-serif;
  margin-top: 2rem;
  margin-bottom: 0rem;
  font-size: 1.3rem;
  color: #a52504;
  font-weight: 400;
}
h3 {
  font-family: -apple-system, blinkmacsystemfont, segoe ui, roboto, oxygen-sans, ubuntu, cantarell, helvetica neue, helvetica, arial, sans-serif;
	color: #000000;
  text-align: left;
	margin: 2px 0px 0px 0px;
}


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

a {
  color: #be2725;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  font-size: 14px;
  border-bottom: 1px dotted;
}
a:hover {
  color: #980b0a;
  text-decoration: none;
  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 {
	color: #ffffff;
	background: #db095d;
  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.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;
}

table {
	color: #555555;
  font-size: 13px;
	width: 100%;
	border: 0px;
	border-top: 5px solid #f0f0f0;
  border-bottom: 5px solid #f0f0f0;
  border-spacing: 0px;
  border-collapse: collapse;
}
table.header0 {
	font-size: 13px;
	border-top: 0px;
	border-bottom: 0px;
  border-collapse: collapse;
}
table.footer0 {
	font-size: 13px;
	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;
	margin: 0px 0px 0px 0px;
}
table.topmenu {
	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 {
  font: normal 16px Open Sans, sans-serif;
  text-align: left;
	margin: 13px 0px 0px 0px;
}

tr {
	font-size: 12px;
	background: #ffffff;
	height: 30px;
  margin: 0px 0px 0px 0px;
} 
tr.leftmenu {
	background: #f0f0f0;
	vertical-align: bottom;
	color: #222222;
	text-indent: 0px;
	height: 22px;
	margin: 0px 0px 0px 0px;
}
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.form {
	background: #fefefe;
	vertical-align: center;
	text-indent: 5px;
	height: 25px;
}
tr.form5 {
	background: #ffffff;
	height: 20px;
  border-bottom: 5px solid #f0f0f0;
}
tr.formcervena {
	background: #FFF5F5;
	vertical-align: center;
	text-indent: 5px;
	height: 25px;
}
tr.footer {
	background: #fbfbfb;
	color: #000088;
	height: 30px;
  vertical-align: bottom;
  border-bottom: 5px solid #f0f0f0;
}
tr.bila {
	background: #ffffff;
	margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
tr.cervena {
	background: #fdf2f2;
}
tr.zelena {
  background: #e8ffa1;
}
tr.modra {
	font-size: bold;
	background: #f0f0f0;
	color: #000088;
}
tr.platbaano {
background: #EEFFE2;
}
tr.platbane {
background: #FFF7F7;
}

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;
}

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.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.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.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.l150 {
  width: 150px;
  text-align: left;
}
th.r150 {
  width: 150px;
  text-align: right;
}
th.c150 {
  width: 150px;
  text-align: center;
}
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 {
	text-align: left;
	border: 0px;
	border-top: 1px solid #f0f0f0;;
  margin: 0px 0px 0px 0px;
	padding: 2px;
	padding-left: 3px;
	vertical-align: bootom;
}
td.l15 {
  width: 15px;
  text-align: left;
	vertical-align: middle;
}
td.r15 {
  width: 15px;
  text-align: right;
	vertical-align: middle;
}
td.c15 {
  width: 15px;
  text-align: center;
	vertical-align: middle;
}
td.l25 {
  width: 25px;
  text-align: left;
	vertical-align: middle;
}
td.r25 {
  width: 25px;
  text-align: right;
	vertical-align: middle;
}
td.c25 {
  width: 25px;
  text-align: center;
	vertical-align: middle;
}
td.l20 {
  width: 20px;
  text-align: left;
	vertical-align: middle;
}
td.r20 {
  width: 20px;
  text-align: right;
	vertical-align: middle;
}
td.c20 {
  width: 20px;
  text-align: center;
	vertical-align: middle;
}
td.l30 {
  width: 30px;
  text-align: left;
	vertical-align: middle;
}
td.r30 {
  width: 30px;
  text-align: right;
	vertical-align: middle;
}
td.l35 {
  width: 35px;
  text-align: left;
	vertical-align: middle;
}
td.r35 {
  width: 35px;
  text-align: right;
	vertical-align: middle;
}
td.c35 {
  width: 35px;
  text-align: center;
	vertical-align: middle;
}
td.l40 {
  width: 40px;
  text-align: left;
	vertical-align: bottom;
}
td.r40 {
  width: 40px;
  text-align: right;
	vertical-align: bottom;
}
td.l50 {
  width: 50px;
  text-align: left;
	vertical-align: middle;
}
td.r50 {
  width: 50px;
  text-align: right;
	vertical-align: middle;
}
td.c50 {
  width: 50px;
  text-align: center;
	vertical-align: middle;
}
td.l60 {
  width: 60px;
  text-align: left;
	vertical-align: middle;
}
td.r60 {
  width: 60px;
  text-align: right;
	vertical-align: middle;
}
td.c60 {
  width: 60px;
  text-align: center;
	vertical-align: middle;
}
td.l70 {
  width: 70px;
  text-align: left;
	vertical-align: middle;
}
td.r70 {
  width: 70px;
  text-align: right;
	vertical-align: middle;
}
td.l75 {
  width: 75px;
  text-align: left;
	vertical-align: middle;
}
td.r75 {
  width: 75px;
  text-align: right;
	vertical-align: middle;
}
td.c75 {
  width: 75px;
  text-align: center;
	vertical-align: middle;
}
td.l80 {
  width: 80px;
  text-align: left;
	vertical-align: middle;
}
td.r80 {
  width: 80px;
  text-align: right;
	vertical-align: middle;
}
td.l90 {
  width: 90px;
  text-align: left;
	vertical-align: middle;
}
td.r90 {
  width: 90px;
  text-align: right;
	vertical-align: middle;
}
td.l100 {
  width: 100px;
  text-align: left;
	vertical-align: middle;
}

td.l100red {
  background: #FFF5F5;
  width: 100px;
  text-align: left;
	vertical-align: middle;
}
td.r100 {
  width: 100px;
  text-align: right;
	vertical-align: middle;
}
td.c100 {
  width: 100px;
  text-align: center;
	vertical-align: middle;
}
td.l120 {
  width: 120px;
  text-align: left;
	vertical-align: middle;
}
td.r120 {
  width: 120px;
  text-align: right;
	vertical-align: middle;
}
td.l150 {
  width: 150px;
  text-align: left;
	vertical-align: middle;
}
td.r150 {
  width: 150px;
  text-align: right;
	vertical-align: middle;
}
td.c150 {
  width: 150px;
  text-align: center;
	vertical-align: middle;
}
td.l200 {
  width: 200px;
  text-align: left;
	vertical-align: middle;
}
td.r200 {
  width: 200px;
  text-align: right;
	vertical-align: middle;
}
td.l300 {
  width: 300px;
  text-align: left;
	vertical-align: middle;
}
td.r300 {
  width: 300px;
  text-align: right;
	vertical-align: middle;
}
td.l450 {
  width: 450px;
  text-align: left;
	vertical-align: middle;
}
td.r450 {
  width: 450px;
  text-align: right;
	vertical-align: middle;
}
td.bila {
  background: #ffffff;
}
td.seda {
  background: #f0f0f0;
}
td.zluta {
  background: #fffead;
}
td.cervena {
	font-size: bold 13px;
  color: #AA0000;
}
td.cervena2 {
  background: #ffd6d5;
}
td.zelena {
  //background: #b8e526;
  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.zelena3 {
  background: #b8e526;
  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;
  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.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: 15px;
  background: #b8e526;
  margin: 0px 0px 0px 0px;
	padding: 0px;
  text-align: center;
}
td.tdplus:hover {
  background: #000000;
}
td.tdminus {
	width: 15px;
  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: right;
}
td.dochcervenat {
	width: 30px;
  background: #ffd6d5;
  text-align: right;
}
td.dochbila {
	width: 30px;
  background: #ffffff;
  text-align: right;
}
td.dochzelena {
	width: 30px;
  background: #f0ffe7;
  text-align: right;
}
td.dochzelenat {
	width: 30px;
  background: #d5ffbc;
  text-align: right;
}
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;
	vertical-align: middle;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
td.headform {
  text-align: right;
  color: #777777;
}
td.formcervena {
	background: #fff5f5;
  text-align: right;
  width: 100%;
}
td.headformcervena {
  text-align: right;
  color: #AA0000;
}

td.dynamisa {
background: linear-gradient(#fefefe, 80%,#f2f2f2);
//background: linear-gradient(#fefefe, #f5f5f5);
}
td.dynamisb {
background: linear-gradient(#fefefe, 80%,#e4f6fc);
//background: linear-gradient(#fefefe, #e4f6fc);
}
td.dynamisc {
background: linear-gradient(#fefefe, 80%,#ffffcc);
//background: linear-gradient(#fefefe, #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);
}

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;
}

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.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: 13px;
)