/* TIPAROJ */
@font-face {
font-family: 'League Gothic';
src: url('../tiparoj/League-Gothic/leaguegothic-regular-webfont.eot');
src: local(':-)'),
url('../tiparoj/League-Gothic/leaguegothic-regular-webfont.woff') format('woff'),
url('../tiparoj/League-Gothic/leaguegothic-regular-webfont.ttf') format('truetype'),
url('../tiparoj/League-Gothic/leaguegothic-regular-webfont.svg') format('svg');
}

@font-face {
font-family: 'Oswald';
src: url('../tiparoj/Oswald/oswald-bold-webfont.eot');
src: local(':-)'),
url('../tiparoj/Oswald/oswald-bold-webfont.woff') format('woff'),
url('../tiparoj/Oswald/oswald-bold-webfont.ttf') format('truetype'),
url('../tiparoj/Oswald/oswald-bold-webfont.svg') format('svg');
}

@font-face {
font-family: 'Antonio';
src: url('../tiparoj/Antonio/pantonio-bold-webfontt.eot');
src: local(':-)'),
url('../tiparoj/Antonio/antonio-bold-webfont.woff') format('woff'),
url('../tiparoj/Antonio/antonio-bold-webfont.ttf') format('truetype'),
url('../tiparoj/Antonio/antonio-bold-webfont.svg') format('svg');
}

@font-face {
font-family: 'Bebas';
src: url("../tiparoj/Bebas/bebasneue_regular-webfont.eot");
src: local(':-)'),
url("../tiparoj/Bebas/bebasneue_regular-webfont.woff") format('woff'),
url("../tiparoj/Bebas/bebasneue_regular-webfont.ttf") format('truetype'),
url("../tiparoj/Bebas/bebasneue_regular-webfont.svg") format('svg');
}

@import url(//fonts.googleapis.com/css?family=PT+Sans+Narrow);

/* ADAPTO DE SEMANTIKAJ MARKOJ POR MALNOVAJ RETUMILOJ */
article, aside, figure, figcaption, footer, header, main, nav, section,
summary {
display: block;
}


/* ĜENERALAJ ECOJ */
body {
	margin: 25px 10px 10px 10px;
	padding: 0;
	background: #FA5858 url("../bildoj/planedo.jpg");
    background-size: auto;
     background-position: fixed;
    background-attachment: fixed;
     background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8F8F8F;
}



h1, h3 {
	margin: 0;
    padding: 0px 0px 10px 0px;
    font-family: 'Oswald', 'Arial';
	color: #4d4d4d;
	font-weight: 100;
	letter-spacing: -1px;
}

h2{
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-size: 2.1em;
	font-family: 'PT Sans Narrow';
	color: #4d4d4d;
	font-weight: 300;
	letter-spacing: -1.5px;
}

p, ol, ul {
	margin-top: 0px;
	padding: 0px;
}

p, ol {
	line-height: 180%;
}

a {
	color: black;
    text-decoration: none;
}

a:hover {
	text-decoration: none;
}

hr {
    padding: 0px;
    margin: 0px;
}

/** TUTA PAĜARO */

.tuto {
    overflow: hidden;
    	width-max: 800px;
	width: 60%;
	margin: 0px auto;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,.2);
   background: #FFFFFF /** url("../bildoj/nazka_arbeto.png") no-repeat**/;
    background-position: right bottom;
    background-attachment: inherit;
    background-size: 110px;
    
}

/* KAPO */

.kapujo {
	overflow: hidden;
	background: #36332E;
	width: 100%;
	margin: 0 auto;
	padding: 0px 0px;
}



/* 
MO */
.emblemo {
	float: left;
	width: 100%;
    background-color: #FA5858;
    background-image: url("../bildoj/viracocha.png"), url("../bildoj/fonocirklo.png");
    background-position: left bottom, center;
    background-repeat: no-repeat, repeat;
    background-size: 0px, 850px;
	padding: 20px 0px 0px 0px;
    height: 120px;
}
.emblemo h1 {
	letter-spacing: -2px;
	font-size: 8em;
    font-family: "League Gothic";
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px;

}

.emblemo h1 a {
	text-decoration: none;
	color: black;
}
.emblemo p {
	color: #5F5950;
}

/* MENU0 */

.menuo {
    float: left;
	width: 100%;
    font-weight: bold;
}

