/* TECT CSS
 * Reset Stili e Tipografia standard
 * */

/* Tipografia */
body {
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    font-size: 76%;
}
/* (altro font niente male:'Raleway')
        <!--<link href='http://fonts.googleapis.com/css?family=Raleway:400,500' rel='stylesheet' type='text/css'>-->*/

h1{font-size: 2.4em; font-weight: 400}
h2{font-size: 2.0em; font-weight: 300}
h3{font-size: 1.8em; font-weight: 700}
h4{font-size: 1.6em; font-weight: 300}
h5{font-size: 1.4em; font-weight: 700}
h6{font-size: 1.2em; font-weight: 300}

/* Interlinea */
p, blockquote, pre, ol, dl, ul {line-height:1.5}

/* Set di base per margini e padding */
html, body{margin: 0;padding: 0}
h1, h2, h3, h4, h5, h6{margin: 0em 0 0em}
address, blockquote, dl, form,
fieldset, ol, table, p, pre, ul{
  margin-top: 0.5em;margin-bottom: 0.5em}

/* Impostazioni pagina */
html {
	height: 100%;
	width: 100%;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px auto;
}

body {
	height: 100%;
	width: 80%;
	margin: 0px auto;
	text-align: left;
	color: #000000;
}

/* Sezioni principali della pagina: intestazione, contenitore e pič di pagina
*/

#headerLogo {
	height: 50px;
	width: 120px;
    float: left;
    background-color: #9b0014;
	padding-top: 5px;
    text-align: center;
    color: #d7d7d7;
    font-weight: 500;
    font-family: sans-serif;
    font-size: 40px;
}

#headerNomePagina {
    height: 46px;
    border-top: 2px solid #9b0014;
    border-bottom: 2px solid #9b0014;
    border-left: 2px solid #9b0014;
    padding-top: 5px;
    padding-left: 10px;
    background-color: #d7d7d7;
    margin-left:120px;
    font-weight: 700;
    font-size: 30px;
    color: #9b0014;
    overflow: hidden;
}

#headerLogData {
    float: right;
    height: 51px;
    width: 200px;
    padding-top: 0px;
    padding-right: 10px;
    background-color: #d7d7d7;
    border-top: 2px solid #9b0014;
    border-right: 2px solid #9b0014;
    border-bottom: 2px solid #9b0014;
    text-align: right;
    font-size: 0.8em;
    overflow: hidden;
}

#breadcrumb {
    height: 18px;
    padding-right:10px;
    padding-left:10px;
    background-color: #9b0014;
    margin-left: 122px;
    overflow: hidden;
    color: #d7d7d7;
    font-weight: 700;
    font-size: 13px;
}

#breadcrumb table {
    border: 0px;
    margin: 0;
    padding: 0;
}

#navigazione {
    float: left;
    width: 112px;
    height: 600px;
    padding: 5px 5px 10px 5px;
    overflow: hidden;
    background: -moz-linear-gradient(top,  rgba(215,215,215,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,215,215,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(215,215,215,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(215,215,215,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(215,215,215,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(215,215,215,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    text-align:center;
    line-height: 3em;
}

#container {
    margin-left: 122px;
    padding: 10px;
    height: 620px;
    overflow: auto;
}

#containerImmagini {
    margin-left: 122px;
    padding: 10px;
    overflow: auto;
}

#loginContainer {
    margin-left: 122px;
    padding: 10px;
    height: 620px;
    overflow: auto;
    background-image: url(Logo_Unipd_Grigio.png);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 120% -20%;
}

#footer {
  position: fixed;
  bottom: 0;
	width: 60%;
  background-color: #9b0014;
	padding: 5px 10% 5px 10%;
  color: #b4b4b4;
}

#footer table {
    border-collapse: collapse;
}

#footer th {
    border-bottom: 1px solid #b4b4b4;
    vertical-align: middle;
}
#footer td {
    vertical-align: middle;
}

.messaggio {
    text-align: center;
    color: #9b0014;
    font-weight: 700;
}

hr {
    width: 90%;
    margin: 1.5em auto 1.5em auto;
    border: 0;
    height: 1px;

    background-image: -webkit-linear-gradient(left, rgba(155,0,20,0),rgba(155,0,20,0.80),rgba(155,0,20,0));
    background-image: -moz-linear-gradient(left, rgba(155,0,20,0),rgba(155,0,20,0.80),rgba(155,0,20,0));
    background-image: -ms-linear-gradient(left, rgba(155,0,20,0),rgba(155,0,20,0.80),rgba(155,0,20,0));
    background-image: -o-linear-gradient(left, rgba(155,0,20,0),rgba(155,0,20,0.80),rgba(155,0,20,0));

}
/* Tabelle ed elementi per i dati */

.scheda,
.elenco {
    width: 100%;
    border-collapse: collapse;
}

.elenco tr:hover {
    background-color: #efefef;
}

.scheda td,
.elenco td {
    border-bottom: 1px dashed #d7d7d7;
}

