body{
    font-family: 'trebuchet ms',verdana,'luxi sans',sans-serif;
    background: #FFFFFF;
    margin-top: 0.2cm;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}

img {
    vertical-align: middle;
}

p {
    text-align:justify;
    color:#550000;
    margin-top: 0px;
}

strong {
    color: #6c1200;
    font-weight: normal;
    font-size: 110%;
}

p.contact {
    padding-left: 30px;
}

a{
	color:#233401;
}
a:visited {
        color:#667744;
}
a:hover {
        color: #9c3200;
}

.titol{
        font-size:32pt;
        font-style:italic;
        color:#9C3200;
        text-align:center;
        font-family: serif;
        font-variant: small-caps;
}

.phone .titol {
    font-size: 25pt;
}

.phone .fixed #logo {
    display: none;
}

div#mainbody{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

div#mainbody.huge {
    max-width: 1200px;
}

div#mainbody.huge img {
    /*display: block !important;*/
    margin-left: auto !important;
    margin-right: auto !important;
    float: none;
}

div#navigation{
        border-color: #873800;
        border-top: 1px solid;
        border-bottom: 1px solid;
        padding-top: 0.2cm;
        padding-bottom: 0.2cm;
        text-align:center;
        margin-top: 0.25cm;
        margin-bottom: 1cm;

        border-left: 1px solid;
        border-right: 1px solid;
        background-color: rgba(240, 233, 230, 0.95);
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        border-radius: 20px;
        vertical-align: middle;

        box-sizing: border-box;
        transition: width 1s, border-radius 3s, margin-left 1s, margin-right 1s, left 1s;
        position: sticky;
        z-index: 100;
}

.phone div#navigation {
    width: 100%;
}

div#navigation.fixed {
    top: 5px;
    z-index: 100;
    width: 100%;
    border-left: 3px solid;
    border-right: 3px solid;
    border-radius: 0px;
    border-color: #ae5c34;
    padding-top: 0.1px;
    padding-bottom: 0.1px;
}

div#navigation img {
    width: 150px;
    height: 62px;
    margin-right: 10px;
    /* transition: width 3s, height 3s; */
}
div#navigation.fixed img {
    width: 75px;
    height: 31px;
}

div#navigation .menu_entry {
    display: inline-block;
    font-size: 120%;
}

#logo_break {
    display: none;
}

.phone #logo_break {
    display: block;
}

.phone_only {
    display: none;
}

.phone .phone_only {
    display: block;
}

.phone .nophone_only {
    display: none;
}


div#navigation div#menu {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0cm;
    display: inline-block;
    vertical-align: middle;
}
div#menu p, div#menu b {
    margin: 0px;
    padding: 0px;
    /* margin-left: 20px; */
    color:#9C3200;
}

div#menu a {
    color: #873800;
    text-decoration: none;
}
div#menu a:hover, div#menu b {
  /*    color:#9C3200; */
    color: darkgray;
}

div#navigation img {
    display: inline;
}


.navigation a {
        color:#9C3200;
/*      color:#550000; */
        text-decoration:none;
}

.navigation a:hover {
        text-decoration: underline;
}

div#logos {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin: ;argin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

div#logos img {
    margin-left: 20px;
    margin-right: 20px;
}


.sectiontitle {
        margin-bottom: 0.4cm;
        font-size: 20pt;
        font-weight: bold;
        color:#9C3200;
        font-variant: small-caps;
        clear: both;
}

.subtitle {
        text-align: left;
        margin-top: 20px;
        margin-bottom: 10px;
	    font-size:115%;
	    color:#9C3200;
	    font-weight: bold;
        border-bottom: 1px solid;
        clear: both;
}

.subsubtitle {
        margin-top: 7pt;
        margin-bottom: 2pt;
        font-weight: bold;
/*         text-decoration: underline; */ 
        color: #9C3200;
        font-size: 12pt;
        clear: both;
        letter-spacing: 0.5px;
        text-align: left;
}

img.logo {
    max-width: 300px;
    max-height: 100px;
    display: inline;
    margin-right: 10px;
    padding: 25px;
}

.phone img.logo {
    max-width: 200px;
    max-height: 100px;
}

img.intro {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 80%;
}

img.intro.right {
    display: block;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 40%;
}

img.intro.left {
    display: block;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    width: 35%;
}

