/*==========  Mobile First Method  ==========*/
@import "Hover-master/css/hover-min.css";
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    body {
        background: rgba(64, 64, 64, 1);
        height: 100%;
        overflow-x: hidden !important;
    }
    .sm-menu, .lg-menu {
        display: none;
    }

    .noMobile {
        display: none !important;
    }
    .modal {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 20050 !important;
        display: block !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        outline: 0 !important;
        opacity: 1 !important;
        background-color: rgba(0,0,0,.8);

    }
    .modal p {
        text-align: center !important;
    }
    .modal-dialog {
        position: relative !important;
        width: 300px !important;
        margin: 150px auto !important;
    }

    .canvas{
        float: right;
        width: 100%;
        position: fixed;
        z-index: -2000;
        right: -100%;
        padding-bottom: 70px;
        background: rgba(64, 64, 64, 1);
        overflow-x: hidden;
    }
    .canvas ul {
        text-align: right !important;
        color: #eeeeee;
        list-style: none;
        height: 100%;
        margin: -60px -15px 0 0;
        right: 10px;
        display: inline;
    }
    
    .ui-loader {
        display: none;
    }

    .canvas .col-xs-12 {

    }

    .canvas ul li {
        text-align: right !important;
        padding: 8px 15px 8px;
        border-top: 3px solid #393939;
    }

    .canvas ul li:nth-of-type(8) {
             border-bottom: 3px solid #393939;
     }

    .canvas ul li a{
        color: #eeeeee !important;
        font-size: 17px;
    }

    .canvas-active {
        background: rgb(32, 32, 32); /* For browsers that do not support gradients */
    }

    .mobile-navbar-canvas-top {
        /*position: fixed;*/
        background-color: rgba(73, 73, 73, 0.74) !important;
    }

    .mobile-navbar-canvas-top button {
        margin: 12.5px !important;
        background-color: rgba(35, 35, 35, 0.74);
        padding: 0;
    }

    .mobile-navbar-canvas-top p {
        color: #eeeeee;
        margin: 0;
        font-size: 20px;
        font-weight: bolder;
        padding: 2.5px 14px 2.5px 14px;
    }
    .mobile-navbar-canvas-list {
        position: relative;
        top: 60px;
        right: 0;
        padding-right: 0 !important;
    }
    .mobile-navbar {
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 10000;
        background-color: rgba(0, 46, 254, 1);
        color: #eeeeee;
        -webkit-box-shadow: 0px 7px 2px rgba(25, 30, 114, 0.55);
        -moz-box-shadow: 0px 7px 2px rgba(25, 30, 114, 0.55);
        box-shadow: 0px 7px 2px rgba(25, 30, 114, 0.55);
        margin-top: 0px !important;
    }

    .mobile-navbar div{
        background-color: rgba(25, 30, 114, 0.25);
    }

    .mobile-navbar h4 {
        margin:15px 0px;
        font-weight: bold;
        text-shadow:#2e2e2e 0 4px 5px;
    }

    .mobile-navbar .navbar-button {
        z-index: 10001;
        margin: 12.5px !important;
        background-color: rgba(25, 30, 114, 0.74) !important;
    }

    .mobile-navbar span {
        background-color: #eeeeee;
    }

    .mobile-navbar img {
        width: 15.5px;
    }
    
    .bodyDiv{
        background-color: #e8e8e8;
        padding-bottom: 00px;
        position: absolute;
        width: 100%;
        height: auto;
        box-shadow: 0px 0px 10px #262626;
    }

    .first-fluid {
        margin-top: 60px;
    }

    a {
        color: rgb(55, 55, 55) !important;
        text-decoration: none !important;
        /*color: rgba(0,46,254,1) !important;*/
    }
    a:hover {
        text-decoration: none !important;
    }
    h2 {
        display: none;
    }


    .caption {
        width: 100%;
        margin: 0 auto;
        padding: 1%;
        position: absolute;
        bottom: 0%;
        left: 0;
        background: rgba(0, 0, 0, .5);
        color: #dfdfdf;
        text-align: left;
        font-weight: bold;
        background: -webkit-linear-gradient(left,rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05)) !important;
        /* For Opera 11.1 to 12.0 */
        background: -o-linear-gradient(left, rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05))!important;;
        /* For Fx 3.6 to 15 */
        background: -moz-linear-gradient(left, rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05))!important;;
        /* Standard syntax */
        background: linear-gradient(to right, rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05))!important;;

    }
    .caption p {
        width: 80%;
        font-size: 15px;
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }

    .caption p b {
        color: #eeeeee;
    }

    .glyphicon-chevron-left {
        left: 20% !important;
    }
    .glyphicon-chevron-right {
        right: 20% !important;

    }

    .carousel-indicators {
        bottom: 0px !important;
    }
    .jumbo{
        color: #eeeeee;
        display: block;
        margin: 0 !important;
        padding: 20px 0px;
        background: rgba(0, 81, 131, 0.8);
        text-shadow:#fff 0 0 10px;
       /* background: -webkit-linear-gradient(#c8c8c8, rgb(219, 219, 219), #c8c8c8);
        background: -o-linear-gradient(#c8c8c8, rgb(219, 219, 219), #c8c8c8);
        background: -moz-linear-gradient(#c8c8c8, rgb(219, 219, 219), #c8c8c8);
        background: linear-gradient(#c8c8c8, rgb(219, 219, 219), #c8c8c8); */
        text-align: center;
    }

    .programa table {
        text-align: center;
        height: 100%;
        padding: 5px 0px;
        border: 1px solid #adadad;
        border-radius: 5px;
        border-collapse:separate;
        background-color: white;
        margin: 0 auto;
    }

    .programa h3 {
        text-align: center;
    }

    .programa h5 {
        text-align: center;
    }
    .programa h5 img {
        width: 2.5%;
    }

    .programa .programaTable h4 {
        text-align: center;
        margin: 20px 0 10px 0;
    }

    .programa .programaTable table img {
        width: 6%;
        vertical-align: middle;
    }

    .programa .programaTableDomingo {
        margin-bottom: 25px;
    }

    .programa .localizacion p, li {
        text-align: justify;
    }

    .programa .localizacion {
        padding-top: 25px;
    }

    .programa #mapForm {
        padding: 0 10px 20px 10px;
    }

    .programa .programaTable tr:nth-child(even){background-color: #f2f2f2}


    .programa .programaTable td {
        padding: 5px;
    }

    .programa .localizacion p, ul {
        width: 90%;
    }

    .programa .localizacion h4, p {
        text-align: center;
    }

    .programa .localizacion a {
        color:rgba(0, 81, 131, 0.8) !important;
        text-decoration: underline !important;
    }

    .programa .localizacion #mapForm a{
        margin: 5px auto;
        color: #eeeeee !important;
        text-decoration: none !important;
    }
    
    .programa #map {
        height: 300px;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .programa .localizacion h4 {
        text-align: center;
        margin: 20px 0 10px 0;
    }

    .programa .localizacion span img {
        width: 10%;
        vertical-align: bottom;
    }

    .programa .localizacion table {
        margin-bottom: 20px;
    }

    .programa .localizacion table .pin {
        width: 20%;
        vertical-align: middle;
    }

    .programa .localizacion tr:nth-child(even){background-color: #f2f2f2}


    .programa .localizacion td {
        padding: 5px;
    }

    .inscripcion .title{
        margin-top: 15px;
        font-size: 20px;
        text-align: center;
        font-weight: bold;
    }

    .inscripcion .link a{
        color: #0000b2 !important;
    }

    .inscripcion ol li {
        margin-bottom: 10px;
        text-align: justify;
    }

    .inscripcion form {
        margin-bottom: 10px;
    }

    .inscripcion p {
        text-align: justify;
    }

    .inscripcion .jumbo {
        text-align: center;
    }

    .inscripcion .contacto p{
        text-align: center;
    }

    .inscripcion .contacto {
        padding-bottom: 15px;
    }

    .inscripcion .success{
        color: #337ab7;
    }

    .inscripcion .warning {
        color: #5cb85c;
    }

    .inscripcion .danger {
        color: #d9534f;
    }

    .inscripcion .indicacion {
        font-size: 20px;
    }

    .inscripcion table {
        text-align: center;
        height: 100%;
        padding: 5px 0px;
        border: 1px solid #adadad;
        border-radius: 5px;
        border-collapse:separate;
        background-color: white;
        margin: 10px auto;
    }

    .inscripcion .table td {
        padding: 0 15px ;
        vertical-align: middle;
    }

    .inscripcion .table th {
        vertical-align: middle;
    }

    .inscripcion #PicExtPrice {
        margin-top: 5px;
        width: 60px;
        color: black;
        text-align: center;
    }

    .inscripcion th {
        text-align: center;
        padding: 0 5px;
    }
    .inscripcion .table-form {
        margin: 20px 0;
    }

    .inscripcion td {
        padding: 5px 10px;
    }

    .inscripcion .strong {
        color:rgba(0, 81, 131, 0.8) !important;
        text-decoration: underline !important;
    }

    .inscripcion tr td:first-child {
        text-align: left;
    }

    .inscripcion  .grey {
        background-color: #f2f2f2
    }

    .ponencias .hora {
        margin-top: 20px;
        font-weight: 300;
    }
    .ponencias .ponenciaTitle{
        font-weight: 700;
        height: 72.85px;
    }

    .ponencias .ponenciaTitle2{
        font-weight: 700;
        height: 60px;
    }

    .ponencias .contenedor {
        border: 1px solid transparent;
        border-radius: 200%;
        overflow: hidden;
        position: relative;
        color: #eeeeee;
        /*-webkit-box-shadow: 0px 1px 9px 11px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 1px 9px 11px rgba(0,0,0,0.2);
        box-shadow: 0px 1px 9px 11px rgba(0,0,0,0.2);*/
    }

    .ponencias .contenedor .principal {
        text-align: center;
    }

    .ponencias .contenedor  img {
        width: 100% !important;
    }

    .ponencias .ponente{
        padding: 0 8%;
        display:block;
    }

    .ponencias .ponente-cell{

    }

    .ponencias .contenedor .plantilla{
        width:100%;
        position: absolute;
        padding: 5px 0;
        top: 70%;
        height: 100%;
        background-color: rgba(0,0,0,0.8);
        -webkit-transition: all 0.9s ease-in-out;
        -moz-transition: all 0.9s ease-in-out;
        -ms-transition: all 0.9s ease-in-out;
        -o-transition: all 0.9s ease-in-out;
        transition: all 0.9s ease;

    }

    .ponencias .contenedor .cabecera{
        font-weight: 700;
        margin-bottom: 0px !important;
    }
    
    .plantillaHover {
        position: absolute;
        top: 0;
        width: 100%;
        border-radius: 200%;
        opacity: 0;
        transition: opacity 0.9s ease-in-out;
        background-color: rgba(0,0,0,0.8);
    }

    .ponencias .plantillaHover img {
        border-radius: 200%;
        width: 25% !important;
        vertical-align: middle !important;
        padding-right: 15px;
        float: left;
    }

    .ponencia .colaboradores {
        display: table;
        margin: 0 auto;
    }

    .ponencia .colaboradores div {
        display: inline-block;
    }
     
     .ponencia .colaboradores  img {
         width: 70px;
         height: 70px;
         border-radius: 200%;
     }

    #full{position:absolute;display:none;}

    .ponencia .colaboradores .nombreColaborador {

    }

    .ponencia .colaboradores .nombreColaborador table {
        height: 70px;
        border-collapse: separate;
    }

    .ponencia .colaboradores .nombreColaborador table td {
        padding: 5px;
    }

    .ponencia .contenidoComunciacion {
        padding: 5px 50px;
    }

    .ponencia .contenidoComunciacion p{
        text-align: justify;
    }

    .ponencias .outer-ring {
        position: absolute;
        top: -10px;
        left: -10px;
        border-radius: 50%;
        border: 2px solid #fff;
        width: 382px;
        height: 382px;
        background-color: rgba(255,255,255,0);
        box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
    }

    .ponencia .fixed .col-lg-12, .ponencia .fixed .col-md-12, .ponencia .fixed .col-xs-12{
        padding-right: 5px;
    }

    /*.ponencias .col-lg-4:hover, .col-md-4:hover, .col-sm-4:hover{
        background-color: #888888;
    }*/

    .ponencias .contenedor .plantillaHover .grande {
        width: 90%;
        margin: 0 auto;
    }

    .ponencia .comunicacion {
        border-top: 1px solid rgba(128, 128, 128, 0.8);
        /* border-bottom: 1px solid gray;*/
        padding: 10px;
        width: 87%;
        margin: 0 0 20px 20px;
    }

    .ponencia .comunicacion table:first-child {
        margin-bottom: 15px;
    }

    .ponencia .comunicacion table {
        width: 100%;
    }

    .ponencia .comunicacion .seguir {
        display: inline-block;
        transition: font-weight .5s ease, color 2s ease;
    }

    .ponencia .comunicacion .seguir:hover {
        color: rgba(0, 81, 131, 0.8);

    }

    .ponencia .comunicacion time {
        position: relative;
        right: 0;
    }

    .ponencias .preJumbo{
        margin-bottom: 30px;
    }

    .ponencias h3 {
        text-align: center;
    }

    .ponencias .grid_caption {
        background: -webkit-linear-gradient(left,rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05)) !important;
        /* For Opera 11.1 to 12.0 */
        background: -o-linear-gradient(left, rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05))!important;;
        /* For Fx 3.6 to 15 */
        background: -moz-linear-gradient(left, rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05))!important;;
        /* Standard syntax */
        background: linear-gradient(to right, rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05))!important;;
    }

    .grid_caption p{
        font-size: 22px;
        background: -webkit-linear-gradient(left,rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05)) !important;
        /* For Opera 11.1 to 12.0 */
        background: -o-linear-gradient(left, rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05))!important;;
        /* For Fx 3.6 to 15 */
        background: -moz-linear-gradient(left, rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05))!important;;
        /* Standard syntax */
        background: linear-gradient(to right, rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05))!important;;
    }

    .grid_caption p a{
        color: #eeeeee !important;
    }

    .comunicaciones .intro p {
        padding: 38px 25px 25px 25px;
        text-align: justify;
    }

    .comunicaciones h4, h5 {
        text-align: center;
    }
    .ponencia .coordinador {
        padding-bottom: 15px;
    }
    
    .ponencia .coordinador img{
        width: 15%;
        border-radius: 200%;
        float: left;
        vertical-align: middle;
    }

    .ponencia .coordinador p {
        text-align: justify;
        margin-left: 55px !important;
    }
    .ponencia .colaborador {
        padding-bottom: 15px;
    }

    .ponencia .colaborador img{
        width: 50px !important;
        height: 50px !important;
        border-radius: 200%;
        float: left;
        vertical-align: middle;
    }

    .ponencia .colaborador p {
        text-align: justify;
        margin-left: 55px !important;
    }

    .ponencia .fixed h5 {
        font-weight: 700;
        padding-top: 10px;
    }

    .ponencia .fixed h5:nth-child(5) {
        padding-top: 0px;
    }

    .ponencia .fixed ul {
        margin: 20px 0;
    }

    .ponencia .fixed ol {
        margin: 20px 0;
    }

    .ponencia .fixed li {
        margin: 10px 0 0 0;
    }

    .ponencia .more a {
        color:rgba(0, 81, 131, 0.8) !important;
        text-decoration: underline !important;
    }

    .ponencia .jumboDesktop {
        display: none;
    }

    .ponencia .contenido {
        padding: 0 10px;
    }

    .ponencia .contenido p {
        text-align: justify;
    }

    .ponencia .contenido blockquote{
        font-size: 14px;
        border-left: 5px solid #989898;
        background-color: #eeeeee;
    }

    .ponencia .contenido .more {
        display:none;
    }
    .ponencia .contenido .readmorebtn {
        cursor:pointer;
    }
    .ponencia .contenido .readmorebtn:hover {
        border-bottom:1px black solid;
    }

    .ponencia .contenido .menosbtn {
        position: fixed;
        right: 20px;
        bottom: 20px;
        display: none;
        color: #fff !important;
    }


    .conclusiones .first-fluid img {
        width: 100%;

        padding: 15px 10px 15px 10px;
        margin: 0;
    }
    
    .conclusiones .first-fluid .snippet ol {
        padding: 10px 10px 10px 15px;
        margin-left: 10px;
    }

    .conclusiones .first-fluid .snippet ol li{}

    .conclusiones .first-fluid .snippet ol ol{
        padding: 20px;
        list-style: lower-alpha;
    }

    .conclusiones .conclusion p:not(.jumbo) {
        text-align: justify;
        margin-bottom: 0;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

    .caption p {
        font-size: 16px;
    }

    .jumbo {
        font-size: 17px;
    }

}

