/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 6, 2020, 4:29:26 PM
    Author     : José Alejandro Díaz Sánchez
*/
#rightImage,.rightImage {
    clear: both;
    float: right;
    width: 240px;
    height: auto;
    border: none;
    margin: 0 1em 0 1em;
    text-align: center;
    font-size: 80%;
    color: #00143B;
}
#leftImage,.leftImage {
    clear: both;
    float: left;
    width: 240px;
    height: auto;
    border: none;
    margin: 0 1em 0 1em;
    text-align: center;
    font-size: 80%;
    color: #00143B;
}
/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/
.reconocetabla > table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
.reconocetabla > table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
.reconocetabla > table a:active,
.reconocetabla > table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
.reconocetabla > table {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
.reconocetabla > table th {
	padding:2px 5px 2px 5px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
.reconocetabla > table th:first-child {
	text-align: left;
}
.reconocetabla > table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.reconocetabla > table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.reconocetabla > table tr {
	text-align: center;
}
.reconocetabla > table td:first-child {
	text-align: left;
	padding-left:5px;
	border-left: 0;
}
.reconocetabla > table td {
	padding:2px 5px 2px 5px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
.reconocetabla > table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
.reconocetabla > table tr:last-child td {
	border-bottom:0;
}
.reconocetabla > table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.reconocetabla > table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.reconocetabla > table tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}

#texto > table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
#texto > table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
#texto > table a:active,
#texto > table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
#texto > table {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
#texto > table th {
	padding:5px 5px 5px 5px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
#texto > table th:first-child {
	text-align: left;
	padding-left:5px;
}
#texto > table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
#texto > table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
#texto > table tr {
	text-align: center;
	padding-left:20px;
}
#texto > table td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
#texto > table td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
#texto > table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
#texto > table tr:last-child td {
	border-bottom:0;
}
#texto > table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
#texto > table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
#texto > table tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}.aifp-ulhorizontal{
    list-style-type: none;
    padding-bottom: 5px;
}
.aifp-ulhorizontal li{
    float: left;
    padding: 5px;
    border: 1px solid #d5d5d5;
    background: white;
    width: 15.5%;
}
.aifp-ulhorizontal li img{
    padding:1%;
    width: 98%;
}
.full{
    width: 100% !important;
}
.listado-precios-curso .link-precio{
    cursor: pointer;
}
/* ==========================================*/
.listadoprecios-cabecera{
    list-style-type: none;
}
.listadoprecios-cabecera li{
    float: left;
    padding: 0;
    border: none;
    background: white;
    width: 137px;
    max-width: 12.5%;
    box-shadow: 0px 0px 1px #c2c2c2;
    box-sizing: border-box;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}
.listadoprecios-cabecera  li > label > span{
    height: 67px;
    display: block;
}
.listadoprecios-cabecera .owl-item li{
    width: 100%;
    max-width: 100%;
}
#curso-carousel .slick-slide li{
    max-width: none;
    width: 100%;

}
#curso-carousel.slick-slider .slick-arrow{
    background: #949494;
    border-radius: 50%;
}
.listadoprecios-cabecera .owl-prev,.listadoprecios-cabecera .owl-next{
    display: none !important;
}
.listadoprecios-cabecera .lp-select{
    background: #0081bb; 
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
    border-color: #f5f5f5;
    border-bottom: none;
    color: white;
}
.listadoprecios-contenido > div{
    clear: both;
    display: none;
    background: white;  
    border: 1px solid #d5d5d5;
    padding:5px 0;
}
.listadoprecios-contenido table{
    background: white;
}
.listadoprecios-contenido table th{
    /*    background: #e6e6e6;
        background: #d5d5d5;*/
}
.listadoprecios-contenido table td{
    border: 1px solid #e6e6e6;
}
/* AP */
.listadoap-cabecera{
    list-style-type: none;
}
.listadoap-cabecera li{
    float: left;
    padding: 0;
    border: none;
    background: white;
    width: 16.66%;
    box-shadow: 0px 0px 1px #c2c2c2;
}
.listadoap-cabecera label{
        height: 238px;
}
.listadoap-cabecera li:first-child label{
    height: 100% !important;
}
.listadoap-cabecera .lp-select{
    background: #0081bb; 
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
    border-color: #f5f5f5;
    border-bottom: none;
    color: white;
}
.listadoap-contenido > div{
    clear: both;
    display: none;
    background: white;  
    border: 1px solid #d5d5d5;
    padding:5px 0;
}
.listadoap-contenido table{
    background: white;
}
.listadoap-contenido table th{
    /*    background: #e6e6e6;
        background: #d5d5d5;*/
}
.listadoap-contenido table td{
    border: 1px solid #e6e6e6;
}
/* PRINCIPAL */
@media screen and (min-width: 1024px){
    .aifp-cursos > div {
        width: 31%;
        padding: 1%;
        float: left;
        position: relative;
    }
}
.aifp-cursos > div >div{
    position: relative;

}
.aifp-cursos p{
    color: #303030;
}
.aifp-cursos > div >div:hover .aifp-mask-hover{
    display: block
}
.aifp-cursos h3{
    color: #0081bb;
}
.aifp-cursos a h3{
    color: #303030;
}
.aifp-cursos a h3:hover{
    color: #0081bb;
}
.aifp-mask-hover{
    position: absolute;
    top:0;
    bottom:9px;
    top: 0;
    bottom: 9px;
    left: 0;
    right: 0;
    background: rgba(0, 129, 187, 0.58);
    /*    background: #0081bb94;*/
    color: white;
    display: none;

}
@media screen and (max-width: 1024px){
    .aifp-mask-hover{
        display: inline-block;
    }
}
/* RESERVAS */
.aifpr-fechas label{
    display: inline-block;

}
.rac-resultado-final div{
    box-shadow: 2px 2px 8px #888;
}
/* PARCHE DATEPICKER */
.datepicker-hide{
    display: none;
    position: absolute;

}
/* */
.ui-dialog{
    z-index: 99999;
}
#dialog-reservar,#dialog-sendme{
    display: none;
}
.mostrarPrecios img{
    width:80%;
    padding: 10%;

}
.rac-resultado-final h3 strong{
    color: red;
}
.boton{
    cursor:pointer;
    text-align: center;
}
.boton.azul{
    background: #0070ff;
    padding: 5px;
    color: white;
    border-radius: 5px;
    border-color: #006cd0;
    width: 100%;
    transition: all ease 0.3s;
    background: green;
    border: none;
    font-size: 15px;
}
.boton.azul:hover{
    background: green;
    border: none;
    padding:10px 5px;
}
.boton.azul i{
    padding: 0 5px;
    transition-duration: 0.8s;
    transition-property: transform;
}
.boton.azul:hover i{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.sendme-success{
    background: green;
    color: white;
    width: 234px;
    max-width: 100%;
    padding: 5px 10px;
    font-size: 15px;
    display: none;
}

.sendme-success i{
    transition-duration: 0.8s;
    transition-property: transform;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
#paso-3 > div{
    width: 100%;
    /* display: inline-block; */
    max-width: 650px;
    text-align: center;
    margin: 15px auto;
    position: relative;
}
#paso-3 div button{
    width: 48%;
    margin: 0 1%;
    padding: 10px 0;
    background: #0070ff;
    color: white;
    border: none;
    border-radius: 5px;
    position: relative;
    background: #0081bb;
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
}
#paso-3 div button.btn-dreservar{
    background: green;
}
.guardme-img{
    width: 100px;
}
#paso-3 > .button-resen{
    display: none;
}
#datepicker_ini:focus + #datepicker-calendar{
    display: block;
}
#datepicker_fin:focus + #datepicker-calendar2{
    display: block;
}
#datepicker-calendar:hover,#datepicker-calendar2:hover{
    display: block;
}
#dialog-success{
    display: none;
}
.showprice{
    text-align: center;
    padding: 10px 0;
}
.showprice h2{
    font-size: 20px;
    background: #0081bb;
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
    color: white;
    padding: 15px 0;
}
.showprice > div{
    width: 31%;
    margin: 15px 1%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}
