﻿/*
 Marios Polyzoes (Dec 02, 2010) 
 Rev (Jan 23, 2017) Μάριος Πολυζώης
 */
html { overflow-y: scroll;}


body {
background-color: #fff;
margin: 0;
padding:0;
color:#231f20;
font-family: 'Noto Sans', sans-serif;
}
q:lang(el)
{
quotes: "«" "»" "'" "'";
}

.clear {
	clear:both;
}
h3 {
margin-top:30px;
	text-align: left;
	font-size:110%;
	font-weight: bold;
	color: #610f0f;
/*	margin-bottom:-5px; */}
.kap {
	margin-left:16px;
}
.more {
margin-top:-12px; float:right; 
margin-bottom: 25px;
display:block;
}
.lez {
	background-color:#ECECEC;
	padding:4px;
}
/* --------------#E28977-*/
.nav>li>a {border: 1px solid #AAAAAA;}
.nav-tabs a:hover {
	color:#476c89;}
.nav li a:hover
{
color: #fff;
background-color: #E28979;
}
.nav li a:active
{
border-color: #fff;
color: #fff;
background-color: #ff8800;
}
 #lst { float: left;
 margin-top:-12px;
 }

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

.pic {
	margin: 5px 10px 10px 10px;
	float: right;}
/*--------------*/
.dexi-box {
	background-color:#610f0f;
	border: 6px solid #610f0f;
    border-radius: 8px;
    padding:5px;
    color:#fed;
	
}


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


.arcol {margin-left:20px;
}

.main-content .panel {
box-shadow: 3px 3px 7px #777;
}
.footer {
clear:both;
background:#610f0f;
overflow:visible !important;
padding:1.1em;
}

.footer p {
line-height:1.3em;
color:#fee;
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:#610f0f;
font-size:24px;
border-bottom:2px #610f0f solid;
line-height:34px;
}
.main-content h2{
color:#007c7a;
font-size:18px;
}
.main-content img {	box-shadow: 3px 3px 7px #777;}


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

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

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

.footer p {
line-height:1.3em;
color:#fdd;
margin-top:0px;
}
.footer a {
text-decoration: none;
color:#adf;
}
.footer a:visited {
color:#fdf;
}
.footer a:hover {
color:#fff;
}
.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;}

.background-darkgreen {
	background-color: #610f0f;
	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:url("img/tumbar-d.png") repeat-x; 
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:#6d0f0f;
margin-left:0px;
margin-right:0px;
width:100%;
}
.sitelogo{width:59px;height:84px;background:url("img/tumlogo-d.png"); position:absolute;z-index:1;margin:40px 0 0 10px;}
.sitelogo1{width:300px;height:105px; font-family: 'Open Sans Condensed', sans-serif; color:#fff; font-size:85px; border-bottom:1px #fff solid; position:absolute;z-index:2;margin:0px 0 0 90px;}
.sitelogo2{width:400px;height:42px; font-family: 'Poiret One', cursive; color:#fff; font-size:30px; position:absolute;z-index:2;margin:94px 0 0 90px; padding-top:3px;}
.sitelogo3{width:380px;height:30px; position:absolute;z-index:2;margin:155px 0 0 4px; font-size:18px; color:#fff; font-style:italic;}
.sitelogo4{width:306px;height:200px;background:url("img/tumorn-d.png"); position:absolute;z-index:1;margin:0px 0 0 379px;}
.sitelogo5{width:215px;height:200px;background:url("img/tumhead-d.jpg"); position:absolute;z-index:1;margin:0px 0 0 685px;}
.sitelogo6{width:380px;height:30px; position:absolute;z-index:1;margin:160px 0 0 340px; font-size:14px; color:#dfd; font-style:italic;}
 .picda {
  margin: 5px 10px;
	float: left;
	border:0px;
}
.h_bar {
width:900px;
/*background:transparent*/;
background:#6d0f0f;
margin: auto;

}
.h_bar a{
color:#FFF;
}
.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:130%;}
.header {
background:url("img/tumbar-m.png") repeat-x; 
height:130px;
background-color:#D0112B;
}
.header-top {
width:width:100%;
height:130px;
 background-repeat:no-repeat; 
 overflow:visible !important;
}
.sitelogo{width:37px;height:52px;background:url("img/tumlogo-m.png"); position:absolute;z-index:1;margin:24px 0 0 10px;}
.sitelogo1{width:240px;height:67px; font-family: 'Open Sans Condensed', sans-serif; color:#fff; font-size:55px; border-bottom:1px #fff solid; position:absolute;z-index:1;margin:0px 0 0 60px;}
.sitelogo2{width:300px;height:30px; font-family: 'Poiret One', cursive; color:#fff; font-size:20px; position:absolute;z-index:2;margin:60px 0 0 60px; padding-top:2px;}
.sitelogo3{width:300px;height:18px; position:absolute;z-index:2;margin:90px 0 0 68px; font-size:14px; color:#fff; font-style:italic;}
.sitelogo4{width:0;height:0px;}
.sitelogo5{width:129px;height:120px;background:url("img/tumhead-m.jpg"); position:absolute;z-index:1;margin:0 0 0 280px;}
.sitelogo6{width:320px;height:18px; position:absolute;z-index:2;margin:111px 0 0 10px; font-size:12px; color:#dfd; 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:#610f0f;
}
}
