/*  STYLE SHEET FOR THE WEBSITE OF MENTOR STAFA */

*{margin:0; padding:0;}


/* MAIN FONTS */

@font-face{font-family: DroidSans;src: url(fonts/DroidSans.ttf);}                   /* Favourite*/
@font-face{font-family: Vollkorn;src: url(fonts/Vollkorn-Regular.ttf);}             /* Classic*/
@font-face{font-family: Oswald;src: url(fonts/Oswald-Regular.ttf);}                 /* Narrow Bold*/
@font-face{font-family: PTSans;src: url(fonts/PTS55F.ttf);}                         /* Light main*/
@font-face{font-family: Roboto;src: url(fonts/Roboto-Regular.ttf);}                 /* Light main*/
@font-face{font-family: Cabin;src: url(fonts/Cabin-Regular.otf);}                   /* Light main*/
@font-face{font-family: Anarrow;src: url(fonts/texgyreheroscn-regular.otf);}        /*Narrow regular*/
@font-face{font-family: Questa;src: url(fonts/2-Questa_Sans_Regular-webfont.ttf);}  /* Very nice!*/
@font-face{font-family: Glober;src: url(fonts/Glober_Bold_Free-webfont.ttf);}       /* Very nice */
@font-face{font-family: Vera;src: url(fonts/bitstream-vera-serif.roman.ttf);}       /* Very nice */
@font-face{font-family: Judson;src: url(fonts/Judson-Regular.ttf);}                 /* Very nice */
@font-face{font-family: Playfair;src: url(fonts/PlayfairDisplay-Regular.otf);}      /* Very nice*/
@font-face{font-family: Signika; src: url(fonts/Signika-Regular.ttf);}              /* ??? */
@font-face{font-family: Verb;src: url(fonts/VerbCondRegular-webfont.ttf);}          /* ??? */
@font-face{font-family: LatinModern;src: url(fonts/lmsans10-regular.otf);}          /* OK */
@font-face{font-family: Texgyreheroscn;src: url(fonts/texgyreheroscn-regular.otf);}	/* sans condensed */
@font-face{font-family: Texgyreschola;src: url(fonts/texgyreschola-regular.otf);}	/* serif - favourite */
@font-face{font-family: NoticiaText;src: url(fonts/NoticiaText-Regular.ttf);}       /* serif - OK */
@font-face{font-family: PTSerif;src: url(fonts/PTF55F.ttf);}                        /* Serif */
@font-face{font-family: Liberation;src: url(fonts/LiberationSerif-Regular.ttf);}    /* Serif */
@font-face{font-family: Bentham;src: url(fonts/Bentham.otf);}    /* Serif */
@font-face{font-family: Tenso;src: url(fonts/03_Tenso_Regular-webfont.ttf);}






body {
    background: #F1F1F1 /*#E3E7EA #A29A9A #D8D8D8 url(img/tiny_grid.png) repeat */;
	font-family: Helvetica, Arial, sans-serif, Helvetica Neue, alike, arapey, adamina, serif;
	font-weight: 300; 
	line-height:1.5em;
	font-size: 0.89em;
}


p {
	font-weight: normal;
	text-align: ;
}


h1 {
	font-size:2.0em;
	color: ;
	line-height:1.0em; 
	letter-spacing:-1px; 
	margin:0px 0 0 0;
	padding-bottom: 10px;
	text-decoration: none;
}
	

h1:hover {/*text-decoration: underline; */}

h2 {
	font-size:1.5em;
	margin:0 0 20px; 
	letter-spacing:1px; 
	border-bottom: 1px dotted #585858;
	font-style: ;
	
}

h3 {
	font-size:1.5em;
	margin:10px 0 15px 0; 
	letter-spacing:0px; 
	border-bottom: 1px dotted #585858;
	font-style: ;
}

h1,h2,h3 {
    font-family: Helvetica, Arial;
	color: ;
	font-weight:700; 
	line-height: 1.1em;

}


a {
    color: #0080FF;
    background: none ;
    text-decoration:none;
    border-bottom: 0px dotted #C9C9C9;
    padding:0 0px;
}