img.intro.small {
    display: block;
    margin-right: auto;
    margin-bottom: auto;
    width: 40%;
    margin-top: 10px;
    margin-bottom: 10px;
}

img.intro.tiny {
    width: 25%;
}

div.third {
    width: 100%;
    text-align: center;
}
img.intro.third {
    display: inline-block;
    width: 30%;
    min-width: 200px;
    margin: 5px 5px 5px 5px;
}

table.memberstable {
    /*margin-left: 0.5cm;*/
    margin: auto;
    padding: 0px;
    border-collapse: collapse;
    
}

.phone table.memberstable {
    marin-left: 100px !important;
}

table.memberstable td {
    padding-right: 0.22cm;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

table.memberstable tr:nth-child(1) {
    border-bottom: 3px solid #ae5c34;
}

table.memberstable tr:nth-child(2n+3) {
    background-color: #f1ded5;
}

/*     border-top: 1px solid; */




table.memberstable td.firstcolumn {
    width: 225px;
}


/*table.advertisement tr:nth-child(even) {
    background-color: #F0E9E6;
}

table.advertisement td {
    vertical-align: top;
    padding: 15px;
}

table.advertisement td ul {
    margin: 0px;
    padding: 0px;
}

table.advertisement td.header {
    min-width: 175px;
    vertical-align: top;
    padding: 15px;
    text-align: right;
}*/

div.bicolumn {
    display: block;
    margin-left: 5px;
    text-align: justify;
}

div.tricolumn {
    display: block;
    margin-left: 10px;
    text-align: justify;
}

div.tricolumn p, div.bicolumn p {
    text-align: justify;
}

div.bicolumn iframe {
    border: 1px solid #9c3200;
}


div.flush {
    clear: both;
}

div.centerbox {
    width: 60%;
    min-width: 300px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #873800;
    border-radius: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: rgba(240, 233, 230, 0.95);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

div.centerbox a.full {
    display: block;
    text-decoration: none;
}

ol{
text-align:justify;
font-size:11pt;
color:#550000;
}

ul{
text-align:justify;
font-size:11pt;
color:#550000;
}

ul.compact {
    margin-top: 5px;
    margin-bottom: 5px;
}

.nowidgetItem {
	list-style-type:none; 
	padding-left:2pt;
}

.nowidgetItem li {
    text-align: left;
}

.nowidgetItem > li:first-child{
	list-style-type:none;
	color: #9C3200;
	padding-top:5pt;
	padding-bottom:2pt;
}

.apartat{
	font-size:12pt;
	font-weight:bold;
	color:#9C3200;
}
.fraseTitol{
	font-size:18pt;
	font-style:italic;
	color:#7A1000;
}
.text{
	font-size:11pt;
	color:#9C3200;
}
.textSmall{
	font-size: 85%;
	color:#550000;
}

.ctable{
    margin-top: 0.4cm;
    margin-bottom: 0px;
	padding: 10px;
	border: solid 2px #ae5c34;
	border-spacing: 4px;
	margin-left: auto;
	margin-right: auto;
    border-radius: 10px;
}

.ctable td {
	border-collapse:collapse;
	/*padding: 2px;
	border: solid 1px;
	background: #ebe6d5;*/
}

.downCol1 a {
	white-space: nowrap;
	font-size:11pt;
	color:#9C3200;
	text-decoration: none;
}

.downCol1 img {
	vertical-align: middle;
/*	padding-right: 5px;*/
	padding-bottom: 2px;
	border: 0;
}

.downCol2 {
	font-size: 95%;
	color:#550000;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.downCol3 {
	font-size:8pt;
	color:#550000;
	/*text-align: center;*/
	white-space: nowrap;
}

.downCol3 img {
 vertical-align: middle;
 border: 0;
}

.box_anchor {
    position:relative; 
    top: -2cm;
}

.downTitol {
	font-size:18pt;
	font-style:italic;
	color:#7A1000;
	padding-bottom: 14px;
}

iframe#map {
    width: 100%;
    height: 400px;
}

div.thesis {
    margin-left: 10px;
    background: linear-gradient(to right, #9c3200, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
}

/* Publications */

div#pubs_data {
    margin-top: 20px;
    padding: 0x;
}

div.entry {
    width: 100%;
}

div.entry.article {
    margin-left: 10px;
    background: linear-gradient(to right, #9c3200, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
}

div.entry.article .button.selected {
    color: #9c3200 !important;
    border-color: #9c3200 !important;
}

div.entry.conference {
    margin-left: 10px;
    background: linear-gradient(to right, #00329c, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
}

div.entry.conference .button.selected {
    color: #00329c !important;
    border-color: #00329c !important;
}

div.entry.book {
    margin-left: 10px;
    background: linear-gradient(to right, #009c32, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
}

div.entry.book .button.selected {
    color: #009c32 !important;
    border-color: #009c32 !important;
}

div.entry.book_chapter {
    margin-left: 10px;
    background: linear-gradient(to right, #bb66bb, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
}

div.entry.book_chapter .button.selected {
    color: #bb66bb !important;
    border-color: #bb66bb !important;
}

div.entry.misc {
    margin-left: 10px;
    background: linear-gradient(to right, #555555, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-bottom: 6px;
}

div.entry.misc .button.selected {
    color: #555555 !important;
    border-color: #555555 !important;
}

div.entry.demo {
    margin-top: 3px;
    margin-bottom: 3px;
}

div.entry div.buttons {
    margin-right: 10px;
}

div.entry div.supplementary {
    margin-left: 15px;
    margin-top: 3px;
    border-radius: 10px;
    display: inline-block;
    padding: 3px;
    border: 1px solid #ae5c34;
    min-width: 0px;
    width: auto;
}

div.entry div.supplementary a {
    text-decoration: none;
    display: block;
}

div.entry div.supplementary img {
    width: 18px;
    height: 18px;
}

div.entry .button {
    outline: none !important;
    display: inline-block;
    text-decoration: none;
    background: none;
    border: 1px solid darkgray;
    padding-left: 5px;
    padding-right: 5px;
    color: darkgray;
    cursor: pointer;
}

div.entry .button:active {
    color: #6c1200;
    background: #f0eae7;
}

div.entry .button.selected {
    /*color: #6c1200;*/
    border: 2px solid;
    font-weight: bolder;
}

div.entry .button:focus {
}


.stats {
    background: linear-gradient(to right, #cccccc, #ffffff) no-repeat;
    background-size: 10px 100%;
    padding-left: 15px;
    margin-top: 10px;
    margin-bottom: 6px;
}

#global_stats div.stats {
    background: none;
    margin: 0px;
    padding: 0px;
}

div.thesis .thesis_name {
    font-weight: bold;
    color: #7A1000;
    font-size: 95%;
}

div.thesis .thesis_title {
    font-style: italic;
    font-size: 110%;
}


.yes_results, .no_results {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    margin-left: 15px;
}

.no_results {
    font-style: italic;
}

.entry {

}

.entry div {
    display: inline;
}

.entry .authors, .entry .editors, .entry a {
    color: #111111;
}

.entry .title {
    color: #550000;
    font-size: 115%;
}

.entry .venue, .entry .booktitle {
    font-style: italic;
}

.entry .volume {
}

.entry .number {
}

.entry .date {
}

.entry .doi {
    margin-left: 10px;
}

.entry a.entry_link {
    text-decoration: none;
}

.entry a.entry_link:hover {
    text-decoration: none;
}

div.stats {
    display: inline;
}

#footer_space {
    margin-top: 50px;
    margin-bottom: 0px;
}
#footer {
    margin-top: 0px;
    margin-bottom: 0px;
    width:100%;
    height: 2vh;
    border-top: 2px solid #9c3200;
    background: #f0eae7;

    /*!*margin-top: 10px;*!*/
    /*!*margin-bottom:  0px;*!*/
    /*!*position: absolute;*!*/
    /*!*top: 0px;*!*/
    /*!*position: fixed;*!*/
    /*!*bottom: 50vh;*!*/

    /*clear: both;*/
    /*!*position: absolute;*!*/
    /*top: 0px;*/
    /*left: 0px;*/
    /*z-index: -10;*/
    /*height: 20px;*/
    /*margin-top: 20px;*/
}


/* Filter box */

div#filter_div {
    width: 100%;
    max-width: 500px;
}

div#filter_div label {
    width: 10%;
}

div#filter_div input#filter_box {
    width: 90%;
}

div#filter_div label.text_icon {
    font-size: 2em;
}