/* clearfix */
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* sup sub fix */
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

body,img,h1,h2,h3,h4,h5,ul,li{margin:0;padding:0;border:0;}
ul{list-style-type:none;}
table{border-collapse:collapse;}
.red{font-weight:bold;color:red;}
.show-js,.clearfix.show-js{display:none;}
.u{text-decoration:underline;}
.reset{clear:both;}

body{font-family:Helvetica,Arial,sans-serif;font-size:12px;color:#5f768a;background-color:white;width:100%;min-width:766px;}
h1,h2,h3,h4{}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:16px;margin:24px 0 12px 0;}
h4{font-size:12px;}
p{margin:12px 0;line-height:133%;}
a{text-decoration:none;color:#5f768a;outline:transparent none 0;}
a:hover{text-decoration:underline;}

#content a{font-weight:bold;}

#header{height:106px;padding-top:100px;position:relative;}
#langs{padding:15px 15px 0 0;float:right;position:absolute;top:210px;right:0;}
.actual{position:absolute;top:1em;right:1em;}
/* PL 210 */
#logo{margin:0 auto;font-size:27px;padding-left:80px;text-transform:uppercase;letter-spacing:1rem;}

#menu ul {
  text-align: justify;
  width: 90%;
  margin:0 5%;
}
#menu ul:after {
    content: '';
    display: inline-block;
    width: 100%;
}
#menu li {
  display: inline-block;
  position:relative;
/*  text-align:center; */
}

#menu{font-size:16px;margin:50px auto 0 auto;}
#menu a:hover, #logo a:hover{color:#4d5861;text-decoration:none;}

/*
#menu.en{width:963px;margin-top:24px;}
#menu.en li{padding:0 17px;}
#menu.en li a{display:block;height:19px;}

#menu.cs{width:976px;}
#menu.cs li{padding:0 19px;}
#menu.cs li a{display:block;height:23px;}
#menu li{position:relative;float:left;}
*/

#menu.cs .text-control{position:absolute;top:45px;left:6%;font-size:75%;}
#menu.en .text-control{position:absolute;top:49px;left:6%;font-size:75%;}
#menu li.active .text-control a{color:#4d5861;text-decoration:none;}
#menu li.active .text-control a:hover{color:black;text-decoration:none;}

#deco {
background-color: #5f768a;
height: 4px;
overflow: hidden;
width: 100%;
-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
}
#content{padding:90px 10px;}
#content .paint-container{width:33%;float:left;margin-bottom:2em;}
#content .paint{width:230px;margin:0 auto;text-align:center;}
#content .s-content{max-width:981px;margin:0 auto;}
#content #d-content{max-width:981px;margin:0 auto 10em auto;}
#content .bio-in{margin-left:2em;}

#admin div.paint{border:1px solid gray;padding:0.5em 1em;margin:0.5em 1em;}
#admin div.ei{float:right;margin:0.5em;}
#admin div.edit-form{float:right;margin:0.5em;}
#admin div.edit-form td{padding:2px 3px;}
#admin .new div.edit-form{float:none;margin:0.5em;}
#admin div.edit-form input.text{width:230px;}
#admin div.thumb{float:left;margin:0.5em;width:240px;height:240px;}
#admin div.msg{background-color:white;color:red;font-weight:bold;margin:0.5em 1em;}
#admin div.epanel{margin:0.5em 1em;padding:1rem;}
#admin-login{padding:100px;}
#admin-login form{width:50%;margin:0 auto;}
p.pre{white-space:pre;}
#admin .news{padding-left:1rem;}
#admin div.edit-form input.text.long{width:100%;}

.years{padding:18px 0 0 10em;}
.years a{display:inline-block;padding-right:8px;}