.apyc-showprice > div{
    width:48%;
}
.showprice > div > p{
    height: 100px;
    overflow: auto;
}
.showprice > div:nth-child(3n+1){
    clear: both;
}
.ap-showprice > div:nth-child(3n+1){
    clear: inherit;
}
/*.ap-showprice > div:nth-child(2n+1){
    clear: both;   
}*/
.showprice .price{
    color: red;
    text-align: center;
}
.showprice .price span{
    font-size: 40px;
    line-height: 40px;
}
.showprice .price sup{
    font-size: 20px;
    bottom: 1.5ex;
}
.showprice .price sub{
    font-size: 15px;
    color: #0081bb;
    line-height: 15px;
}
.showprice .separador{
    border-bottom: 1px solid #d2d2d2;
    margin: 20px 25%;
}
.showprice .listado-precios{
    margin: 10px 0;
}
.showprice .listado-precios span{
    display: block;
    text-align: center;
}
.showprice .listado-precios.listado-scroll{
    max-height: 100px;
    overflow: auto;
}
.showprice .btn{
    margin: 10px 0;
}
.btn.btn-azul{
    padding: 7px;
    background: #0081bb;
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
    color: white;
    border: 1px solid #0081bb;
}
.btn.btn-azul:hover{
    background: white;
    color: #0081bb;
}
.btn.btn-negro{
    padding: 5px;
    background: #303030;
    color: white;
    border: 1px solid #303030;
}
.btn.btn-negro:hover{
    background: white;
    color: #303030;
}
.showprice.ap-showprice h2{
    min-height: 50px;
}
.showprice .double-img{
    position: relative;
}
.showprice .double-img i{
    position: absolute;
    font-size: 55px;
    left: 46%;
    top: 33%;
    color: #c1211f;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.showprice .double-img img{
    width: 49%;

}
.showprice .double-img img:first-child{
    float: left;
}
.showprice .double-img img:nth-child(3){
    float: right;
}
.aifp-ulhorizontal li{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
}
.aifp-ulhorizontal li label img{
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.aifp-ulhorizontal input:checked + label,.listadoprecios-cabecera li input:checked + label{
    /*    background: #222222 url(http://www.aifp.org/aifp/base-aifp/wp-content/uploads/2018/03/playa3.jpg) fixed !important;*/
    background: #0081bb;
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
    width: 100%;
    display: block;
    color: white;
    height: 100%;
}
.aifp-ulhorizontal label{
    display: block;
    text-align: center;
}
.aifp-ulhorizontal input[type=radio]{
    display: none;
}
.aifp-ulhorizontal small{
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0;
    text-align: center;
    background: rgba(48, 48, 48, 0.64);
    bottom: 0;
    display: none;
    color: white;
}
.aifp-ulhorizontal label:hover small{
    display: block;
}
.aifp-mask-hover .t-responsive td,.aifp-mask-hover .t-responsive th{
    color: white;
}
#modal-newsletter{
    display: none;
}
#modal-newsletter input[type=submit]{
    width: 100%;
}
.btn{
    cursor: pointer;    
}
.newsletter-opener input[type=text]{
    padding: 11px 0;
    margin: 0 0 5px 0;
    width: 100%;
}
.wait-spinner{
    text-align: center;
    font-size: 20px;
    color: black;
}
.newsletter-fixed .newsletter-opener input[type=text]{
    width: 79px;
    padding: 11px 0;
    margin: 0 0 5px 0;
}
.newsletter-fixed{
    position: fixed;
    bottom: 10%;
    right: 0;
    z-index: 9999;
    /* display: none; */
    cursor: pointer;
    background: rgba(255, 255, 255, 0.7);
    width: 100px;
    /*    width: 150px;*/
    padding: 0 15px;
    border: 1px solid #c2c2c2;
    display: none;
}
.newsletter-fixed .edgtf-separator-holder{
    display: none;
}
.newsletter-fixed h3{
    margin: 12px 0;
}
.newsletter-fixed br{
    display: none;
}
.instagram-timeline .item{
    /*    width: 50%;*/

    position: relative;
    display: inline-block;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.instagram-timeline .item .mask-instagram-photo{
    position:absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: rgba(48, 48, 48, 0.68);
    display: none;
}
.instagram-timeline .item:hover .mask-instagram-photo{
    display: block;
}
.instagram-timeline .item .mask-instagram-photo > div{
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
}
.instagram-timeline .item .mask-instagram-photo > div > div{
    display: inline-block;
    font-size: 20px;
    color: white;
    padding: 0 10px;
}
.mask-instagram-photo h4 {
    text-align: center;
    font-size: 38px;
    color: #303030;
    padding-bottom: 10px;
}
.mask-instagram-photo h4 img{
    width: 100%;
}
.mask-instagram-photo h4 i{
    font-size: 38px;
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    padding: 5px 8px;
    border-radius: 15px;
    margin-right: 5px;
    color: white;
}
.instagram-timeline .item .mask-instagram-photo h4 a{
    font-size: 38px;

}
.instagram-timeline .item .mask-instagram-photo a{
    color: white;
}
.instagram-timeline .item .mask-instagram-photo > div > div i{
    padding:0 5px;
}
.instagram-timeline .owl-controls{
    display: none;
}
.rating-aifp{
    color: orange;
}
.precios-list{
    text-align: center;
}
.precios-list > div{
    box-sizing: border-box;
    border: 1px solid #d5d5d5;
    padding: 5px;
    text-align: center;
    display: inline-block;
    float: none;
}
.precios-list > div div:first-child{
    font-weight: bold;
}
.precios-list > div div:last-child{
    color: red;
    font-size: 25px;
}
#modal-newsletter a{
    color: #006cd0;
}
/* SIDEBAR */
.sidebaricon{
    display: none;
    position: absolute;
    right: 0;
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: rgb(136, 136, 136) 2px 2px 8px;
    width: 180px;
}
.aifp-more-info .btn-sidebar-pepe .sidebaricon ul.menu li{
    font-size: 15px;
    list-style: none;
    padding: 5px;
    border:1px solid #f2f2f2;
    width: 100%;
    box-sizing: border-box;
}
.aifp-more-info .btn-sidebar-pepe .sidebaricon .widget_nav_menu{
    margin: 0;
}
footer .sidebaricon .widget a:hover{
    color: #0081bb !important
}
.aifp-more-info{
    display: none;
}
.home .aifp-more-info{
    display: block;
}
/* SIDEBAR */
@keyframes rotar {
    0%{
        -webkit-transform: rotateX(0deg); /* Safari */
        transform: rotateX(0deg);
    }
    50%,100% {
        -webkit-transform: rotateX(360deg); /* Safari */
        transform: rotateX(360deg);
    }
}
@keyframes rodar {
    0%{
        -webkit-transform: rotate(0deg); /* Safari */
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg); /* Safari */
        transform: rotate(360deg);
    }
}
.sidebarpepe-fixed{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #35beff;

    background-size: auto 100%;
    box-shadow: 2px 2px 8px #888;
    padding: 5px;
    box-sizing: border-box;
    /*    animation-name: rotar;
        animation-duration: 10s;
        animation-timing-function: ease;
        animation-delay: 5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        animation-fill-mode: none;
        animation-play-state: running;*/
    text-align: center;
}
.sidebarpepe-fixed > div{
    animation-name: rodar;
    animation-duration: 40s;
    animation-timing-function: cubic-bezier(1, 1.01, 0, -0.01);
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    width: 100%;
    height: 100%;
    color: rgba(0,0,0,0);
}
.sidebarpepe-fixed .one{
    position:absolute;
    top: 0;
    min-width: 100px;
}
.sidebarpepe-fixed .two{
    position:absolute;
    bottom: 0;
    min-width: 100px;
}
.sidebarpepe-fixed div{
    font-size: 25px;
}
.sidebarpepe-fixed > div span{
    /*width: 30px;*/
}
.fechas-predeterminadas select{
    width: 100%;
    text-align: center;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 5px;
    border-color: #d5d5d5;
    text-align-last:center; 
    font-size: 16px;
}
.aifptooltip > div{ 
    display: none;
    position: absolute;
    background: white;
    border: 1px solid #d5d5d5;
    border-radius: 15px;
    box-shadow: 2px 2px 8px #888;
    z-index: 99;
    padding: 10px;
}
.aifptooltip:hover > div{
    display: block
}
/*=======================================*/
/* LIGHTBOX g0 */
/*=======================================*/
.modalg0{
    position: fixed;
    top: 0;
    /* bottom: 0; */
    left: 0;
    /* right: 0; */
    height: 100vh;
    width: 100vw;
    text-align: center;
    display: none;
    z-index: 999999;
}
.modalg0 div.content{
    border: 5px solid white;
    border-radius: 15px;
    z-index: 99;
    position: relative;
    margin: 10vh 0 0 0;
    display: inline-block;
    overflow: scroll;
    max-height: 80%;
}
.modalg0 div.content img,.modalg0 div.content video{
    max-width: 80vw;
    max-height: 80vh;
}
.modalg0 div.content iframe{
    max-width: 80vw;
    max-height: 80vh;
    width: 80vw;
    height: 80vh;
}
.modalg0 div.mask{
    position: absolute;
    top: 0;
    /* bottom: 0; */
    left: 0;
    /* right: 0; */
    height: 100%;
    width: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, 0.75);
    color: white;
    cursor: pointer;
    text-align: right;
    box-sizing: border-box;
    padding: 10px 50px;
}
/*=======================================*/
.paso-pago{
    /*    display: block;*/
    max-width: 100%;
}
.paso-pago > div{
    width: 48%;
    margin: 15px 1%;
    display: inline-block;
    vertical-align: top;
}
.paso-pago .metodos-pago div{
    border: 1px solid #d5d5d5;
    /* box-shadow: 2px 2px 8px #888; */
    border-radius: 5px;
    padding: 5px;
    /*min-height: 60px;*/
    position: relative;
}
.paso-pago .metodos-pago div img{
    width: auto;
    height: auto;
    /*max-height: 60px;*/
    max-width: 50%;
    display:inline-block;
}
.paso-pago .metodos-pago div p{
    margin: 0;
    display: inline-block;
    max-width:49%;
    vertical-align: top;
    /*    position: absolute;
        background: green;
        background: rgba(0, 128, 0, 0.7);
        color: white;
        width: 100%;
        top: 0;
        bottom: 0;
        display: none;*/
}
.paso-pago .metodos-pago div:hover p{

}
.paso-pago .metodos-pago div input{
    display: none;
}
.paso-pago .metodos-pago div input:checked + label{
    border: 1px solid #007bff;
}
/* STRIPE */
.stripe-page{

}
.stripe-page > div {
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    float: right;
}
.stripe-page > div img {
    width: 80%;
    display:inline-block;
}
.stripe-page #paymentFrm{
    width: auto;
    border: 1px solid #d5d5d5;
    box-shadow: 2px 2px 8px #888;
    border-radius: 5px;
    width: 49%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
    vertical-align: top;
    overflow: hidden;
}
.stripe-page #paymentFrm label{
    display: block;
}
.stripe-page #paymentFrm input{
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
}
.stripe-page #paymentFrm div{
    width: 50%;
    padding: 5px 15px;
    display: inline-block;
    box-sizing: border-box;
}
.payment-errors{
    color:white;
    background: red;
    border-radius: 5px;
    padding: 5px 15px;
    display: none;
}
/* FIN STRIPE */
#circular span {

    font-size: 13px;
    /* font-family: 'MonoSpace'; */
    width: 18px;
    height: 44px;
    position: absolute;
    left: 38%;
    top: -9px;
    transform-origin: bottom center;
    -webkit-transform-origin: bottom center;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}
.instagram-timeline2{
    display: inline-block;
}
.instagram-timeline2 .item{
    box-sizing: border-box;
    width: 20%;
    display: inline-block;
    padding: 15px 5px 8px 5px;
    border: 1px solid #f2f2f2;
    text-align: center;
    position: relative;
    z-index: 0;
}
.instagram-timeline2 .item .mask-instagram-photo{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: rgba(48,48,48,.68);
    display: none;
}
.instagram-timeline2 .item .mask-instagram-photo > div{
    /*position: absolute;*/
    /*    top:40%;*/
    text-align: center;
    width: 100%;
}
.instagram-timeline2 .item .mask-instagram-photo .bottom-box > div{
    display: inline-block;
    font-size: 20px;
    color: #fff;
    padding: 0 10px;

}
.instagram-timeline2 .item .mask-instagram-photo .bottom-box{
    position: absolute;
    bottom: 5px;
    text-align: center;
    width: 100%;
}
.instagram-timeline2 .item .mask-instagram-photo>div>p{
    font-size: 15px;
    color: white;
    cursor: pointer;
    text-align: center;
}
.instagram-timeline2 .item .mask-instagram-photo>div>p>a{
    color: white;
}
.instagram-timeline2 .item:hover .mask-instagram-photo{
    display: block;
}
.instagram-timeline2 .item .img-full{
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 9;
    display: none;
    padding: 5px;
    max-width: 723px;
    width: 723px;
    height: auto;
    background: rgba(0,0,0,.7);
}
.instagram-timeline2 .item:hover .img-full{
    display: block;
}
.title-instagram-photo{
    font-size: 38px;
    text-align: center;
}
.title-instagram-photo i{

    background: #f09433;
    background: -moz-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: -webkit-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    padding: 5px 8px;
    border-radius: 15px;
    margin-right: 5px;
    color: #fff;
}
.calendario-actividades{
    /*border: 1px solid #4d9ae1;*/
    box-shadow: 2px 2px 8px #888;
    padding: 5px;
    border-radius: 5px;
    background: white;
}
.calendario-actividades > .title-month{
    text-transform: uppercase;
    width: 80%;
    margin: 10px auto;
    background: #4d9ae1;
    color: white;
    font-size: 50px;
    padding: 5px 0;
    box-sizing: border-box;
    text-align: center;
}
.calendario-actividades > .title-month >small{
    display: block;
    font-size: 34px;
    font-size: 70%;
}
.calendario-actividades > div{

}
.calendario-actividades > div > div.disable{
    background: #d5d5d5;
    background: #f2f2f2;
    box-sizing: border-box;
    opacity: 1;
}
.calendario-actividades > div > div.disable:nth-child(2n){
    background: #c5c5c5;
    background: #f2f2f2;
    box-sizing: border-box;
}
.calendario-actividades > div > div{
    display: inline-block;
    box-sizing: border-box;
    /*width: 14.28%;*/
    width: 20%;
    background: #35beff;
    color: white;
    text-align: center;
    height: 100px;
    float: left;
    font-size: 13px;
}
.calendario-actividades > div >.dia-semana{
    background: none !important;
    color: #383838 !important;
    font-weight: bold;
    height: auto;
}
.calendario-actividades > div > div:nth-child(2n){
    background: #0081bb;
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
    color: white;
}
.calendario-actividades > div > div:nth-child(7n-1),.calendario-actividades > div > div:nth-child(7n){
    background: #d5d5d5;
    border: 1px solid black;
    box-sizing: border-box;
    display: none;
}
/* Carousel hecho por mi */
.carousel-calendario{

}

