/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */button,html,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection{background:#3B5A9A;color:#fff;text-shadow:none}::selection{background:#3B5A9A;color:#fff;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{background-color:transparent;border:0;overflow:hidden}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

/* Fancy Input Styles */
@keyframes caret{50%{opacity:.1;transform:scaleY(0.8)}}@-webkit-keyframes caret{50%{opacity:.1;-webkit-transform:scaleY(0.8)}}.fancyInput{display:inline-block;letter-spacing:-1px;text-shadow:0 2px 5px rgba(0,0,0,0.6);white-space:nowrap;width:auto;position:relative}.fancyInput ::-webkit-input-placeholder{color:transparent}.fancyInput :-moz-placeholder{color:transparent}.fancyInput ::-moz-placeholder{color:transparent}.fancyInput :-ms-input-placeholder{color:transparent}.fancyInput.textarea{white-space:normal;overflow:auto}.fancyInput input,.fancyInput textarea{color:transparent;position:absolute;z-index:2;width:100%;border:0;outline:0;top:0;left:0;background:0;padding:inherit;padding-bottom:0;font-family:"Fjalla One",sans-serif;font-size:inherit;letter-spacing:-1px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.fancyInput input{top:1px;left:-1px;padding-right:0}.fancyInput textarea{word-break:break-all;overflow:hidden;height:100%}.fancyInput>div{display:inline-block;position:relative}.fancyInput>div:before{opacity:0;left:-20px;content:attr(data-placeholder);position:absolute;transition:.3s ease-out}.fancyInput>div.empty:before{opacity:.2;left:0}.fancyInput input:focus ~ div.empty:before{opacity:.1}.fancyInput.textarea>div{width:99.9%%}.fancyInput *:focus ~ .caret,.fancyInput *:focus ~ div .caret{opacity:.8;box-shadow:0 0 8px #FFF;-webkit-animation:.4s 40ms caret infinite;animation:.4s 40ms caret infinite}.fancyInput .caret{font-weight:normal;opacity:0;display:inline-block;width:3px;margin-left:-3px;background:#FFF;border-radius:4px;-moz-user-select:none}.fancyInput span:not(.deleted) ~ .caret{position:absolute;margin:0}.fancyInput>div span{-webkit-transition:100ms cubic-bezier(0,0.6,0.55,1.4);transition:100ms cubic-bezier(0,0.6,0.55,1.4);display:inline-block;position:relative}.fancyInput>input[type=password]+div span:empty::after{content:'●';display:inline}.fancyInput>div .deleted{opacity:0;-webkit-transition:140ms;transition:140ms;-webkit-transform:translateX(12px);transform:translateX(12px)}.fancyInput>div span.state1{-webkit-transform:translateY(-25px) rotateX(90deg);transform:translateY(-25px) rotateX(90deg)}.fancyInput>div span.state2{-webkit-transform:translateY(25px) rotateX(90deg);transform:translateY(25px) rotateX(90deg)}.effect2 .fancyInput>div span.state1,.effect2 .fancyInput>div span.state2{-webkit-transform:translateX(10px) scale(1.8);transform:translateX(10px) scale(1.8)}.effect3 .fancyInput>div span{-webkit-transition:200ms cubic-bezier(0,0.6,0.55,1.4);transition:200ms cubic-bezier(0,0.6,0.55,1.4)}.effect3 .fancyInput>div span.state1,.effect3 .fancyInput>div span.state2{opacity:0;-webkit-transform:scale(0.4);transform:scale(0.4);-webkit-filter:blur(2px)}.effect4 .fancyInput>div span{-webkit-transition-duration:150ms;transition-duration:150ms}.effect4 .fancyInput>div span.state1,.effect4 .fancyInput>div span.state2{opacity:0;-webkit-transform:translateY(-60px);transform:translateY(-60px)}.effect5 .fancyInput>div span{-webkit-transition-duration:150ms;transition-duration:150ms}.effect5 .fancyInput>div span.state1,.effect5 .fancyInput>div span.state2{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px);opacity:0}


.fancyInput{
    max-width:100%;
    min-width:50%;
    width: 100%;
    font-size:18px;
    color:#FFF;
    vertical-align:middle;
    line-height:1.3;
    overflow:hidden;
    text-align:left;
    box-shadow:0 1px 2px rgba(255,255,255,0.5), 0 2px 4px rgba(0,0,0,.3) inset, 0 0 12px rgba(255,255,255,.3);
    padding:8px 20px;
    background:rgba(0,0,0,.3);
    border-radius:10px;
    letter-spacing: 0.5px;
}
.fancyInput.textarea{
    line-height:normal;
    font-size:18px;
    max-width:100%;
    min-height:160px;
    width: 100%;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.center{
    text-align: center;
}

.clear{
    clear: both;
}

.indent{
    text-indent: 20px;
}

.datepicker{
    cursor:pointer !important;
}

body{
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'Titillium Web', sans-serif;
    /*background: #f2f2f2 url(../img/gplaypattern.png);*/
}

button, input, textarea{
    font-family: 'Titillium Web', sans-serif;
}

a, a:hover{
    color: #29A9E1;
}

li{
    list-style-type: none;
}



#header{
    background: #337AB7;
    border-top: 2px solid #81A2CB;
    border-bottom: 1px solid #81A2CB;
    padding: 8px 5px;
}

section{
    margin-bottom: 10px;
    margin-top: 10px;
}

h1{
    font-size: 28px;
}

h2{
    font-size: 24px;
}

h3{
    font-size: 20px;
}

#logotipo img{
    width: 100%;
    max-width: 190px;
}

#nav-principal{
    background-color: transparent;
    border: 0;
    text-transform: uppercase;
    margin-top: 5px;
}

#nav-principal a{
    color: #fff !important;
    font-size: 15px;
    text-align: center;
    width: 155px;
    height: 50px;
}

