::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #4e78a0;
	border-radius:10px;
}
* {
    font-family:arial;
    outline:0;
    color:#474747;
}
body {
    position:relative;
    top:0;
    margin:0 auto;
    max-width:2000px;
    background:url("../images/essentials/basilica-wall-gray.png");
}
.commentsec {
    min-height:500px;
}
.fb-comments {
    text-align:center;
}
.image {
    cursor:pointer;
}
#successmsg {
    color:white;
    margin:10px 5px;
    background:#002b5b;
    padding:10px 5px; 
    text-align:center;
}
.hideitem {
    display:none;
}
.menubar {
    display:none;
    padding:10px 15px 15px;
    background: #d8b040; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f5e6a5, #d8b040); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f5e6a5, #d8b040); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f5e6a5, #d8b040); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f5e6a5, #d8b040); /* Standard syntax */
    position:relative;
    min-height:30px;
    top:0;
}
.menuicon {
    width: 35px;
    height: 4px;
    background-color: white;
    margin: 6px -35px;
    position:relative;
    z-index:52;
}
a, button, input[type=submit], button, input[type=button] {
    cursor:pointer;
    text-decoration:none;
}
p, .indiv, .indiv > p, .indiv > a, .indiv > td, .indiv > li {
    line-height:1.5;
    font-size:15px;
}
.indiv p {
    box-sizing: border-box;
    margin: 0px; 
    padding: 0px;
    border: 0px;
    font-variant-numeric: inherit;
    font-stretch: inherit;
    font-size: 12px;
    line-height: 20px; 
    font-family: tahoma, arial, helvetica, sans-serif;
    vertical-align: baseline;
}
li {
    list-style-type: none;
}
ul {
    margin:0;
    padding:0;
}
.remove {
    display:none;
}
textarea {
    padding:10px 1%;
    width:100%;
    height:125px;
    color:gray;
    font-weight:bold;
    font:small-caption;
    font-size:15px;
}
.floatleft {
    float:left;
}
.floatright {
    float:right;
}
.clearfix {
    clear:both;
}
.gap {
    width:100%;
    clear:both;
    height:50px;
}
.navigation{
    margin-top:5px;
}
.navigation .nav2 {
    z-index:47;
}
.formerly {
    font-size:15px;
    color:white;
    padding:5px 10px;
    background:#d84b37;
    margin:5px -10px -10px;
    font-variant:small-caps;
}
.logo {
    text-align: center;
    background: #002b5b;
    position: relative;
    z-index: 50;
    padding: 10px;
    margin-top: -5px;
}
.logo h3, .logo h2 {
    color:white;
    font-family:Lucida Sans Unicode;
    text-align:center;
    margin:0;
    font-variant:small-caps;
    letter-spacing: 1px;
}
.logo h3 {
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 1px;
    font-family: sans-serif;
    font-weight: 500;
}
.logo h3 .span0 {
    display: block;
    color:white;
}
.logo h3 .span1 {
    font-size: 20px;
    display: block;
    color:white;
}
.logo h3 .span2 {
    color: #fffea3;
    padding: 0;
    margin: 0px;
    font-size: 13px;
    display: block;
}
.logo img {
    margin: 0 10px 0 0;
    height: 100px;
    display: inline-block;
    vertical-align: middle;
}
.logotringle {
    margin-top:-5px;
    float:left;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 45px 0 45px 40px;
    border-color: transparent transparent transparent #002b5b;
    position:relative;
    z-index:50;
}
.nav1 {
    background: #002b5b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#002b5b, #0b1f38); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#002b5b, #0b1f38); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#002b5b, #0b1f38); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#002b5b, #0b1f38); /* Standard syntax */
    position:relative;
    min-height:30px;
    border-top:1px solid #001832;
    top:0;
}
.nav1 form {
    margin-right:1px;
}
.nav1 form input[type=text] {
    padding:5px 30px 5px 10px;
}
.nav1 form .search {
    margin:1px 3px 0 -30px;
    position:relative;
    z-index:49;
    background: #d8b040; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f5e6a5, #d8b040); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f5e6a5, #d8b040); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f5e6a5, #d8b040); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f5e6a5, #d8b040); /* Standard syntax */
    padding:0 2px;
    border:2px solid white;
}
.search img {
    height:20px;
}
.nav2, .nav3 {
    border-top:1px solid #5e4724;
    background: #d8b040; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f5e6a5, #d8b040); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f5e6a5, #d8b040); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f5e6a5, #d8b040); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f5e6a5, #d8b040); /* Standard syntax */
    position:relative;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
.nav2 a, .nav1 a, .nav3 a {
    font-weight:bold;
    font-family:arial;
    padding:0 0.5%;
    text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.5);
}
.nav1 a {
    color:#fff;
    font-size:14px;
    vertical-align:sub;
}
.nav2 a, .nav3 a {
    color:#0b1f38;
    font-size:15px;
}