.scheda #nomeCampo,
.elenco #nomeCampo {
    width: 15%;
    font-weight: 700;
    text-align: right;
    vertical-align: middle;
}

.scheda #datiCampo,
.elenco #datiCampo {
    width: 35%;
    font-weight: 400;
    vertical-align: middle;
}
.scheda #separazione,
.elenco #separazione {
    background-color: #d7d7d7;
    font-weight: 700;
}
.scheda img,
.elenco img {
    width: 100%;
    border: 1px solid #d7d7d7;
}
.scheda select:focus,
.scheda input:focus:not(.pulsante),
.scheda textarea:focus,
.elenco select:focus,
.elenco input:focus:not(.pulsante),
.elenco input:focus:not(.linkbutton),
.elenco textarea:focus {
    background-color: #fff4ca;
    border: 1px solid #9b0014;
}
.scheda select,
.scheda input:not(.pulsante),
.scheda textarea,
.elenco select,
.elenco input:not(.pulsante),
.elenco input:not(.linkbutton),
.elenco textarea {
    width: 100%;
    font-family: 'Oxygen';
    font-size: inherit;
    font-weight: 400;
}
.pulsante {
	border: 1px solid #90908d;
	width: 100px;
    height: 23px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	color: #000000;
}
.pulsante:hover {
    background-color: #d7d7d7;
    border: 1px solid #9b0014;
}
.pulsante:active {
    background-color: #9b0014;
    border: 1px solid #9b0014;
}
/* Pulsanti con l'aspetto di link */
.linkbutton {
    background: none;
    border: none;
    display: inline;
    font: inherit;
    margin: 0;
    padding: 0;
    outline: none;
    outline-offset: 0;
    color: #9b0014;
    width:50px;
}
.linkbutton:hover {
    cursor: pointer;
    text-decoration: underline;
}
.linkbutton:-moz-focus-inner {
    border: none;
    padding: 0;
}
/* Portali */

.portale {
    border: 3px double #9b0014;
    width: 100%;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-collapse: collapse;
}
.portale thead,
.allineata thead{
    background-color: #d7d7d7;
    text-align: center;
    font-weight: 700;
}
.portale tbody,
.allineata tbody{
    border-collapse: collapse;
    border-bottom: 1px dotted #d7d7d7;
}
.portale tr:hover,
.allineata tr:hover {
    background-color: #efefef;
}

.allineata {
    display: inline-table;
    width: auto;
    min-width:19%;
    border: 1px solid #9b0014;
    border-collapse: collapse;
}

/* CSS per il Login */

table.griglia {
    background-color: #ffffff;
    margin: 100px auto;
    width: 80%;
    padding: 5%;
    border-spacing: 20px;
    border: 3px double #d7d7d7;
    text-align: center;
}
table.griglia td {
    height: 50px;
    width: auto;
    margin: 10px;
    border: 1px solid #d7d7d7;
}

#erroreLogin {
	color: #FF0000;
}

#tabellaLogin {
	margin-top: 140px;
    margin-bottom: 85px;
    width: 320px;
	padding-top: 20px;
}

.login_button {
	border: 1px solid #90908d;
	height: 23px;
	padding-top: 0px;
	padding-left: 12px;
	padding-right: 8px;
	text-align: center;
	color: #000000;
	margin-bottom: 40px;
}

.login_button:hover {
    background-color: #d7d7d7;
    border: 1px solid #9b0014;
}
.login_button:active {
    background-color: #9b0014;
    border: 1px solid #9b0014;
}

.campoLogin {
    text-align:left;
    vertical-align: middle;
}
.campoLogin:focus {
    background-color: #d7d7d7;
    border: 1px solid #9b0014;
}


/* Altro */

a {
    text-decoration: none;
    color: #9b0014;
}

a:hover {
    text-decoration: underline;
    color: #9b0014;
    /*font-weight: 700;*/
}

/* Linguette Ricerca */

/*.tabs input[type=radio] {*/
.tabs input[name=tabs] {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.tabs {
  width: 95%;
  float: none;
  list-style: none;
  position: relative;
  padding: 0;
  margin: 20px auto;
}
.tabs li{
  float: left;
}
.tabs label {
    display: block;
    padding: 10px 20px;
    border-radius: 2px 2px 0 0;
    color: #9b0014;
    font-size: 12px;
    font-weight: 700;
    background: rgba(215,215,215,0.5);
    cursor: pointer;
    position: relative;
    top: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.tabs label:hover {
  background: rgba(215,215,215,0.7);
  top: 0;
}

[id^=tab]:checked + label {
  background: #9b0014;
  color: white;
  top: 0;
}

[id^=tab]:checked ~ [id^=tab-content] {
    display: block;
}
.tab-content{
  z-index: 2;
  display: none;
  text-align: left;
  width: 100%;
  height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
  /*font-size: 8px;
  line-height: 100%;*/
  /*padding-top: 10px;*/
  background: #ebebeb;
  border: 5px solid #9b0014;
  padding: 10px;
  /*color: white;*/
  position: absolute;
  top: 38px;
  left: 0px;
  box-sizing: border-box;
  -webkit-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
}