.org *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative}
.cf:before, .cf:after{content:" ";display:table}
.cf:after{clear:both}
/**
  * For IE 6/7 only
  * Include this rule to trigger hasLayout and contain floats.
  */

.cf{
 *zoom:1}
/* Generic styling */

.org{overflow:auto;margin:20px 0}
@media all and (max-width:767px){
	.org{padding:0 20px}
}
.org ul a{display:block;background:#fff;border:1px solid #ccc;text-align:center;overflow:hidden;text-decoration:none;color:#555;line-height:55px;box-shadow:4px 4px 9px -4px rgba(0, 0, 0, 0.4);-webkit-transition:all linear .1s;-moz-transition:all linear .1s;transition:all linear .1s;cursor:inherit}
@media all and (max-width:767px){
	.org ul a{font-size:1em}
}
.org ul a span{font-size:15px}
.org .administration>li>a{margin-bottom:25px}
.director>li>a{width:48%;margin:0 auto 0px auto;cursor:inherit}
.subdirector:after{content:"";display:block;width:0;height:142px;border-left:4px solid #03b4cc;left:49%;position:relative}
.subdirector, .departments{position:relative;width:100%}
.subdirector>li:first-child, .departments>li:first-child{width:30%;height:48px;margin:0 auto 92px auto;padding-top:20px;border-bottom:3px solid #03b4cc;z-index:9}
.subdirector>li:first-child{float:right;right:21%}
.departments>li:first-child{float:left;left:19.2%;border-right:3px solid #03b4cc;z-index:-1}
.subdirector>li:first-child a, .departments>li:first-child a{width:100%}
.subdirector>li:first-child a{left:25px}
@media all and (max-width:767px){
	.subdirector>li:first-child, .departments>li:first-child{width:40%}
	.subdirector>li:first-child{right:10%;margin-right:2px}
	.subdirector:after{left:49.8%}
	.departments>li:first-child{left:10%;margin-left:2px}
}
.departments>li:first-child a{right:27px}
.department:first-child, .departments li:nth-child(2){margin-left:0;clear:left}
.departments:after{content:"";display:block;position:absolute;width:82%;height:45px;border-top:3px solid #03b4cc;border-right:3px solid #03b4cc;border-left:3px solid #03b4cc;margin:0 auto;top:94px;left:9%}
@media all and (max-width:767px){
	.departments:after{border-right:none;left:0;width:49.8%}
}
@media all and (min-width:768px){
	.department:first-child:before, .department:last-child:before{border:none}
}
.department:before{content:"";display:block;position:absolute;width:0;height:92px;border-left:3px solid #03b4cc;z-index:1;top:-92px;left:50.4%;margin-left:-4px}
.department{border-left:4px solid transparent;width:30%;float:left;margin-left:4%;margin-bottom:37px}
.department a{padding:10px}
.lt-ie8 .department{width:18.25%}
@media all and (max-width:767px){
	.department{float:none;width:100%;margin-left:0}
	.department:before{content:"";display:block;position:absolute;width:0;height:60px;border-left:3px solid #03b4cc;z-index:1;top:-60px;left:0%;margin-left:-4px}
	.department:nth-child(2):before{display:none}
}
.department>a{margin:0 0 -26px -4px;z-index:1}
.department>a:hover{height:80px}
.department>ul{margin-top:0px;margin-bottom:0px}
.department li{padding-left:25px;border-bottom:4px solid #03b4cc;height:80px}
.department li a{background:#fff;top:48px;position:absolute;z-index:1;width:90%;height:60px;vertical-align:middle;right:-1px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background-image:-moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%) !important;background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)))!important;background-image:-webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%)!important;background-image:-o-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%)!important;background-image:-ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%)!important;background-image:linear-gradient(135deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%)!important;
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000', GradientType=1)}
.department li a:hover{box-shadow:8px 8px 9px -4px rgba(0, 0, 0, 0.1);height:150px;width:95%;top:20px;background-image:none!important}
/* Department/ section colors */
.department.dep-a a{background:#00b0f0;height:170px;line-height:22px;color:#fff;cursor:default}
.department.dep-b a{background:#00b0f0;height:170px;line-height:22px;color:#fff;cursor:default}
.department.dep-c a{background:#00b0f0;height:170px;line-height:22px;color:#fff;cursor:default}
.department.dep-d a{background:#A3A2A2}
.department.dep-e a{background:#f0f0f0}
.cf-2{width:49%;float:right;top:89px;z-index:3}
.department.dep-a:before{opacity:0}
.department.dep-a a span, .department.dep-b a span, .department.dep-c a span{line-height:25px;font-size:18px;text-decoration:underline}
.tooltiptext{visibility:hidden;width:286px;background-color:black;color:#fff;text-align:center;border-radius:6px;padding:5px 20px;position:absolute;z-index:9999;top:90px;right:48px}
.tooltiptext::after{content:"";position:absolute;top:50%;left:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:transparent transparent transparent black}
.department.dep-c:hover .tooltiptext, .department.dep-a:hover .tooltiptext, .department.dep-b:hover .tooltiptext{visibility:visible}
@media(max-width:600px){
	.director>li>a{width:100%}
	.org ul a span{font-size:14px}
	.departments:after{display:none}
	.cf-2{top:1px;width:100%}
	.department:before{display:none}
	.department.dep-a a, .department.dep-a b,  .department.dep-c a{height:165px}
}
