@charset "utf-8";
/* CSS Document */

body {
	font-family: verdana, arial;
	font-size:12px;
	line-height:20px;
	background-color:#fff;
	color: #031E31;
	margin:0;
	padding:0;
/*	height:3000px;*/
	
}
html {
  -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
       -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;	

}

#cssmenu > ul > li > a {
	font-size: 13px;
}

h1, h2 {
	color:#0A2653;
}
h1 {
	padding: 0px;
	height:50px;
	line-height:50px;
/*    border-top: 1px dashed #0A2653;*/
/*	border-top: 1px dashed #0A2653;
    border-bottom: 1px dashed #0A2653;*/
	border: 1px dashed #0A2653;

	text-align: center;
  background       : #f9f9f9;
  border-radius:10px;
/*  background-image :    -moz-linear-gradient(left, #ffffff,#f9f9f9,#f9f9f9,#f9f9f9,#ffffff);
  background-image :     -ms-linear-gradient(left, #ffffff,#f9f9f9,#f9f9f9,#f9f9f9,#ffffff);
  background-image :      -o-linear-gradient(left, #ffffff,#f9f9f9,#f9f9f9,#f9f9f9,#ffffff);
  background-image : -webkit-linear-gradient(left, #ffffff,#f9f9f9,#f9f9f9,#f9f9f9,#ffffff);
  background-image :         linear-gradient(left, #ffffff,#f9f9f9,#f9f9f9,#f9f9f9,#ffffff);*/
	
}


h2 {
	padding:5px 0;
	margin-top:0;
}

a {
	text-decoration:none;
	  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;	

}

#header {
	width:880px;
	height:196px;
	background: url('../img/header.jpg');
	margin: 0;
	border-radius: 10px 10px 0px 0px;
	overflow:hidden;	
}

#cssmenu {
	width:880px;
	border-radius: 0px 0px 10px 10px;
	z-index:1000000;
	box-shadow:0px 1px 3px #353535;
	/*border-radius: 0px;*/
	

}
#cssmenu > ul > li:last-child > a {
	border-bottom-right-radius: 10px;
}
#cssmenu > ul > li:first-child > a {
    border-radius: 0px;
}

#cssmenu ul {
	float:right;
}

#left_menu {
	display:inline-block;
	width:250px;
	height:auto;
	background:#ccc;
	float:left;
	clear:none;

}
/*#cssmenu {
	float:left;
	clear:none;
	height:100%;
}
*/
#content {
	margin:0px;
	padding:0px;
	float:left;
	clear:none;
	width:880px;

/*	overflow:hidden;*/
}

.content {
	float:left;
	clear:both;
	padding: 10px;
}
.content-2 {
	width:420px;
	float:left;
	padding:10px;
	position:relative;
}


#sun {
	float:left;
	clear:none;
	width:440px;
	position:relative;
	box-shadow:2px 2px 6px #2B2B2B;
	margin-top:50px;	
	border:none;
	
}

#sun_probs {
	float:left;
	clear:none;	
	width:440px;
	height:440px;
	margin-top:50px;
}

.sunprob {
/*	height:70px;*//*auto prepei na einai to ipsos*/
	float:left;
	clear:none;
/*	background-color:#ccc;*/
	padding:5px;
	margin:5px;
	width:200px;
	height:200px;
	
}
.problabel {
  -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
       -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;	
	display:inline-block;
	float:left;
	clear:left;
	font-size: 22px;
	line-height:50px;	
	width: 125px;
	height:50px;
	text-align:right;	
	color:green;
	font-weight:bold;	
}
.prob_value {
  -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
       -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;
	color:green;
	float:left;
	clear:right;
	text-align: left;
	font-size: 22px;
	line-height:50px;
	width: 75px;
}
.sun_gauge {
	padding:0 25px;
}

#individual_probs {
	float:left;
	clear:both;
	width:100%;
	margin:10px 0;
	
}

#nowcastLyra {
	float:left;
	clear:both;
	width:100%;
	margin:10px 0;
	text-align:center;		
}


#lyra_link {
	display:inline-block;
	text-align:center;
/*	float:left;
	clear:both;*/
	text-decoration:none;
	color:#0A2653;
	font-size:12px;
	height:40px;
	line-height:20px;
	margin-top:10px;
	padding:0 35px 0 0;
	background: url("../img/link.png") right center no-repeat;	

}
#lyra_link:hover {
	color:#0fa1e0;
	background: url("../img/link_hover.png") right center no-repeat;		

}

#resultstxt_link {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	color:#0A2653;
	font-size:12px;
	height:20px;
	line-height:20px;
	margin:30px;
	padding:0 25px 0 0;
	background: url("../img/link.png") right center no-repeat;
	background-size:20px;	

}
#resultstxt_link:hover {
	color:#0fa1e0;
	background: url("../img/link_hover.png") right center no-repeat;
	background-size:20px;		

}