/* BANNER */

.banner {
    top:0;
    width:100%;
    height:530px;
    float:left;
    position:relative;
}
.departmentbanner {
    height:278px;
    top:-23px;
}
.banner img {
    position:absolute;
    top:0;
    width:calc(100% - 400px);
    height:100%;
    left:0;
}
.banner img:active, .banner img:hover, .cityhub-logo:hover, .cityhub-logo:active {
    -webkit-transform: none !important;
    transform: none !important;
}
.departmentname {
    position:absolute;
    background:rgba(0,0,0,0.5);
    color:tomato;
    left:0;
    top:35px;
    width:calc(100% - 500px);
    padding:50px;
    text-align:center;
    z-index:2;
    font-variant: small-caps;
    font-size:35px;
}
.navigator2, .navigator1, .dots {
    position:absolute;
    top:80px;
    padding:5px 5px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    -webkit-transition: opacity  0.3s, visibility 0.3s; /* For Safari 3.1 to 6.0 */
    transition: opacity  0.3s, visibility  0.3s;
    z-index:0;
    font-size:15px;
    background:rgba(8, 79, 159, 0.8);
    color:white;
    
}
.banner:hover .navigator1, .banner:hover .navigator2, .dots {
    opacity:1;
    visibility:visible;
    z-index:+2;
}
.navigator1{
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    left:50px;
}
.navigator2 {
    left:350px;
    top:78px;
}
.dots {
    left:70px;
    width:268px;
    overflow:hidden !important;
    text-overflow: ellipsis;
}
.banner .nav3 {
    position:absolute;
    margin-bottom:-39px;
    bottom:0;
    left:0;
    right:0;
}
/* BANNER */
notice {
    position:absolute;
    top:192.5px;
    height:506px;
    width:100%;
    max-width:350px;
    padding:0 23px 23px;
    background:rgba(7, 44, 86, 0.8);
    z-index:40;
    right:0;
    border:3px solid #084f9f;
}
notice h3{
    font-weight:100;
    font:small-caption;
    font-size:20px;
    color:#b8cbe0;
    background:rgba(7, 44, 86, 0.3);
    text-align:center;
    margin:15px 0;
    padding:5px 0;
}
notice a {
    color:white;
    font-size:15px;
}
notice p {
    color:gray;
    line-height:0;
}
notice li {
    margin-bottom:30px;
}
.archive {
    bottom:0;
    position:absolute;
    right:20px;
}
.department {
    height:251px;
}
.new {
    border-bottom:1px solid gray;
    height:50%;
    overflow:hidden;
}
.department .new {
    height:100%;
}
.old {
    border-top:1px solid gray;
    height:50%;
    overflow:hidden;
}
marquee {
    width:94%;
    padding:8px 2%;
    min-height:18px;
}
marquee.notec{
    height:80%;
}
.newtag {
    background:red;
    padding:1px 2px;
    font-size:10px;
    color:white;
    vertical-align:middle;
}
.asolbody {
    width:90%;
    padding:15px 5% 0 5%;
    text-align:justify;
}
.asolbodiervitore1, .asolbodiervitore2, .asolbodiervitore4 {
    margin:1.4% 0.7% 0;
    padding:0.8%;
    position:relative;
    overflow:hidden;
    background:#fff;
-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.30);
-moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.30);
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.30);
}
.asolbodiervitore2 {
    width:63.7%;
    float:left;
    height:445px;
}
.asolbodiervitore2 .indiv, .asolbodiervitore4 .indiv {
    margin-top:10px;
}
.asolbodiervitore1, .asolbodiervitore4 {
    float:left;
}
.asolbodiervitore4 {
    width:97%;
    min-height:300px;
}
.asolbodiervitore1 {
    width:30.3%;
    height:445px;
}
.asolbody p, .indiv {
    overflow:hidden;
}
.asolbody > p {
     height:200px;
}
.indiv {
     padding:0;
     height:335px;
 }
 .asolbodiervitore1 ul {
     padding:0;
     height:375px;
 }