.carousel-calendario .calendario-actividades{
    display: none;
    opacity: 0;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.carousel-calendario .calendario-actividades.current{
    display: block;
    opacity:1;
}

.carousel-calendario .controles i{
    position: absolute;
    top: 45%;
    font-size: 50px;
    cursor: pointer;
}
.carousel-calendario .controles i:hover{
    box-shadow: 2px 2px 8px #888;
    /* border-radius: 50%; */
    /* height: 50px; */
    /* width: 50px; */
    padding: 0 10px;
    text-align: center;
}
.carousel-calendario .controles .cleft{
    left:0;
}
.carousel-calendario .controles .cright{
    right: 0;
}
.carousel-calendario .frase-aviso{
    position: absolute;
    width: 100%;
    text-align: center;
}
.ui-datepicker-calendar .principiante{
    background: green;
}
.ui-datepicker-calendar .principiante a,.ui-datepicker-calendar .principiante span{
    background: #ccffcc;
}
.ui-datepicker-calendar .principiante .ui-state-active, .ui-datepicker-calendar .festivo .ui-state-active{
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #fff;
}
.ui-datepicker-calendar .festivo{
    background: red;
}
.ui-datepicker-calendar .festivo a,.ui-datepicker-calendar .festivo span{
    background: #ffcccc;
}
.show-fechas-beginners{

}
.fechas-beginners-h{
    display: none;
}
.show-fechas-beginners:hover .fechas-beginners-h{
    display: block;
}
.fechas-festivos-h{
    display: none;
}
#paso-4 #dialog-reservar h3{
    margin: 0;
    padding: 15px;
    text-align: center;
    color: white;
    background: #0081bb;
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
}
.fondo-imagen{
    background: url(https://www.aifp.org/base-aifp/wp-content/uploads/2019/07/playas-malaga.jpg) no-repeat;
    background-size: cover;
    background-position-x: center;
    background-position-y: 80%;
}
.fondo-imagen > div{
    background: rgba(0, 0, 0, 0.3);
}
.fondo-imagen p,.fondo-imagen td{
    color: #fff;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
/*====================================
* Curso fila
====================================*/
#curso-fila {
    text-align: center;
}
#curso-fila h2 {
    background: #0081bb;
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
    color: white;
    font-size: 25px;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 15px;
}
.blue-header h2{
    background: #0081bb;
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
    /*background: #d13b30;*/
    color: white;
    font-size: 25px;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 15px !important;
}
#curso-fila .precio{
    color: red;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    height: auto;    
} 
#curso-fila p{
    text-align: justify;
}
#curso-fila .precio p{
    text-align: center
}
#curso-fila .mini-info{
    text-align: center;
    background: white;
    border-radius: 5px;
    border: 1px solid #d5d5d5;
    height: auto;
    padding: 10px 0;
}
#curso-fila p.long-text{
    height: auto;
    max-height: none;
}
.btn-redaifp{
    /*background: #d13b30;*/
    background: orange;
    color: white;
}
.btn-redaifp:hover{
    /*    color: #d13b30;
        border: 1px solid #d13b30;*/
    color: orange;
    border: 1px solid orange;
    background: white;
}
/*=========
==============================*/
@media screen and (min-width: 1024px){
    .selectvertical i{
        display: none;
    }
    .aifpr-fechas{
        width: 100%;
        /*        max-width: 250px;*/
        text-align: center;
        margin: 10px 0;
    }
    .aifpr-fechas label{
        width: 48%;
        display: inline-block;
        position: relative;
        border: 1px solid #d5d5d5;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-radius: 5px;
        /*        background: #f2f2f2;*/
        margin: 5px;
    }
    .aifpr-fechas label > span{
        display: block;
    }
    .listul-pasos-movil{
        display: none;
    }
    .precios-movil{
        /*        display: none;*/
        color: red;
        font-size: 50px;
        text-align: center;
    }
    .botones-pasos{
        display: none;
    }
    .show-movil{
        display: none;
    }
    .hide-movil{
        display: block;
    }
    .datepicker-hide{
        bottom: 21px;
        z-index: 9;
    }
    #dialog-reservar{
        max-width: 650px;
        margin: 0 auto;
        border: 1px solid #d5d5d5;
        border-radius: 5px;
        box-shadow: 2px 2px 8px #888;
        padding: 6px;
    }
    #dialog-reservar label{
        width: 49%;
        max-width: 49%;
        padding: 5px 10px;
        display: inline-block;
        margin: 5px 0;
        border-bottom: 1px solid #d5d5d5;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #dialog-reservar.specialprice label{
        width: 33%;
        box-sizing: border-box;
    }
    #dialog-reservar label.full{
        width: 100%;
        max-width: none;
    }
    #dialog-reservar label span{
        display: block;
    }
    #dialog-reservar label input[type=text],#dialog-reservar label select{
        width: 100%;
        padding: 5px;
        border-radius: 5px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #dialog-reservar label textarea{
        width: 100%;
        padding: 5px;
        border-radius: 5px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    #dialog-reservar label a{
        font-weight:bold;
    }
    #dialog-reservar.specialprice{
        max-width: 100%;
    }
    .pasos-movil{
        display: block;
    } 
    #paso-3 > div{
        width: 100%;
        /* display: inline-block; */
        max-width: 650px;
        text-align: center;
        margin: 15px auto;
        position: relative;
    }
    #paso-3 div button{
        width: 100%;
        margin: 0 1%;
        padding: 10px 0;
        color: #fff;
        border: none;
        border-radius: 5px;
        position: relative;
        margin: 3px 0;
        font-size: 15px;
    }
    #paso-3 div button i{
        position: absolute;
        left: 6px;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
    }
    #paso-3 div button:hover i{
        left: 15%;
    }
    .rac-resultado-final div{
        width: 100%;
    }
    #paso-2 div label{
        text-align: center;
        width: 31%;
        /* background: #f5f5f5; */
        display: inline-block;
        margin: 1%;
        border-radius: 30px;
        border: 1px solid #c2c2c2;
        padding: 10px 0;
        /* box-shadow: 2px 2px 8px #888; */
        box-sizing: border-box;
    }
    /*    #paso-2 div label:first-child{
            width: 98%;
        }*/
    #paso-2 div label input:checked{
        background: #0081bb;
    }
    #paso-1,#paso-2,#paso-4{
        float: left;
        width: 75%;

    }
    #paso-2{
        display: none;
    }
    #paso-3{
        float: right;
        width: 24vw;
        top: 100px;
        position: fixed;
        right: 5px;
    }
    #paso-4{
        clear: both;
        margin-top: 15px;
    }
    .precios-movil{
        display: none;
    }
    .btn-sidebar-pepe{
        position: fixed;
        top: 90px;
        right: 50px;
    }
    .sidebarpepe-fixed{
        background: url(https://www.aifp.org/base-aifp/wp-content/uploads/2019/02/giphy-114x114.gif);
        background-size: auto 100%;
    }
}
@media screen and (max-width: 1023px) {
    .listadoprecios-cabecera,.listadoap-cabecera {
        list-style-type: none;
        overflow: auto;
        height: 140px;
        margin:0;
        padding: 0;
    }
    .listadoprecios-cabecera li, .listadoap-cabecera li {
        width: 100%;
        /*        height: 175px;*/
        max-width: 100%;
    }
    .selectvertical > div{
        width: 48%;
        float: left;
        border: 1px solid #d2d2d2;
    }
    .selectvertical i{
        width: 100%;
        text-align: center;
        color: white;     
    }
    .selectvertical i.disable{
        background: #c2c2c2;
    }
    .selectvertical i.enable{
        background: #0081bb;
    }
    .aifpr-fechas label > span{
        display: none;
    }
    .aifpr-fechas label{
        width: 50%;
        position: relative;
    }
    .aifpr-fechas label input{
        max-width: 100%;
    }
    .pasos-movil{
        display: none;
        padding: 10px 0;
    }
    #paso-1{
        display: block;
    }
    .listul-pasos-movil{
        list-style-type: none;
        height: 70px;
        display: none;
    }
    .listul-pasos-movil li{
        padding: 10px 0;
        border: 1px solid #c2c2c2;
        width: 24%;
        float: left;
        height: 100%;
        overflow: hidden;
        text-align: center;
    }
    .listul-pasos-movil li.select{
        border-color: #0081bb;
    }
    .listul-pasos-movil strong{
        display: block;
    }
    .precios-movil{
        display: block;
        width: 98%;
        text-align: center;
        color: red;
        font-size: 25px;
        border: 1px solid red;
        clear: both;
    }
    .botones-pasos{
        line-height: 0;
    }
    .botones-pasos div{
        width: 48%;
        display: inline-block;
        color: white;
        text-align: center;
        cursor: pointer;
        border: 2px solid white;
        line-height: 0px;
    }
    .botones-pasos .btn-anterior-paso{
        background: #0074a2;
        border-color: #0074a2;
    }
    .botones-pasos .btn-siguiente-paso{
        background: #009900;
        border-color: #009900;
    } 
    .show-movil{
        display: block;
        text-align: center;
    }
    .hide-movil{
        display: none;
    }
    .datepicker-hide{
        bottom: 21px;
        z-index: 9;
    }

    #datepicker-calendar2{
        right: 0;
    }
    .ui-datepicker td a,.ui-datepicker td span
    {    
        height: 1.4em;   
    }
    #dialog-reservar{
        width: 90%;
        margin: 0 auto;
    }
    #dialog-reservar label{
        width: 100%;
        display: inline-block;        
    }
    #dialog-reservar input[type=text],#dialog-reservar textarea,#dialog-reservar select{
        padding: 5px 5px;
        width: 98%;
        box-sizing: border-box;
        border-radius: 5px;
        margin: 5px 0;
    }
    #dialog-reservar textarea{
        height: 100px;
    }
    /* TABLA MESES*/
    .tabla-meses table {
        width:100%;
        overflow: auto;
    }
    .tabla-meses thead {
        display: none;
    }
    .tabla-meses tr td:nth-of-type(2n) {
        background: #f2f2f2;
    }
    .tabla-meses tbody td {
        width: 50%;
        display: inline-block;
        text-align:center;
        border-bottom: 1px solid #d5d5d5;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .tabla-meses tbody td:before {
        content: attr(data-th)": ";
        text-align:center;
        font-weight: bold;
    }
    .newsletter-fixed{
        display: none !important;
    }
    .fb-page{
        position:absolute;
        margin-top: -20px;
    }
    .sidebarpepe-fixed{
        /*        width: 50px;
                height: auto;*/
        background: url(https://www.aifp.org/base-aifp/wp-content/uploads/2019/02/giphy-114x114.gif);
        background-size: auto 100%;
        width: 50px;
        height: 50px;
    }
    #circular span {
        font-size: 9px;
        width: 13px;
        height: 32px;
        position: absolute;
        left: 36%;
        top: -12px;
        transform-origin: bottom center;
        -webkit-transform-origin: bottom center;
        text-transform: uppercase;
        color: #000;
        font-weight: 700;
    }
    .btn-sidebar-pepe{
        position: fixed;
        top: 5px;
        right: 15px;
    }
    .aifptooltip{
        margin-bottom: 20px;
    }
    .instagram-timeline2 .item{
        width: 50%;
    }
    .calendario-actividades>div>div{
        height: 150px;
        font-size: 10px;
    }
    .showprice > div{
        width: 100%;
    }
    .paso-pago > div{
        width: 95%;
        /*float: right;*/
        display: inline-block;
        vertical-align: top;
    }
    .paso-pago > .metodos-pago{
        /*        float: left;*/
    }
}/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 2, 2020, 4:16:22 PM
    Author     : José Alejandro Díaz Sánchez
