/* Fonts */

@font-face { 
    font-family: "pillgothic300mg-bold";
    src: url(pillgothic300mg-bold.eot);
}
@font-face { 
    font-family: "pillgothic300mg-bold";    
    src: url(pillgothic300mg-bold.ttf) format("truetype");
}

body {
    font: 15px/150% Arial, Helvetica, sans-serif;
    background: #faf8f4;
}
a {
    color: #2A5DB0;
    text-decoration: none;
}
a:hover {
    color: #005d99;
    text-decoration: underline;
}
h1 {
    font: bold 36px/100% Arial, Helvetica, sans-serif;
}


.ext {
    color: red    
}

strong { 
    color: #333333;
}

    
/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
    padding: 5px;
    width: 960px;
    margin: 20px auto;
    position:relative;
}
#header {
    height: auto;
    position: relative;
    margin:0;
    padding:0;
}

#content {
    width: 73%;
    float: right;
    margin-top: -5%;
    margin-right:10px;
    background: #faf8f4;
    border: 0px solid;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0px -10px 25px rgba(0,0,0,0.1);
    padding: 0px 0px 30px 0px;
    position: relative;
    z-index: 90;
    margin-bottom: 5px;
    height: auto;
}


#content_text{
    margin: 30px 30px 0 30px;
}

#sidebar {
    width: 22%;
    float: left;
    margin-top: -5%;
    position: relative;
    margin-left:10px;
    background: #faf8f4;
    border: 0px solid;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0px -10px 25px rgba(0,0,0,0.1);
    z-index: 90;
}

#footer {
    clear: both;
}

.header_text{
    margin-right:auto; 
    width: auto;
    height: auto;    
    position: absolute;
    top: 30px;
    padding-left: 30px;
    left: 23%;
}

.header_text h1,h2{
    margin:0;
    font-family: "pillgothic300mg-bold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #ffffff; 
}


.header_text h3{
    margin:0;
    font-family: "pillgothic300mg-bold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #ffffff;
}

.header_text a{
    color: #ffffff; 
    text-shadow: black 0.1em 0.1em 0.2em
}

.header_text a:hover{
    text-decoration: none;
}

.langwrap h4{
    margin: 0px;
    font-size: 12px;
    line-height: 0em;
}

.header_logos ul{
    padding-top: 2px;
    padding-left: 15px;
    padding-right: 15px;
    margin:0;
    margin-left:auto;
    margin-right:auto;
    list-style-type: none;
    opacity: 1;
    display: table;
}

.sidebar_list h4{
    font-size: 14px;
}

.old_crc{
    display: block;
    font-family: "pillgothic300mg-bold", Helvetica, Arial, sans-serif;
}
.old_crc_inst{
    font-size: 13px;
    color: #222222;
}   
.old_crc_location{
    font-size: 13px;
    color: #222222;
}

.committee h4{
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 0px;
    border-bottom: 1px dotted #999999;
    display: block;
    font-size: 20px;
}

.committee span.inst{
    font-size: 13px;
    color: #777777;
    display: block;
    font-style: italic;
}

.committee li{
    width: 50%;
    display: block;
    float: left;
}

.committee .clear{
    clear: both;
    display: block;
}

.accepted_papers h4{
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 0px;
    border-bottom: 1px dotted #999999;
    display: block;
    font-size: 20px;
}

.accepted_papers span.inst{
    font-size: 13px;
    color: #777777;
    display: block;
    font-style: italic;
}


.accepted_papers .clear{
    clear: both;
    display: block;
}


.image_container {
    text-align:justify;
    display: inline-block;
}




.image {
    width:33%;
    float:left;
    text-align: center;
}

.image img {
    width: 95%;
}

.image_container .image:first-child{text-align:left;}
.image_container .image:last-child{text-align:right;}

#fonte {
    font-size: 10px;
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {

    #pagewrap {
        width: 94%;
    }
    #header {
	height: auto;
    }
    #content {
        width: 73%;
	margin-top: -5%;
    }
    #sidebar {
        width: 22%;
	margin-top: -5%;
    }
    .header_text{
	top: 20px;
	padding-left: 20px;
    }

    .header_text h1{
	margin:0;
	font-size: 20px;
    }

    .header_text h2{
	margin:0;
	font-size: 18px;
    }

}