.asolbodiervitore1 ul li {
    line-height:1.5;
    font-size:15px;
    margin: 10px 0;
 }
.asolbodiervitore1 h3, .asolbodiervitore1 h2, .asolbodiervitore2 > h3, .asolbodiervitore4 > h3, .asolbody > h2, .asolbodiervitore1 h1 {
    color:#002b5b;
    font-weight:100;
    font:small-caption; 
    font-size:20px;
}
.asolbodiervitore1 > h3, .asolbodiervitore2 > h3, .asolbodiervitore4 > h3 {
    color:#fff;
    background:#2e5a8c;
    padding:10px 5%;
    margin:0;
}
.demo2 {
    min-height:inherit;
    max-height:none;
    height:inherit !important;
}
.asolbodiervitore1 .demo2 a {
    color:blue !important; 
}
.asolbodiervitore1 h1 {
    font-size:25px;
    text-align:center;
}
.asolbodiervitore1 > h3 {
    display:inline-block;
    width:90%;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}
.asolbodiervitore1 h2, .asolbodiervitore2 > h2, .asolbody > h2 {
    font-size:25px;
}
.asolbodiervitore1 ul li h3 {
    font-size:17px;
    color:#004ea1;
    font-weight:normal;
    margin:10px 0;
}
.faculties {
    overflow-y:scroll;
}
.faculties li {
    overflow:hidden;
}
.faculties .indiv {
    text-align:left !important;
    height:auto;
}
.asolbodiervitore1 a, .asolbody .readmore {
    color:tomato !important;
    margin:20px 10px 0 0;
}
.asolbodiervitore1 li a {
    margin:0;
}
.asolbodiervitore1 li p {
    margin:0;
    color:gray;
}
.departlinks {
    width:22%;
}
.greenery {
    background:#92B558 !important;
}
.grenadine {
    background:#DC4C46 !important;
}
.peach {
    background:#F7786B !important;
}
.red {
    background:#BC243C !important;
}
.line {
    border-bottom:1px solid #a5a5a5;
}
.noborder {
    border:0 !important;
}
.uploaded {
    width:23%;
    height:100px;
    margin:1%;
    text-align:center;
    padding-bottom:25px;
    overflow:hidden;
}

.uploaded img{
    width:auto;
    height:100%;
}

.imgtite {
    width:90%;
    padding:0 5%;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
    color:gray;
    font-size:15px;
}
.map {
    width:100%;
    height:89%;
}
.address {
    color:gray;
    font-weight:100;
    font:small-caption;
    font-size:20px;
}
.mail {
    width:33%;
}
.input1 {
    padding:10px 0.8%;
    width:96%;
    margin:1%;
    color:gray;
    font-weight:bold;
    font:small-caption;
    font-size:15px;
}
.contactform .textarea1 {
    width:96%;
    margin:1%;
    height:145px;
}
.contactform select {
    padding:5px;
}