*/

.videoconference-booking .precio{
    color: red;
    font-weight: normal;
    font-size:  130%;
}
.co-profes{
    width: 100%;


}
.co-profes .co-profe:hover{
    border:1px solid grey;
    border-radius: 5px;
}
.co-profes .co-profe:nth-of-type(3n+1){
    clear: both;
}
.co-profes .co-profe img{
    width: 100%;
    border-radius: 5px;

}
.co-clear{
    clear: both;

}
.co-formadepago{
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    cursor: pointer;
}
.co-formadepago:hover{
    /*background: #d5d5d5;*/
    /*border-color: black;*/
    box-shadow: 2px 2px 8px #888;
}
.co-formadepago img{
    /*width: 150px;*/

}
.co-formadepago .title_pay{
    font-size: 20px;
    line-height: 20px;
    padding-top: 15px;
}
.btn-red{
    background: red;
    color: white;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #cc0000;
    margin-top: 5px;
    width: 100%;
    display: block;
    text-align: center;
}
.btn-naranja{
    background: #F46A00;
    color: white;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid orange;
    margin-top: 5px;
    width: 100%;
    display: block;
    text-align: center;
}
.btn-naranja:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f46a00+0,fcac0c+100 */
    background: #f46a00; /* Old browsers */
    background: -moz-linear-gradient(45deg, #f46a00 0%, #fcac0c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #f46a00 0%,#fcac0c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #f46a00 0%,#fcac0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f46a00', endColorstr='#fcac0c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*.btn-success{
    background: green;
    color: white;
    border: 1px solid green;
    padding: 5px;
}
.btn-success:hover{
    box-shadow: 0 0 8px #888;
}*/
.fechas-nodisponibles{
    display: none;
}
.error-no-disponible{
    color: red;
}
.full-width{width: 100%;box-sizing: border-box;}
#r-datos-usuario label{
    display: block;
}
#r-datos-usuario label input{
    padding: 5px;
    border-radius: 5px;
    box-sizing: border-box;
}
.co-main .co-fase{
    padding: 1%;
    margin: 1%;
    border: 1px solid #d5d5d5;
    border-radius: 25px;
    box-sizing: border-box;
}
.co-main .co-fase.co-pagos{
    width: 100%;
    clear: both;
}
.co-main .co-fase.co-error{
    width: 100%;
    margin: 0;
    background: salmon;
}
.co-main .co-fase h3{
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #0081bb;
    /* border-top: 1px solid #0081bb; */
    color: #0081bb;
    padding: 15px;
    margin: 0 0 20px;
    color: #303030;
    border-color: #d5d5d5;
    font-weight: bold;
}
.co-main .co-fase table{
    border: 1px solid #e3e3e3;
}
.co-main .co-fase table tbody td{
    border-right: 1px solid #e6e6e6;
    vertical-align: middle;
}
.co-main .co-fase table thead th{
    border: 1px solid #e6e6e6;
    color: #303030;
}
.co-main .co-fase table tfoot td{
    border: 1px solid #e6e6e6;
    color: #303030;
    font-weight: bold;
}
.co-main .co-fase table tfoot td .precio{
    color: red;
    font-weight: normal;
    font-size:  130%;
}
.co-main .co-fase:nth-of-type(2n){
    /*    float: right;*/
}
/*.co-main .co-fase:nth-of-type(2n+1){
    clear:both;
}*/
.co-main .co-fase.co-pagos img{
    float: left;
}
.co-main .co-fase.co-pagos span{
    float: left;
    width: 50%;
    min-height: 91px;
}