#nav-principal a:hover{
    color: #DFDFDF !important;
}

#nav-principal a i{
    color: #f2cb05;
    text-align: center;
    display: block;
    font-size: 1.8em;
    padding-bottom: 15px;
}

#nav-principal a i.resaltado{
    color: #000;
    text-shadow: 0px 0px 3px #fff, 0px 0px 10px #fff;
}

#barra-indicadores{
    padding: 6px 0;
    border-bottom: 1px solid #337AB7;
    background-color: #E7E7E7;
}

#barra-indicadores div{
    text-align: center;
    font-size: 14px;
    padding: 0;
    position: relative;
}

#barra-indicadores #link-videos, #barra-indicadores #link-videosonline{
    position: absolute;
    right: 0;
    top: 27px;
    width: 250px;
    padding: 5px 10px;
    text-align: center;
    background-color: #D74F25;
    border-radius: 0 0 40px 40px;
    z-index: 99;
    font-size: 1.3em;
    text-transform: uppercase;
    color: #fff;
    -webkit-box-shadow: 0px 3px 5px #F2CB05;
    box-shadow: 0px 3px 5px #F2CB05;
}

#barra-indicadores #link-videosonline{
    right: 253px;
    background-color: #24A149;
}

#barra-indicadores #link-videos.disabled, #barra-indicadores #link-videosonline.disabled{
    background-color: gray;
    border-color: #000;
    -webkit-box-shadow: 0px 3px 5px #000;
    box-shadow: 0px 3px 5px #000;
}

a.disabled, a.disabled i{
    cursor: not-allowed;
    color: #C0C0C0 !important;
}

a:hover.disabled, a:active.disabled{
    text-decoration: none;
}

.breadcrumb{
    width: 90%;
}

/* Slide de cursos (sequence) */

#sequence{
    height: 280px;
    border: 1px solid #AAA8A9;
    position: relative;
    overflow: hidden;
}

#sequence > .sequence-canvas {
    height: 100%;
    width: 100%;
}

#sequence > .sequence-canvas > li {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#sequence > .sequence-canvas li > * {
    position: absolute;
}

/*Animaciones de Sequence*/