input[type=submit] {
 border:1px solid #7d99ca; -webkit-border-radius: 3px; -moz-border-radius: 3px !important;
 border-radius: 3px !important;
 font-size:12px !important;
 margin-top:20px !important;
 padding: 10px 10px 10px 10px !important; 
 text-decoration:none !important; 
 display:inline-block !important;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3) !important;
 font-weight:bold !important; 
 color: #FFFFFF !important;
 background-color: #A5B8DA !important; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#A5B8DA), to(#7089B3)) !important;
 background-image: -webkit-linear-gradient(top, #A5B8DA, #7089B3) !important;
 background-image: -moz-linear-gradient(top, #A5B8DA, #7089B3) !important;
 background-image: -ms-linear-gradient(top, #A5B8DA, #7089B3) !important;
 background-image: -o-linear-gradient(top, #A5B8DA, #7089B3) !important;
 background-image: linear-gradient(to bottom, #A5B8DA, #7089B3) !important;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A5B8DA, endColorstr=#7089B3) !important;
}

input[type=submit]:hover{
 border:1px solid #5d7fbc !important;
 background-color: #819bcb !important; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#819bcb), to(#536f9d)) !important;
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d) !important;
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d) !important;
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d) !important;
 background-image: -o-linear-gradient(top, #819bcb, #536f9d) !important;
 background-image: linear-gradient(to bottom, #819bcb, #536f9d) !important;
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d) !important;
}
.footer{
    text-align:center;
    background:#383432;
    padding-bottom:5px;
    margin-bottom:-20px;
}
.footer div{
    text-align:left;
    width:27%; 
    margin:1% 3%;
}
.footer p, .footer h3 {
    color:white;
}
.footer a {
    color:#94ace8;
    text-decoration:none;
}
.footer a, .footer p {
    font-size:14px;
}
#fade, #dikchak{
    display:none;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.5);
    z-index:54;
}
#dikchak {
    text-align:center;
}
#dikchak img {
    margin-top:20%;
}
#fade img {
    margin:1% auto 2%;
    max-height:550px;
    max-width:97%;
    min-width:200px;
    min-height:200px;
}
.zoom, .close {
    padding:10px 20px;
    margin:10px 20px 0 0;
    background:white;
    color:gray;
    cursor:pointer;
}
.noimage {
    color:gray;
    font-weight:100;
    text-align:center;
    padding:10% 0;
}
.nppage {
    background: #002b5b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#002b5b, #0b1f38); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#002b5b, #0b1f38); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#002b5b, #0b1f38); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#002b5b, #0b1f38); /* Standard syntax */
    position:relative;
    min-height:30px;
    border-top:1px solid #001832;
    text-align:center;
    padding:0 20px;
}
.nppage a {
    color:white;
    font-size:20px;
}
/* dropdown */
.nav2 > .dropdown > a {
    padding:7px !important;
}
.dropdown a {
    display: inline-block;
    text-align: center;
    padding: 3px 3px;
    text-decoration: none;
    font-size:13px;
}
.dropdown > a {
    border-radius:5px 5px 0 0;
}

.dropdown:hover a {
    background-color: #fff;
    color:#0b1f38;
}

.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 53;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown-content a {
    font-weight:100;
    font-size:13px;
    font-variant:small-caps;
}
.dropdown:hover .dropdown-content {
    display: block;
}

/* DROP DOWN */

/* TABLE */
table {
    width:100%;
}
.tr {
    text-align:center;
}
td {
    text-align: left;
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
    background-color: #ef4f37;
    color: white;
    box-shadow: 0 1px 15px rgba(0,0,0,.50);
    padding:8px;
}