/* for 700px or less */
@media screen and (max-width: 700px) {

    .header_text{
	width: auto;
	top: 10px;
    }

    #header {
    	height: auto;
    }

    #content {
        width: auto;
        float: none;
	margin-top:-5%;
	margin-right:auto;
	margin-left:auto;
    }

    #content_text{
	padding-top: 30px;
	margin: 30px 30px 0 30px;
    }

    #sidebar {
        width: auto;
        float: none;
	margin-right:auto;
	margin-left:auto;
    }

    .header_text h1{
	font-size: 16px;
    }

    .header_text h2{
	font-size: 14px;
    }
    
    .header_text h3{
	font-size: 12px;
    }

    .langwrap h4{
	font-size: 8px;
    }

    .header_text{
	line-height: 100%;
    }


}

/* for 480px or less */
@media screen and (max-width: 480px) {

    .header_text{	
	width: auto;
    }

    #header {
        height: auto;
    }
    h1 {
        font-size: 24px;
    }
    #sidebar {
	width: auto;
        float: none;
	margin-right:auto;
	margin-left:auto;
	margin-top:-5%;
    }

    .header_text h1{
	font-size: 14px;
    }

    .header_text h2{
	font-size: 12px;
    }

    .header_text h3{
	font-size: 10px;
    }

    .header_text{
	line-height: 80%;
    }

    .header_logos ul{
	padding-left: 5px;
	padding-right: 5px;
    }

    .dates strong {
	display: block;
	color: #333333;
    }

    
    .committee h4{
	margin-top: 40px;
	margin-bottom: 10px;
	padding: 0px;
	border-bottom: 1px dotted #999999;
	display: block;
	font-size: 20px;
    }

    .committee span.inst{
	color: #777777;
	display: block;
	font-style: italic;
    }
    
    .committee li{
	width: 100%;
	display: block;
	float: left;
    }
    
    .committee .clear{
	clear: both;
	display: block;
    }
}

#footer{
    padding: 30px 0px 0px 0px;
}

@media screen and (max-width: 420px) {
    .header_text h1{
	font-size: 11px;
    }

    .header_text h2{
	font-size: 9px;
    }

    .header_text h3{
	font-size: 8px;
    }

    .header_text{
	line-height: 60%;
    }

}
#pagewrap {
    border: solid 1px #ccc;
    background: #faf8f4;
}


.content p{
    font-size: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.content li,ul {
    text-align: justify;
}

.content h2,h3,h4{
    font-family: "pillgothic300mg-bold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    display: inline;
    color: #222222;
}

.pdf {
    color: #222222;
    text-decoration: none;
    font-size: 12px;
}

.pdf a{
    color: #2A5DB0;
    text-decoration: none;
}

.pdf a:hover{
    color: #005d99;
    text-decoration: underline;
}

.date h4{
    font-family: "pillgothic300mg-bold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    display: inline;
    line-height: 0em;
    color: #222222;
}

#sidebar_content{
    margin: 10px 10px 0 10px;
}

.sidebar_content a {
    text-decoration: none;
}

.links h3{
    color: #808080;
}

.links h3:hover{
    color: #222222;
}

.sidebar_content a:hover{
    color: black;
}

.header_image, img.header_image{
    max-width: 100%; 
    max-height: 100%;
    width: 100%;
    display: block;
}

/* .header_alpha_layer{ */
/*     padding:0; */
/*     top:0; */
/*     background-color: #faf8f4; */
/*     z-index: 90; */
/*     opacity: 0.6; */
/* } */

.header_text{
    font-family: "pillgothic300mg-bold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    z-index: 99;
    color:#F5F5F5;
    text-align:left;
}

.header_logos_alpha_layer{
    padding:0;
    top:0;
    margin-bottom:auto;
    margin-right:auto;
    margin-left:10px;
    background-color: #faf8f4;
    z-index: 40;
    width:22%;
    height:100%;
    position:absolute;
    opacity: 0.9;
}


.header_logos{
    padding:0;
    top:0;
    margin-right:auto;
    margin-bottom:auto;
    z-index: 41;
    width: 100%;
    height:100%;
    position:absolute;
    text-align: center;
}

.header_logos img{
    max-width: 100%;
    width:100%;
    border: 0px;
}

.header_text sup{
    font-size: 0.5em;
}

