@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(fonts/OpenSans-CondBold-webfont.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(fonts/OpenSans-CondBold-webfont.woff) format('woff');
  unicode-range: U+0370-03FF;
}
@font-face {
font-family: "FontAwesome";
src: url("fonts/fontawesome-webfont.eot");
src:
url("fonts/fontawesome-webfont.woff") format("woff"),
url("fonts/fontawesome-webfont.otf") format("opentype"),
url("fonts/fontawesome-webfont.svg#filename") format("svg");
}

@media print {
.hideOnPrint{ display:none; }
}
 

 
body {
/*	background-color:#dbd7cd;	
	text-align: left;
	 background: url('../logos/LoginBackground.jpg'); 
	background-repeat: repeat;*/
 
}  
/* Layout helpers
----------------------------------*/
input, datalist, textarea, select {
	 /* font-family: 'Oswald', 'Open Sans Condensed',  'Helvetica Neue',  sans-serif; */
	font-family:  'Open Sans Condensed', "Helvetica", 'Fira Sans Condensed',   'Helvetica Neue',  sans-serif; 
	font-size:1em;
	font-weight:600;
	text-align:left;
	letter-spacing:0em;
	height: 2em;
	width:100%;
	color: #595959; /* #808080 ; */
	padding: 2px 5px 2px 5px; /* top, right, bottom, left */
	margin-top:0.2em;	
	margin-bottom:0.1em;	
	margin-right:10px;
	border: 1px solid #dadada;
	border-radius: 3px; 
	width:100%;
 /* font-stretch: extra-condensed; */
}

textarea {
	font-size:0.9em;
}
 
label {
    /*font-family:"Helvetica", 'Helvetica Neue',   'Open Sans Condensed', 'Fira Sans Condensed', sans-serif; */
	 font-family: sans-serif, 'Fira Sans', 'Open Sans Condensed',  'Helvetica Neue', 'Helvetica',  'Fira Sans Condensed';  
	font-size:1em;
	font-weight:100;
 	color: #808080;
	height: 1em;
	padding-top:8px;
	padding-bottom:10px;
	font-stretch: condensed;
	
}

.titleRight {
  position: relative;
  float: right;
  margin-top:1px;
  margin-right:12px;
  padding-left:5px;
  padding-right:5px;
  line-height: 1.8em;
  font-size:0.9 em;
  /* width: 74px; */
  color:white;
  overflow: hidden;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  background-color: #4b4b4b;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b4b4b), color-stop(50%, #494949), color-stop(51%, #505050), color-stop(100%, #5b5b5b));
  background-image: -webkit-linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  background-image: -moz-linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  background-image: -ms-linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  background-image: -o-linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  background-image: linear-gradient(top, #4b4b4b 0%, #494949 50%, #505050 51%, #5b5b5b 100%);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
 z-index:1;
}
 
a:link {  text-decoration: none}
a:visited {  text-decoration: none}

.tblCaption {
    font-family: 'Open Sans Condensed', Verdana, Arial, Helvetica, sans-serif;
	 
	font-size: 12px;
	font-weight: 900; 
	 /* font-weight: bold; */
	color: #606060;
	
	text-decoration: none;
	letter-spacing: 0pt;
	background-color:  #EBEBEB; 
	/* background-image: url(caption_Bg.png); */
	text-shadow: 0px 1px 1px white;
	

	}

.tblCaption td{
	padding-left: 5px;
	padding-right: 5px;
	height: 30px;
 	/* border-left: 1px solid #777777;
	border-right:1px solid #999999; 
	border-bottom:1px solid #777777; */
	padding-bottom:1px  ;
/* white-space: nowrap; overflow: hidden; text-overflow:ellipsis; */
}
 
/* ========================================================== */

#block_container
{
	display: flex;
    text-align:center;
	justify-content: center;
	min-height:250px;
    height:auto;
	width:100% ;
	padding-bottom: 0px;
 	/* border:1px solid red;  */
}
 
#bloc1, #bloc2 {
	display:inline-block;  
	font: 1.0em Helvetica, Arial, sans-serif;  	
	font-size:1.0em;
	color: #084850 ; 
	min-width: 220px;
	/* letter-spacing:2.0 em; */
	border:1px #D0D0D0 solid;  
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:5px; 
	background-color: #F3F3F3; /* white;   */
	margin: 5px 10px 0px 10px ;/* 0px 10px 0px 10px; */
	padding: 20px 20px 5px 20px;  
	-webkit-print-color-adjust:exact;

/*  -moz-box-shadow: 0 0 0px 0px #888;
  -webkit-box-shadow: 0 0 1px 0px#888; 
  box-shadow: 2px 2px 5px #707070 ; */
 
}

@media screen and (max-width: 750px) {
  #block_container  { flex-wrap: wrap ;  }
  #bloc1, #bloc2 { width: 100%; margin: 0px 20px 10px 10px; }
}
 
.fieldset2 {
	
     overflow: auto;
	 float: left;
	 width:48%;
	 min-width: 220px;
	 letter-spacing:0 em;
	 font-weight:100;
 }
 
.fieldset2 .my_select {
	font-family:  "Open Sans Condensed", "Helvetica", 'Fira Sans Condensed',   'Helvetica Neue',  sans-serif; 
	/* font: bold 16px Helvetica, Arial, sans-serif; */
	font-size:1em;
	font-weight:600;
	text-align:left;
	letter-spacing:0em;
	height: 2em;
	width:100%;
	color:  #595959 ; 
	padding: 2px 2px 2px 5px; /* top, right, bottom, left */
	margin-top:3px;	
	margin-bottom:10px;	
	margin-right:10px;
	border: 1px solid #dadada;
	border-radius: 3px; 
}