#final {
    overflow:visible;
    text-align: justify;
    font-family: Times, serif;
    font-size: 20px;
    font-weight: 100;
    line-height: 2;
}
.outertable1 {
    overflow:hidden;
    max-width:100%;
}
.outertable2 {
    overflow-x:scroll; 
    overflow-y:hidden; 
    text-align:left; 
    max-width:100%;
    padding-bottom:10px;
    margin-bottom:-20px;
}
/* CONTENT PAGE */
#infoboard {
    width:calc(100% - 300px);
    height:100%;
    float:left;
}
.infodiv {
    margin:20px 20px 0 20px;
    background:white;
    padding:0 20px 20px;
    height:calc(100% - 20px);
}
.infodiv h1 { 
    background:#2e5a8c;   
    color:#fff;
    padding:12px 20px;
    font-weight:100;
    font:small-caption;
    font-size:30px;
    margin:30px -20px 0 -20px;
}
.infodiv .onup {
    color:gray;
}
.searchlink {
    cursor:pointer;
    font-size:17px;
    line-height:1.5;
}
.searchlink {
    text-align:left;
    margin:10px 10px 0 20px;
}
.searchlink a {
    color:gray;
}
#prelinkboard {
    height:100%;
    float:left;
    margin-top:30px;
}
#linkboard {
    width:298px;
    min-height:100%;
    background:#fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f2f2f2, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f2f2f2, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f2f2f2, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2f2f2, #fff); /* Standard syntax */
}
#linkboard .h4 {
    color:#002b5b;
    font-weight:100;
    font:small-caption;
    padding:8px; 
    text-align:center;
    border-bottom:1px solid tomato;
    font-size:25px;
}
#linkboard {
    float:left;
    text-align:left; 
    overflow:hidden;
}
.demo3 {
    padding:0 20px;
}
.demo3 li p a {
    color:#0b1f38;
}
#final a, .indiv a, .departlinks a {
    color:#507cba !important;
}
/* CONTENT PAGE */

/* PAYMENT */

.register input[type=submit] {
    float:right;
}
.register select[name="year"], .register input[name="fine"] {
    width:70px;
    text-align:center;
}
.register #select {
    margin-left:45px;
	border:1px solid gray;
}
.register span {
    float:right;
}
form.register{
    width:calc(100%-15px); max-width:355px;
    margin: 80px auto 0px auto;
    background-color:#fcf4ed;
    padding:5px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}
fieldset.row6
{
    padding:5px;
    float:left;
    border-top:1px solid #FFF;
    margin-bottom:15px;
    width:calc(100% - 15px); max-width:340px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.register p {
    padding: 7px 0 7px 0;
    font-weight: 500;
    font-size: 10pt;
}
.register h1 {
    font-weight:200;
    color: #888888;
    font-size:16pt;
    margin:7px 5px 8px 8px;
}
form.register legend {
    color: #abda0f;
    padding:2px;
    margin-left: 14px;
    font-weight:bold;
    font-size: 14px;
    font-weight:100;
}
.register .subject {
	width:calc(80% - 15px); min-width:100px; max-width:250px !important;
	border:1px solid gray;
	float:right !important;
}
.register .iframe {
    display:none;
}
.iframe span {
    float:left;
    width:23%;
    margin:1%;
}
.invoice-box{
    width:800px;
    margin:50px auto auto;
    padding:30px;
    border:1px solid #eee;
    box-shadow:0 0 10px rgba(0, 0, 0, .15);
    font-size:16px;
    line-height:24px;
    color:#555;
    background:white;
}
    
.invoice-box table{
    width:100%;
    line-height:inherit;
    text-align:left;
}
        
.invoice-box table td{
    padding:5px;
    vertical-align:top;
}
    
.invoice-box table tr td:nth-child(2){
    text-align:right;
}
    
.invoice-box table tr.top table td{
    padding-bottom:20px;
}
    
.invoice-box table tr.top table td.title{
    font-size:45px;
    line-height:45px;
    color:#333;
}
    
.invoice-box table tr.information table td{
    padding-bottom:40px;
}
        
.invoice-box table tr.heading td{
    background:#eee;
    border-bottom:1px solid #ddd;
    font-weight:bold;
}
    
.invoice-box table tr.details td{
    padding-bottom:20px;
}
    
.invoice-box table tr.item td{
    border-bottom:1px solid #eee;
}
    
.invoice-box table tr.item.last td{
    border-bottom:none;
}
        
.invoice-box table tr.total td:nth-child(2){
    border-top:2px solid #eee;
    font-weight:bold;
}
@media print {
    .navigation, .footer {
        display:none;
    }
    input[type=button]{
        display:none;
    }
}

/* PAYMENT */

@media screen and (max-width: 1300px) {
    #showmenu {
        display:none;
        position:absolute;
        right:0;
        padding-top:10px;
    }
    .menubar {
        display:block;
        position:relative;
        left:0;
        right:0;
    }
    .navigation .nav2 {
        z-index:50;
    }
    .navigation .nav1 {
        z-index:51;
    }
    .nav2, .nav1 {
        max-width:260px;
        margin:0;
        top:0;
    }
    .nav1 input[type=text] {
        float:left !important;
        text-align:left !important;
     }
    .nav1 form, .nav1 input[type=text] {
        float:left;
        position:relative;
    }
    .nav2 a, .nav1 a, .nav2 .dropdown, .nav1 .dropdown {
        text-align:left !important;
        left:0;
        right:0;
        display:block;
    }
    .nav1 form {
        padding:20px 10px;
    }
    .nav1 a {
        padding:10px;
    }
    .dropdown-content {
        right:0;
        left:0;
        min-width:100%;
    }
    .clearthistoo {
        clear:both;
    }
}

