/*
Theme Name: Worthy - Free Powerful Theme by HtmlCoder
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Version:1.0.0
Created:November 2014
License: Creative Commons Attribution 3.0 License (https://creativecommons.org/licenses/by/3.0/)
File Description: Place here your custom CSS styles
*/

            body {
                /* only to force vertical scroll on browsers */
                /*overflow-y: scroll;*/
                /* remove default paddings and margins on browsers */
                padding: 0;
                margin: 0;
            }

            #wrap {
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                display: table;
                width: 100%;
                height: 100%;
            }

            .content {
                display: table-row;
                height: 100%;
            }

            .footer {
                display: table-row;
                height: 1px;
            }
            .navbar-custom a {
                font-family: 'Oswald', sans-serif;
                text-transform: uppercase;
                font-weight: 400;
                font-size: 1.1em;
            }
            .header {
                box-shadow: 0 0 10px 0 #000;
            }

            .section {
                margin-top: 120px;
            }
            
            .panel.panel-dark .panel-heading {
                background: #4b4b4b;
                color: #fff;
            }
            .panel-heading h5 {
                color: #fff;
            }
            .panel {
                border: 1px solid #4b4b4b;
            }
            .title{
                margin-bottom: 20px;
                color: #197dc0;
                font-weight: 700;
            }
            p {
                line-height: 1.6;
                margin-bottom: 18px;
                text-align: justify;
            }
            .mitabla tr td {
                border: 1px solid #4b4b4b!important;
                font-size: 0.85em;
            }
            .mitabla tr:first-child td{
                background: #4b4b4b;
                color: #fff;
                font-weight: bold;
                font-size: 0.7em;
            }
            .mitabla tr td:first-child {
                font-size: 0.7em;
            }
            
            .mitabla td p {
                text-align: left;
            }
            
            .mitabla td span {
                font-size: 0.8em;
                font-weight: bold;
            }
            
            
            .partners {
                width:80%;
                margin-left:10%;
                display: inline-block;
                padding: 10px;
            }
            
            .partners:hover {
                background: #f9f9f9;
            }
            
            .partners img {
                display: block; 
                margin: 0 auto;
                width: 100%;
                max-width: 160px;
                height: auto;
            }
            
            @media (max-width:991px) {
                .ligas {
                    margin: 10px 0;
                    width: 49%;
                }
            }
            
            .dmitad {
                width: 44%;
                margin: 3%;
                float: left;
            }
            .imitad {
                width: 50%;
                float: left;
            }
            
            @media (max-width:767px) {
                .dmitad {
                    width: 94%;
                }
                .imitad {
                   width: 100%; 
                }
            }
            
            .subfooter a {
                display: inline-block;
                padding: 5px!important;
                margin-left: 10px!important;
                color: white;
                border: 1px solid #176fb7;
               	-webkit-border-radius: 5px;
            	-moz-border-radius: 5px;
            	border-radius: 5px;
            }
            
            .subfooter a:hover {
                /*background: #f5f5f5!important;*/
                border-color: #f5f5f5;
            }
            .lista li {
                font-size: 1.1em;
                margin-bottom: 15px;
                text-align: justify;
            }
            
            .lista2 li {
                margin-bottom: 15px;
                text-align: justify;
            }
            .site-name h2, .site-name h3, .site-name h4, .site-name h6 {
                color: white;
            }
            @media (max-width:767px) {
                .dropdown-menu {
                    background-color: #fff!important;
                }
                .dropdown-menu li a:hover {
                    background-color: #f5f5f5!important;
                }
            }
            .glass-container .input-group {
                width: 100%;
            }
            .glass-container .input-group-addon {
                width: 150px;
                text-align: left;
                background: #f9f9f9 !important;
                border-right: 1px solid #ccc !important;
                color: #777 !important;
            }
            .list-container {
                font-size: 0.9em;
            }
            .welcome {
                padding: 30px;
                border: 5px solid #6d6d6d;
                background-color: #e5e5e5;
                border-radius: 10px;
                font-size: 1.05em;
            }
            .welcome p {
                text-indent: 35px;
            }
            
            .temas li::first-line {
                font-weight: bold;
            }
            
            .caja_scroll {
                width: 90%;
                margin: 0 5% 10px 5%;
                padding: 0;
                position: relative;
                /*float: left;*/
            }
                
            .panner {
                display: block;
                position: absolute;
                width: 30px;
                height: 100%;
                top: 0;
                background-color: #fdfdfd;
            }
            
            .panner:hover {
                background: rgba(0,0,0,0.2);
            }
            
            #panLeft p, #panRight p {
                text-align: center;
                margin-top: 10px;
                font-size: 1.5em;
                color: #002b5b;
            }
            
            #panLeft {
                left: -30px;
                border-radius: 5px 0px 0px 5px; 
                -moz-border-radius: 5px 0px 0px 5px; 
                -webkit-border-radius: 5px 0px 0px 5px;
            }
            
            #panRight {
                right: -30px;
                border-radius: 0px 5px 5px 0px; 
                -moz-border-radius: 0px 5px 5px 0px; 
                -webkit-border-radius: 0px 5px 5px 0px; 
            }
        
            #panRight:hover p, #panLeft:hover p {
                visibility: visible;
            }
            .caja_facturas {
                padding: 5px;
                margin: 0;
                /*float: left;*/
                width: 100%;
                border:1px solid #AAA;
                overflow: auto;
                overflow-y: hidden;
                -ms-overflow-y: hidden;
                position: relative;
            }
            
            .tabla_inicio {
                width: 100%
            }
            
            .tabla_inicio td {
                vertical-align: top;
                width: 25%;
                text-align: center;
                font-size: 0.9em;
            }
            
            
            .menusitios {
                display: flex;
                flex-direction: row;
                flex-flow: wrap;
                justify-content: space-evenly;
                padding: 20px 0.5% 0 0.5%;
            }
            .menusitios a {
                width: 21%;
                display: block;
                margin: 0 auto;
                border: 1px solid transparent;
            }
            .menusitios img {
                width: 100%;
            }
            .menusitios a:hover {
                border: 1px solid #002b5b;
            }
            @media (max-width:992px) {
                .menusitios a {
                    width: 26%;
                }
            }
            @media (max-width:430px) {
                .menusitios a {
                    width: 44%;
                }
            }

            .inline2 {
                overflow: auto;
                width: 70%;
                height: 70%;
                background-color: #FDFDFD;
                display: none;
            }

            .speakers {
                color:#000;
                text-align:center;
                font-size:0.9em;
                text-decoration:none;
            }
            
            .speakers:hover, .speakers:visited, .speakers:active, .speakers:link {
                color:#000;
                text-decoration: none;
            }
            
            .tabla_inicio {
                width: 100%;
                /*font-size: 0.9em;*/
                font-size: 0.85em;
                text-align: center;
                border-spacing: 20px;
                border-collapse: separate;
            }

            .tabla_inicio td {
                vertical-align: top;
            }

            .tabla_inicio div {
                background-size: cover;
                background-position: center;
                border-radius: 100px;
                width: 120px;
                height: 120px;
                margin: 5px auto;
                border: 6px solid #eee;
                box-shadow: 0 0 10px 0 #000;
            }

            .tabla_inicio p {
                margin: 0;
                text-align: center;
                
            }

            .coordinador {
                font-weight: bold;
                font-size: 1.2em;
            }