/*
--------------------------------------
        Cascading Style Sheets 
               Φυσική
            Α' Γυμνασίου
              0-21-0177
            ΙΤΥΕ ΔΙΟΦΑΝΤΟΣ
            Αύγουστος 2018
--------------------------------------
*/

/*
--------------------------------------
        General Styles 
--------------------------------------
*/

.clr {clear:both;
}
p{
	font-size:11pt;
	font-family:Verdana;
	text-align:justify;
	line-height:1.3;
}


.eisagogi {line-height:120%}

.eisagogi p{
	font-family:"Verdana", sans-serif;
	font-size:10pt;
	text-align:justify;
	margin:5px;
}
p.titlos{
	font-family:"Verdana-Bold", sans-serif;
	font-size:18pt;
	text-align:center;
	padding-top:5%;
	font-weight:bold;
	margin-bottom:0;
}
p.ypotitlos{
	font-family:"Verdana-Bold", sans-serif;
	font-size:18pt;
	text-align:right;
	font-weight:bold;
	margin-top:0;
}
p.list-header {
	margin-bottom:0;
	}

.no-indent{
	text-indent:0%;
}
.indent-30{
	text-indent:30px;
}
.indent-20{
	text-indent:20px;
}
.indent-10{
	text-indent:10px;
}
.index-law{
    font-family: "Arial", sans-serif;
    font-size: 9.8pt; 
    line-height: 2;
    padding: 25%;
	text-indent:0%
}
.box{
	width:95%;
	background-color:#C3E7EE;
	border:1px solid #000;
}
/*.underline,u{
	text-decoration:none;
	border-bottom:1px solid #000;
}*/
.fonto-mple{
	background:url('../images/motivo1.png') no-repeat;
    border-radius: 0px;
    color: #000;
    font-size: 11pt;
	font-family:Verdana;
	line-height:1.5;
}
a {
    color: #1E56A6;
	font-weight: bold;
}

/*
--------------------------------------
        Heading Styles 
--------------------------------------
*/
.page-container h2
{
	background-color: #DCDDDE;
    border-radius: 0px;
    color: #000;
    font-size: 11pt;
	font-family:Verdana;
    font-weight: bold;    
    margin: 3% 0 2% 0;   
    text-align: center;   
	line-height:1.5;
	padding-top:1%;
	padding-bottom:1%;
	border:1px solid black;
}

.page-container h3{
    background-color: #DCDDDE;
    border-radius: 0px;
    color: #000;
    font-size: 11pt;
	font-family:Verdana;
    font-weight: bold;    
    margin: 3% 0 2% 0;   
    text-align: left;   
	line-height:1.5;
	padding-left:1%;
	padding-top:1%;
	padding-bottom:1%;
	border: 1px solid black;
	margin-top:30px;
}

h5{
	font-family:"Verdana", sans-serif;
	font-size:11pt;
}
pre{
	font-size:10pt;
	font-family:Verdana;
}
.italic{
	font-style:italic;
}



/*
--------------------------------------
        Page container 
--------------------------------------
*/
.page-container{
    background-color: #fff; 
	margin: 20px auto;
    overflow: auto;    
	padding: 100px;    
	width: 700px;   
	min-height:900px;
}

/*
--------------------------------------
        Floats and alignment 
--------------------------------------
*/