.iriAlLaBlogo {
    background-color: #F6CECE;
    color: #1C1C1C;
}

 nav ul li .iriAlLaBlogo { position:relative;display:inline;left:45%;}

 nav {float:left;}
 nav ul {text-align:center;}
 nav ul li { float:left;display:inline;}
 nav ul li:hover {background:#36332E;color:black;}
 nav ul li a {text-decoration: none;display:block;padding:5px 25px 5px 25px;color:#FFFFFF;}
 nav ul li ul {position:absolute;width:110px;background:#36332E;color:#FFFFFF;}
 nav ul li ul li {width:110px;}
 nav ul li ul li a {display:block;padding:15px 10px;color:#FFFFFF;}
 nav ul li ul li:hover a {background:#FFFFFF;border: solid #36332E;}
 nav ul li ul.fallback {display:none;}
 nav ul li:hover ul.fallback {display:block;}
 nav a:hover  {background-color: white; color:black;transition: background 1s;}

/* POR EVITI KE TRO GRANDA ENHAVO TRANSIRANTA LA PAĜLIMOJN ESTU VIDEBLA */
.kompletaPagho {
	overflow: hidden;
}

/* ARTIKOLOJ */
.artikolo {
	overflow: hidden;
	width: 90%;
	margin: 0px auto;
	padding: 25px 5% 0 5%;
    font-size: 1.3em;
    font-family: "PT Sans Narrow";
    font-weight: 100;
    text-align: justify;
	color: #1a1a1a;
}

.artikolo h2 {
    color:black  ;
    font-weight: 400;
}


.mi {
    float: right;   
    width:50%;
    border: double black 5px;
    margin-left: 25px;
    margin-top: 40px;
    }


.jaro {
   background-color: #000000;
    color: #F2F2F2;
    font-size: 1.5em;
    padding: 1px;
    font-weight: 600;
    margin-bottom: 8px;
    letter-spacing: 1px;
}
.legajhoj {
  margin-left: 5%;   
}
.lingvo {
 color: #E00000;
 font-weight: 600;
}
.librotitolo {
 font-weight: bold;
    font-size: 1.1em;
}

/* PIEDO */

.piedo {
    width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
    
}

.piedo p {
	text-shadow: 1px 1px 0px #FFFFFF;
	text-align: center;
	font-size: 12px;
	color: #4D565E;
}

.piedo a {
	color: #4D565E;
}

/* ADAPTEBLECO */
@media (max-width: 992px){ 
    .emblemo {background-image: none;}
    .artikolo h2 {font-size: 2em;}
    .artikolo p {font-size: 1.2em;}
    .tuto {width: 95%;}
    
} 

@media (max-device-width: 992px){ 
    .emblemo {background-image: none;}
    .artikolo h2 {font-size: 3em;}
    .artikolo p {font-size: 1.2em;}
    .tuto {width: 95%;}
} 

@media screen and (max-width: 768px){ 
    .artikolo {font-size: 1.5em;}
    .artikolo p {font-size: 1.2em;}
    .artikolo h2 {font-size: 2em;} 
    .ujo {float: left;width: 95%;}
    .tuto {position: relative;width: 100%;margin: 15px 0px;}
    .emblemo {background-image: none; }
    .menuo ul {  height: auto; font-size: 3em;padding: 5px;}
    .menuo ul li {  float: none; width: 100%; }
    .menuo ul li a { line-height: 40px;border: solid gray 1px; }
    .menuo ul li ul { position: relative;width: 100%;}
    .menuo ul li ul{ position: relative;width: 100%;}
    .menuo .fallback { padding: inherit; display: block; text-transform: uppercase; font-size: 100%;}
    .menuo .menuero2 { display: none;  }
     
}

@media screen and (max-width: 1170px){ 
  nav ul li .iriAlLaBlogo { float:left;left:auto;width: 100%;}  
}

@media (max-device-width: 768px) { 
    .artikolo {font-size: 1.2em;}
    .artikolo p {font-size: 1.2em;}
    .artikolo h2 {font-size: 3em;} 
    .ujo {float: left;width: 95%;}
    .tuto {position: relative;width: 100%;margin: 15px 0px;}
    .emblemo {background-image: none;}
    .menuo ul {  height: auto; font-size: 3em;padding: 5px;}
    .menuo ul li {  float: none; width: 100%; }
    .menuo ul li a { line-height: 40px; border: solid gray 1px;}
    .menuo ul li ul { position: relative;width: 100%;}
    .menuo ul li ul{ position: relative;width: 100%;}
    .menuo .fallback { padding: inherit;display: block; text-transform: uppercase;font-size: 100%; }
    .menuo .menuero2 { display: none;  }
}

.legasnun {
 font-size: 1em;
 background-color:bisque;
 margin-top: 15px;
 text-align: center;
}