.fieldset2 input, datalist, textarea, select {
	 /* font-family: 'Oswald', 'Open Sans Condensed',  'Helvetica Neue',  sans-serif; */
	font-family:  'Open Sans Condensed', "Helvetica", 'Fira Sans Condensed',   'Helvetica Neue',  sans-serif; 
	font-size:1em;
	font-weight:600;
	text-align:left;
	letter-spacing:0em;
	height: 2em;
	width:100%;
	color: #595959; /* #808080 ; */
	padding: 2px 5px 2px 5px; /* top, right, bottom, left */
	margin-top:0.2em;	
	margin-bottom:0.1em;	
	margin-right:10px;
	border: 1px solid #dadada;
	border-radius: 3px; 
	width:100%;
 /* font-stretch: extra-condensed; */
}
 
.fieldset2,.vsBoxNew textarea {
	font-size:0.9em;
}
 
.fieldset2 label {
    /*font-family:"Helvetica", 'Helvetica Neue',   'Open Sans Condensed', 'Fira Sans Condensed', sans-serif; */
	 font-family: sans-serif, 'Fira Sans', 'Open Sans Condensed',  'Helvetica Neue', 'Helvetica',  'Fira Sans Condensed';  
	font-size:1em;
	font-weight:100;
 	color: #808080;
	height: 1em;
	padding-top:8px;
	padding-bottom:10px;
	font-stretch: condensed;
}

 
fieldset input:hover{
    border:1px solid #2196F3; 
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
	background-color:#ffffff;
}	

input:focus, textarea:focus{
    border:1px solid #999;  
   background: #ffff99; 
 
}	
h9{
	font-size:0.9em;
	color:#333333;
	padding-left:4px;
}

.fieldset2 h1 {
	 margin:-20px -20px 15px -20px;
	 height:28px;
	 font-size:18px;
	 font-weight:normal;
	padding: 10px 0px 0px 0px;
	position: relative;
	border-bottom:1px solid black;   
   	background: #5E74A0;  
	color: white;	
    border-radius: 3px 3px 0px 0px;
}


/* ==================================================== */

/*
.fieldset2 input[type="checkbox"] {
   display: none;  
}
*/

.fieldset2 .checkbox {
	vertical-align:center;
    position: relative;
    display: inline-block;
    border: 1px solid #dadada;
    padding: 20px 52px 8px 12px;
    border-radius: 3px;
    color: #888;
    font-weight: 100;
    cursor: pointer;
    margin-bottom: 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

 
.fieldset2 .checkbox::before {
    content: '';
    position: absolute;
    top: 1px;
    bottom: 1px;
    right: 37px;
    width: 1px;
    background-color: #aaa;
}

.fieldset2 .checkbox::after {
    position: absolute;
    top: 0px;
    right: 0px;
    content: '';
    float: left;
    width: 26px;
    height: 26px;
    margin: 4px;
    border: 1px dashed #aaa;
    border-radius: 3px;
    background-image: url(../icons/checkmark.png);
    background-size: 26px 52px;
    background-position: center top;
    background-repeat: no-repeat;
}

.fieldset2 input[type="checkbox"]:checked + .checkbox {
    border: 1px solid #4575ab;
    color: #4575ab;
}

.fieldset2 input[type="checkbox"]:checked + .checkbox::before {
    background-color: #4575ab;
}

.fieldset2 input[type="checkbox"]:checked + .checkbox::after {
    border: 1px solid #4575ab;
    background-color: #4575ab;
    background-position: center bottom;
}
 
 
 
/* ================ metriseis ============= */


.fieldset2 .Prices { 

    display: inline-block;
    border: 1px solid #dadada;
    padding: 10px 2px 8px 12px;
    border-radius: 3px;
    color: #888;
    font-weight: 100;
  

}

.Prices input[type="text"]   {
	display: inline-block;
    width:80px; 
 
}
 


::placeholder { font-family: 'Helvetica'; font-size:0.9em; font-weight:100;}	
	
/* ========================================================
				vsBoxNew
   ===================================================== */
.vsBoxNew {
  line-height: 1.7em ;
  margin: 24px 10px 0px 10px ;  
  /* font:normal 12px arial, tahoma, helvetica, sans-serif; 
  color: #707070;
  position: relative; 
  padding: 2px 0px 2px 0px;  top, right, botom,left */ 
  border-radius: 3px;
  -moz-box-shadow: 0 0 5px 3px #888;
  -webkit-box-shadow: 0 0 3px 5px #888;
  box-shadow: 0 0 6px 1px #888;
  background-color: #F3F3F3;  
}

.vsBoxNew h1 {
  font-family: 'Open Sans Condensed', myBoldFont, "Helvetica",  'Helvetica Neue',  sans-serif;
  font-size:1.6em;
  font-style: normal;
  font-weight: 600;
  color:white;
  text-shadow: 0 1px #001F4C;
  margin: -3px -1px 0px -1px;
  padding-top:5px;
  padding-bottom:0px;
  padding-left: 15px;
  line-height: 1.2em;
  text-align: center;
 /* border-bottom: 1px solid #cfcfcf;*/
  border-radius: 3px 3px 0 0; 
  background-color: #5E74A0;
  height:36px;
  /* background: url(caption_Bg.png); */            
}

#datadiv {	 
 /* overflow:auto; */
 padding:5px 10px 5px 10px;
 margin:10px auto;
 float:center;
 font-size:0.9em;
 }
 
table.label_right td, input{
	padding-top:0px;
	padding-bottom:1px;
}	
table.label_right input{
   margin-top:3px;
   margin-bottom:0px;
}
