@import url('//fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic&subset=latin-ext,latin');
@import url('//fonts.googleapis.com/css?family=Lato:300,400,900,700');
@import url('//iated.org/css/reset.css');

h4 {
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 20px;
}

h3.profile { font-family: lato, sans-serif;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #333}


.contenido {
    width: 980px;
    border: 1px solid #cccccc;
    padding: 20px;
    background-color: #f0f0f0;
    margin-left: auto;
    margin-right: auto;
    font-family: ubuntu, sans-serif;

}

nav {font-family: lato, sans-serif;}

.margensup {
    margin-top: 10px;
}



.contenido_abs {
    width: 758px;
    /*background-color:#ffffee;*/
    background-color: white;
    border: 1px solid #cccccc;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.contenido_abs_print {
    width: 580px;
    border: 0;
    padding: 0;
    text-align: left;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
}

.abstract_todo {
    font-family: arial, helvetica, sans-serif;
    background-color: #fcfcfc;
    border: 1px solid #cccccc;
    padding: 60px 75px 60px 75px;
}

.abstract_titulo {
    font-size: 18px;
    text-align: left;
}

.hora {
    font-weight: bold;
    font-size: 16px;
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding: 1px 0 0 0;
    margin-right: 10px;
    width: 60px
}

.author_index {
    font-style: italic;
    font-size: 16px;
    display: table-cell;
    vertical-align: top;
    text-align: left;
    padding: 2px;
    margin-right: 10px;
    margin-bottom: 20px;
    width: 150px;

}

.participant {
    font-style: italic;
    font-size: 16px;
    display: table-cell;
    vertical-align: top;
    text-align: left;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    width: 250px;
    background: #e4e4e4;
    border: 1px solid #fff;
}

.participant.currentuser {

    background: #ffffbf;
}

.abstract_datos, .session_info {
    padding: 0 0 0 20px;
    color: #222;
    display: table-cell;
    vertical-align: top;

}

.abstract_item.favourite {
background: hsla(219, 60%, 92%, 1);
}

.abstract_item {
    display: table;
    margin-bottom: 20px;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    transition: background-color 0.5s;
}

.abstract_autores {

    font-size: 14px;
    font-style: italic;

}

.abstract_options {
    margin: 5px 0 0 0;
    font-weight: bold;

}

.author_inicial {
    font-size: 80px;
    margin: 10px 0 10px 40px;

}

.silabas {
    vertical-align: bottom;
}

.indice_iniciales {
    margin: 20px -20px 60px 0;
    font-size: 22px;
}

.back_top {
    position: fixed;
    bottom: 10px;
    left: 50%;
    margin-left:500px;
    background: #f7f7f7;
    border: 1px solid #cccccc;
    padding:5px;
}


body {
    margin: 15px 0;
    line-height: normal;
    font-size: 16px;
    background: url("../images/bg.png") repeat-x scroll left top #ffffff;
}

a {
    color: #09a5dd;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
    color: #09a5dd;

}

.menu_superior {
    font-size: 15px;
    font-weight: normal;
    margin-top: 20px;

}

.menuedautores {
    float: right;

}

.listaautores {
    float: left;

}

.titulos {
    color: #666;
    font-size: 42px;
    background-color: #fff;
    padding: 40px 40px 20px 40px;
    margin: -20px -20px 20px -20px;
    font-family: lato, sans-serif;
    font-weight: 900;

}

.technical_program {

    letter-spacing: -1px;
    font-weight: 300;

}

.session_name {
    font-family: lato, sans-serif;
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: 400;
    text-transform: uppercase;

}


.ponerizq {

    margin-left:-20px;
    width:20px;


}

.session_name_normal {
    font-family: lato;
    font-size: 15px;
    letter-spacing: -1px;
    font-weight: 400;
    text-transform: uppercase;

}

.titulos-derecha {
    float: right;
    text-align: right;
    font-size: 14px;
}

.cuadro_abstract {
    background-color: #fcfcfc;
    border: 1px solid #cccccc;
    padding: 60px 75px 60px 75px;
    position: relative;
    margin: 0 0 20px;

}

.cuadro_sesion {
    /*border-top: 1px solid #ccc;*/
    padding: 60px 5px 60px 5px;


}
.modo_lista {
    padding: 20px 5px 20px 5px;

}

.modo_lista, .cuadro_sesion  {

    position: relative;
    margin: 0;
    width:100%;
    display: table;
    box-sizing: border-box;

}

.form_busqueda {
    background-color: #fff;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%); /* w3c */;
    border: 1px solid #ccc;
    padding: 60px;
    margin: 20px;

}


small {
    font-size: 75%
}

.sesion_contenido {
    padding: 0 20px;
    border: 1px solid #eee;
    margin: 15px 0 20px;
    background: #f7f7f7;
}

.generico_contenido {

    padding: 0 20px;
    margin: 15px 0 20px;


}

.room_filter {
    background: #f7f7f7;
    border: 1px solid #aaa;
    margin: 15px 0 0;
    padding: 20px 20px 40px 90px;
    font-size: 12px;
    line-height: 20px;
    }

.cuadro_bloque {
    background-color: #fff;
    border: 1px solid #aaa;
    color: #333;
    font-family: lato, sans-serif;
    font-size: 22px;
    text-align: center;
    font-variant: small-caps;
    font-weight: normal;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    padding: 15px 60px;
    margin-bottom: 25px;
    position: relative;
    z-index: 100;
    width: 530px;
}

.clear_both {
    clear: both;
}

.casilla {

    position: absolute;
    text-align: center;
    background: #fff;
    border: 1px solid #666;
    border-top-color: #999;
    border-left-color: #aaa;
    font-size: 11px;
    letter-spacing: -0.25px;
    font-weight: bold;
    color: #222;
    overflow: hidden;
    -webkit-box-sizing: border-box; /* safari/chrome, other webkit */
    -moz-box-sizing: border-box; /* firefox, other gecko */
    box-sizing: border-box; /* opera/ie 8+ */

}

a > .casilla:hover {
    background:#eee;

}

.contenedor_casilla {
    position: relative;
    width:100%;
    height: 100%;
}

.favcounter {
                 background: none repeat scroll 0 0 #0000ff;
                 color: #fff;
                 padding: 0 2px;
                 position: absolute;
                 right: 0;
                 top: 0;
                 font-weight: normal;
             }
.favcounter::before {
    content: "✓ "
}

.contenedor_table {
    width:100%;
    height: 100%;
    display: table;}

.contenedor_table_cell {
   /* hyphens: auto;*/
    display: table-cell;
    padding: 2px;
    vertical-align: middle;
    text-align: center;
}

.legend_box {
    position: absolute;
    top: 15px;
    right: 15px;
    font-weight: normal;
    z-index: 20;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #ccc;
    padding: 5px;
    width: 150px;
    font-size: 10px;

}

@media only screen and (max-width: 1024px)  {
    .legend_box {
        display: none;
        visibility: hidden;
    }
}

.legend {
    padding: 10px;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.5);
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #666;
    border-top: 1px solid #999;
    border-right: 1px solid #666;

    margin: 4px 0 4px 0;
}