.footer img{
    max-height: 40px;
    border: 0px;
    opacity: 0.38;
}

.footer a:hover img {
    opacity: 1;
    border: 0px;
}

.footer ul{
    margin: 0; 
    padding: 0; 
    list-style-type: none;
    display: table;
    height: 87px;
    width: 100%;
}

.footer li{
    display: inline;
    width: 33%;                     /* 100% / nº of list items */
    display: table-cell;
    text-align: center;
}


#sidebar ul{
    margin: 0;
    padding-bottom:10px;
    padding-left: 0px; 
    list-style-type: none;
    display: table;
    width: 100%;
}

.sidebar_list li{
    margin-top:8px;
    text-align: left;
}

.date_list li{
    margin-top:0px;
}

.date li{
    margin-top:-5px;
    list-style-type: disc;
    margin-left:20px;
}

.line-separator{
    height:1px;
    border-bottom:1px solid #ccc;
}


.tex sub, .latex sub, .latex sup {
  text-transform: uppercase;
}

.tex sub, .latex sub {
  vertical-align: -0.5ex;
  margin-left: -0.1667em;
  margin-right: -0.125em;
}

.tex, .latex, .tex sub, .latex sub {
  font-size: 1em;
}

.latex sup {
  font-size: 0.85em;
  vertical-align: 0.15em;
  margin-left: -0.36em;
  margin-right: -0.15em;
}

.langwrap{
    z-index: 100;
    width: 100%;
    position: absolute;
    top: 0px;
    padding: 0px;
    margin: 0;
    height: 0;
}

.langwrap ul{
    margin: 0;  
    padding: 0;
    height: auto; 
}

.langwrap li{
    list-style-type: none;
    float: right;
    width: auto;
    height: auto;
    padding: 0px 5px 0px 5px;
    opacity: 0.9;
}

.lang-en:lang(en){
    background-color: #faf8f4;
}

.lang-en:lang(pt){
    background-color: #383838;
}

.lang-en:lang(en) h4{
    color: #383838;
}

.lang-en:lang(pt) h4{
    color: #faf8f4;
}

.lang-pt:lang(en){
    background-color: #383838;
}

.lang-pt:lang(pt){
    background-color: #faf8f4;
}

.lang-pt:lang(en) h4{
    color: #faf8f4;
}

.lang-pt:lang(pt) h4{
    color: #383838;
}


.sponsors img{
    max-height: 80px;
    border: 0px;
}

.sponsors ul{
    padding: 0; 
    list-style-type: none;
    display: table;
    height: 60px;
    width: 100%;
}

.sponsors li{
    display: inline;
    width: 100%;                     /* 100% / nº of list items */
    display: table-cell;
    text-align: left;
}


table.program{
    background-color:transparent;
    border-collapse:collapse;width:100%;
    margin-top:25px;
    margin-bottom:55px;
}

table.program th, table.program td {
    text-align:left;
    padding:5px; 
    vertical-align:top
}

table.program tr { 
    border-bottom: 2px solid gray;
}

p.session{font-weight: bold; margin: 0;}
span.author{font-weight: bold; margin: 0;}
td.time{font-style: italic;}

.authors h3{
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 0px;
    border-bottom: 1px dotted #999999;
    display: block;
    font-size: 20px;
}

.accomodations h3{
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 0px;
    border-bottom: 1px dotted #999999;
    display: block;
    font-size: 20px;
}

.venue h3{
    margin-top: 40px;
    margin-bottom: 10px;
    padding: 0px;
    border-bottom: 1px dotted #999999;
    display: block;
    font-size: 20px;
}

.news h3 {
    color: red;
    border-bottom: 1px dotted #999999;
    display: block;
}

.intro h2 {
    margin-top: 40px;
    border-bottom: 1px dotted #999999;
    display: block;
}

/* table.listing, .stx table { */
/*     border-collapse: collapse; */
/*     border-spacing: 0; */
/*     border-left: 1px solid #91a5a3; */
/*     border-bottom: 1px solid #91a5a3; */
/*     font-size: 85%; */
/*     margin: 1em 0em 1em 0em; */
/* } */


table.registration {
    display: table;
    border-collapse: collapse;
}

table.registration td{
    border: 1px solid #91a5a3;

}

td {
    padding: 5px;
}