a:hover {border-radius: none; background: ; color: #0080FF; border-bottom: 2px solid #D3CB29;}


body ::selection{
	background: #F5D0A9;
	color: ;
}

body ::-moz-selection{
	background: #F5D0A9;
	color: ;
}

body ::-webkit-selection{
	background: #F5D0A9;
	color: ;
}





#wrap {
color: #000000; 
width:650px;
background: rgba(255, 255, 255, 1);
text-align:left; 
margin-top: 20px;
margin: 20px auto;
/*border: solid 0px #E6E6E6;*/
padding: 20px 25px 20px 25px; 
/* border-top: solid 0px #000; 
*  border-bottom: solid 0px #000; */
border-radius: 2px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(204,204,204,1);
-moz-box-shadow:    0px 0px 0px 0px rgba(204,204,204,1);
box-shadow:         0px 0px 0px 0px rgba(204,204,204,1);
}

#wrap:hover{border: ;}


#wrap ul {list-style:decimal; margin:1px; padding-left:1px;  }
#wrap ul p {color: #000; font-weight: normal; }
#wrap li {padding-bottom:8px;  color: #000; }
#wrap li:hover {background: none;}
#wrap ol {list-style:decimal; margin:0; padding-left:25px; font-weight: normal;  color: #424242;  }
#wrap ol p {font-weight: normal;  color: #000;  }

img {	float:right; 
	padding-left: 30px;
	padding-bottom: 20px; 
	padding-top: 10px;}

.datagrid { background-color: #eeee; border-bottom: 5px solid #E5E5E5; margin-bottom: 30px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; padding-right: 40px; padding-left: 40px; padding-bottom: 20px; padding-top: 20px;}
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } 
.datagrid {background: #fff; overflow: hidden; }
.datagrid table td, .datagrid table th { padding: 0px 0px 10px 0px; }
.datagrid table tbody td { }
.datagrid table tbody td:first-child { border-left: none; }
.datagrid table tbody tr:last-child td { border-bottom: none; }



ul.accordion li {

  background-color: #CCCCCC;
  border-bottom: 1px solid #DDDDDD;
}




.simple table { border-collapse: collapse; text-align: left; width: 100%; } 
.simple table td, .simple table th { cellpadding: 20px 0px 10px 0px; }




.green {color: #0B4C5F; }
.bold {text-weight: 700;}
.italic {font-style: italic;}
.right {text-align: right;}
.left {float: left; padding-right: 30px; padding-left: 0px;padding-bottom: 1px;padding-top: 1px;}
.noborderbottom {border-bottom: none;}
.fixed { }

.clear
{	float:right; 
	padding-left: 0px;
	padding-bottom: 0px;
}

.paper {color: #222 ; font-weight:700;}


.journal {color: ; font-size: ; font-weight: normal; font-style: italic ; }
.slogan {color:#000; font-size:1.0em; font-weight: normal; font-style: ; }
.readmore {text-align:right; margin:0 20px 30px 0;}
.timestamp {display:block; font-weight:700; color:#888; text-align:right; width:150px; padding:20px 20px 20px 0; float:left; margin:0 20px 20px 0; border-right:2px solid #eee;}
.timestamp a {font-weight:normal;}
.credits {display:block; clear:left; text-align: center; font-size: 0.8em;  font-style: regular; color:#000; margin:1px 0; margin-top: 30px; border-top: 1px solid #eee; color:#888;}
.credits a {}
.clear {clear:both;}
hr.thick-rule { border-top: 1px dotted #eee; background:none; }




.nav ul {
  list-style: none;
  background-color: ;
  text-align: center;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #BDBDBD;
}
.nav li {
  font-size: 1.2em;
  line-height: 20px;
  height: 20px;
  color: #0B614B;
  border-bottom: 1px solid #888;
}
 
.nav a {
  text-decoration: none;
  font-weight: bold;
  color: #0B614B;
  display: block;
  transition: 0s background-color;
}
 
.nav a:hover {
  background-color: #E6E6DC;
}
 
.nav a.active {
  background-color: #fff;
  color: #444;
  cursor: default;
}
 
@media screen and (min-width: 600px) {
  .nav li {
    width: 120px;
    border-bottom: none;
    height: 30px;
    line-height: 30px;
    font-size: 1.2em;
  color: #0B614B;
  }
  
  
 
  /* Option 1 - Display Inline */
  .nav li {
    display: inline-block;
    margin-right: -4px;
  }
 
  /* Options 2 - Float
  .nav li {
    float: left;
  }
  .nav ul {
    overflow: auto;
    width: 600px;
    margin: 0 auto;
  }
  .nav {
    background-color: #444;
  }
  */
}