.co-main .co-fase.co-pagos .co-formadepago {
    border-radius: 5px;
    display: block;
}
.co-main .co-fase.co-pagos .co-formadepago:hover{
    background: #0081bb;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: none;
}
.main-clases{max-width: 1000px; width: 80%;margin: 0  auto;}
.main-clases .precio{text-align: center; font-size: 50px;line-height: 55px;margin: 10px 0;}
.main-clases .dias{border:1px solid #303030}
.main-clases .dias > div{height:50px;float:left;width: 16.66%;text-align: center;border-right: 1px solid #303030;box-sizing: border-box}
.main-clases .dias > div:nth-child(6n){border-right: none;}
.main-clases .dias > div.selected{color: white;background: #0081bb;}
.main-clases .dias div input{display: none;}
.main-clases .dias div label{line-height: 50px;width: 100%;display: block;height: 100%;}
.main-clases .dias div input:checked + label{color: white;background: #0081bb;}
.main-clases .resultadosnew > div{border: 1px solid #d5d5d5;text-align: center;box-sizing: border-box;padding: 5px;}
.main-clases .resultadosnew button{ background: #009900; padding: 5px 10px;border: 1px solid green;}
.main-clases .resultadosnew .btn-link{background: #0081bb; padding: 5px 10px;border: 1px solid #0081bb;color: white;}
.main-clases .resultadosnew .btn-link:hover{background: white; color: #303030;}
.main-clases .col-2{float: left;width:16.66%;}
.main-clases .col-3{float: left;width:25%;}
.main-clases .price{color: red;}
.vc-choosetype{margin-bottom: 20px;}
.vc-choosetype a{    
    padding: 5px 5px;
    background: #0081bb;
    color: white;
    background: white;
    color: #303030;
    border: 1px solid #0081bb;
    height: 50%;
    width: 48%;
    margin: 5px 1%;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;}
.vc-choosetype a:hover{background: green; color: white;}
.vc-choosetype a.selected{background: #0081bb;color:white;}
/*====*/
.in-hover .mask{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 25%;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    box-sizing: border-box;
    padding: 15px 10px;
}
.in-hover:hover .mask{
    display: block;
}
.center,.center p{
    text-align: center;
}
.form-control{
    padding: 5px;
    border-radius: 5px;
    max-width: 100%;
    box-sizing:border-box;

}
.btn.btn-azul{
    background: #0081bb;
    color: white;
    padding: 5px 15px;
    border-radius: 5px;
    max-width: 100%;
    box-sizing:border-box;
    border:1px solid #0081bb;
}
.tm-icon li{
    width: 31%;
    margin: 0 1%;
    padding: 5px;
    float: left;
    box-sizing: border-box;
    /*background: #0081bb;*/
    color: #0081bb;
    list-style-type: none;
    border: 1px solid #0081bb;
    box-shadow: 2px 2px 8px #888;
    border-radius: 40px;
}
.tm-icon li i{
    font-size: 41px;
    display: block;
}
#aifp-turbomeeting label{
    display: block;    
}
#aifp-turbomeeting .btn.btn-azul{
    min-width: 183px;
}
.btn-link{
    background: #0081bb;
    padding: 5px 10px;
    border: 1px solid #0081bb;
    color: #fff;
}
.btn-full{
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: center;
    text-transform: capitalize;
}
.co-rightalign{
    float:right;
    padding: 5px;
}
.co-encabezado{
    padding: 5px;
    text-align: center;
    border-radius: 25px;
    box-shadow: 0px 0px 8px #888;
}
#co-datepicker .ui-datepicker{
    width:100%;    
}

.co-info table td.reservado a,.co-info table td.reservado span{
    background: #ff6767;
}
.co-info table td.ui-datepicker-other-month.highlight span.ui-state-default{
    background: #2da4cd;
}
.co-info table td.highlight .ui-state-default{
    background: #adeaff;
}
.co-info table td.highlight .ui-state-active{
    background: #026d00;
    color: white;
    border: 1px solid #303030;
}
.co-info table td.ui-datepicker-unselectable{
    opacity: 1;
}
.co-info table td.ui-datepicker-other-month{
    opacity: .35;
    filter: Alpha(Opacity=35);
}
.ui-datepicker-today{
    background:#303030;

}
.co-info table th{
    border-right: 1px solid #e6e6e6;
    color: #303030;
    background: #f2f2f2;
}
.co-info table td{
    border-right: 1px solid #e6e6e6;
}
#precio-total{
    font-size: 150%;
    color: #cb2027;
    border-radius: 5px;
    display: none;
}
.co-bt-reservar{
    color: white;
    background: green;
    border: 1px solid #004e00;
    padding: 5px 13px;
}
.co-bt-reservar:hover{
    background: white;
    color: green;
}
.co-radiohora{
    display: block;

}
.co-radiohora label{
    width: 100%;
}
.bounce{
    display: inline-block;
    width: 80%;
    overflow: hidden;
    height: 20px;
    position: relative;
}
.co-radio{
    display: none;
}
.co-radio:checked + label{
    background: #0081bb;
    width: 100%;
    color: white;
}
.co-radio + label{
    padding: 5px;
    border-radius: 5px;
    border:1px solid #0081bb;
}
.bounce span {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;

    white-space: nowrap;
    /* Starting position */
    -moz-transform:translateX(50%);
    -webkit-transform:translateX(50%);	
    transform:translateX(50%);
    /* Apply animation to this element */	
    -moz-animation: bouncing-text 5s linear infinite alternate;
    -webkit-animation: bouncing-text 5s linear infinite alternate;
    animation: bouncing-text 5s linear infinite alternate;
}
.mayusprime{
    text-transform: capitalize;
}
.available,.no-available{
    text-align: center;
    text-transform: capitalize;
    color: white;
    border-radius: 15px;
}
.available{
    background: green;
}
.no-available{
    background: red;
}
#vc-result p{
    text-align: center;
}
i.boton-gris{
    padding: 5px;
    background: #d4d4d4;
    font-size: 25px;
}
.error-event td{
    color: red;
}
.co-encabezado.selected-paso{
    background: green;
    color: white;
}
/* Move it (define the animation) */
@-moz-keyframes bouncing-text {
    0%   { -moz-transform: translateX(50%); }
    100% { -moz-transform: translateX(-50%); }
}
@-webkit-keyframes bouncing-text {
    0%   { -webkit-transform: translateX(50%); }
    100% { -webkit-transform: translateX(-50%); }
}
@keyframes bouncing-text {
    0%   { 
        -moz-transform: translateX(50%); /* Browser bug fix */
        -webkit-transform: translateX(50%); /* Browser bug fix */
        transform: translateX(50%); 		
    }
    100% { 
        -moz-transform: translateX(-50%); /* Browser bug fix */
        -webkit-transform: translateX(-50%); /* Browser bug fix */
        transform: translateX(-50%); 
    }
}
@media screen and (max-width: 1023px) {
    .co-main .co-fase {
        padding: 10px;
        margin: 1%;
        border: 1px solid #d5d5d5;
        border-radius: 25px;
        box-sizing: border-box;
    }
    .co-info table td a, .co-info table td span {
        min-height: 48px;
    }
}
@media screen and (min-width: 1024px) {
    .co-main .co-fase.co-pagos img{
        max-width: 50%;
    }
    .co-profes .co-profe{
        width: 30%;
        padding: 1%;
        text-align: center;
        float: left;
        border: 1px solid white;
    }
    .co-main .co-fase{
        width: 48%;
        float: left;
        padding: 1%;
        margin: 1%;
        border: 1px solid #d5d5d5;
        border-radius: 25px;
        box-sizing: border-box;
    }
    .profe-info{
        clear: both;
    }
    .profe-info img{
        display: inline-block;
        float: left;
        width: 10%;
    }
    .profe-info span{
        display: inline-block;
        float: left;
        width: 89%;
        padding-left: 1%;
    }
    .co-info{
        margin-top: 15px;

    }
    .co-info > div{
        /*        width: 33%;
                float: left;*/
    }
    .co-info table th{
        border-right: 1px solid #e6e6e6;
        color: #303030;
        background: #f2f2f2;
    }
    .co-info table td{
        border-right: 1px solid #e6e6e6;
    }
    .co-info form{
        padding: 5px;
    }
    #re-hora select{
        min-width: 80px;
    }

    .ui-datepicker-multi .ui-datepicker-group{
        float: none;
        padding-bottom: 5px;
    }
    .ui-datepicker-multi .ui-datepicker-group table{
        margin:0;
        width: 100%;
    }
}/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 7, 2019, 3:18:47 PM
    Author     : Alejandro Díaz
*/

body{
    /*    background: #d5d5d5;*/
    font-family: "Open Sans";
}
p{
    text-align: justify;
}
h1 a,h2 a,h3 a,h4 a,h5 a{
    color: inherit;
}
figure{
    margin:0;
}
body.home{
    /*    background-image: url(https://www.deutsch-schule.com/imagenes/Playas-y-Oasis-04.JPG);
        background-attachment: fixed;
        background-position: center center;
        background-size: cover;*/
}
body.home.index-2{
    background-image: url(https://www.deutsch-schule.com/deutsch-schule2019/base-deutschschule/wp-content/uploads/2019/06/typewriter-801921_1920.jpg);
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}
.mshow{
    display: none !important;
}
.mhide{
    display: block !important;
}
header{
    max-width: 100%;
    overflow: hidden;
}
.clear{
    clear:both;
}
.main-content{

}
.main-content > article{
    width: 100%;
    max-width: 1200px;
    margin: 9px auto;
    background: white;
    box-sizing: border-box;
    padding: 15px;
    /*box-shadow: 0 9px 0px 0px #f2f2f2, 0 -9px 0px 0px #f2f2f2, 12px 0 15px -4px rgba(0, 0, 0, 0.27), -12px 0 15px -4px rgba(8, 8, 8, 0.27);*/
}

.main-content > div{
    padding: 30px 5px;

}
.main-content .row{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.main-content > div:nth-child(2n){
    background: white;
}
.main-content > div:nth-child(2n+1){
    color: #303030;
    background: #d5d5d5;
    background: rgba(47,102,146,1);
    background: -moz-linear-gradient(left, rgba(47,102,146,1) 0%, rgba(110,158,194,1) 50%, rgba(47,102,146,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(47,102,146,1)), color-stop(50%, rgba(110,158,194,1)), color-stop(100%, rgba(47,102,146,1)));
    background: -webkit-linear-gradient(left, rgba(47,102,146,1) 0%, rgba(110,158,194,1) 50%, rgba(47,102,146,1) 100%);
    background: -o-linear-gradient(left, rgba(47,102,146,1) 0%, rgba(110,158,194,1) 50%, rgba(47,102,146,1) 100%);
    background: -ms-linear-gradient(left, rgba(47,102,146,1) 0%, rgba(110,158,194,1) 50%, rgba(47,102,146,1) 100%);
    background: linear-gradient(to right, rgba(47,102,146,1) 0%, rgba(110,158,194,1) 50%, rgba(47,102,146,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f6692', endColorstr='#2f6692', GradientType=1 );
    /*    background-image: url(https://www.deutsch-schule.com/imagenes/mill-reduce.jpg);
        background-attachment: fixed;
        background-position: center center;
        background-size: cover;*/
}
.main-content > div:nth-child(2n+1) .col-md{
    background: rgba(255,255,255,0.7);
}
.main-content > div:nth-child(2n+1) h2{
    background: white;
}
.button-blue {
    color: white !important;
    padding: 5px;
    background: #006699;
    border-radius: 5px;
    display: inline-block;
}
img{
    max-width: 100%;
    height: auto;
    padding: 5px;
    box-sizing: border-box;
}
.hidden{
    display: none;
}
.mensaje-importante{
    display: none;
}
.row.beneficios-row{
    text-align: center;
}
.row.beneficios-row img{
    border-radius: 50%;
}
.row.beneficios-row i{
    font-size: 45px;
    background: #303030;
    color: white;
    border-radius: 50%;
    text-align: center;
    padding: 20px 15px;
    width: 86px;
    height: 86px;
}
.row.beneficios-row p{
    text-align: justify;
}
footer{

    background: #272a2d;
    color: white;
}
footer a{
    color: white;
}
.footer-copyright{
    background: #313539;
}
.fondo-1{
    /*    background-color: #ededed;
        background-image: url(https://www.deutsch-schule.com/deutsch-schule2019/base-deutschschule/wp-content/uploads/2019/06/typewriter-801921_1920.jpg);
        background-attachment: fixed;
        background-position: center center;
        background-size: cover;*/
    color: white;
    /*    text-shadow: 1px 1px 2px rgba(0,0,0,1);*/
}
.center{
    text-align: center;
}
.alignright{
    float:right;
    margin-left: 10px;
}
.alignleft{
    float:left;
    margin-right: 10px;
}
.aligncenter {
    display: block;
    margin: 10px auto;
}
main > h1{
    color: white;
    text-shadow: 1px 1px 2px rgba(0,0,0,1);
    text-align: center;
    background: #bed5fe;
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
    padding: 25px 5px;
    margin: 0;
}
.redes-footer i{
    font-size: 200%;
    padding:5px 15px;
    width: 62px;
}
footer i.fa-facebook-f {
    color: #fff;
    background: #3c5a99;

}
footer i.fa-twitter {
    background: #1ea1f2;
    color: #fff;
}
footer i.fa-instagram{    
    background: #f09433;
    background: -moz-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: -webkit-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433',endColorstr='#bc1888',GradientType=1);
}
footer i {
    line-height: 21px;
    min-width: 21px;
    text-align: center;
    color: #fff;
    font-size: 150%;
    border-radius: 5px;
}
#carouselHome .carousel-caption{
    top: 30%;
    top: 200px;
    vertical-align: middle;
}
.carousel-caption h2{
    font-size: 4rem;
}
.black-background{
    background: #303030;
}
.banner-otto{
    background: url(https://www.deutsch-schule.com/imagenes/banner_otto-fondo.png) repeat-x;
    background-size: contain;
}
.banner-otto img{

    margin: 0;
    padding: 0;
}
.logo-deutsch-schule{
    opacity: 0;
    height: 50px;
}
.logo-in-banner{
    position: fixed;
    z-index: 99999;
}
.logo-in-banner img{
    width: 135px;
}
.scrollpage{
    margin-left: 100px;
    margin-left: 20px;
    width: 40%;/*300px;*/
    height: 50px;
    position: relative;
    /*    background: url(https://www.deutsch-schule.com/imagenes/linea-otto.png) repeat-x;
        background-size: contain;*/
}
.scrollpage img{
    position:absolute;
    left:0;
    top: 0;
    height: 50px;
    width: auto;
}
.slider-home{
    max-width: 100%;
    overflow: hidden;
}
/*.dropdown:hover>.dropdown-menu {
    display: block;
    top: 85%;
}
.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}*/
.navbar-nav > li:last-child .dropdown-menu{
    right: 0;
    left: auto;
}
header .ventana{
    position: absolute;
    top: 5px;
    right: 5px;
    background: white;
    padding: 0;
    width: 222px;
    height: 153px;
    overflow: hidden;
}
header .ventana > a > img{
    position:absolute;
    z-index: 99;
    height: 153px;
    padding: 0;
}
header .ventana .caption{
    z-index: 9;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    /* display: inline-block; */
    vertical-align: middle;
    box-sizing: border-box;
    padding-top: 38px;
    background: url(https://www.deutsch-schule.com/imagenes/verano.jpg);
    background-size: contain;
    color: white;
    text-shadow: 1px 1px 2px rgba(0,0,0,1);

}
.no-fondo{
    background: none !important;
}
@media (min-width: 1601px) {
    .banner-otto img{
        height: 200px !important;
    }
    .main-content > div:nth-child(2n+1){
        color: #303030;
        background-image: url(https://www.deutsch-schule.com/imagenes/playas-malaga.jpg);
        background-attachment: fixed;
        background-position: center center;
        background-size: cover;
    }
    .scrollpage{
        width: 50%;
    }
}
@media (min-width: 1280px) AND (max-width: 1600px ) {
    .banner-otto img{
        height: 200px !important;
    }
    .main-content > div:nth-child(2n+1){
        color: #303030;
        background-image: url(https://www.deutsch-schule.com/imagenes/playas-malaga.jpg);
        background-attachment: fixed;
        background-position: center center;
        background-size: cover;
    }
}
@media (min-width: 1024px) AND (max-width: 1279px ) {
    .scrollpage{
        display: none;
    }
}
@media (min-width: 801px) AND (max-width: 1023px ) {
    .logo-deutsch-schule{
        opacity: 1;
    }
    .scrollpage{
        display: none;
    }
    .logo-in-banner{
        display: none;
    }
    header .ventana{
        display: none;
    }
}
@media (max-width: 800px) {
    .banner-otto{
        background: url(https://www.deutsch-schule.com/imagenes/banner_otto-fondo.png) repeat-x;
        background-size: contain;
    }
    .banner-otto img{
        margin: 0;
        padding: 0;
    }
    .logo-deutsch-schule{
        opacity: 1;
    }
    .scrollpage{
        display: none;
    }
    .logo-in-banner{
        display: none;
    }
    header .ventana{
        display: none;
    }
}
/*===========================================================================*/
/*===========================================================================*/
/*===========================================================================*/
/*=========Página de Reservar================================================*/
/*===========================================================================*/
/*===========================================================================*/
/*===========================================================================*/
/*------------------------*/
/* PAGINA VISTA DE CURSOS */
/*------------------------*/
.vista-cursos{
    text-align: center;
    margin: 0;
    padding: 0;
}
.vista-cursos li{
    width: 23%;
    margin: 5px 1%;
    padding: 10px 5px;
    border: 1px solid #d5d5d5;
    text-align: center;
    position:relative;
    display:inline-block;
    vertical-align: top;
    box-sizing: border-box;
    background: white;
}
.vista-cursos li .estado{
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 5px;
    /* border-radius: 15px; */
    background: #0896fe;
    color: #fff;
    white-space: nowrap;
    /* width: 100%; */
    border-radius: 5px 0px 5px 0px;
    /* box-shadow: 2px 2px 8px #888; */
}
.vista-cursos li .estado.est-lleno{
    background: #cc0000;
}
.vista-cursos li .estado.est-ultimas{
    background: #ff6600;
}
.vista-cursos li .estado.est-empezado{
    background: #0896fe;
}
.vista-cursos li .estado.est-disponible{
    background: green;
}
.precio{
    color: red;
    font-size: 25px;
}

.vista-cursos li p{
    text-align: center;
    position: relative;
    margin-top:5px;
    margin-bottom: 25px;
}
.vista-cursos li p button{
    margin-top: 15px;
}
.vista-cursos li h3{
    height: 48px;
    font-size: 18px;
    margin-top: 20px;
}
.vista-cursos li .precio-dos,.vista-cursos li .linea-extra{
    position: absolute;
    text-align: center;
    left: 0;
    width: 100%;
    height: 20px;
}
/* Filtros de los cursos*/
#filtros-cursos{
    width: 100%;
    border: 1px solid #d5d5d5;
    padding: 5px;
    border-radius: 5px;
    background: white;
}
#filtros-cursos h2{
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 50%;
}
#filtros-cursos .filtros{
    display: inline-block;
    width: 50%;
    text-align: right;
    vertical-align: middle;
}
#filtros-cursos > div > div{
    display: inline-block;
}
#filtros-cursos label{
    display: inline-block;
    padding: 5px 10px;
}
#filtros-cursos select{
    padding: 5px;
    border-radius: 5px;
}
.cursos-not-found{
    background: #ff9999;
    display:block;
    width: 98%;
    margin: 0 auto;
}
.wait-spinner{
    text-align: center;
    display:block;
}
.wait-spinner i{
    font-size: 25px;
    color: black;
}
/*------------------------*/
/* PAGINA FORMULARIO      */
/*------------------------*/
.formulario-datos{
    text-align: center;
}
.formulario-datos > div{
    position:relative;
    display:inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 10px;
}
.formulario-datos .paso-1{
    width: 50%;
}
.formulario-datos .paso-1 label{
    display: inline-block;
    padding: 5px;
}
.formulario-datos .paso-1 input[type="text"],.formulario-datos .paso-1 input[type="date"]{
    width: 100%;
}
.formulario-datos .paso-1 input[type="radio"]{
    display: none;
}
.formulario-datos .paso-1 input[type="radio"] + label{
    border: 1px solid #b3afaf;
    border-radius: 15px;
    padding: 5px 0;
    text-align: center;
}
.formulario-datos .paso-1 input[type="radio"]:checked + label{
    background: #0896fe;
    border-color: #0896fe;
    color: white;
}
.formulario-datos .paso-1 label{
    width: 50%;
}
.formulario-datos .paso-1 .g-recaptcha > div{
    display: inline-block;
}
.formulario-datos .paso-1 .full{
    width: 100%;
}
.formulario-datos .paso-2{
    width: 100%;
    background: url(https://www.deutsch-schule.com/deutsch-schule2019/base-deutschschule/wp-content/uploads/2019/05/sala-pequeña1.jpg);
    background-position-y: center;
    background-size: 100%;
    padding: 0;
}
.formulario-datos .paso-2 > div{
    background: rgba(0,0,0,0.7);
    padding: 10px;
}
.formulario-datos .paso-2 p,.formulario-datos .paso-2 h3{
    text-align: center;
    color: white;
}
.formulario-datos .paso-2 .precio{
    background: red;
    color: white;
    border-radius: 15px;
    padding: 0 10px;
}
.formulario-datos .paso-3{
    /*    width: 50%;*/
    /*margin: 0 1%;*/
}
.formulario-datos .paso-3 p,.formulario-datos .paso-3 li{
    text-align: justify;
}
.formulario-datos .paso-3 .precio{
    font-size: 120%;
}
/*------------------------*/
/* Tabla cursos           */
/*------------------------*/
.tabla-cursos{
    max-width: 100%;
    overflow: auto;
}
.tabla-cursos table{
    min-width:974px;
}
.tabla-cursos th{
    background: #0896fe;
    color:white;
}
.tabla-cursos tr:nth-child(2n){
    background: #f2f2f2;
}
.tabla-cursos tr:hover{
    background: #ccffcc;
}
.tabla-cursos th, .tabla-cursos td{
    min-width:75px;
    padding: 5px !important;
}
/*------------------------*/
/* CONTENEDOR HIJOS POSTS */
/*------------------------*/
.child-posts{
    clear: both;
}
.child-posts > div{
    border: 1px solid #d5d5d5;
    margin: 15px 0;
    border-radius: 5px;
    box-shadow: 2px 2px 8px #888;
}
.child-posts > div > div{
    width: 73%;
    margin: 15px 1%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}
.child-posts > div > div a{
    color: #303030;
}
.child-posts > div > div a:hover{
    color:#0896fe
}
.child-posts > div >div:first-child{
    width: 22%;
    vertical-align: middle;
}
.child-posts > div >div:first-child img{
    border-radius: 10px;
    padding: 5px;
}
/*------------------------*/
/* PROFESORES             */
/*------------------------*/
.view-profesores{

}
.view-profesores > div{

}
.view-profesores > div > div{
    display: inline-block;
    vertical-align: top;
    width: 73%;
    margin: 0 1%;
}
.view-profesores > div > div:first-child{
    width: 23%;
    vertical-align: bottom;
}
.view-profesores > div > div >img{
    width: 100%;
    border-radius: 50%;
}
/*------------------------*/
/* Cursos en principal    */
/*------------------------*/
@media screen and (min-width: 1024px){
    .aifp-cursos > div {
        width: 33%;
        padding: 1%;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        position: relative;
    }
}
.aifp-cursos{
    text-align: center;
    width: 100%;
}
.aifp-cursos > div >div{
    position: relative;

}
.aifp-cursos p{
    color: #303030;
    text-align: center;
}
.aifp-cursos > div >div:hover .aifp-mask-hover{
    display: block
}
.aifp-cursos h3{
    color: #0081bb;
}
.aifp-cursos a h3{
    color: #303030;
}
.aifp-cursos a h3:hover{
    color: #0081bb;
}
.aifp-mask-hover{
    position: absolute;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    background: rgba(0, 129, 187, 0.58);
    /*    background: #0081bb94;*/
    color: white;
    display: none;

}
.aifp-cursos a:hover{
    text-decoration: none;
}
@media screen and (max-width: 1024px){
    .aifp-mask-hover{
        display: inline-block;
    }
}
.t-responsive{
    margin: 20% 0 0 0;
}
.t-responsive p{
    color: white;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    text-align: center;
}
.t-responsive .precio-special{
    color: red;
    font-size: 25px;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}
/*------------------------*/
/* IFRAME MINI            */
/*------------------------*/
.thumbnailiframe iframe {
    width: 1440px;
    height: 900px;
    position: absolute;
    top:0;
    left:0;
}
.thumbnailiframe {
    position: relative;
    -ms-zoom: 0.25;
    -moz-transform: scale(0.25);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.25);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.25);
    -webkit-transform-origin: 0 0;
    width: 360px;
    height: 225px;

}
/*------------------------*/
/* Tricolumn              */
/*------------------------*/
.tricolumn{
    display: inline-block;
    padding: 0;
    margin: 0;
}
.tricolumn li{
    color: white;
    background: #303030;
    list-style: none;
    padding: 5px;
}
.tricolumn li:first-child{
    background: #303030;
}
.tricolumn li:nth-child(2n){
    background: #ca0000;
}
.tricolumn li:last-child{
    background: yellow;
    color: #303030;
}
/*------------------------*/
/* AVISOS                 */
/*------------------------*/
.aviso-informativo,.aviso-importante,.aviso-special{
    padding: 5px;
    font-size: 15px;
    box-shadow: 2px 2px 3px #888;
    display: inline-block;
    border-radius: 5px;
    margin: 0 0 15px 0;
}
.aviso-informativo{    background: white;    }
.aviso-importante{    background: #ff8d00;    color: white;}
.aviso-special{    background: #0896fe;   color: white;}
.aviso-importante a,.aviso-special a{    color: white;    text-decoration: underline;}
/*------------------------*/
/* FORMULARIO CONTACTO    */
/*------------------------*/
.i-error{
    border: 1px solid red;
}
input[type='checkbox'].i-error{
    box-shadow:0 0 2px red;
}
#status-send .error-msg{
    background: red;
    border: 1px solid #112233;
    border-radius: 5px;
    padding: 5px;
    color: white;
}
/*------------------------*/
/* FORMULARIO CONTACTO    */
/* ALEMAN PARA EMPRESAS   */
/*------------------------*/
.form-alemanempresas{
    border-radius: 5px;
    background: white;
    padding: 15px;
    margin: 5px;
}
.form-alemanempresas > div{
    width: 50%;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 15px;
    vertical-align: top;
    text-align: center;
}
/*.form-alemanempresas > div:nth-child(3n-1){
    border-right: 1px solid #f2f2f2;
}*/
.form-alemanempresas > div > label{
    display: block;
    text-align: justify;
}
.form-alemanempresas > div > div{
    width: 50%;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
}
.form-alemanempresas input[type='radio']{
    display: none;
}
.form-alemanempresas input[type='radio'] + label{
    border:1px solid #d5d5d5;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 5px;
    width: 100%;
}
.form-alemanempresas input[type='radio']:checked + label{
    background: #007bff;
    color: white;
}
/*------------------------*/
/*CONTACTO ALEMAN ALEMANIA*/
/*------------------------*/

.form-academias{
    border-radius: 5px;
    background: white;
    padding: 15px;
    margin: 5px;
}
.form-academias > div{
    width: 50%;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 15px;
    vertical-align: top;
    text-align: center;
}
.form-academias > div label{
    display: block;
    text-align: left;
}
/*------------------------*/
/* PÁGINA DE CONTACTO     */
/*------------------------*/
.pag-contact strong{
    color: red;
}
.pag-contact hr{

}
/*------------------------*/
/* TABLA PRECIOS          */
/*------------------------*/
.table-ds-precios{
    background: white;
}
.table-ds-precios thead{
    background: #007bff;
    color: white;
}
.table-ds-precios thead th{
    vertical-align: top;
}
.table-ds-precios tbody{

}
.table-ds-precios tbody tr:nth-child(5n-4){

}
.table-ds-precios tbody tr:nth-child(5n-4) strong{
    color: #007bff;
    padding: 5px;
    border-radius: 15px;
    display: block;
    text-align: center;
}
.table-ds-precios tbody .ds-separator{
    background: #ececec;
    height: 5px;
}
.table-ds-precios tbody .ds-separator td{
    height: 5px;
    padding: 0;
}
.table-ds-precios th, .table-ds-precios td{
    border-right: 1px solid #dee2e6;
}
.table-ds-precios th:last-child, .table-ds-precios td:last-child{
    border-right: 0;
}
#precio-cursos.table-ds-precios th,#precio-cursos .table-ds-precios th{
    width: 88px;
}
#precio-cursos.table-ds-precios th:nth-child(6n-5),#precio-cursos .table-ds-precios th:nth-child(6n-5){
    width:335px
}
.table-responsive {
    display: table;
}
/*------------------------*/
/* TABLAS PARA DS         */
/*------------------------*/
.table-blue-stripe{

}
.table-blue-stripe tr{
    background: #007bff;
    color: white;
}
.table-blue-stripe tr:nth-child(2n){
    background: #005fc5;
}
.thead-green{
    background: #4caf50;
    color: white;
}
.thead-blue{
    background: #007bff;
    color: white;
}
.table-old {
    border: #303030 1px solid;
}

.table-old td {
    border: #303030 1px solid;
}
.Estilo1{
    color:red;
}
/*------------------------*/
/* SLIDER HOME            */
/*------------------------*/
#carouselHome .carousel-caption{
    text-align: center;
    background: rgba(0,0,0,0.2);
    background: none;
    bottom: auto;
    border-radius: 15px;
}
#carouselHome .carousel-caption p{
    text-shadow: 0px 2px 5px rgba(0,0,0,1);
    text-align: center;
    font-size: 25px;
}
#carouselHome .carousel-caption h2{
    text-shadow: 0px 2px 5px rgba(0,0,0,1);
    text-align: center;
}
#carouselHome .carousel-caption button{
    display: inline-block;
    clear:both;
}
.force-responsive{
    width: 100%;
    overflow: auto;
}
/*------------------------*/
/* PÁGINA DE CONVER Y TUTO*/
/*------------------------*/
.noticias{
    background: url(imagenes/pizarra-corcho.jpg);
    background-size: cover;
}
.noticias article{
    background: none;
    box-shadow: none;
    margin: 0 auto;
}
.noticias article > div{
    display: inline-block;
    background: white;
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
    width: 31%;
    margin: 0 1%;
    border-radius: 15px;
    position: relative;
}
.noticias article > div h4,.noticias article > div p{
    text-align: center;
}
.noticias article > div .pincho-corcho{
    background: url(imagenes/pincho-corcho.png);
    font-size: 27px;
    position: absolute;
    top: -31px;
    left: 40%;
    width: 50px;
    height: 50px;
    background-size: 100%;
}
/*------------------------*/
/* PROMOCIONES            */
/*------------------------*/
#promociones{
    background: url(imagenes/pizarra-corcho.jpg);
    background-size: cover;
}
#promociones > div{
    display: inline-block;
    background: white;
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
    width: 31%;
    margin: 0 1%;
    border-radius: 15px;
    position: relative;
}
#promociones > div h4,#promociones > div p{
    text-align: center;
}
#promociones > div .pincho-corcho{
    background: url(imagenes/pincho-corcho.png);
    font-size: 27px;
    position: absolute;
    top: -31px;
    left: 40%;
    width: 50px;
    height: 50px;
    background-size: 100%;
}
/*------------------------*/
/* ACADEMIAS              */
/*------------------------*/
.vista-escuelas{

}
.vista-escuelas h2{
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color: #303030;
    background: white;
    padding: 5px;
    text-align: center;
}
/* FILTROS */
#filtro-academia{
    width: 23%;
    border: 1px solid #d5d5d5;
    padding: 5px;
    margin: 10px 1%;
    border-radius: 5px;
    background: white;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 724px;
}
#filtro-academia .filtros{
    /*position:absolute;*/
    top:0;
    max-width: 100%;
}
#filtro-academia .filtros > div > div{
    width: 48%;
    margin: 1%;
    box-sizing: border-box;
    /* float: left; */
    display: inline-block;
    vertical-align: top;
}
/* ACADEMIAS */
.academias{
    width: 73%;
    margin: 0 1%;
    display: inline-block;
}
.academias > div.row{
    background: white;
    margin:10px 0;
    padding:15px;
    /*box-shadow: 2px 2px 8px rgba(0,0,0,0.8);*/
    border-radius: 15px;
    box-sizing: border-box;
    border: 1px solid #d5d5d5;
}
.academias > div h3{
    background: #007bff;
    color: white;
    padding: 5px;
    box-sizing: border-box;
}
.academias > div h3 a{
    color: white;
}
.academias > div .info p{
    display:inline-block;
    width: 48%;
    margin: 5px 1%;
    vertical-align: top;
    text-align: left;
}