.img-curso{
    top:-14px;
    left: 1300px;
}
.animate-in .img-curso{
    left: -55px;
}
.animate-out .img-curso{
    left: -1300px;
}

.titulo-1{
    width: 470px;
    top: -20px;
    left: 1300px;
}
.animate-in .titulo-1{
    left: 330px;
}
.animate-out .titulo-1{
    left: -1300px;
    opacity: 0;
}

.objetivo-1{
    top: 50px;
    left: 1300px;
    width: 80%;
    text-indent: 5px;
}
.animate-in .objetivo-1{
    left: 0px;
}
.animate-out .objetivo-1{
    left: -1300px;
    opacity: 0;
}

.fecha-1{
    top: 90px;
    left: 1300px;
    font-size: 1.2em;
}
.animate-in .fecha-1{
    left: 330px;
}
.animate-out .fecha-1{
    left: -1300px;
    opacity: 0;
}

.sede-curso-1{
    width: 70px;
    text-align: center;
    top: 140px;
    left: 1300px;
}
.sede-curso-1 img{
    max-width: 70px
}
.animate-in .sede-curso-1{
    left: 410px;
}
.animate-out .sede-curso-1{
    left: -1300px;
    opacity: 0;
}

.enlace-curso-1{
    top: 90px;
    left: 1300px;
    width: 134px;
    height: 134px;
    background: url(../img/boton-estrella-pequeno.png) no-repeat top left;
    text-align: center;
    font-size: 1.7em;
    padding-top: 33px;
    color: #fff;
    text-shadow: 0px 0px 6px #000;
}
.animate-in .enlace-curso-1{
    left: 630px;
}
.animate-out .enlace-curso-1{
    left: -1300px;
}

.enlace-curso-1:hover, .enlace-curso-1:focus{
    text-decoration: none;
    text-shadow: 0px 0px 15px #000;
    color: #fff;
}

.img-curso, .titulo-1, .objetivo-1, .fecha-1, .horario-1, .hombre-ejecutivo-1, .mujer-ejecutiva-1, .enlace-curso-1, .sede-curso-1{
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.sequence-pagination{
    width: 850px;
    position: absolute;
    top: 236px;
    left: -40px;
    z-index: 99;
}

.sequence-pagination li{
    float: left;
}

.sequence-pagination li button{
    width: 80px;
    height: 30px;
    border: 1px solid #D43F3A;
    background-color: #D9534F;
    color: #fff;
}

.sequence-pagination li.current button{
    background-color: #9F2F2C;
    outline:0;
}

#sequence .controls{
    position: absolute;
    z-index: 999;
}

#sequence .controls button{
    border: 1px solid #D43F3A;
    background-color: #D9534F;
    color: #fff;
    font-size: 1.5em;
    width: 30px;
}

.sequence-prev, .sequence-next{
    position: absolute;
}

.sequence-prev button{
    position: absolute;
    top: 80px;
    left: -55px
}

.sequence-next button{
    position: absolute;
    top: 80px;
    left: 794px
}

/*Terminan animaciones de Sequence*/

.servicios-inicio{
    text-align: center !important;
}

aside img{
    max-width: 100% !important;
}

/* Estilos para las Noticias (Isotope) */
#contenedor-isotope{
    width: 100%;
    padding: 0;
    margin: auto;
}
.item {
    width: 400px;
    height: 348px;
    overflow: hidden;
    background-color: #f0f0ff;
    padding: 5px 5px 10px 5px;
    color: #000;
}
.item.w2 {
    width: 250px;
    background-color: #E3E3EA;
}
.item:hover{
    text-decoration: none;
    color: #000;
    background-color: #CCCCD9;
}
.noticia-destacada{
    border: 1px solid #F1C818;
    -webkit-box-shadow: 0px 0px 15px #214282;
    box-shadow: 0px 0px 15px #214282;
}
/* Terminan Estilos para las Noticias (Isotope) */

#calendario{
    width: 100%;
    height: 270px;
    border-radius: 8px;
}