#gaugeValue {
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #f3f3f3));
	background-image: -webkit-linear-gradient(#fafafa, #f3f3f3);
	background-image: -moz-linear-gradient(#fafafa, #f3f3f3);
	background-image: -o-linear-gradient(#fafafa, #f3f3f3);
	background-image: -ms-linear-gradient(#fafafa, #f3f3f3);
	background-image: linear-gradient(#fafafa, #f3f3f3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
	padding: 10px;
}
#refresh {
	display:inline-block;
	height:50px;
	line-height:50px;
	width:250px;
	text-align:center;
	font-size:15px;
	color:#f7a519;
	font-weight:bold;
}

#refresh a {
	color:#f7a519;
	padding:0;
}

#refresh a.flash_color {
	color: red;
}

.magnifier {
	display:inline-block;
	text-align:center;
/*	float:left;
	clear:both;*/
	text-decoration:none;
	color:#0A2653;
	font-size:12px;
	height:40px;
	line-height:40px;
	padding:0 40px 0 0;
	background: url("../img/zoom_in.png") right center no-repeat;
	margin-top:10px;	
}
.magnifier:hover {
	color:#0fa1e0;
	background: url("../img/zoom_in_hover.png") right center no-repeat;	
}
.magnifier:visited {
		border:none;
}
/*.date::before {
	content:"";
	display:block;
	width:880px;
	position:relative;
	top:9px;
	border-top: dashed 1px #000;
	z-index:0;
}*/
.date {
	/*display:inline-block;
	float:left;
	clear:both;
	padding:5px 0;
	background-color:#fff;*/
	padding:10px 0 0 0;
	color:#333333;
	font-size:16px;
	text-align:center;
	line-height:18px;
	position:relative;
/*	text-shadow:1px 1px 2px #141414;*/
	/*z-index:1;*/
}

#main_results {
	float:left;
	clear:both;
}
.ar_results {
	color: #fff;
	font-size:14px;
	float:left;
	clear:none;
	padding:5px 10px;
	margin:5px 8px 20px 0;
	background:#0fa1e0;
	border-radius:5px;
	box-shadow:1px 1px 2px #141414;
}
.ar_img {
	float:left;
	clear:left;
	text-align:center;

}

.ar_img img {
	box-shadow:2px 2px 6px #2B2B2B;	
/*	float:left;
	clear:both;*/
}
.ar_values {
	float:left;
	clear:right;
	padding-left:10px;	
}
[id^=AR] {
	float:left;
	clear:both;
	padding:50px 0;
}

.line {

	width:100%;
	border-bottom: dashed 2px #0A2653;
}
.line2 {
	float:left;
	clear:both;
	width:100%;
	border-bottom: dashed 1px #0A2653;
}
.fixed {
	position:fixed;
	top:0;


}


#main_map area {
	/*border:solid 1px blue;*/
}

.perc_bar {
/*-webkit-transition: all 3s ease;
   -moz-transition: all 3s ease;
     -o-transition: all 3s ease;
    -ms-transition: all 3s ease;
        transition: all 3s ease;*/	
	
	height:25px;
	margin:5px 0;
	width:0px;
	background-color:green;
	border-top-right-radius:5px;
	border-bottom-right-radius:7px;
	box-shadow:2px 2px 3px #2b2b2b;
	float:left;
	clear:left;
	
	
}
.perc_bar_value {
	margin:5px;
	display:inline-block;
	float:left;
	clear:right;
	line-height:25px;
	font-size:13px;
	text-shadow:1px 1px 2px #2b2b2b;
	font-weight:bold;
}



ul#clock {
  list-style: none;
/*  margin: 50px 0;*/
  padding: 0;
  display: block;
  text-align: center;
}

ul#clock li { display: inline-block; }

#to_top {
	
	position:fixed;
	left:850px;
	bottom:20px;
	width:20px;
	height:30px;
	font-size:20px;
	line-height:30px;
	color:#fff;
	background-color:#ccc;
	text-decoration:none;
	padding:0 5px;
	text-align:center;
	  -webkit-transition: all 2s ease;
     -moz-transition: all 2s ease;
       -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
          transition: all 2s ease;	
	
}
#to_top:hover{
	opacity:0.8;
	
}
.hide {
	display:none;
}
.show {
	display:inline-block
}
#hidden_links{
/*	display:none;*/
}

.animate {
  -webkit-transition: all 3s ease;
     -moz-transition: all 3s ease;
       -o-transition: all 3s ease;
      -ms-transition: all 3s ease;
          transition: all 3s ease;	
	
}

form {
	width:100%;
	padding-left:30px;

}

