html {
  /*background-color: #d4cd95;*/
  background-color: #FFFFFF;  
}
body {
  width:87%;
  margin: 0 auto;  
  color:#0B0B61;  
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px; 
  cursor:pointer;  
}
select {
border-radius:4px;
cursor:pointer;
}

input
{
border-radius:4px;
}

a:visited, a:link { text-decoration:none; }

a { color:#575c7d;}
a:hover { color:#DE580C; text-shadow:0px 1px 4px #ff9933;}

.construction {
font-size:13px;
padding-left:14px;
padding-right:14px;
padding-top:2px;
padding-bottom:3px;
color:black;
background:#fcda53;
margin-right:200px;
margin-left:200px;
top:0px;
position:fixed;
border-bottom-left-radius: 2em;
border-bottom-right-radius:2em;
}

.languageHexagons {
position:fixed;
top:0px;
left:50%;
width:120px;
height:10px;
padding:6px;
margin-left:3%;
}


.userMsg {
color:#b34d4d;
font-family:arial, helvetica, sans-serif;
font-size:12px;
font-weight:regular;
}

.homeTxt {
font-family:helvetica;
width:850px;
font-size:14px;
font-weight:regular;
line-height: 160%;
margin-left:40px;
}

.homeHead2 {
font-family:helvetica;
color:#b34d4d;
font-weight:regular;
font-size:16px;
line-height: 160%;
margin-left:40px;
}

.inputFieldBg40 {
background-image:url(admin/images/flagbginput40transparent.jpg);




}

.inputFieldEn40 {
background-image:url(admin/images/flageninput40transparent.jpg);

}



.main {				
	/*background-color: #d4cd95;*/
  background-color: #FFFFFF;
}


.header{
border:1px solid #FFFFFF;
min-height:110px;
}

.middle {
border:0px solid green;
min-height:600px;
padding:8px;

}

.footer {
text-align:center;
border:0px solid purple;
vertical-align:bottom;
margin-bottom:10px;
color:#38a4a9;
font-size:11px;
}

.hr700 {
	top:30px;
	float:left;
	position:relative;
	display:block;
	z-index:0;
	border:0px;
	background-color: #333333;
	width:87%;
	height:2px;
	box-shadow: 0 0 10px rgba(0,0,0,0.75);
}

.hrStart {	
	top:30px;
	float:left;
	position:relative;
	display:block;
	z-index:0;	
	border:0px;
	background-color: #F0D631;
	width:12%;
	height:2px;
	box-shadow: 0 0 10px rgba(0,0,0,0.75);
}



.hr700Row {	
	float:left;
	position:relative;
	display:block;
	z-index:0;
	border:0px;
	background-color: #333333;    
	height:2px;
	box-shadow: 0 0 10px rgba(0,0,0,0.75);
}

.hr700RowRed {	
	float:left;
	position:relative;
	display:block;
	z-index:2;
	border:1px;
	background-color: red;
	height:10px;
	width:1px;
	box-shadow: 0 0 10px rgba(0,0,0,0.75);
}

.hr700RowRed2 {	
	float:left;
	position:relative;
	display:block;
	z-index:2;
	background-color: red;
	top:9px;
	height:1px;
	width:16px;
	box-shadow: 0 0 10px rgba(0,0,0,0.75);
	
}

.badge {
  width:22px;
  height:12px;
  padding-left:5px;
  padding-right:5px;
  padding-top:0px; 
  display:table-cell;
  text-align: center;
  vertical-align: middle;
  background:white;
  font-size:11px;
  color:red;
  border:1px solid red;
  font-size:11px;
}



.hrStartRow {	
	border:1px solid red;
	float:left;
	position:relative;
	display:block;
	z-index:0;	
	border:0px;
	background-color: #F0D631;
	width:60px;
	height:2px;
	box-shadow: 0 0 10px rgba(0,0,0,0.75);
}

.rowHexagon {
position: relative;
width:44px;
z-index:4;
top:-8px;
}

.rowHexagonTable {
position: relative;
width:44px;
top:40px;
z-index:4;
left:4px;
}

.oneRow {
margin-top:40px;
width:600px;
vertical-align:top;
position:relative;
display:block;
z-index:1;

}

.hexagonRow {
position:relative;
display:block;
padding:2px;
margin:4px;
width:600px;
border:1px solid white;
}

.rowText {
position: relative;
display:block;
top:0px;
margin-left:40px;
letter-spacing: 1px;
padding-left:16px;
font-family:arial, helvetica;
color:#333333;
font-size:12px;

/*
justify
*/
}



.textTd {
font-family:arial, verdana, helvetica;
letter-spacing: 0.6px;
color:#333333;
font-size:12px;
}

.textTdMore {
font-family:arial, verdana, helvetica;
letter-spacing: 0.6px;
color:#333333;
font-size:12px;
margin-left:4px;
position:relative;
top:-10px;
vertical-align:top;
}




#w1 {
position: relative;
top:0px;
margin-left:55px;
background-image: url("images/w1.png");
background-repeat: repeat-x;	
} 

.buttonDefault {
border:2px outset #FFF9A9;
border-radius: 12px;
margin-top:8px;
margin-left:30px;
width:190px;
min-height:36px;
margin-top:20px;
margin-bottom:12px;
text-align:left;
text-indent: 6px;
background:#FBF5EF;
color:#0B0B61;
padding-bottom:3px;
padding-top:3px;
padding-left:8px;
}

.buttonConfirm {
border:2px outset #FFF9A9;
border-radius: 12px;
margin-top:6px;
width:90px;
min-height:36px;
margin-bottom:12px;
text-align:center;
background:#FBF5EF;
color:#0B0B61;
padding-bottom:2px;
}

.buttonDefault:disabled {
background:#E3CEF6;
}

button {   
    cursor: pointer;
}





.menu {

position:relative;
display:block;
margin-left: 86px;
margin-right: 10px;
top:-76px;
left:0px;
-webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
background-color:#F5D0A9; /*#FFF9A9;*/
border:1px solid #FFF9A9;
height:33px;
}

.menuBottom {
position:relative;
display:block;
margin-left: 20px;
margin-right: 10px;
top:-76px;
left:0px;
-webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
background-color:#F5D0A9; /*#FFF9A9;*/
border:1px solid #FFF9A9;
height:33px;
width:22%;
float:right;
}

.menuBottom2 {
position:relative;
display:block;
margin-left: 20px;
margin-right: 10px;
top:-92px;
left:0px;
-webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
background-color:#F5D0A9; /*#FFF9A9;*/
border:1px solid #FFF9A9;
height:33px;
width:22%;
float:right;
}



nav {
    display: block;
    margin-bottom: 10px;	
	position:absolute;
	
	
}
nav ul {
    list-style: none;
    font-size: 14px;
	margin-left:0px;
	
	
}
nav ul li {
    display: inline;
	padding: 6px;
	
}
nav ul li a {
	margin-top:-11px;
    display: block;
    float: left;
    padding: 5px 5px;   
	margin-left:0px;
    text-decoration: none;	
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;	
    font-weight: normal;
	letter-spacing: 2px;	
	color: #575c7d;	
	background-color: #F5D0A9;
}
nav ul li a:hover {	    
    color: #485e0f;      
	text-shadow:1px 1px 12px green;
	
}


.hexagon {
  position: relative;
  width: 100px; 
  height: 57.74px;
  background-color: #38a4a9;
  margin: 28.87px 0;
  box-shadow: 0 0 12px rgba(0,0,0,0.6);
  border-left: solid 2px #333333;
  border-right: solid 2px #333333;
  transform:rotate(90deg);
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 70.71px;
  height: 70.71px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 13.2px;
  box-shadow: 0 0 12px rgba(0,0,0,0.6);
}

.hexagon:before {
  top: -37px;
  border-top: solid 2.8284px #333333;
  border-right: solid 2.8284px #333333;
}

.hexagon:after {
  bottom: -36.7999px;
  border-bottom: solid 2.8284px #333333;
  border-left: solid 2.8284px #333333;
}

/*cover up extra shadows*/
.hexagon span {
  display: block;
  position: absolute;
  top:1px;
  left: 0;
  width:100px;
  height:55.4256px;
  z-index: 2;
  background: inherit;
}


.enHexagon {
position: relative;
float:left;
top:0px;
width:32px;
text-shadow:0px 1px 4px #ff9933;
}

.bgHexagon {
position: relative;
float:left;
top:-18px;
left:22px;
width:32px;

}


a.feedbackHref:link, a.feedbackHref:active, a.feedbackHref:visited {
color: #575c7d; 
font-size:13px;
letter-spacing:2px;
}

a.feedbackHref:hover {
color:#DE580C;
text-shadow:0px 1px 4px #ff9933;
}



.feedback {
position:absolute;
display:block;
width:90px;
height:15px;
z-index:9;
margin-right:120px;
border:1px solid orange;
border-radius: 1em;
background-color: #F5D0A9;

top:12px;
right:0px;
padding-left:9px;
padding-top:2px;
padding-bottom:6px;
opacity: 0.8;
box-shadow: 16px 19px 229px 39px rgba(231,166,26,1);
}

@supports (-moz-transform: translate(0, 0)) {
 .feedback {
    top:-4px;
	padding-bottom:5px;
  }
}

.feedbackForm {
width:45%;
position: relative;
display:block;
top:0px;
left:90px;
margin-left:40px;
letter-spacing: 1px;
padding-left:16px;
font-family:arial, helvetica;
color:#333333;
font-size:12px;
}

.feedbackFormInput {
opacity: 0.7;
color: #575c7d;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px solid #5375ad;
padding:2px;
}

.feedbackFormButtonSend {
width:120px;
height:60px;
opacity: 0.7;
color: #575c7d;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 1px groove #5375ad;
cursor:pointer;
letter-spacing: 4px;

}

.feedbackText {
letter-spacing: 1px;
width:50%;
margin-left:13%;
margin-right:36%;
}