/*------------------------*/
.encabezado-border{
    border-top: 1px solid #303030;
    border-bottom: 1px solid #303030;
    margin: 15px 0;
    background: #a1a1a1;
    /* color: white; */
    padding: 5px;
}
/*------------------------*/
/* Listado horizontal     */
/*------------------------*/
.listado-horizontal{

}
.listado-horizontal > li{
    width: 48%;
    margin: 10px 1%;
    display: inline-block;
    vertical-align: top;

}
/*------------------------*/
/* Main book              */
/*------------------------*/
.booking{
    /*background: #f2f2f2;*/
}
#main-book{
    /*background: #f2f2f2;*/
}
#main-book article{
    background: none;box-shadow: none;margin:0 auto;
}
/*------------------------*/
/* Especial por página    */
/*------------------------*/
.post article > h2,.page article > h2{
    text-align: center;
    clear: both;
    font-family: "Tahoma";
    font-weight: bold;
    font-size: 40px; 
    padding: 20px 0 15px 0;
}
.post article > h2:after,.page article > h2:after{
    content: '\A_____';
    font-size: 20px;
    color: #076fda;
    line-height: 12px;
    white-space: pre;
    height: 12px;
}
/*------------------------*/
/* Videoconferencia       */
/*------------------------*/
.tm-videoconferencia #aifp-turbomeeting{
    text-align: center;
}
.tm-videoconferencia #aifp-turbomeeting label{
    display: block;
}
.tm-videoconferencia {
    text-align: center;
}
.tm-icon li{
    width: 31%;
    margin: 0 1%;
    padding: 5px;
    float: left;
    box-sizing: border-box;
    /*background: #0081bb;*/
    color: #0081bb;
    list-style-type: none;
    border: 1px solid #0081bb;
    box-shadow: 2px 2px 8px #888;
    border-radius: 40px;
    background: white;
    text-align: center;
}
.tm-icon li i{
    font-size: 41px;
    display: block;
}
#aifp-turbomeeting label{
    display: block;    
}
#aifp-turbomeeting .btn.btn-azul{
    min-width: 183px;
}
/*------------------------*/
/* Modificaciones boostrap*/
/*------------------------*/
#navbarHome{
    background: url(imagenes/menu-top-fondo.jpg);
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
    background: #d13b30 !important;
    /*background: #ffd400 !important;*/
    background: white !important;
    background-size: contain;
    color: white;
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
}
#navbarHome .navbar-nav .nav-link,
#navbarHome .navbar-nav .nav-link:focus, 
#navbarHome .navbar-nav .nav-link:hover{
    /*color: white;*/
    color: #303030;
}
.home #navbarHome{
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}
.home #navbarHome.scrollini{
    background: none !important;
    box-shadow: none;
}
.home #navbarHome{
    position: fixed;
    top: 0;
    /*    right: 0;
        left: 0;*/
    width: 100%;
    z-index: 1030;
}
#navbarHome .navbar-brand img{
    height: 80px
}
.home #navbarHome.scrollini .navbar-nav .nav-link,
.home #navbarHome.scrollini .navbar-nav .nav-link:focus, 
.home #navbarHome.scrollini .navbar-nav .nav-link:hover{
    color: white;
}
#carouselHome {
    max-height: 100vh;
}
#carouselHome .carousel-item img{
    min-height: 100vh;
    padding: 0;
}
/*------------------------*/
/* Masonry                */
/*------------------------*/
.grid-masonry .grid-item{
    width: 370px;
    padding: 15px;
    box-sizing: border-box;
    margin: 5px;
    background: white;
    display: inline-block;
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
    vertical-align: top;
}
/*------------------------*/
.title-blue{
    background: #0081bb;
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
    color: white;
}
.page-ap{
    text-align: center;
}
.page-ap h2{
    background: #0081bb;
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
    color: white;
    text-align: center;
    clear: both;
    margin: 30px 0;
    font-weight: bold;
    font-size: 26px;
    padding: 10px 0;
}
.page-ap img{
    width: 50%;
    padding: 0 15px;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.page-ap p{
    font-size: 15px;
    padding: 0 15px;
    font-weight: 400;

}
/*------------------------*/
/* PROFES AIFP            */
/*------------------------*/
.profesaifp{
    text-align: center;
    background-image: url(https://www.aifp.org/base-aifp/wp-content/uploads/2018/06/pizarra-chicos.jpg?id=9332);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.profesaifp > div{
    min-width: 300px;
}
.profesaifp img{
    width: 200px;
    border-radius: 50%;
}
.profesaifp h3, .profesaifp p{
    color: white;
}
.profesaifp hr{
    border-color: white;
}
/*------------------------*/
/* POST                   */
/*------------------------*/
.page > h1{
    line-height: 100px
}
.page > .h1-fondo{
    height: 600px;
    text-align:center; 
    display:table;
    width:100%;
    background-position-y: 0 !important;
    background-attachment: initial !important;
}
.page > .h1-fondo >h1{
    display: table-cell;
    vertical-align: middle;
    font-size: 100px;
    color: red;
    color: white;
    font-weight: bold;
    background: none;
    line-height: 200px;
}
/*------------------------*/
/* Star rating            */
/*------------------------*/
.checked {
    color: orange;
}
.listado-precios-curso{
    text-align: center;
}
.listado-precios-curso div{
    width:15%;
    margin:5px 0.5%;
    padding: 5px;
    display: inline-block;
    border: 1px solid #d5d5d5;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
}
.listado-precios-curso div p{
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
.header-cursos{
    margin: 15px 0;
    padding: 5px;
}
/*------------------------*/
/* SUB SUB MENU BOOTSTRAP */
/*------------------------*/
.dropdown-item{
    position: relative;
    width: 300px;
}
.dropdown-item a{
    white-space: normal;
}
.dropdown-submenu{
    display: none;
    position: absolute;
    left: 100%;
    background: white;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    top: 0;
}
.nav-item:nth-child(5n) .dropdown-menu,.nav-item:nth-child(6n) .dropdown-menu{
    right:0;
    left: auto;
}
.nav-item:last-child .dropdown-item{
    width: auto;
}
/*------------------------*/
/* Footer                 */
/*------------------------*/
.blog-footer{

}
.blog-footer .row{
    padding: 5px 0;
}
.blog-footer .foto{
    margin-top: 15px;
    height: 130px;
    width: 100%;
    vertical-align: bottom;
    position: relative;
    overflow: hidden;
}
.blog-footer .foto img{
    bottom: 0;
    position: absolute;
}
.blog-home{

}
.blog-home.row{
    padding: 5px 0;
}
.blog-home.row .post-home > div{
    background: white;
}
.blog-home.row .post-home > div > p{
    padding:5px;
    min-height: 60px;
    text-align: center;
}
.blog-home.row .post-home > div a {
    color: black;
}
.blog-home.row .post-home > div a:hover {
    color: #0081bb;
}
.blog-home .foto{
    /*    margin-top: 15px;*/
    height: 130px;
    width: 100%;
    vertical-align: bottom;
    position: relative;
    overflow: hidden;
    text-align: left;
}
.blog-home .foto img{
    bottom: 0;
    position: absolute;
}
/*------------------------*/
/* Slick Testimonios      */
/*------------------------*/
.home-testimonios{

}
.home-testimonios .testimonio{
    /*    width: 31%;*/
    margin:0 5px;
    padding: 15px;
    box-sizing: border-box;
    background: white;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.5);
    display: inline-block;
    vertical-align: top;
}
.home-testimonios .testimonio .comentario{
    height: 170px;
    overflow: auto;
}
.home-acreditaciones{

}
.slick-frame {
    visibility: hidden;
}
.slick-frame.slick-initialized {
    visibility: visible;
}
/*------------------------*/
.compartir-redes i{
    font-size: 40px;
}
/*------------------------*/
/* Newsletter             */
/*------------------------*/
.iframe-modal{
    position: fixed;
    top:0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.8);
    text-align: center;
    display : flex;
    align-items : center;
    justify-content: center;
    z-index:99999;
}
.iframe-modal > iframe{
    display: inline-block;
    vertical-align: middle;
    z-index:99;
    border: 0;
    height: 300px;
    width: 310px;
    max-width: 95vw;
    max-height: 95vh;
    border-radius: 5px;
    padding: 5px;
    background: white;
    box-sizing: content-box;
}
.iframe-modal > div{
    position: absolute;
    top:0;
    left: 0;
    width: 100vw;
    height: 100vh;
    text-align: right;
    z-index:9;
}
/*------------------------*/
/* COOKIES AND PRIVACY    */
/*------------------------*/
.f-cookies{
    position: fixed;
    bottom: 10px;
    text-align: center;
    width: 100%;
    display: none;
}
.f-cookies > div{
    max-width: 99%;
    width: 600px;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.85);
    display: inline-block;
    padding: 10px;
    border-radius: 15px;
    font-size: 13px;    
    background: rgb(34,123,192);
    background: linear-gradient(180deg, rgba(34,123,192,1) 0%, rgba(117,208,246,1) 100%);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.5);
}
.f-cookies > div > p{
    text-align: center;
}
.f-cookies > div > img{
    width: 50px;
    float: left;
}
.f-cookies > div > .btn{
    font-size: 13px;    

}
/*------------------------*/
/* Acreditaciones menutop */
/*------------------------*/
#navbarHome .navbar-brand{
    min-width: 115px;
}
.scrollini#navbarHome .navbar-brand img{
    position: absolute;
    height: 130px;
    top: 0;
}
#navbarHome .acreditaciones-top{
    max-width: 50%;
    overflow: hidden;
}
#navbarHome .navbar-brand.acreditaciones-top img{
    position: relative;
    border-radius: 15px;
    /* border-radius: 50%; */
    height: 53px;
    padding: 1px;
    background: white;
    margin-right: 10px;
}
#navbarHome .acreditaciones-top .titulo{
    font-size: 12px;
    display: block;
    width: 100%;
    text-align: center;
}
/*------------------------*/
/* Anuncio modificable    */
/*------------------------*/
.msg-anuncio{
    display: none;
    position: fixed;
    top: 135px;
    right: 15px;
    padding: 0px;
    height: 150px;
    width: 150px;
    /*    background: url(https://www.aifp.org/base-aifp/wp-content/uploads/2019/02/giphy-150x150.gif);
        background-size: contain;*/
    z-index: 999999;
}
.msg-anuncio #carouselAnuncio h5{
    text-shadow: 0px 2px 5px rgba(0,0,0,1);
}
/*------------------------*/
/* Test de nivel          */
/*------------------------*/
.test-nivel{

}
.test-nivel .niveles{

}
.test-nivel .niveles > div{
    display: inline-block;
    width:33.3%;
    box-sizing: border-box;
    border:1px solid #d5d5d5;
    overflow:hidden;
}
.test-nivel .niveles > div:first-child{
    border-radius: 5px 0 0 5px;
    border-right: 0;
}
.test-nivel .niveles > div:last-child{
    border-radius: 0 5px 5px 0;
    border-left: 0;
}
.test-nivel .niveles > div > div{

    box-sizing: border-box;
    text-align: center;
    padding: 5px;
}
.test-nivel .niveles > div > div:first-child{
    border-bottom:1px solid #d5d5d5;
}
.test-nivel .niveles > div > div.active{
    background: #ff650b;
    color: white;
}
.test-nivel .preguntas{
    display: inline-block;

}
.test-nivel .preguntas > div{
    margin: 15px 0;
}
.test-nivel .preguntas p{
    display: inline-block;
}
.test-nivel .preguntas .pregunta{
    display: inline-block;

}
.test-nivel .preguntas label{
    display: inline-block;
    padding: 0 5px;
    border: 1px solid #d5d5d5;
    margin: 0 5px;
    border-radius: 15px;
}
.test-nivel .test-niveles{
    float: right;
    width: 100px;
}
/*------------------------*/
/* FORMULARIO PC INFO VID */
/*------------------------*/
#pcinfo{
    
}
#pcinfo > div{
    width: 48%;
    margin: 5px 1%;
    display: inline-block;
    vertical-align: top;
}
#pcinfo label,#pcinfo input,#pcinfo select{
    width: 49%;
    display: inline-block;
    vertical-align: top;
}
/*------------------------*/
/* RESPONSIVE             */
/*------------------------*/
@media screen and (max-width: 1280px) and (min-width: 1024px){
    .vista-cursos li{
        width: 31%;
    }
    .force-responsive{
        width: 100%;
        overflow: auto;
    }
    #navbarHome .acreditaciones-top{
        display: none;
    }
}
@media screen and (max-width: 1023px){
    a{
        min-height: 48px;
        display: inline-block;
    }
    .vista-cursos li{
        width: 48%;
    }
    .formulario-datos .paso-1,.formulario-datos .paso-3{
        width: 100%;
    }
    .formulario-datos .paso-1 label,.formulario-datos .paso-1 input[type='text'],.formulario-datos .paso-1 input[type='date']{
        width: 100%;
    }
    .child-posts > div > div,.child-posts > div > div:first-child{
        width: 100%;
        padding: 10px;
    }
    .list-group{
        display: block;
    }
    .form-alemanempresas > div,.form-alemanempresas > div > div{
        width: 100%;
    }
    .force-responsive{
        width: 100%;
        overflow: auto;
    }
    .table-responsive {
        display: block;
    }
    .table-ds-precios tbody tr:nth-child(5n-4) strong{
        display: inline-block;
    }
    #filtro-academia{
        position: fixed;
        width: auto;
        min-height: auto;
        top: 104px;
        right: 10px;
        padding: 5px 15px;
        z-index: 9;        
    }    
    #filtro-academia .filtros{
        display: none;
    }
    #filtro-academia:hover{
        width: 90%;
        background: none;
        left: 10px;
    }
    #filtro-academia:hover .filtros{
        display: block;
        background: white;
        box-shadow: 2px 2px 8px rgba(0,0,0,0.7);
        padding: 5px 15px;
        width: 100%;
    }
    #filtro-academia .filtros > div{
        display: inline-block;
        width: 48%;
        margin: 0 1%;
        vertical-align: top;
    }
    .academias{
        width: 98%;
    }
    .academias .info{
        display: none;
    }
    .academias .col{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .mshow{
        display: block  !important;
    }
    .mhide{
        display: none !important;
    }
    .form-academias > div{
        width: 100%;
    }
    .page > h1,.page > .h1-fondo h1{
        font-size: 40px;
        line-height:45px;
    }
    .page > .h1-fondo{
        font-size: 40px;
        height: auto;
        background-size: cover !important;
        background-position:center !important;
    }
    .alignleft,.alignright,.aligncenter{
        float:none;
        width: 100% !important;
        max-width: none;
    }
    .home #navbarHome{
        overflow:hidden;
    }
    #carouselmetadologia{
        width: 100%;
    }
    #carouselHome .carousel-item img{
        min-height: 0;
        padding: 0;
        width: 110vw !important;
    }

    .carousel-caption{
        top: 25%;
        background: none!important;
        display: block !important;
        background: none;
    }
    .carousel-caption h2{
        font-size: 25px;
    }
    .carousel-caption p{
        display: none;
    }
    .navbar-collapse{
        /*background: url(imagenes/menu-top-fondo.jpg);*/
        background-size: contain;
        color: white;
        padding: 15px;
        box-sizing: border-box;
        border-radius: 15px;
        width: 80%;

    }
    .main-content > div{
        position: relative;
        overflow: hidden;
    }
    .dropdown-submenu{
        position: relative;
        left: 0;
    }
    .grid-masonry .grid-item{
        width: auto;
        box-shadow: 0 0 8px rgba(0,0,0,0.4);
    }
    .listado-precios-curso div{
        width: 48%;
    }
    .carousel-calendario .frase-aviso{
        position:relative;
    }
    .f-cookies > div > .btn{
        min-height: 37px;
        line-height: 37px;
    }
    .scrollini#navbarHome .navbar-brand img,#navbarHome .navbar-brand img{
        height: 70px;
        position: relative;
    }
    #navbarHome .acreditaciones-top{
        max-width: 45%;
        overflow: auto;
    }
    #navbarHome .navbar-brand.acreditaciones-top img{
        height: 40px;
    }
    #navbarHome .navbar-brand{
        min-width: 0;
    }
    #carouselHome .carousel-caption{
        top: 30%;
    }

    .w-container {
        width: 100% !important;
    }
}
@media screen and (max-width: 788px){
    .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
    .vista-cursos li{
        width: 98%;
    }
    #filtros-cursos h2{
        display: inline-block;
        margin: 0;
        padding: 0;
        width: auto;
        text-align: center;
    }
    #filtros-cursos .filtros{
        display: inline-block;
        width: auto;
        text-align: center;
    }

    .selectvertical {
        display:flex; 
        flex-direction:column; 
        align-items:center; 
    }

    .w-container {
        width: 50% !important;
    }

    .ul-container{
        height:15em;
    }

}
@media screen and (min-width: 769px){
    .dropdown-item:hover .dropdown-submenu{
        display: block; 
    }
}