input[type=text],
input[type=email],
textarea {
	width:50%;
	color:#626262;
	float:left;
	clear:both;
	margin: 2px 0px;
	-webkit-appearance:none;
	outline: none;
	padding:7px 15px;
	background-color:#fff;
}
textarea {
	width:80%;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	
	-webkit-appearance:none;
	border-bottom: solid 2px #f7a519;
	background:#f9f9f9;
	color:#3E3E3E;	

}
input[type=text],
input[type=email],
textarea,
.submit-btn {
	float: left;
	clear:both;
	border-radius: 5px;
	border:none;
	border: solid 1px #ccc;
	border-bottom: solid 2px #0fa1e0;	
	
}
textarea {
	
}
.submit-btn {
	display:inline-block;
	padding: 7px 15px;
	margin: 7px 0px;
	color:#fff;

  background       : #333333;
  background-image :    -moz-linear-gradient(#333333,#141414);
  background-image :     -ms-linear-gradient(#333333,#141414);
  background-image :      -o-linear-gradient(#333333,#141414);
  background-image : -webkit-linear-gradient(#333333,#141414);
  background-image :         linear-gradient(#333333,#141414);

}

.submit-btn:hover {
	border-bottom: solid 2px #f7a519;
	color:#f7a519;
	background:#141414;
			
}

#response {
	padding-left:30px;
	padding-top:10px;	
	font-style:italic;
/*	color: #f7a519;*/
	color:#031E31;
	float:left;
	clear:both;
}

#response p {
	margin:0;
	border-left:solid 2px #f7a519;
	padding-left:10px;
	
}
a {
	color:#0fa1e0;	
}
a:hover {
	color:#0A2653;
}
#response p a {
	color:#0fa1e0;	
}
#response p a:hover {
	color:#0A2653;
}

p#captcha_area {
	float:left;
	clear:both;
}
.team-member {
	float:left;
	clear:both;
	padding:40px 0;
	border-bottom: dashed 1px #0A2653;

}

.grey_bg {
	background:#f0f0f0;
}
/*.team-member:first-child {
	border-top: none;
}*/

/*.team-member img {
	border-radius:50%;
	border:solid 1px #fff;
	box-shadow:0px 0px 10px #000;
	float:left;
	clear:none;
	width:264px;
}*/
.team-member p{
	display:inline-block;
	float:left;
	clear:none;
	width:588px;	
	padding-left:40px;
	padding-right:10px;
}
.team-member h3{
padding-right:20px;
margin-top:0px;
display:block;
text-align:right;
color:#0fa1e0;
font-weight:bold;
}
#footer{
	margin-top:10px;
	float:left;
	clear:both;
	width:880px;
	height:50px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;	
  background: #141414;
  background: -moz-linear-gradient(top, #333333 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #333333 0%, #141414 100%);
  background: -o-linear-gradient(top, #333333 0%, #141414 100%);
  background: -ms-linear-gradient(top, #333333 0%, #141414 100%);
  background: linear-gradient(to bottom, #333333 0%, #141414 100%);
  border-top: 2px solid #0fa1e0;
  box-shadow: 0px -1px 3px #353535;

	color:#ffffff;
}
#footer p {
	text-align:center;
	line-height:50px;
	padding:0 10px;
	margin:0;
}

.orange {
	color:#f7a519;
}

.half_width {
	float:left;
	clear:none;
	width:50%;
}

.full_width {
	width:100%;
}

td {
	padding:5px;
}

.ui-widget-content {
	border:none;
}

.align-center {
	text-align:center;
}

.refferences {
	font-style:italic;
}



.polaroid {
  position: relative;
  width: 220px;
  float:left;
  clear:left;
}
 
.polaroid img {
	width:100%;
  border: 10px solid #fff;
  border-bottom: 45px solid #fff;
  -webkit-box-shadow: 3px 3px 3px #777;
     -moz-box-shadow: 3px 3px 3px #777;
          box-shadow: 3px 3px 3px #777;
}
.polaroid.grey img {
  border: 10px solid #f0f0f0;
  border-bottom: 45px solid #f0f0f0;
} 
.polaroid p {
  position: absolute;
  text-align: center;
  padding:0px;
  width: 100%;
  bottom: 0px;
/*  font: 400 18px/1 'Kaushan Script', cursive;
  color: #F7A519;*/
font: 400 20px/1.2 'Neucha', cursive;
  color: #F7A519;
  text-shadow: 1px 1px 1px #fff;  
}

#dates {
	width:880px;
}
#dates td {
	width:50%;
}
.align-right {
	text-align:right;
}
.align-left {
	text-align:left;
}
.light-grey {
	background:#ccc;
}


label {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;	
	
}
label:hover, .input:hover {
	color:#F7A519;
	color:#0fa1e0;
}
input[type=checkbox]:hover, input[type=radio ]:hover {
	cursor:pointer;
}

.refferences a, .ui-widget-content a {
	color:#0fa1e0;
}
.refferences a:hover, .ui-widget-content a:hover {
	color: #f7a519;	
}