#convertidor-divisas iframe{
    width: 175px;
    height: 202px;
    border: none;
    background-color: #ffffff;
    display: block;
    margin: auto;
}




#nav-pie ul{
    padding: 0;
}

#nav-pie a{
    font-size: 17px;
    float: left;
    width: 12.5%;
    height: 100px;
    text-align: center;
}

#nav-pie a:hover{
    text-decoration: none;
    color: #fff;
}

#nav-pie i{
    line-height: 42px;
    color: #f2cb05;
    font-size: 1.7em;
    text-align: center;
    display: block;
}

.fb-icon, .fb-icon-gray, .tw-icon, .tw-icon-gray, .gp-icon, .gp-icon-gray{
    background: url(../img/iconos-social-media/social-media-iconos.png) no-repeat;
    float: left;
    margin: 10px 10px;
    border-radius: 200px;
    width: 100px;
    height: 100px;
}

.fb-icon, .fb-icon-gray:hover{
    background-position: 0 0;
}

.fb-icon-gray{
    background-position: -100px 0;
}

.tw-icon, .tw-icon-gray:hover{
    background-position: 0 -100px ;
}

.tw-icon-gray{
    background-position: -100px -100px ;
}

.gp-icon, .gp-icon-gray:hover{
    background-position: 0 -200px ;
}

.gp-icon-gray{
    background-position: -100px -200px ;
}

#social-media-footer{
    margin: auto;
    width: 360px;
}

footer#pie-pagina{
    padding: 15px 10px;
    border-top: 3px dashed #DFDFDF;
    background: #273322 url(../img/footer-bg.png);
    color: #fff !important;
    margin-top: 40px;
}

footer#pie-pagina small{
    margin-top: 10px;
    font-size: 1.3em;
    display: block;
    text-align: center;
}

.fancy-input{
    margin: 2px 0 15px 0;
}












/*Horizontal Orientation CSS*/
.jscarousal-horizontal
{
    width: 97%;
    height: 190px;
    margin: 0 auto;
    position: relative;
}
.jscarousal-horizontal-back, .jscarousal-horizontal-forward
{
    float: left;
    width: 30px;
    height: 100%;
    /*background-color: #121212;*/
    position: relative;
    cursor: pointer;
}
.jscarousal-horizontal-back
{
    background: url(../img/chevron-left.png) no-repeat left;
    -webkit-background-size: 100% 30%;
    background-size: 100% 30%;
}
.jscarousal-horizontal-forward
{
    background: url(../img/chevron-right.png) no-repeat right;
    -webkit-background-size: 100% 30%;
    background-size: 100% 30%;
}
.jscarousal-contents-horizontal
{
    width: 93%;
    height: 190px;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.jscarousal-contents-horizontal > div
{
    position: absolute;
    width: 100%;
    height: 190px;
}
.jscarousal-contents-horizontal > div > div
{
    float: left;
}
.jscarousal-contents-horizontal img
{
    width: 200px;
    height: 140px;
    border: solid 1px #7A7677;
    margin: 5px 5px;
    padding: 5px;
}
.jscarousal-contents-horizontal a{
    color: #000;
}
.jscarousal-contents-horizontal a:hover{
    text-decoration: none;
}
/*Horizontal Orientation CSS Ends*/

/*Common*/
.visible
{
    display: block;
}
.thumbnail-active
{
    filter: alpha(opacity=100);
    opacity: 1.0;
    cursor: pointer;
}
.thumbnail-inactive
{
    filter: alpha(opacity=75);
    opacity: 0.75;
    cursor: pointer;
}
.thumbnail-text
{
    text-align: center;
    filter: alpha(opacity=100);
    opacity: 1.0;
}

        #demo-wrapper
        {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
        }
        #demo-right
        {
            width: 100%;
            float: left;
        }



/* Página de Servicios */

/*#servicios img, #cursos img{
    float: left;
    margin: 8px;
}*/

/*#servicios a{
    clear: both;
}*/
.fila-cursos .contenedor-curso{
    padding: 5px 15px 20px;
}

.fila-cursos div img.circulo{
    display: block;
    width: 180px;
    height: 180px;
    margin: 18px auto 0;
    max-width: 100%;
    /*border: 1px solid #808080;*/
    padding: 4px;
}

.contenedor-curso{
    /*border: 1px solid #000;*/
}

.contenedor-curso h3 a{
    font-weight: bold;
    color: #1F4209;
}

.contenedor-curso aside{
    padding: 0;
    position: relative;
}

.contenedor-curso aside .btn{
    background-color: #26465E;
    border-color: #13232F;
}

.contenedor-curso aside i{
    color: #00ADEF;
}

.contenedor-curso aside .mapa-popup{
    width: 280px;
    height: 220px;
    background-color: #337AB7;
    position: absolute;
    top: -100px;
    left: 0;
    display: none;
}

.contenedor-curso aside .mapa-popup:before{
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;

    border-top: 20px solid #337AB7;
    position: absolute;
    top: 220px;
    left: 30px;
}

.contenedor-curso aside .mapa-popup .mapa-img{
    display: block;
    margin: 5px auto 0;
}

/* Página de Contacto */
#contacto h3{
    margin: 5px 0
}