@media screen and (max-width: 1000px) {
    .asolbodiervitore1, .asolbodiervitore2 {
        width:46%;
    }
    .departmentname {
        font-size:20px;
    }
    .asolbodiervitore4 {
        width:95%;
    }
    .myClass {
        display: none;
    }
    .myClass:nth-of-type(1), .myClass:nth-of-type(2), .myClass:nth-of-type(3), .myClass:nth-of-type(4) {
        display: block;
    }
    .footer h3 {
        font-size:13px;
    }
}

@media screen and (max-width: 800px) {
    .departmentname{
        display:none;
    }
    .banner img {
        width:100%;
    }
    notice {
        height:400px;
        margin: 152.5px 3% 0;
        width:80%;
    }
    .departmentbanner {
        height:350px;
    }
    .departmentname {
        top:0;
        padding:20px 10%;
        width:80%;
        margin:0;
        font-size:18px;
        max-height:25px;
        overflow:hidden;
    }
    .department {
        height:256px;
    }
    .old, .navigation1, .navigation2, hide, #prelinkboard {
        display:none;
    }
    .new {
        height:100%;
    }
    #infoboard {
        width:100%;
    }
}

@media screen and (max-width: 625px) {
    .asolbodiervitore1, .asolbodiervitore2, .asolbodiervitore4 {
        width:91%;
        margin:2% 0.7% 0;
        padding:2%;
    }
    #infoboard {
        margin-top:20px;
    }
    .infodiv h1 { 
        font-size:20px;
    }
    .myClass, .myClass:nth-of-type(3), .myClass:nth-of-type(4) {
        display: none;
    }
    .myClass:nth-of-type(1), .myClass:nth-of-type(2){
        display: block;
    }
    .uploaded {
        width:31%;
    }
    .footer div{
        width:70%; 
        margin:1% 5%;
    }
    .logo h3 .span0 {
        font-weight: 600;
        font-size: 13px;
    }
    .logo h3 .span1 {
        font-size: 10px;
    }
    .logo h3 .span2 {
        font-size: 10px;
    }
}

@media screen and (max-width: 450px) {
    .logo {
        right:0;
        left:0;
        position:absolute;
    }
    .departmentbanner {
        margin-top:30px;
    }
    .departmentname{
        display:block;
    }
    .department{
        margin-top:90px;
        height:235px;
    }
    .logo h3, .logo h2 {
        letter-spacing: 0px;
        line-height:18px;
    }
    .formerly {
        font-size:10px;
    }
    .logotringle {
        display:none;
    }
    .menubar {
        top:5px;
        }
    .banner {
        top:-5px;
    }
    #showmenu {
        padding-top:5px;
    }
    .contactform .textarea1 {
        width:97.4%;
        margin:5px -1% 0;
    }
    .mail {
        width:100%;
    }
    .uploaded {
        width:48%;
    }
    .footer h3{
        width:85%;
    }
    notice {
        height: 300px;
        margin: 100px 3% 0;
        width: 80%;
        top: 152.5px;
    }
}