.align-left{
	text-align:left;
}
.align-right{
	text-align:right;
}
.align-center{
	text-align:center;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.center{
	float:center;
}

/*
--------------------------------------
      Width and Padding Styles
--------------------------------------
*/
.width100{
	width:100px;
}
.width1{
	width:100%;
}
.width20{
	width:20%;
}
.width30{
	width:30%;
}
.width35{
	width:35%;
}
.width45{
	width:45%;
}
.width65{
	width:65%;
}
.width-10{
	width:10%;
}
.width60{
	width:60px;
}


.padding-top-1{
	padding-top:1px;
}
.padding-top-2{
	padding-top:2%;
}
.padding-top-3{
	padding-top:3%;
}
.padding-top-4{
	padding-top:4%;
}
.padding-top-5{
	padding-top:5%;
}
.padding-top-6{
	padding-top:6%;
}
.padding-top-8{
	padding-top:8%;
}
.padding-top-10{
	padding-top:10%;
}
.padding-top-12{
	padding-top:12%;
}
.padding-top-15{
	padding-top:15%;
}
.padding-top-18{
	padding-top:18%;
}
.padding-top-24{
	padding-top:24%;
}
.padding-top-30{
	padding-top:30%;
}
.padding-top-33{
	padding-top:33%;
}
.padding-top-37{
	padding-top:37%;
}
.padding-top-45{
	padding-top:45%;
}
.padding-left-1{
	padding-left:1%;
}
.padding-left-2{
	padding-left:2%;
}
.padding-left-3{
	padding-left:3%;
}
.padding-left-4{
	padding-left:4%;
}
.padding-left-10{
	padding-left:10%;
}
.padding-left-13{
	padding-left:13%;
}
.padding-left-15{
	padding-left:15%;
}
.padding-left-16{
	padding-left:16%;
}
.padding-left-50{
	padding-left:50%;
}
.padding-right-0{
	padding-right:0px;
}
.padding-right-2{
	padding-right:2%;
}
.padding-right-5{
	padding-right:5%;
}
.padding-right-10{
	padding-right:10%;
}
.padding-right-13{
	padding-right:13%;
}
.padding-bottom-2{
	padding-bottom:2px;
}
.padding-bottom2{
	padding-bottom:2%;
}
.padding-bottom-3{
	padding-bottom:3%;
}
.padding-bottom-6{
	padding-bottom:6%;
}
.padding-bottom-40{
	padding-bottom:40px;
}
.padding-bottom-70{
	padding-bottom:70px;
}
.padding-bottom-100{
	padding-bottom:100px;
}
.padding-bottom-150{
	padding-bottom:150px;
}
/*
--------------------------------------
        Images 
--------------------------------------
*/
.figure{
    margin: 2%;
}
img[align=left] {
	margin-right:10px;}

/*
--------------------------------------
        margin 
--------------------------------------
*/

.margin-top-185{
	margin-top:-185px;
}
.margin-top-143{
	margin-top:143px;
}
.margin-top-110{
	margin-top:110px;
}
.margin-top-105{
	margin-top:-105px;
}
.margin-top-6{
	margin-top:-6%;
}
.margin-top-4{
	margin-top:-4%;
}
.margin-top{
	margin-top:0%;
}
.margin-top-30{
	margin-top:30px;
}
.margin{
	margin:10px 9px;
}
.margin-2{
	margin:10px 4px;
}
.margin-right{
	margin-right:-290px;
}
.margin-right-40{
	margin-right:40px;
}
.margin-right-120{
	margin-right:120px;
}
.margin-left{
margin-left: -182px;
}
.margin-left-40{
	margin-left:40px;
}
.margin-left-120{
margin-left: 120px;
}
margin-bottom{
	margin-bottom:80px;
}
.margin-bottom-145{
	margin-bottom:145px;
}
margin-l{
	margin-left: 10px 9px 0px;
}
.margin1016{
	margin:10px 16px;
}
.margin200-0{
	margin:118px 0px;
}

/*
--------------------------------------
        table
--------------------------------------
*/
table, th, td {
    border: 2px solid #000;
    border-collapse: collapse;
    text-align: center;
    table-layout: fixed;
	font-weight:normal;
	font-family:"Verdana", sans-serif;
}

table {
    width: 95%;
    font-size: 11pt;
	margin:auto;
}

table.xronoi,th.xronoi,td.xronoi{
	border: 2px solid #000;
    border-collapse: collapse;
    text-align: center;
    table-layout: fixed;
}
table.xronoi{
	width: 100%;
    font-size: 11pt;
	margin:auto;
}
.table2{
	width:40%;
}
.table3{
	width:50%;
}
.table4{
	width:30%;
}
.ch7 table td{
	text-align:center;
}
/*
--------------------------------------
          lists
--------------------------------------
*/
.dashed-list{
    list-style-type: none;   
	font-size:11pt;
	font-family:Verdana;
	padding-left: 0px; 
	line-height:1.5;
}
.dashed-list li::before{
    content: "-";	
}
.disc > li {
	font-family:"Verdana", sans-serif;
	font-size:10pt;
	list-style-type:disc;
	font-weight:normal;
	text-align:justify;
	list-style-position: outside;
}

ol.number {margin-top:0;}
.number>li{
	font-family:"Verdana", sans-serif;
	font-size:10pt;
	list-style-position: outside;
	
}
li.no-number {
	list-style:none;
	margin-left:-25px;}

ol.type-a {
	font-family:"Verdana", sans-serif;
	list-style-type: lower-greek;
	font-size:10pt;
	text-align:justify;
	list-style-position: outside;
}

/*
--------------------------------------
            cover
--------------------------------------
*/
.cover{
    margin: 0 auto;
    width:100%;
	text-align:center;
}
p.cov{
	font-family:"Arial", sans-serif;
	font-size:14pt;
}
h1{
	font-family:"Arial-Bold", sans-serif;
	font-size:37pt;
	text-align:center;
	line-height:200%;
}

.h1-grade{
	font-size:27pt;
}


p.book{
	font-family:"Arial", sans-serif;
	font-size:12pt;
}


.writer{
	width:100%;
	font-size: 11pt;
	margin-top:110px;
}

.writer, .writer td, .writer tr{
    text-align: left;
	font-family: "Verdana", sans-serif;
	border:none; 
	table-layout:auto;
}
.periexomena{
	line-height:0px;
	width:100%;
}
.periexomena, .periexomena td, .periexomena tr{
    text-align: left;
	font-family: "Verdana", sans-serif;
	border:none; 
	table-layout:auto;
}
.periexomena ul{
	list-style-type:none;
}