div.ejecutiva{
    margin-top: 28px;
}

/* Páginas de Índices */
.color-monse{
    font-weight: bold;
}

#tabla-indices td{
    text-align: right !important;
}

#tabla-indices td:hover{
    background-color: #337AB7;
    color: #fff;
}

#tabla-indices tr:hover{
  background-color: #E7E7E7;
}

#tabla-indices thead th{
    text-align: center;
}

/* Sección de usuarios registrados */
#barra-usuario{
    padding: 6px 0;
    margin: 0;
    background-color: #337AB7;
}

#barra-usuario div{
    text-align: center;
    font-size: 14px;
    padding: 0;
    text-transform: uppercase;
}

#barra-usuario a{
    color: #fff;
}

#barra-usuario i{
    color: #f2cb05;
}

#lista-materiales li, .lista-videos li, .lista-materiales li{
    cursor: pointer;
}

.lista-videos li{
    padding: 8px;
}

#lista-materiales li:hover, .lista-videos li:hover, .lista-materiales li:hover{
    background-color: #F5F5F5;
}

#lista-materiales li.active:hover, .lista-videos li.active:hover, .lista-materiales li.active:hover{
    background-color: #337AB7;
}

#paginacion-materiales, #paginacion-videos{
    margin: 0 auto;
}

#detalle-material, #detalle-videos{
    text-align: center;
}

#detalle-material img, #detalle-videos img{
    margin-top: 10px;
    max-width: 95%;
}

#boton-logout i{
    background-color: #D74F25;
    color: #fff;
    padding: 3px;
    border-radius: 2px;
}

/* Usuarios vencidos */
#black-curtain{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1200px;
    background-color: #000;
    background-color: rgba(0,0,0,0.7);
    z-index: 99999;
}

#black-curtain div{
    background-color: #fff;
    padding: 0 5px;
    border: 1px solid #000;
    border-radius: 6px;
    position: absolute;
    -webkit-box-shadow: 0px 0px 2px #fff;
    box-shadow: 0px 0px 2px #fff;
    top: 20%;
    left: 35%;
}

#black-curtain a{
    margin: 0 5px 5px 0;
    float: right;
}

/* Detalle de Cursos */
#detalle-curso img{
    width: 100%;
}

#detalle-curso .label{
    font-size: 1.5em;
}

#detalle-curso a{
    font-size: 1.3em;
}

#datos-pago{
    font-size: 1.2em;
}

#lista-cursos .list-group-item{
    background-color: transparent !important;
    padding: 0;
    border: 0;
}

#lista-cursos h3{
    color: #29A9E1;
}

#lista-cursos h3:hover{
    text-decoration: underline;
}

/* Calculadoras Fiscales */
fieldset.pad-right{
}

.indicador-obligatorios, .indicador-bloqueados{
    width: 15px;
    height: 15px;
    margin: 2px;
    float: left;
}

