:root 
{
  --headColor: #39C6AC;//#4EC6A6;//#7A7A7A;//#4EC6A6;//#39C6AC;//828282-logo
}
:root 
{
  --fontColor: #696669;
}

@font-face 
{
    font-family: MainFont;
    src: url(OpenSans-Regular.ttf), url(OpenSans-Regular.eot);
    // src: url(LiberationSans-Regular.ttf);
	// src: url(Roboto-Regular.ttf);
}
@font-face 
{
    font-family: MainFont;
    src: url(OpenSans-Bold.ttf);
    //src: url(LiberationSans-Bold.ttf);
	//src: url(Roboto-Bold.ttf);
    font-weight: bold;
}
*
{
	font-family:MainFont;
	//font-family:Helvetica;
}
html
{
	position: relative;
	height:100%;
	margin: 0;
}
body 
{
	background-color: #FFFFFF;
	//background-image: url("../img/dot.png");
	color: #696669;
	color: var(--fontColor);
	//font-family:Helvetica;
	margin: 0;
	height:100%;
}
#logo
{
	
}
#links
{
	position: absolute;
	bottom: 0px;
	width:100%;
}
@media all and (max-width: 545px)
{
    #logo
	{
        max-height:52px;
    }
	#links
	{
		position: absolute;
		bottom: -28px;
		width:100%;
	}
}
#wires
{
	
}
@media all and (max-width: 1024px)
{
	#wires
	{
		visibility:hidden;
	}
}

hr 
{
	height:1px;
	border-width:0;
	background-color:#eeeeee;	
}

a:link { color: #696669;color: var(--fontColor); text-decoration:none; }
a:visited { color: #696669;color:var(--fontColor); }
//a:hover { color: #333333; }

#item
{
	font-weight:bold;
}
#itemSelected
{
	font-weight:bold;
	background-color: #ffffff;
	//border: 0.1em solid #ffffff;
	border-radius: 0.4em;
}
#linkNormal
{
	color: #FFFFFF;
}
#linkSelected
{
	color:#39C6AC;
	color: var(--headColor);
}

#mail
{
	text-align: center;
	font-size: 80%;
	color:#999999;
}
#canvas3D:-webkit-full-screen { width: 100%; height: 100%; }
.table
{
	display: table;
	height:30px;
}
.row
{
    display: table-row;
}
.column
{
    display: table-cell;
	vertical-align: middle;
	text-align: center;
	width:100px;
}
.mess
{	
	max-width: 960px;
	margin: 0 auto !important;
	float: none !important;
}
.wrapper 
{
	min-height: 100%;
	margin: 0 auto -42px; /* the bottom margin is the negative value of the footer's height */
	position:relative;
	
	//height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	//height: 100%;
}
/*.footer, .push 
{
	height: 42px;
	
	postion:relative;
	z-index:9999;
}
.push {
    z-index: 9000;
}*/
.push, .footer {
    height: 42px;
    position: relative;
}
.push {
    z-index: 9000;
    position: relative;
}
.footer {
    z-index: 9001;
    position: relative;
}

.picView
{
	display:table;
	width:100%;
	height:100%;
	table-layout: fixed;
	position:fixed;
	left:0;right:0;top:0;bottom:0;
	margin:0;
	background-color:rgba(0, 0, 0, 0.75);
}
.picViewImg
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#shotIcon
{
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
}
#shotIcon:hover {opacity: 0.7;}

.prev,
.next
{
	position:relative;
	user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
	z-index:999;
	
	//padding:10px;
	color: white;
	font-weight: bold;
	font-size: 30px;
	
	border-radius: 0 3px 3px 0;
	
	margin-left:5px;
}
.next 
{
  margin-left:-30px;
  border-radius: 3px 0 0 3px;
}
/*
.prev:hover,
.next:hover 
{
  //background-color: rgba(0, 0, 0, 0.5);
  color:white;
}
*/

.close 
{
    /*position: absolute;
    top: 15px;
    right: 35px;*/
	user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
	z-index:9999;
	
    color: #eeeeee;
    font-size: 25px;
    //font-weight: bold;
    /*transition: 0.3s;*/
}
/*
.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}*/
#hint
{
	user-select: none;
	-webkit-user-select: none;
	border: 4px solid transparent;
    /*padding: 4px;
	top: -3px;
    left: -3px;
    bottom: -3px;
    right: -3px;*/
    -webkit-border-image: url(border2.png) 4 stretch; /* Safari 3.1-5 */
    -o-border-image: url(border2.png) 4 stretch; /* Opera 11-12.1 */
    border-image: url(border2.png) 4 stretch;
}
.videoWrapper
 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cvtable
{
	vertical-align: top; 
	
}




.txtin { width:280px;}
.stxtin { width:52px; }
.tlabel {
	width: 76px;
	display:inline-block;
	text-align:right;
	margin-right:4px;
}
.stlabel {
	width: 55px;
	display:inline-block;
	text-align:right;
	margin-right:2px;
}
.hlabel {
	width: 50px;
	display:inline-block;
	text-align:center;
}
fieldset{ border: #f1f1f1 1px solid; }
input[type=range] {
	vertical-align:middle;
	padding:0px;
	margin:0px;
	padding-top:10px;
}
input[type=checkbox] {
	vertical-align:middle;
	padding:0px;
	margin:0px;
	width:50px;
}
.lsyshr {
	height: 0px;
	border: 0px;
	border-top:1px dotted rgb(167, 167, 167);
}
.lsys {
	width:  100%;
	margin: 0px;
	font-family: monospace;
	font-weight:100;color:rgb(70, 70, 70);
}
.lsys * {
  font-family: inherit;
}
.lsysbutton {
	width:28px;
	text-align:center;
	margin: auto;
	padding: 0px;
}
.lsysinput {
	color:rgb(70, 70, 70);
	margin-top:1px;
	margin-bottom:1px;
}