.mondaymorning.favourite, .mondayafternoon.favourite, .thursdaymorning.favourite, .thursdayafternoon.favourite {

    background: hsla(196, 92%, 90%, 1.00);

}

.tuesdaymorning.favourite, .tuesdayafternoon.favourite, .fridaymorning.favourite, .fridayafternoon.favourite {

    background: hsla(321, 92%, 90%, 1.00);

}

.poster.favourite {
    background: hsla(78, 92%, 90%, 1.00) ;
}

.mondaymorning, .thursdaymorning {
    border-top: hsla(196, 92%, 55%, 1.00) 6px solid;

}

.mondayafternoon, .thursdayafternoon {
    border-top: hsla(196, 92%, 40%, 1.00) 6px solid;
}

.tuesdaymorning, .fridaymorning {
    border-top: hsla(321, 92%, 55%, 1.00) 6px solid;
}

.tuesdayafternoon, .fridayafternoon {
    border-top: hsla(321, 92%, 40%, 1.00) 6px solid;
}


.casilla_break {

    font-size: 13px;
}

.poster {
    border-top: hsla(78, 92%, 45%, 1.00) 6px solid;
}

.interactive {
    border-top: hsla(60, 100%, 45%, 1.00) 6px solid;
}

.interactive.favourite {
    background: hsl(60, 92%, 90%);
}


