/*main - pli12*/

body {margin:0px; background-color:#ffffff; }
a {text-decoration:none; outline: medium none;}
.container { width:94%; margin: auto; overflow:hidden; }
.cf:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

#header { background-color: #fff; position:relative; z-index:12;}
#callus { color:#fff; background-color:#0098FF;  background-image:url('/img/phone-open.svg'); background-position:2% 0; background-repeat:no-repeat; background-size:30px; width:100%; padding:5px 0; text-align:center; font-family:verdana; font-size:12pt;}
#title > a { color: #3074c0; }
#title {background-color:#ffffff; color: #3074c0; font-family: times new roman; font-size:42pt; margin: 20px auto 0px; }
#lefty a { color:#00a0d1; }
#lefty a:hover { text-decoration: underline; }
/*
#lefty a.ergasiesbt {line-height:2; padding: 4px 6px 6px; transition: all 0.2s ease-out 0s; display:inline-block; margin: 0 10px 10px 0; border: 1px solid #c0e0f1;}
#lefty a.ergasiesbt:hover {background-color:#00a0e1; color:#ffffff; transition: all 0.2s ease-out 0s; cursor:pointer; text-decoration:none; border: 1px solid #00a0d1; box-shadow: 1px 1px 2px #999;}
*/
#lefty a.ergasiesbt {background-color:#fff; line-height:2; padding: 4px 6px 6px; transition: all 0.2s ease-out 0s; display:inline-block; margin: 0 10px 10px 0; border: 1px solid #ddd; box-shadow: 0px 2px 4px #ccc;}
#lefty a.ergasiesbt:hover {background-color:#00a0e1; color:#ffffff; transition: all 0.2s ease-out 0s; cursor:pointer; text-decoration:none; border: 1px solid #00a0d1; box-shadow: none;}
#righty a { display:block; color: #00a1d1;}
#righty a:hover { text-decoration:underline;}
#info a { text-decoration:none; }
a:hover#group { text-decoration:none; }
#group p {text-align:center; color: #307091; border:1px solid; font-size: 13pt; padding:10px; transition: all 0.2s ease-out 0s; width:80%; letter-spacing: 1px; }
#group p:hover {background-color:#00a0e1; color:#ffffff; transition: all 0.2s ease-out 0s; }
#footer { background-color:#00a0d1;; margin-bottom:0px;}
#footer p {color:#fff; text-align:center; padding:20px 0px 24px 0px; letter-spacing:2px; margin-bottom:0px; text-shadow: 0 1px 2px #105071;}

/*desk*/

#main {width:100%}
#menu { background-image: -ms-linear-gradient(top, #0098FF 0%, #007ECC 100%); background-image: -moz-linear-gradient(top, #0098FF 0%, #007ECC 100%);
background-image: -o-linear-gradient(top, #0098FF 0%, #007ECC 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0098FF), color-stop(1, #007ECC)); background-image: -webkit-linear-gradient(top, #0098FF 0%, #007ECC 100%); background-image: linear-gradient(to bottom, #0098FF 0%, #007ECC 100%); width: 100%;  float: left; }
#nav1 { list-style: none outside none; float:left; visibility:hidden; }
#nav1 li { margin:0px; float:left; padding: 0 0 0 30px;; text-decoration:none; color:#fff; font-size:16pt; font-family:segoe ui; line-height: 0.8; }
#nav {list-style: none outside none;  width: 1200px; margin:0 auto; }

#nav ul  { display: none; }
#nav  li:hover > ul { display: block; }
#nav  ul { padding: 0; list-style: none; position: relative; margin: 0px auto; width:; }
#nav  ul:after { content: ""; clear: both; display: block; }
#nav   li { cursor:pointer;}
#nav   li:hover { transition: all 0.3s ease-out 0s; background-color: #20b0f1; text-shadow: 0 1px 1px #6c0000; }
#nav   li:hover a { color: #fff; }
#nav   li a:hover { text-shadow: 0 1px 2px #000000; }
#nav   ul { background: #2f85c6 ; max-width: 200px; border-radius: 0px; padding: 0; position: absolute; top: 100%; margin-left:-4px; opacity:0.97; }
#nav   ul li { float: none; border-top: 1px solid #2f85c6; position: relative; padding: 0; border-bottom: 1px solid #093d72; }
#nav   ul li:hover {  }
#nav   ul li a { padding: 15px 35px; color: #fff; font-size:12pt; font-family:segoe ui;}	
#nav   ul li a:hover { background-color:#20b0f1; }


#mi {padding:0; float:left;}
#mi a { display: block; padding: 14px 26px 18px 26px; text-decoration:none; color:#fff; font-size:16pt; font-family:segoe ui; line-height: 0.8; transition: all 0.2s ease-out 0s;}
#mi a:hover {background-color: #20b0f1; transition: all 0.2s ease-out 0s;}
#mi img {display:none;}


p {font-family:segoe ui; color:#004490; line-height: 1.6;}
#lefty {width:60%; float:left; padding:1%; margin-top:12px; min-height:460px; background-color: #f3f3f3;}
#righty {width:30%; float:left; margin-left:8%; margin-top: 20px;}
#lefty p {text-align:justify; font-size: 13pt; margin: 20px auto;}
#lefty p.intro {width:80%;}
#lefty p.ann {margin: 10px 0 20px;}

p#banner1 {line-height: 1.8; letter-spacing: 2px; font-size:16pt; background-color: #00a0e1; transition: all 0.2s ease-out 0s; border:0; color: #ffffff; text-align:center; font-family: arial; width: 80%; padding:10px;}
p#banner1:hover {box-shadow: 0 2px 6px #888; }
p#banner2 {line-height: 1.8; letter-spacing: 2px; font-size:14pt; background-color: #00a0e1; transition: all 0.2s ease-out 0s; border:0; color: #ffffff; text-align:center; font-family: arial; width: 80%; padding:10px;}
p#banner2:hover {box-shadow: 0 2px 4px #666;}

h1 { color:#00a0d1; font-family:segoe ui; font-size:20pt; letter-spacing: 0px; font-weight:400; }
h1 > span2 {display:none;}
h2 { color:#00a0d1; font-family:segoe ui; font-size:18pt; letter-spacing: 0px; font-weight:400; }
.date {color:#00a0d1; font-family:segoe ui; font-size:12pt; word-spacing: 3px;}
.ann { color:#005fa3; font-family:segoe ui; font-size: 16pt; margin-top: 4px; }
.keim {margin-bottom: 40px;}
#righty .keim {display:none; font-size: 12pt;}
#righty h1 { letter-spacing: 1px; }
#righty .ann { font-size: 12pt; letter-spacing: 0.5px;}
.formbox { padding: 4px; }
#infopli12 {color:#087f17; margin-left:10px; font-size:11pt; font-family:arial;}
label { transition: all 0s ease-in 0.3s; background-color: #20a8ff; color: #fff; font-family: segoe ui; margin-left: 20px; padding: 5px 20px; box-shadow: 0 1px 3px #888; }
#infopli12 p { color: #3074c0; font-family: segoe ui; font-size: 14pt; margin: 20px auto 0; }
p#incase {font-size:12pt; word-spacing: 1px; }
#send { background: none repeat scroll 0 0 #209eec; border-color: #007ecc; border-radius: 8px; border-style: solid; border-width: 1px; color: #fff; font-family: arial; font-size: 14pt; padding: 2px 0 4px; transition: all 0.3s ease-out 0s; cursor:pointer; width: 220px; word-spacing: 3px; }
#send:hover {transition:all 0.4s ease-out 0s; background:#40c8ff; cursor:pointer;} 

.viewer {display:none;}

#footer p {font-size:2vmax;} 


.send {margin-left:-20px; font-size:13pt; color:#666; font-family:segoe ui; list-style: none;}
.send li {margin-bottom:15px;}

/*deskaccord*/

#answer { display:none; color:#555555;  line-height: 1.6; }
math, .MathJax { font-style:normal; }
#accordion div { height: 100%; border: 0 none; margin-bottom: 10px; }
#accordion .ui-accordion-content { box-shadow: 0 2px 4px #aaa; margin-top: 20px; padding: 20px; border-radius: 8px; }
#accordion a { font-size:; }
#accordion span { color: #888; font-family: arial; font-size: 11pt; }
#accordion h3 { text-align:left; z-index:2; }
#accordion h3:hover {}
#accordion h3 a { font-family:segoe ui; text-shadow:0px 0px 0px; font-weight:400; font-size:14pt; }
#accordion h3 a:hover { font-family:segoe ui; color:#005399; }
/*
#accord .ui-state-default { background: inherit; border: 1px solid transparent; }
.ui-widget-content { background:none; background-color:#f3f3f3; }
*/
#accordion .ui-icon { display: none; }
#accordion .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0px solid #dedede; font-weight: normal;
  background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #ffffff; color: #555555; }

#accordion .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #f3f3f3; border: 0px solid #aaaaaa; color: #212121; font-weight: normal; box-shadow: 0px 1px 2px #888; border-radius: 4px; }

#accordion p { color: #4b5555; font-family: helvetica; font-size: 13pt; font-weight: 400; text-align: justify; }
#accordion ul { color: #4b5555; list-style: none outside none; font-size:13pt; font-family: helvetica; margin: 0 0 20px -34px; }
#accordion .question { color: #0973b2; cursor:pointer; margin: 6px 0; }
#maintitle { color: #095eb2; font-family: verdana; font-size: 13pt; font-weight: 400; letter-spacing: 0; margin: -5px 10% 0px 0px; padding: 10px 0; text-align: left; }
#definition { background-color: #eaefdf; padding: 8px 12px; }
#accordion .MathJax span { color: #444; font-size: 14pt; }
#definition spanleft { float: left; font-family: georgia; font-size: 22pt; line-height: 1.1; }
#definition spanright { float: right; font-family: georgia; font-size: 22pt; line-height: 2; }
#accordion ul#sxeseis {color: #095eb2;}
#accordion ul#sxeseis li {margin-bottom:12px; color: #095eb2; line-height:1.4;}
#accordion ul#sxeseis li .MathJax span { color: #095eb2; font-size: 14pt; }
#accordion li.question .MathJax span {color:#0973b2;}

/*ergasies-donates*/

#donats {border: 1px solid #005fa3; text-align: center; font-size:; padding: 10px; transition: all 0.2s ease-out 0s; width: 90%; margin:;}
#donats h1 { color:#00a0d1; font-family:segoe ui; font-size:18pt; letter-spacing: 0px; font-weight:400; }
#send {background-color:#209eec; padding: 4px 0px 6px; letter-spacing: 1px; border:1px solid #007ecc; border-radius: 30px; text-shadow: 1px 1px #005fa3; transition:all 0.3s ease-out 0s; }
#send:hover {background-color:#fc7330; color:#fff; border:1px solid #fc7330; transition:all 0.4s ease-out 0s; text-shadow: 1px 1px #bc5310; }
#donats p {color: #00a0d1; font-family: segoe ui; font-size: 12pt; word-spacing: 3px;}

/*foitites*/
#foitinfo {display:block; float:right; padding:5px 20px; margin: 0px 50px 5px 20px; border: 1px solid #0f65a6; border-radius: 12px; color:#0f65a6; font-family: verdana; font-size:12pt; box-shadow: 0 1px 4px #444; text-shadow:; z-index:13; }
/*
#lefty a.foitbox {line-height:2; width:45%; padding: 4px 6px 6px; transition: all 0.2s ease-out 0s; display:inline-block; margin: 0 10px 10px 0; border: 1px solid #c0e0f1; text-align: left;}
#lefty a.foitbox:hover {background-color:#00a0e1; color:#ffffff; transition: all 0.2s ease-out 0s; cursor:pointer; text-decoration:none; border: 1px solid #00a0d1; box-shadow: 1px 1px 2px #999;}
*/
#lefty a.foitbox {line-height:2; width:45%; padding: 4px 10px 6px; transition: all 0.2s ease-out 0s; display:inline-block; margin: 0 10px 10px 0; border: 1px solid #ddd; text-align: left; background-color: #fff; box-shadow: 0px 2px 4px #ccc;}
#lefty a.foitbox:hover {background-color:#00a0e1; color:#ffffff; transition: all 0.2s ease-out 0s; cursor:pointer; text-decoration:none; border: 1px solid #00a0d1; box-shadow: 1px 1px 2px #999;}
#aww-wrapper {margin-top:-70px; border:0px}