.cal-entrada input[readonly], .indicador-bloqueados{
    background-color: #F2DEDE;
}

.cal-entrada input[required], .indicador-obligatorios{
    background-color: #B8FBB8;
}

#dias-horas-extras{
    width: 100%;
    margin: auto;
}

#dias-horas-extras input{
    width: 13%;
    display: inline;
}

#contenido-calculos{
    border: 1px solid #222;
    -webkit-box-shadow: 0px 0px 15px #222;
    -moz-box-shadow: 0px 0px 15px #222;
    box-shadow: 0px 0px 15px #222;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 20px;
    background: #E2FFE2;
    color: #000;
}

#contenido-calculos h2{
    font-size: 1.8em;
    padding-top: 0;
}

#contenido-calculos h2, #contenido-calculos h3{
    color: #000;
}

#contenido-calculos h3{
    font-size: 1.4em;
    text-indent: 0;
    padding-left: 0;
}

#contenido-calculos div.row, #contenido-calculos div.row p{
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 0 0 0 5px;
}

#contenido-calculos aside.row p{
    padding-left: 6px;
}

#contenido-calculos aside td, .zebra td.numero,#contenido-calculos td.numero, #contenido-calculos th.numero{
    text-align: right;
}

#contenido-calculos tr:nth-child(2n+1) {
  background-color: #b8fbb8;
}

.img-ajustada img{
    width: 100%;
}

.img-blur img{
    opacity: 0.8;
}

.sign{
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-top: 60px;
}

.nombre-firma, .nombre-firma-abs{
    text-align: center;
}

#contenido-calculos .valign-table, #contenido-calculos .valign-table-right{
    padding-top: 15px;
    text-align: left;
}

#contenido-calculos .valign-table-right{
    text-align: right;
}

.resultados-calculos{
    margin-top: 20px;
    padding: 20px 10px;
}

.resultados-calculos h3{
    text-shadow: 0px 0px 0px #000;
    text-indent: 25px;
}

.combobox-calculos{
    float:right;
    width:30%;
}

.margin-medium-bottom{
    margin-bottom: 25px;
}

#contenido-calculos a{
    color: #4DA6F5;
}

.accordion-nomina, .accordion-resultados{
    background: rgba(255,255,255,0.05);
}

.accordion-nomina .panel-heading, .accordion-resultados .panel-heading{
    background: rgba(255,255,255,0.1);
}

.accordion-nomina .panel-heading a, .accordion-resultados .panel-heading a{
    font-size: 1.2em;
    display: block;
    text-align: center;
}

#accordion-nomina{
    display: block;
    margin-top: 300px;
}

#botonera{
    margin-top: 40px;
    margin-bottom: 40px;
}

.datos-especiales{
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Usuario DEMO */
.bloqueado-demo, .bloqueado-demo:active, .bloqueado-demo:hover{
    background-color: #F2DEDE !important;
    color: #000 !important;
}

/* Videoconferencias */
iframe{
    margin-top: 15px;
}

#video-muestra{
    position: relative;
    color: #fff;
    height: auto;
    /*padding: 10px;*/
}

#video-muestra .cortina{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,46);
}

#video-muestra h3{
    position: relative;
    z-index: 999;
}

/*Videos Online*/
h1{
    padding-top: 20px;
}


/*pop up*/
.popup {
    background-color: #ffffff;
    color: #888888;
    height: 245px;
    left: 100%;
    padding: 20px;
    position: fixed;
    right: 30%;
    top: 25%;
    width: 550px;
    z-index: 101;
    -moz-box-shadow: 0px 0px 10px 1px #888888;
    -webkit-box-shadow: 0px 0px 10px 1px #888888;
    box-shadow: 0px 0px 10px 1px #888888;
    border-radius:10px;
    -moz-border-radius:10px;
}

.overlay {
    background: #000000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    opacity:0.5;
}

a.close {
    background: url("cancel.png") repeat scroll left top transparent;
    cursor: pointer;
    float: right;
    height: 26px;
    left: 32px;
    position: relative;
    top: -33px;
    width: 26px;
}