/*stylesheet GRAR 2008-2 Aristoteles Categoriae*/
* { padding:0; margin:0; } 
ul, ol, dl { margin:0.1em; padding: .2em; } 
li { margin-left:3%; } 

h1, h2, h3, h4, h5, h6 { margin:0.1em 0.1em 0.1em 0em; padding: .2em .2em .2em 0em; } 

body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%;
  background:#ffffff; 
  font-family: Georgia, Palatino, "Times New Roman", Times, "Nimbus Roman No9 L", "Free Serif", serif;
  font-size:110%;
  overflow:hidden;
  }
h1 {
	font-size:280%;
}
h2 {
	font-size:150%;
}

@media (min-width: 320px) and (max-width: 600px) {
	#header-txt { display:none; }
	div.menuR { display:none;}
	img { display:none; }
	}

.floatR { float:right; }
#header-txt { float:right; }

div.text {
    width: 70%;
    float:left;
}
div.menuR {
	border-left:1px black solid;
	float:right;
	width:250px;
	height:40%;
	margin-left:10px;
	right:10px;
    padding-left:1.5em;  
	}


div.inside { max-width:1000px; }
div.mid { margin-right:150px; }

#header {
    position:absolute;
    position:fixed;
    top:0;
    left:0;
    right:0;
    overflow:hidden;
    height:180px;
    padding:0.5em 1em 1em 1em;
    margin: 0em 1em 0em 1em;
}
#contents {
    position:fixed;
    top:140px;  
    left:0;
    bottom:0;  
    right:0;
    overflow:auto;
    padding:1em;
    margin: 0.5em 0em 0em 1em;
}

img {
    margin-top:15px;
}

ul li {
    padding:0.2em;
}
ul.spacing li { padding-bottom:1em; }

div.arabic { direction:rtl; unicode-bidi:normal; text-align:right; padding:5px 5px 15px 0; width:600px; float:right; }
div.arabic h2 { font-family: Tahoma, sans-serif; font-size:10pt; font-weight:bold; direction:ltr; }
div.arabic h1 { font-family: Tahoma, sans-serif; font-size:14pt; font-weight:bold; direction:ltr; }
div.text-info { 
    font-family: Georgia, Palatino, "Times New Roman", Times, "Nimbus Roman No9 L", "Free Serif", serif;
    direction:ltr;
    text-align:left;
    width:750px;
    padding-bottom:2em; 
}
div.text-info h1 { font-size:140%; }
div.crit {
    font-family: Tahoma;
    font-size:50%;
    text-align:left;
    direction:ltr;
    line-height:1.5em;
}

div.colophon-ar {
    text-align:center;
}

/*text-formatting*/
.line {
    font-family:Tahoma;
    font-size:11pt;
    direction:ltr;
}
.list-tr { font-family: Gentium,"Arial Unicode MS", "Times New Roman", serif; font-size: 110%; }
p {
    padding:0.3em;
    font-size:15pt;
    line-height:1.4em;
}
.ar { font-family: Tahoma, Geneva, Kalimati, sans-serif; font-size: 10pt; direction:rtl; text-align:right; }
.ar180 { font-family: Scheherazade, "Traditional Arabic"; font-size: 180%; line-height:1.5em; direction:rtl; text-align:right; }
.ar160 { font-family: Scheherazade, "Traditional Arabic"; font-size: 160%; line-height:1.1em; direction:rtl; text-align:right; }
.gr { font-family: Gentium, serif; font-size: 12pt; }
.npr { font-family:Gentium, "Arial Unicode MS"; font-variant:small-caps; font-size:120%; }
.tr { font-family:Gentium, "Arial Unicode MS"; }
.tit { font-family: Gentium,"Arial Unicode MS", "Times New Roman", serif; font-size: 95%; font-style: italic; color: black; }

.warning { 
	color:red; 
	margin-left:15em;
	}
.imp {
    padding:0.6em;
    color:#FEF6D3;
    background-color:#734141;
    font-size:18pt;
    }
.page {
    font-family:Tahoma;
    font-size:10pt;
    direction:ltr;
.page-b {
    font-family:Tahoma;
    font-size:10pt;
    direction:ltr;
.page-c {
    font-family:Tahoma;
    font-size:10pt;
    direction:ltr;
}

.notes {
    font-family:Tahoma;
    font-size:10pt;
    direction:ltr;
}
.lat {
    font-family: Georgia, Palatino, "Times New Roman", Times, "Nimbus Roman No9 L", "Free Serif", serif;
    font-size:10pt;
}
blockquote {
    margin: 10px 50px 10px 50px;
}

	


input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=password], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    width: 100%;
    background-color: #BB373F;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input[type=submit]:hover {
    background-color: #45a049;
}

#form {
    border-radius: 50px;
    background-color: #f2f2f2;
    padding: 20px;
	margin: auto;
    width: 30%;
    border: 2px solid;
    vertical-align: middle;
}

img {
	width: 100%;
    padding: 5px 5px 5px 0px;
    margin: 5px;
}