.plenary {
    border-top: hsla(39, 92%, 53%, 1.00) 6px solid;
}

.virtual {
    border-top: hsla(265, 91%, 59%, 1.00) 6px solid;
}

.networking {
    border-top: #fa1c40 2px solid;
}

.txtlogo {
    display: inline;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
}

.txtmenusup {
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 4px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;
}

.logoytxt {
    padding: 6px;
}


.contenedor_table_cell a {

    color: inherit;
}

.casilla_hora {
    font-size: 10px;
    color: #000;
    font-weight: normal;
}

.horario {
    font-size: 12px;
    font-weight: normal;
    background: #fff;

}

.fondo {
    position: relative;
    }

.fondo2 {
    position: absolute;
}

.separafechas {
      height: 40px;
}

.session_name_overview {
    font-family: lato;
    font-size: 25px;
    letter-spacing: -1px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin: 20px 0 30px 0;
}

img.thumbnails {

    vertical-align: top;
    float: left;
    width: 250px;
    padding: 2px;
    background-color: #fff;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #666;
    border-top: 1px solid #999;
    border-right: 1px solid #666;
    margin: 0 15px 10px 0;

}

.at {
    color: #333333;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    text-align: left;
}

.ains {
    font-size: 10px;
    padding-bottom: 10px;
}

.atext {

    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    line-height: 25px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
}

.aaut {
    padding-bottom: 10px;
    font-size: 13px;
    line-height: 150%;

}



.att_cancelled {
    color: #d10d10;
}

.att_pending {
    color: #b0b000;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 ;
}

.form-contact {

    padding: 15px;
    margin: 0 ;
}


.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.isFavourite:hover {
    background: #aaa;
    color:#fff;
}


.isFavourite {
    background: #09a5dd;
    color:#fff;

}

.isFavourite::before {

    content: "✓";
}

.isFavourite:hover::before {

    content: "-";
}



.makeFavourite {

    color: #fff;
    background: #aaa;


}

.makeFavourite::before {
    content: "+";

}

.makeFavourite, .isFavourite, .offFavourite {


    display: inline-block;
    height: 20px;
    margin: 10px auto;
    padding: 0;
    width: 20px;
    transition: background-color 0.5s;

}

.makeFavourite:hover, .isFavourite:hover {
    cursor: pointer;

}


.room_small { font-size:75%;
    background: #222;
    color:#fff;
    padding: 1px;
    font-weight: normal;
    box-sizing: border-box;
}

.room-select {

    cursor: pointer;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    box-sizing: border-box;
    background: #ffffff;
    width: 75px;
    border-color: #999 #666 #666 #bbb;
    border-style: solid;
    border-width: 1px;
    color: #222;

}

.room-select.selected {
    background: #222;
    color:#fff;
}

.contact_participant {
    margin-top:20px;
    font-weight: bold;
    font-style: normal;
}


.img_rooms {

    margin:10px 0 0 60px;



}

ul.c3nav {

    margin-bottom: 5px;

}

ul.c3nav > li  {
                 display: inline-block;
                 line-height: 18px;
                 margin-bottom: 5px;
                 float: left;
                 padding:5px;
                 margin-left:-5px;
}


ul.c3nav li.hl {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;


}

li.hl a{

    color: #fff;

}

li.addnewline  {
    clear:left;
    margin-left:-5px !important;

}


ul.c3nav > li+li {

    margin-left:5px;
    
}

.evaluation {
    margin-top:10px;
    background: #fff;
    border: 1px solid #aaa;
    padding: 5px;
    width: 100%;

}