/*
 Marios Polyzoes (Nov 02, 2010) 
 Rev (Nov 30, 2016) Μάριος Πολυζώης
 */
html { overflow-y: scroll;}


body {
background-color: #fff;
margin: 0;
padding:0;
color:#464455;
font-family: 'Noto Sans', sans-serif;
/*background:transparent url("images/2560x1920.jpg") top left no-repeat fixed;*/
}
q:lang(el)
{
quotes: "«" "»" "'" "'";
}

.clear {
	clear:both;
}
h3 {
margin-top:30px;
	text-align: left;
	font-size:110%;
	font-weight: bold;
	color: #000;
/*	margin-bottom:-5px; */}
.kap {
	margin-left:16px;
}
.more {
margin-top:-12px; float:right; 
margin-bottom: 25px;
display:block;
}
.lez {
	background-color:#ECECEC;
	padding:4px;
}
/* ---------------*/

.nav>li>a {border: 1px solid #AAAAAA;}
.nav-tabs a:hover {
	color:#476c89;}

 #lst { float: left;
 margin-top:-12px;
 }

.picd {
  margin: 5px 10px;
	float: left;
	border:0px;
}
.pull-right {
	margin: 5px 10px 10px 10px;
}

.pic {
	margin: 5px 10px 10px 10px;
	float: right;}
.pull-left {
  margin: 5px 10px 10px 10px;
	border:0px;
}
.icons, head2, content, navcontainer, side_menu, foot { 
    display: block;
	}
.tri ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
}

.tri li:before {
    list-style: none;
    content: "►";
    display: block;
    float: left;
    width: 1.2em;
    color: #ff0000;
}
.tri li {
	background-color:#eee; padding:3px; margin-bottom:3px
}
/*--------------*/
.dexi-box {
	background-color:#476c89;
	border: 6px solid #476c89;
    border-radius: 8px;
    padding:5px;
    color:#DEF;
	
}

.tableau table {
margin-left:-18px;
}

.tableau table th {
height:3em;
border:solid 2px #fff;
background-color:#a1a1a1;
color:#fff;
font-weight:700;
padding:2px 20px 2px 7px;
}

.tableau table td {
height:3em;
border:solid 2px #fff;
background-color:#F0F1F3;
padding:2px 7px;
}

.bara1 {display:block; width:320px; height:20px; margin-top:5px; background-color: #fff; padding:8px;}


.arcol {margin-left:20px;
}

.box {
background-color:#ddd;
border:1px solid silver;
color:#505050;
line-height:1.5em;
margin:5px;
padding:10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:16px;
border:1px;
box-shadow: 3px 3px 7px #777;
width:90%;
}
.main-content .panel {
box-shadow: 3px 3px 7px #777;
}
.footer {
clear:both;
background:#1b242d;
overflow:visible !important;
padding:1.1em;
}

.footer p {
line-height:1.3em;
color:#aaa;
margin-top:0px;
}
.footer a {
text-decoration: none;
color:#aad;
}
.footer a:hover {
text-decoration:none;
color:#dff;
}
.footer a:visited {
color:#dda;
}
.main-content h1{
color:#476c88;
font-size:24px;
border-bottom:2px #476C88 solid;
line-height:34px;
}
.main-content h2{
color:#1b242d;
font-size:18px;
}
.main-content img {	box-shadow: 3px 3px 7px #777;}


.main-subcontent h4{
color:#476c88;
font-size:18px;
border-bottom:2px #476C88 solid;
line-height:26px;
}
.sclear {
clear:both;
width:90%;
height:10px;
}

.bottom-foot {
height:200px;
background:#1b242d;
margin-bottom:0px;
width:100%;	
}

.footer {
clear:both;
background:#1b242d;
overflow:visible !important;
padding:1.1em;
}

.footer p {
line-height:1.3em;
color:#aaa;
margin-top:0px;
}
.footer a {
text-decoration: none;
color:#aad;
}
.footer a:hover {
text-decoration:none;
color:#dff;
}
.footer a:visited {
color:#dda;
}
.barrow {
position: fixed;
bottom: 25px;
right: 10px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.social {
    margin: 0;
    padding: 0;
}

.social ul {
    margin: 0;
    padding: 5px;
}

.social ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}
.social i {
    width: 40px;
    height: 40px;
    color: #FFF;
    background-color: #909AA0;
    font-size: 22px;
    text-align:center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

.social i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}
.social .fa-facebook:hover {
    background: #4060A5;
}

.social .fa-twitter:hover {
    background: #00ABE3;
}

.social .fa-google-plus:hover {
    background: #e64522;
}
.social .fa-linkedin:hover {
    background: #0094BC;
}
.social .fa-youtube:hover {
    background: #FF1F25;
}

.social .fa-instagram:hover { 
    background: #375989;
}
.social .fa-rss:hover {
    background: #e88845;
}

.social .fa-youtube-play:hover {
    background: #DF192A;
}
img {
	border:0px
}

.new 
{background: none repeat scroll 0% 0% rgb(187, 0, 0);
 color: rgb(255, 255, 221); font-family: WarpSans,Arial;
 padding: 1px 3px;}

#ktig a:link {
	-moz-box-shadow:inset 0px 1px 0px -1px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px -1px #caefab;
	box-shadow:inset 0px 1px 0px -1px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	color:#306108;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:6px 8px;
	text-decoration:none;
	text-shadow:1px 1px 0px #aade7c;
}
#ktig a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}
#ktig a:active {
	position:relative;
	top:1px;
}

