html{font: 90%/1.3em  'Montserrat', sans-serif;background-color:#dddddd; }
@media all and (max-width: 568px)  {
  body {
   width:95% }
  
  header {background-image:url("/img/Lisboa_-_Panorama_-_03_590.jpg");height:182px;} 
  #maintitle{font-size:100%;width:60%;}
  p.conference_location{font-size:80%;line-height:110%}
}

@media all and (min-width:568px) {
  body {
    width:558px;}
  header {background-image:url("/img/Lisboa_-_Panorama_-_03_590.jpg");height:182px;} 
 #maintitle{font-size:130%;width:52%;}
  p.conference_location{font-size:140%;line-height:120%}
}

@media all and (min-width:600px) {
  body {
    width:590px;}
  header {background-image:url("/img/Lisboa_-_Panorama_-_03_590.jpg");height:200px;}  
  #maintitle{font-size:150%;width:45%;}
  p.conference_location{font-size:150%;line-height:130%}
}

body  {   background-color:#eee; margin: 0 auto 0 auto;padding:0}

#page {   border-right:1px solid #ffffff; border-left:1px solid #ffffff; 
 min-height:919px; background-color: #fcfcfc;margin: 0 auto 0 auto;padding:0; }

header 
{
color:#222;padding:0 5px 0 5px; border-bottom:thick solid #cccccc ; 
position: relative; margin:0
}

#logo
{
  padding: 0;background-repeat:no-repeat;width:140px; height:100px;  position: relative;
}

#title
{
    font-weight:bold; margin:0 auto 0 auto; 
}

#maintitle
{
  position: absolute;  top: 0; right:0; line-height: 105%;text-align:center;
}

#maintitle {margin-top:0;opacity:0.5;background-color:#fff;margin:10px;font-weight:bold;border-radius: 5px; color:#7080a7;font-style: italic}

#header_links {position:absolute;top:0;left:0;z-index:100;background-color:#eee;opacity:0.8;padding:0.2em}

p.conference_name{margin-top:0;position:absolute;top:10px;left:10px;text-align:left}

p.conference_location{position:absolute;bottom:0;left:10px; text-align:left;}

nav#menu {width:100%;font-size: 90%; padding:0; margin: 0;background-color: #7d98ab;}

#menu ul{
    margin:0; padding-left:5px;text-align:center;padding-right:5px;line-height:150%
}

#menu li {display:inline;padding:0 2px 0 0; margin:0}
/* #menu ul {display:inline;margin:0; padding:0; font-size:150%;} */

a.hidden {display:none}
a:link, a:visited{text-decoration:none; color:#225599;}

#menu a:link, #menu a:visited{ color:#ffffff;  white-space:normal; }
#menu a.selmenu:link, #menu a.selmenu:visited{ color:#ddd; white-space:normal; }

#menu a{text-decoration:none;padding:0 3px;}

#texto
{
min-height:705px;  padding:15px;
background-repeat: repeat-y; background-image: url("/img/950px-Rosa-dos-ventos_light.JPG");
}

textarea.codigo {
	color: #555;
	width: 50em; height:13em; margin:5px 0 5px 0; font-size:12px}

h1{color:#607097;margin-top:2em}

h2{color:#7090b7;margin-top:2.5em}

h3{color:#90a0d7;margin-top:2.5em}

dt{font-weight:bold; margin-bottom:0.5em; color:#80a0c7;}

#my_abstracts dl dt{font-style: normal;font-size:120%;margin-top:2em;color:#225599}

#my_abstracts dl dd{margin-left:1em}

#my_abstracts dl dd h2{font-style: normal; margin-top:0.5em; margin-bottom:0.5em;
         font-size: 100%; font-weight:bold}


footer{
    clear:both;border-top:thick solid #7d98ab ;background-color: white;text-align:center; padding-top:5px
}

footer img{margin:0.5em}

.btt {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

button.btt, button.btt:visited {
    background: #bf5700 url('/img/buttons/alert-overlay.png') repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    margin: 0 0 1em 0;
}

button.btt:hover, button.btt:focus {
    background-color: #0047af; color: #fff;
}

fieldset{margin-top:1.0em;background-color:#fceeba}

fieldset label{margin-top:1.0em;display:block}

#map, #map_canvas{width:100%}

button.deletefile{
    float:right; color:#ffffff;background-color: #ff7777;
}

#filelist{
    width:50%
}

.abstract{margin-top:0}

.hyphenate {hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
textarea, .donthyphenate{hyphens: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;}

#schedules{overflow:auto;}
table.schedule td{padding:5px;position:relative}
a.file{float:right}


.newschedule{background:rgb(245,245,220);background:rgba(245,245,220,.4);position:relative;min-width:600px;width: 96%;margin:2em auto 2em auto;font-size:70%;border: thin solid #777;}
.days{position:absolute;top:0;left:0;border-bottom:thin solid #999; width:100%; height:20px}
.hours{position:absolute;top:0;left:0;border-right:thin solid #999; width:5%; height:100%}
.content{position:absolute;top:20px;left:5%;border:thin solid #f99; width:95%;}
.columns{text-align:center; font-weight:bold;position:absolute;border-right:thin solid #999}
.item{position:absolute;background:rgb(220,220,200);background:rgba(220,220,200,1.0);border-left:thin solid #999;border-top:thin solid #999;padding-left:3px;padding-right:3px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;z-index:10;line-height:1.15em;overflow:hidden}
.document_link {float:right;font-size:75%;max-width:30%;width:130px;padding:0.5em;border:thin solid #995;background-color:#30a4d5;opacity: 0.6;margin:0 0 2em 2em}
.nottalk{z-index:15}
.group1{background:rgb(220,200,220)}
.group2{background:rgb(200,220,220)}

.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky;
  top:0;
  z-index:150
}

.hyphenate {hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
textarea, .donthyphenate{hyphens: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;}

#myform {
    display:none;}

#altuserform {display:inline}

.gm-style-iw {
    height: 85px;
    width: 300px;
}