@media only screen and (min-width : 580px){
    .caption p {
        font-size: 22px;
    }

    .jumbo {
        font-size: 19px;
    }

    .programa #mapForm {
        padding: 0 50px 20px 50px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    body {
        background-color: #e8e8e8 !important;
    }

    .bodyDiv{
        background-color: #e8e8e8;
        padding-bottom: 00px;
        position: absolute;
        width: 100%;
        height: 100%;
        box-shadow: none;
    }

    .sm-menu {
        display: inline;
        padding-left: 0 !important;
        font-size: 16px;
    }

     .sm-menu ul {
        list-style: none;
        margin: 0 ;
        padding: 0;
        display: block;
    }

     .sm-menu ul li {
        float: left;
        /*padding: 0 5px 0 5px;*/
        border-right: 1px solid #0000b2;
    }

    .noMobile {
        display: inline !important;
    }

     .sm-menu ul li:last-child {
        border-right: none;
    }

     .sm-menu ul a {
        display: inline-block;
        color: #eeeeee !important;
        text-align: center;
        padding: 18px 5px 18px 5px;
        text-decoration: none;
        font-weight: bold;
        height: 100%;
    }

     .sm-menu ul a:not(.active):hover {
        background-color: rgba(0, 46, 254, 1);
    }

    .modal {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 20050 !important;
        display: block !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        outline: 0 !important;
        opacity: 1 !important;
        background-color: rgba(0,0,0,.8);

    }
    .modal p {
        text-align: center !important;
    }
    .modal-dialog {
        position: relative !important;
        width: 600px !important;
        margin: 150px auto !important;
    }

    .dropbtn {
        background-color: rgba(0, 46, 254, 1);
        color: #eeeeee;
        padding: 18px 8px 18px 8px;
        margin: 0;
        border: none;
        cursor: pointer;
        font-weight: bold;
    }

    .dropdown {
        position: relative;
        display: inline-block;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: rgb(0, 39, 192) !important;
        min-width: 190px;
        box-shadow: 10px 8px 5px 0px rgba(0,0,0,0.8);
    }

    .dropdown-content a {
        padding: 0;
        text-decoration: none;
        display: block !important;
        text-align: left !important;
        border-bottom: 1px solid #0000b2;
    }

    .dropdown-content a:hover {
        background-color: rgb(0, 39, 192)
    }

    /*.dropdown:hover .dropdown-content {
        display: block;
    }*/

    .dropdown:hover .dropbtn {
        background-color: rgb(0, 39, 192);
    }

    .caption {
        width: 100% !important;
        margin: 0 auto;
        padding: 1%;
        position: absolute;
        left: 0;
        background: rgba(0, 0, 0, .5);
        color: #dfdfdf;
        text-align: left;
        font-weight: bold;

    }
    .caption p {
        font-size: 30px;
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }

    .jumbo {
        font-size: 25px;
    }

    .grid_caption p{
        margin: 0 !important;
        text-align: center;
        position: relative;
        top: 42%;
        background-color: rgba(0, 0, 0, 0.5) !important;
        background: -webkit-linear-gradient(left,rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05)) !important;
        /* For Opera 11.1 to 12.0 */
        background: -o-linear-gradient(left, rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05))!important;
        /* For Fx 3.6 to 15 */
        background: -moz-linear-gradient(left, rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05))!important;
        /* Standard syntax */
        background: linear-gradient(to right, rgba(0,0,0,0.05),rgba(0, 0, 0, 0.81),rgba(0,0,0,0.05))!important;
        font-size: 25px;
    }

    .grid_caption p b {
        color: #eeeeee;
    }

    .column:not(.escudo_column) .grid_caption {
        -webkit-box-shadow: inset -1px -2px 8px 12px rgba(0,0,0,0.75) !important;
        -moz-box-shadow: inset -1px -2px 8px 12px rgba(0,0,0,0.75) !important;
        box-shadow: inset -1px -2px 8px 12px rgba(0,0,0,0.75) !important;
    }

    .inscripcion  h5 {

    }

    .programa table {
        font-size: 14px;
    }

    .ponencias .contenedor .plantilla p {
        font-size: 12px;
    }

    .ponencia .fixed {
        padding-top: 25px !important;
        -webkit-box-shadow: 10px -1px 7px -2px rgba(0,0,0,0.75);
        -moz-box-shadow: 10px -1px 7px -2px rgba(0,0,0,0.75);
        box-shadow: 10px -1px 7px -2px rgba(0,0,0,0.75);
        position: fixed;
        top: 65px;
        bottom:0;
        position:fixed;
        overflow-y:scroll;
        overflow-x:hidden;
    }

    .ponencia .coordinador img{
        width: 25% !important;
        border-radius: 200%;
        float: left;
        vertical-align: middle;
    }

    .ponencia .colaborador img {
        width: 25px !important;
        height: 25px !important;
        border-radius: 200%;
        float: left;
        vertical-align: middle;
    }

    .ponencia .colaborador p {
        text-align: justify;
        margin-left: 35px !important;
    }

    .ponencia .fixed img {
        width: 15%;
        border-radius: 200%;
    }

    .ponencia .fixed ul {
        margin: 20px 0;
        padding: 0 15px;
    }

    .ponencia .fixed ol {
        margin: 20px 0;
        padding: 0 15px;
    }

    .ponencia .fixed li {
        margin: 10px 0 0 0;
    }

    .ponencia .absolute {
        position: absolute;
        right: 0;
        padding: 0;
    }

    .ponencia .contenido {
        padding: 0 50px;
    }

    .colaboradorWrapper p {
        text-align: left !important;
        padding-top: 0px;
    }

    .ponencia .contenido p {
        text-align: justify;
    }

    .ponencia .jumboMobile {
        display: none;
    }

    .ponencia .jumboDesktop {
        display: block;
    }

    .ponencia .contenido blockquote{
        font-size: 16px;
        border-left: 5px solid #989898;
        background-color: #eeeeee;
        text-align: justify;
    }

    .ponencia .contenido .more {
        display:none;
    }
    .ponencia .contenido .readmorebtn {
        cursor:pointer;
    }
    .ponencia .contenido .readmorebtn:hover {
        border-bottom:1px black solid;
    }

    .ponencia .contenido .menosbtn {
        position: fixed;
        right: 20px;
        bottom: 20px;
        display: none;
        color: #fff !important;
    }



    .ponencia .colaboradores {
        display: table;
        margin: 0 auto;
    }

    .ponencia .colaboradores div {
        display: inline-block;
    }

    .ponencia .colaboradores  img {
        width: 50px;
        height: 50px;
        border-radius: 200%;
    }

    .ponencia .colaboradores .nombreColaborador {

    }

    .ponencia .colaboradores .nombreColaborador table {
        height: 70px;
        border-collapse: separate;
    }

    .ponencia .colaboradores .nombreColaborador table td {
        padding: 5px;
    }

    .conclusiones .first-fluid img {
        width: 300px;
        float: left;
        padding-top: 15px;
        margin: 0 20px 5px 0;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1230px) {
    .col-md-3 {
        padding: 0 0 0 10px !important;
    }
    .sm-menu {
        display: none;
    }

    .lg-menu {
        display: inline !important;
        padding-left: 0 !important;
        font-size: 16px;
    }

    .lg-menu ul {
        list-style: none;
        margin: 0 ;
        padding: 0;
        display:inline;
    }

    .lg-menu ul li {
        float: left;
        /*padding: 0 5px 0 5px;*/
        border-right: 1px solid #0000b2;

    }

    .lg-menu ul li:last-child {
        border-right: none;
    }

    .lg-menu ul a {
        display: inline-block;
        color: #eeeeee !important;
        text-align: center;
        padding: 18px 5px 18px 5px;
        text-decoration: none;
        font-weight: bold;
        height: 100%;
    }

    .lg-menu ul a:not(.active):hover {
        background-color: rgba(0, 46, 254, 1);
    }
    .lg-menu ul .active {
        background-color: rgba(0, 46, 254, 1);
    }

    h2{
        display: block;
        margin: 0 !important;
        padding: 20px 0px;
        background: #c8c8c8; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#c8c8c8, rgb(255, 255, 255), #c8c8c8); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#c8c8c8, rgba(255, 255, 255, 1), #c8c8c8); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#c8c8c8, rgba(255, 255, 255, 1), #c8c8c8); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#c8c8c8, rgba(255, 255, 255, 1), #c8c8c8); /* Standard syntax */
        text-align: center;
    }

    .caption p {
        font-size: 30px;
        margin: 0 auto;
        padding: 0;
    }

    .grid_caption p b {
        font-size: 30px;
    }

    .programa .programaTable table {
        width: 85%;
    }

    .colaboradorWrapper p {
        text-align: left !important;
        padding-top: 15px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1250px) {
    .bodyDiv{
        height: auto;
    }
    h2{
        display: block;
        margin: 0 !important;
        padding: 20px 0px;
        background: #c8c8c8; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#c8c8c8, rgb(255, 255, 255), #c8c8c8); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#c8c8c8, rgba(255, 255, 255, 1), #c8c8c8); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#c8c8c8, rgba(255, 255, 255, 1), #c8c8c8); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#c8c8c8, rgba(255, 255, 255, 1), #c8c8c8); /* Standard syntax */
        text-align: center;
    }


    .caption p b {
        font-size: 40px;
    }


    .grid_caption p b {
        font-size: 35px;
    }

    .grid_caption p b:after {
        content: ' ';
        display: block;
        margin: auto;
        height: 3px;
        width: 0px;
        background: transparent;
        transition: width .5s ease, background-color .5s ease;
    }

    .column:not(.escudo_column) .grid_caption p b:hover:after {
        width: 100%;
        background: #eee;
    }

    .column:hover .grid_caption{
        background-color: rgba(0,0,0,0.5);
    }

    .column img {
        -webkit-transition: all 5s ease; /* Safari and Chrome */
        -moz-transition: all 5s ease; /* Firefox */
        -o-transition: all 5s ease; /* IE 9 */
        -ms-transition: all 5s ease; /* Opera */
        transition: all 5s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        width: 100%;
    }

    .column:not(.escudo_column):hover img {
        -webkit-transform:scale(1.2); /* Safari and Chrome */
        -moz-transform:scale(1.2); /* Firefox */
        -ms-transform:scale(1.2); /* IE 9 */
        -o-transform:scale(1.2); /* Opera */
        transform:scale(1.2);
        z-index: 0;
    }
    .column {
        overflow: hidden;
    }
    .column .grid_caption{
        z-index: 100;
    }
    
    .programa .programaTable table {
        width: 80%;
    }

    .ponencias .contenedor {
        width: 80%;
        margin: 0 auto;
    }

    .ponencias .contenedor .plantilla{
        width:100%;
        position: absolute;
        padding: 5px 0;
        top: 70%;
        background-color: rgba(0,0,0,0.8);
        -webkit-transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        -ms-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        transition: all 0s ease;
    }

    .plantillaHover {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: opacity 0.9s ease-in-out;
        background-color: rgba(0,0,0,0.8);
        padding: 30px;
    }

    .plantillaHover p:first-child {
        margin: 50px 0 15px 0;
    }

    .ponencias .contenedor:hover .plantillaHover {

        opacity: 1 !important;
    }

    .ponencias .contenedor:hover .plantilla {
        opacity: 0;
    }

    .ponencia .colaborador img {
        width: 50px !important;
        height: 50px !important;
        border-radius: 200%;
        float: left;
        vertical-align: middle;
    }
    
    
}

.imgDiv {
    margin: 0;
    padding: 0;
}

.imgDiv img {
    width: 100%;
    margin: 0;
    padding: 0;
}

.no-padding{
    padding: 0 !important;
}
.no-margin{
    margin: 0 !important;
}



.grid_caption {
    position:absolute;
    height:100%;
    width:100%;
    color: #323232;
   /* -webkit-box-shadow: inset 0px 0px 20px 80px rgba(0,0,0,0.6);
    -moz-box-shadow: inset 0px 0px 20px 80px rgba(0,0,0,0.6);
    box-shadow: inset 0px 0px 20px 80px rgba(0,0,0,0.6);*/
    -webkit-transition:color 1.7s, background 1s; /* For Safari 3.1 to 6.0 */
    transition:color 1.7s, background 1s, box-shadow 1s, -webkit-box-shadow 1s, -moz-box-shadow 1s;
}

/*.grid_caption:hover {
    background: rgba(0, 0, 0, 0.5);
    color: #eeeeee;
    -webkit-box-shadow: inset 0px 0px 20px 80px rgba(0,0,0,0);
    -moz-box-shadow: inset 0px 0px 20px 80px rgba(0,0,0,0);
    box-shadow: inset 0px 0px 20px 80px rgba(0,0,0,0);
}*/

.grid_caption p{
    margin: 0 !important;
    text-align: center;
    position: relative;
    top: 42%;
    background-color: rgba(189, 189, 189, 0.7);
}
.grid_caption p b{
    display: inline-block;
    position: relative;
    padding: 5px;
}
/*
.grid_caption p b:after {
    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width 1s ease, background-color .5s ease;
}
.grid_caption p b:hover:after {
    width: 100%;
    background: #eee;
}*/

#map { height: 300px; }


/*--------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------
----------------------------------------------------PONENCIAS---------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------*/