@charset "utf-8";

/* Tablet Landscape */
@media screen and (max-width: 1060px) {
#main { width:65%; margin-left:2%;}
#sidebar{ width:30%; margin-right:2%;} 
}
 
/* Tabled Portrait */
@media screen and (max-width: 768px) {
#main { width:100%; }
#sidebar { width:100%; margin:0; border:none; }
}

/*  Background  */
body {
 	

/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #DEDEDE 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #DEDEDE 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #DEDEDE 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FFFFFF), color-stop(1, #DEDEDE));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #DEDEDE 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #DEDEDE 100%);
}



html, body {
  max-width: 1060px;
  margin:0 auto;
  height: 100%;
}

body {
  font-size: 16px;
  font-family: Calibri,Arial, Helvetica, sans-serif;
  height: 100%;
  line-height: 1.6;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a, a:link, a:visited, a:active {
	color:#666;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: underline;
}

header .logo{
	width:100%;
	padding-bottom: 20px;
	border-bottom: 25px solid #cf1d32;	
}


#main, #sidebar {
	display: inline-block;
}

#main {
	float: left;

}

#main h2 {
	font-family:Calibri,Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:bold;
	color:#666;
}

#sidebar{
	float: right;
}

h3 {
	font-size:30px; 
	color:#ffffff; 
	font-weight: bold; 
	background-color:#cf1d32; 
	padding-left:15px; 
}

#isologismos {
	font-size:16px;
	color:#666;
}
#isologismos a{
	font-size:16px;
	color:#666;
}

/*-----------for transition effect-----------------------*/

  .pdf_image {
    transition:All 1s ease;
    -webkit-transition:All 1s ease;
    -moz-transition:All 1s ease;
    -o-transition:All 1s ease;
    transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
    -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
    -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
    -o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
    -ms-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
    }
    .pdf_image:hover{
    transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
    -moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
    -o-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
    -ms-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
    }

footer #copyright {
	font-size:12px;
	width: 100%;
	display: inline-block;
	padding-top: 10px;
	border-top: 10px solid #cf1d32;
	margin-top: 20px;
}