.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC;
padding: 3px;
font: 10px/1.4em;
margin: 5px 10px;
float: left;
box-shadow: 3px 3px 7px #777;
 }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px;
	border:0px;
	box-shadow: 1px 1px 1px #CCC;
 }
.background-darkgreen {
	background-color: #327375;
	color: #ffffff;
	width:100%;
	padding: 10px;
	font-style: italic;
}
.geo {
	font-size:85%; float:right; margin-top:20px;
}


.barrow {
position: fixed;
bottom: 25px;
right: 10px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

.btn-bot {margin-bottom: 10px;
width:170px;
}


/**************************** desktop **************************************/
@media screen and (min-width: 799px) {

.container {
width:900px;
background-color:#fff;
padding:0;
border:0;
}
.header {
	background-color:#184551;
height:200px;
margin-left:0px;
margin-right:0px;
overflow:visible !important;
width:100%;
}
.header-top {
width:900px;
height:200px;
padding:0;
margin: auto;
}
.hfull {
background:#476c88;
margin-left:0px;
margin-right:0px;
width:100%;
}

/*.sitelogo{width:128px;height:128px;background:url("img/globerotate_e0.gif"); position:absolute;z-index:1;margin:40px 0 0 460px;}
.sitelogo{width:63px;height:55px;background:url("img/head_globe.png"); position:absolute;z-index:1;margin:15px 0 0 308px;}*/
.sitelogo{width:128px;height:128px; position:absolute;z-index:1;margin:40px 0 0 460px; font-size:124px; color:white;}
.sitelogo2{width:279px;height:63px;position:absolute;z-index:1;background:url("img/head_kapnews.png");margin:70px 0 0 58px;}
.sitelogo3{width:259px;height:200px;background:url("img/head_body.jpg"); position:absolute;z-index:1;margin:0px 0 0 741px;}
.sitelogo4{width:380px;height:30px; position:absolute;z-index:1;margin:140px 0 0 60px; font-size:14px; color:#CCFFFF; font-style:italic;}

.hmenu {
width:900px;
background-color:#476c88;
color:#456;
margin: auto;
/*-z-index:1;*/
}
/*#aristero { width: 165px;
clear:left;
float:left;
margin:20px 5px 10px 15px;
padding:8px;
 }*/
 .picda {
  margin: 5px 10px;
	float: left;
	border:0px;
}
.h_bar {
width:820px;
/*background:transparent*/;
}
.h_bar a{
color:#FFF;
}
/*.bottom-foot {height:200px;
background:#1b242d;
margin-bottom:0px;	
}
*/
.main img {
clear:both;
padding:1px;
}

.main img.center {
clear:both;
float:none;
border:1px solid #969696;
margin:0;
padding:1px;
}
.main-content {
/*display:inline;*/
float:left;
width:600px;
overflow:visible !important;
margin:0 0 0 10px;
}
.main-co {
float:left;
width:900px;
padding:20px 20px 0px 20px;
margin:0 0 0 0px;
}
.picsh img {	box-shadow: 3px 3px 7px #777;}

.main-content a img {
border:solid 1px #969696;
}

.main-content a:hover img {
border:solid 1px #dcdcdc;
}
.border0 {
border:0; box-shadow: 0 0 0 #777;
border-color:#FFFFFF !important;
}
.main-subcontent {
display:inline;
float:right;
width:200px;
overflow:visible !important;
margin:0 15px 0 0;
}
.footer {
clear:both;
width:900px;
height:200px;
overflow:visible !important;
padding:1.1em;
margin: auto;
}
.footer:after,.main-subcontent:after,.main-content div:after,.main-content:after, .apres:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

}

/**************************** mobile ******************************************/
@media screen and (max-width: 799px) {
.container, .nav {font-size:120%;}
.header {
color:#303030;
margin-top:20px;
margin:0 auto;
padding:0px 0px;
background-color: #c9cacc;
height:120px;
}
.header-top {
width:width:96%;
height:120px;
background:#1b242d url("img/head_banm.jpg");
 background-repeat:no-repeat; 
 overflow:visible !important;
}
.sitelogo4 {width:300px;height:20px; position:absolute;z-index:2;margin:90px 0 0 60px; font-size:10px; color: #fff; font-style:italic;}

#content {
margin:8px 20px 0px 8px;
padding:10px;
float:left;
width: 100%;
}
.main-content, .main-co, .h_bar, .btn120 {font-size:120% !important; }
.bottom-foot
{width:96%;}
.footer {
clear:both;
border-top:1px #888 solid;
color:#464455;
margin:0 auto;
/*height:80px;*/
width:100%;
padding:4px 0px;
text-align:center;
background-color:#1b242d;
}
.forma {
	margin-left:0px;
}
}