@font-face { font-family: "goodtime"; src: url("fonts/goodtime.ttf"); }
@font-face { font-family: "calibri"; src: url("fonts/calibri.ttf"); }
@font-face { font-family: "arimo"; src: url("fonts/Arimo-Regular.ttf"); }

body { font-family: "arimo", Verdana, Arial, serif, sans-serif, "Times New Roman", Times; color: #777; }

#content { width:1000px; margin: auto; }

#header { text-align:center; }
#header h1#main { font-family: "goodtime"; letter-spacing: 5px; background-color: rgba(37, 128, 195, 1); color: white; font-size:3.8em; padding:10px 0 4px 0; margin: 0; font-weight: lighter;}
#header h1#sub { font-family: "goodtime"; letter-spacing: 5px; background-color: white; font-size:3em; padding:10px 0 4px 0; margin: 0; font-weight: normal;}
#header h2 { font-family: "calibri"; letter-spacing: 5px; color: rgba(37, 128, 195, 1); background-color: white; font-size:2em; margin: 0; }

#menu { background-color: rgba(37, 128, 195, 1); color: white; text-align: center; }
#menu a { text-decoration: none; font-size:large; color:inherit; margin:5px; padding:0px; display:inline-block; font-size:27px; }

#main { margin:10px; padding:0 40px; }

#footer { border: 0 solid black; padding: 10px; }
#footer p { color:gray; font-size: x-small; text-align: center; }

#logos { position:relative; height: 440px; }
#logos img { position:absolute; }

#logos #microsesame { top:26px; left: 30px; width: 500px; }
#logos #BES { top:0px; left: 620px; height: 100px;  }

#logos #TIL { top:120px; left: 90px; height: 90px;  }
#logos #ACIE { top:120px; left: 360px; height: 90px;  }
#logos #EATON { top:130px; left: 660px; height: 80px; }

#logos #STID { top:250px; left: 30px; height: 65px;  }
#logos #OPTEX { top:250px; left: 300px; height: 64px;  }
#logos #ALTEC { top:250px; left: 660px; height: 80px;   }

#logos #VIZEO { top:360px; left: -5px; height: 75px; }
#logos #GEUTEBRUCK { top:380px; left: 320px; width: 240px;  }
#logos #izyx { top:355px; left: 660px; height: 75px; }

#notice { font-style: italic; text-align: center; font-size: 1.4em; }

ul { list-style-type:none; }
li { padding:5px; }

.tree a {/*text-transform:capitalize;*/ text-decoration:none; color:inherit; padding-left:24px; }
.tree a.folder {background:url("img/folder.png") no-repeat left center ;}
.tree a.file {background:url("img/file_extension_pdf.png") no-repeat left center ;}
.tree a.folder+* { display:none; margin-left:8px !important; border-left:1px dotted gray; padding-left:8px !important; }
.tree a.folder.opened+* { display:block; }