* {margin: 0; padding: 0;} body {background: #fff; color: #707173; font-family: arial, helvetica,sans-serif; font-size: 1.05em; overflow-x:hidden; max-width: 1200px; margin: 0 auto; margin-top: 2px; margin-bottom: 2px; border-left: 5px solid #fff; border-right: 5px solid #fff; } .isl { font-family: arial, helvetica,sans-serif; padding: 0.2em; font-size: 1.8em; margin-top: 0.5em; } .isl span { padding: 0.3em; padding-left: 0.6em; padding-right: 0.6em; border: 1px solid #595959; margin-right: 0.1em; border-radius: 100px; } .isl1 { text-decoration: none; color: #fff; background-color:#56859f; font-weight: bold; padding-top: 0.4em; } .isl2 { text-decoration: none; color: #fff; font-weight: bold; background-color:#FCAF3E; text-decoration: underline; text-transform: uppercase; } .isl3 { text-decoration: none; color: #56859f; font-weight: bold; background-color:#FCAF3E; font-size: 1.1em; position: relative; } ul li { list-style: none; } ul.drp li { display: none; padding-top: 0.2em; padding-bottom: 0.2em} ul.drp li.selected { display: block; font-weight: bold } ul.drp:hover li { display:block;} ul.sel { position: relative; } ul.sel:hover li:hover { font-weight: bold} .fimg { width: 250px; height: 170px; } .index.fimg { width: 200px; height: 136px; } a { text-decoration: none; color: #FCAF3E; font-weight:bold } .clear { clear: both;} .fl_left { float: left; } .fl_right { float: right; } .hid { display:none; } .rollover { margin-top: 1em; font-weight: bold; padding-top: 0.5em; padding-bottom: 0.5em } .rollover ul { text-align: left; } .rollover li { float: left; min-width: 40%; max-width:40%; height: 15em; overflow: hidden; text-align:center; background:#FCE94F; padding: 0.5em } .rollover li:nth-child(2n) { float: right } .rollover li .tit { font-size: 1.2em; display: block; } .rollover li figure { margin-bottom: 0.5em; margin-top: 0.5em; margin-right: 1em; left: 50%; transform: translate(40%, -1px); } .gal {clear: both; max-width: 47em; padding: 2em; padding-top: 0.5em; padding-bottom: 0.5em; margin-bottom: 0.5em; border: 1px solid #FCE94F; background: #FCAF3E; color: #fff} .gal h4 { font-size: 1.5em; padding-bottom: 0.2em; } .gal ul { padding-top: 1em } .gal ul li figure { width: 100%; min-height: 300px;} .gal ul li p { text-align: center; font-weight: bold; padding-top: 1em } .gal h5 { font-size: 1.1em; padding-top: 0.2em; } .gal a { color: #fff; text-decoration: underline; } .gal .exp { float: right; text-align: right; font-size: 1.7em; font-weight: bold; } .gal .exp a { text-decoration: none; } .vid { width: 400px; height: 225px; } header .top { height: 25px; text-align: right; color: #56859f; padding-right: 1em; background: #FCAF3E; padding-right: 0.3em } header .top ul { float: right } header .top ul li { font-weight: bold; float: left; margin-left: 1em; padding-top: 0.2em} header .top ul li span { padding-right: 0.2em; } header .top ul li a { display:none;} header .hit { width: 25%; border: 1px solid #FCAF3E; border-top: 0; float: left; height: 75px; padding-top: 0.5em; border-radius: 0px 0px 10px 10px; } header .hit a { color: #56859f} header .hitl { background: #FCE94F; text-align: center; font-weight: bold; overflow:hidden} header .hitc { width: 47%; text-align: center; border: 0; padding-top: 0} header .hitc figure img { } header .hitr { float:right; background: #FCE94F; padding: 0.5em; text-align: center;overflow:hidden } header nav { clear: both; } header nav ul { padding-top: 1.1em; } header nav ul.right { padding-top: 0em } header nav ul li { float: left; margin-right: 0.5em; margin-bottom: 0.5em; padding: 0.5em; background: #FCAF3E; font-weight: bold; border: 1px solid #56859f; border-radius: 10px; } header nav ul li a { color: #56859f; } #center { padding-top: 0.5em; padding-bottom: 1em; padding-left: 1.5em; padding-right: 1.5em; display:table-cell; width: 100%} #center figure {} #center figure.index, figure.leaf { float: left; margin-right: 1.5em; margin-bottom: 0.5em } #center article { font-size: 0.9em; margin-bottom: 2em; margin-top:0.5em; padding: 1em; padding-top: 1.5em; min-height: 15em; max-height: 15em; width: 42%; overflow: hidden; float: left; background: #FCE94F; min-width: 20em; margin-right: 2em; } #center article a { color: #56859f } #center article time { font-weight: bold} #center article time .his { display:none} .cl_documents article time { display: none; } #center article h3 { font-size: 1.2em; } #center article h4 { font-size: 0.95em; margin-top: 0.2em; margin-bottom: 0.2em} article figure.index.noimg { background-image: url("http://www.iosonolorenzo.it/templates/images/iosonolorenzo/std/iosonolorenzo.png"); background-repeat: no-repeat; } #center article.login_required { text-align: center; width: 100%; } #center article.login_required figure.noimg {float:left; background-image: url("http://www.iosonolorenzo.it/templates/images/iosonolorenzo/std/login.png"); background-repeat: no-repeat; } #center article.login_required a { font-size: 1.3em; } #center article.login_required h3 { margin-bottom: 2em } aside ul li { margin-bottom: 0.5em; } aside ul li a { color: #707173; font-weight: bold; text-transform: uppercase; } aside ul li time { font-size: 0.9em; clear: both; font-weight: bold; } aside.download { } aside.download h4 { text-align: center; margin-bottom: 0.5em; font-size: 1.4em; } aside.download ul li { background: #56859f; text-transform: uppercase; text-align: center; border: 1px solid #56859f; padding: 0.5em; } aside.download ul li a { color: #56859f; } aside.download iframe { width: 100%; height:500px; border: 0px; } #right {font-size: 0.9em; margin-right: 1em; width: 20em; max-width: 20em; display:table-cell; } #right section { } #right ul { width: 20em;margin: 0 auto} #right ul li a { color: #56859f; font-size: 1.1em; } #right ul li { margin-bottom: 1em; border: 1px solid #FCAF3E; padding: 0.5em; background: #FCE94F} #right figure { margin-top: 0.2em; margin-bottom: 0.5em; transform: translate(5%, -1px);} #right .tip { padding: 1em; margin-bottom: 2em; font-weight: bold; background: #56859f; color: #fff; width: 18em; border-radius: 10px; } #right section h3 { background: #56859f; color: #fff; padding: 0.2em; text-align: center; margin-bottom: 0.2em } #center ul.pn { clear: both; height: 54px; margin-bottom:1em } #center ul.pn li { float: left; width: 33% } #center ul.pn li div { height: 60px;} #center ul.pn li { height: 60px;} #center ul.pn li.next { background-image: url("../../../templates/images/iosonolorenzo/std/pn/next.png"); background-repeat: no-repeat; background-position: top right; } #center ul.pnb li.next { background-position: top left;} #center ul.pn li.prev { background-image: url("../../../templates/images/iosonolorenzo/std/pn/prev.png"); background-repeat: no-repeat; background-position: top right;} #center ul.pn li.cter { text-align: center; font-weight: bold; font-size: 1.2em; padding-top: 0.5em;} #center ul.related { clear: both; margin-top: 2em; } #center ul.related li { float: left; margin-right: 1em; } h1 { font-size: 1.5em; text-align: center; margin-bottom: 0.5em; text-transform:uppercase; } h2 { font-size: 1.1em; padding-bottom: 0.5em; } .abstract { margin-bottom: 0.5em; } .elm_home .abstract {border:1px solid #FCAF3E; background: #FCE94F; margin-left: 250px; padding: 0.5em; text-align: center} .content { text-align: justify; margin-bottom: 0.5em } .content p { margin-bottom: 1em; } #center .websites article { min-height: 5em; } footer { background: #FCAF3E; color: #fff; clear: both; text-align: center; font-weight: bold; padding-top: 0.5em; padding-bottom: 0.5em; font-size: 0.9em} footer a { color: #56859f; } footer .powered { font-size: 0.8em; padding-top: 0.2em } .interface { position: absolute; top: 1px; top: 1px; left: 50%; transform: translate(-50%, -1px);} .interface .close { background: #56859f; text-align: right; padding-right: 0.5em; border: 2px solid #56859f; font-size: 1.1em} .interface .close a { color: #fff; line-height:2; padding:2px;} .interface .message { max-width: 290px; font-weight: bold; border: 1px solid green; color: green; text-align: center; padding: 0.3em; margin-top: 0.2em; margin-bottom: 0.2em } .interface .message.error { border: 1px solid red; color: red; } .interface .main { padding: 1em; padding-bottom: 1.5em; border: 2px solid #56859f; background: #fff; } .interface ul.sel,input,select,textarea { background: #fff; border: 1px solid #56859f; border-radius: 5px;} .interface ul.sel li,input,select { min-height: 23px } .interface .main .group { margin-bottom: 2em; margin-right: 1em; margin-left: 1em; float: left; } .interface .main .group_label { font-weight: bold; } .interface .main .group .item { margin-top: 0.3em; } .interface .main .group .item input { min-width: 300px; } .interface .main .group .item input.small { min-width: 60px; max-width: 60px; } .interface .main .group .item input.medium { min-width: 100px; max-width: 100px; } .interface .main .group .item .label {color: #56859f; font-weight:bold; margin-bottom: 3px; } .interface .main .group .item .label .help { float: right; } .interface .main .group .item .label .help div {display:none } .interface .main .group .item .label .help span { color:#56859f } .interface .main .group .item .label .help:hover div { display: block; position: absolute; background:#fff; border: 2px solid #56859f; color: grey; padding: 0.5em; z-index: 10 } .interface .main .group .item textarea {height: 100px; min-width: 300px; } .interface .main .group .item ul li { float: left; margin-right: 1em} .interface .main .group .item.socials { text-align: center; margin-top: 1em } .interface .main .group .item.socials .label { color: #707173 } .interface .main .group .error_field { max-width: 300px; margin-bottom: 0.2em; font-weight: bold; font-size: 0.8em; background: red; color: #fff; padding: 0.2em; text-align: center} .interface .submit { background: #56859f; color: #fff; font-weight: bold; font-size: 1em } .interface .submit_wide { width: 50%; margin-left: 25%; margin-right: 25%;} .interface .main .logout_message { text-align: center; font-size: 2em; } .interface.inline { position: relative; left: 0; width: 100%; transform: none; } .interface.inline .main { border:0px; background: transparent } .interface.inline .main .group { clear: both; margin: 0;} .interface.inline .main .group .item { float: left; margin-right: 1.5em} .interface ul.sel li { padding: 0.2em; clear: both; } #links_interface_contact .main .group { clear: both; float:none } #links_interface_contact .group_label { display:none; } .search .item_submit {border-radius: 5px; width: 50px} .search .trg { } .search .trg .main { border: 2px dashed #FCAF3E; margin-bottom: 1em } .search .run { font-weight: bold; font-size: 1.2em; text-align: center; padding-top: 10px } .search .run a { display: block; margin:auto; background-image: url("../../../templates/images/iosonolorenzo/std/pn/search.png"); height: 70px; width: 70px; margin-top: -20px; background-repeat:no-repeat } .search .run.revert a { background-image: url("../../../templates/images/iosonolorenzo/std/pn/search_revert.png"); } @media screen and (max-width:800px) { header .hit { width: 100%; clear: both; border-left: 0; border-right: 0; height: auto; padding-bottom: 0.8em } header .hitr { margin-top: 10px; border-top: 1px solid #FCAF3E; float: none; width: auto; height: auto } header .hitr figure { display:none} header .hitc { } header nav ul { text-align: center; padding-top: 0.2em; clear: both; float: none; width: auto; } header nav ul li { margin-bottom: 0.2em; } #center { display:inline;} #center figure.leaf {width: 100%} #center .abstract { clear: both; margin-left: 0} #right { display:inline; width: 95%; max-width: 95%;} h2 { clear: both; text-align: center; } } @media screen and (max-width:410px) { .isl { font-size: 1.3em} header nav ul li { clear: both; width: 94% } .interface .main .group .item textarea { min-width: 240px; } .interface .main .group .item input { min-width: 240px; } #center article { clear: both; max-height: 40em; } #center article h3 { clear: both; margin-top: 0.2em } #center article figure { clear: both!important; float: none!important; margin: 0 auto!important; } } @media screen and (max-width:320px) { .isl { font-size: 1.2em} } .search {display:none;}