/*****
Proyecto: Minerva S.F.
Autor: Minerva S.F.
*****/

/**********************************************************************************************************************************************************
******************************************************************* FORMACION ONLINE **********************************************************************
**********************************************************************************************************************************************************/

#formacion_submenu {
    display: block;
    width: 100%;
    /*background-color: #00000090;*/
    background-color: rgba(0, 0, 0, 0.56);
    position: absolute;
    z-index: 2;
}
    #formacion_submenu .formacion_top {
        height: 20px;
        width: 920px;
        margin: 0 auto;
        position: relative;
        font-size: 13px;
        text-transform: uppercase;
        text-align: center;
        padding: 20px 0;
    }
        #formacion_submenu .formacion_top a {
            color: #ffffff;
            font-weight: bold;
            padding: 0 45px;
        }
            #formacion_submenu .formacion_top a:hover {
                color: #1cbacc;
            }
            #formacion_submenu .formacion_top a.active {
                color: #000000;
                background-color: #1cbacc;
                padding: 12px 45px;
                border-radius: 6px;
            }

.formaslide {
    color: #ffffff;
    background: #222;
    overflow: hidden;
    width: 100%;
    height: 567px;
    position: relative;
    z-index: 1;
    background: url(images/formacion_fondo.jpg) no-repeat;
    background-size: 100%;
}
.item-1,
.item-2,
.item-3 {
    position: absolute;
    display: block;
    top: 200px;
    width: 100%;
    font-size: 36px;
    animation-duration: 20s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    text-transform: uppercase;
    text-align: center;
}

.item-1{animation-name: anim-1;}
.item-2{animation-name: anim-2;}
.item-3{animation-name: anim-3;}

    .capaformasl {
        display:inline-block; 
        width: 920px;
    }
        .capaformasl img {
            display: block;
            margin: 0 auto 20px;
            width: 180px;
        }

@keyframes anim-1 {
    0%, 8.3% { left: -100%; opacity: 0; }
    8.3%,25% { left: 0%; opacity: 1; }
    33.33%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-2 {
    0%, 33.33% { left: -100%; opacity: 0; }
    41.63%, 58.29% { left: 0%; opacity: 1; }
    66.66%, 100% { left: 110%; opacity: 0; }
}

@keyframes anim-3 {
    0%, 66.66% { left: -100%; opacity: 0; }
    74.96%, 91.62% { left: 0%; opacity: 1; }
    100% { left: 110%; opacity: 0; }
}


/**********************************************************************************************************************************************************
******************************************************************* DEFAULT FORMACION *********************************************************************
/*********************************************************************************************************************************************************/
#formacion_portada {
    width: 920px;
    display: block;
    margin: 0 auto 40px;
    margin-bottom: 0px;
    font-size: 14px;
    text-align: justify;
    background-color: #ffffff;
    color: #3d4545;
}
    #formacion_portada .formacion_intro {
        display: block;
        text-align: center;
        margin: 80px auto;
        width: 850px;
        font-size: 16px;
        line-height: 24px;
    }
        #formacion_portada .formacion_intro .formacion_introtit {
            font-size: 32px;
            display: block;
            margin-bottom: 20px;
        }
    #formacion_portada .formacion_general {
        display: block;
        width: 100%;
        font-size: 16px;
        line-height: 24px;
        margin-bottom:80px;
    }
        #formacion_portada .formacion_general .formacion_gralbloque {
            display: inline-block;
            width:33%;
            vertical-align: top;
        }
            #formacion_portada .formacion_general .formacion_gralbloque img {
                width: 180px;
                display: block;
                margin: 0 auto;
            }
            #formacion_portada .formacion_general .formacion_gralbloque .formacion_graltxt {
                display: block;
                margin-top: 15px;
                text-align: center;
                box-sizing: border-box;
                padding: 0 20px;
            }
                #formacion_portada .formacion_general .formacion_gralbloque .formacion_graltxt .formacion_graltit {
                    display: block;
                    margin-bottom: 15px;
                    font-weight:bold;
                    font-size:20px;
                }


/**********************************************************************************************************************************************************
******************************************************************** CURSOS FORMACION *********************************************************************
/*********************************************************************************************************************************************************/
.cabeceracursos {
    color: #ffffff;
    background: #222;
    overflow: hidden;
    width: 100%;
    height: 225px;
    position: relative;
    z-index: 1;
    background: url(images/cabecera_cursos.jpg) no-repeat;
    background-size: 1960px;
}
#formacion_cursos {
    width: 920px;
    display: block;
    margin: 40px auto;
    font-size: 14px;
    text-align: justify;
    background-color: #ffffff;
    color: #3d4545;
}
    #formacion_cursos .formacion_subtit {
        display: block;
        font-weight: bold;
        font-size: 24px;
        color: #ffae01;
        text-transform: uppercase;
        border-bottom: 2px solid #ffae01;
    }
    #formacion_cursos .subtit_margintop {
        margin-top: 80px;
    }
    #formacion_cursos .cursoformacion {
        display: block;
        border-bottom: 2px solid #444;
        padding-bottom: 20px;
        margin: 40px 0;
    }
        #formacion_cursos .cursoformacion .cursfor_tit {
            display: block;
            color: #1cbacc;
            font-weight:bold;
            font-size:24px;
            margin-bottom: 15px;
        }
        #formacion_cursos .cursoformacion .cursfor_txt {
            display: block;
            line-height: 22px;
        }
            #formacion_cursos .cursoformacion .cursfor_txt ul {
                display: block;
                margin: 10px 0px 20px 50px;
            }
                #formacion_cursos .cursoformacion .cursfor_txt ul li {
                    margin: 3px 0px;
                }
            #formacion_cursos .cursoformacion .cursfor_txt a {
                color: #2aa3d8;
                font-weight:bold;
            }
                #formacion_cursos .cursoformacion .cursfor_txt a:hover {
                    color: #000000;
                }
        #formacion_cursos .cursoformacion .cursfor_icons {
            display: block;
            margin-top: 30px;
            margin-bottom: 20px;
            text-align: center;
        }
            #formacion_cursos .cursoformacion .cursfor_icons .cursfor_especif{
                display:inline-block;
                width:150px;
                text-align:center;
                margin-right: 30px;
                margin-left:0px;
            }
                #formacion_cursos .cursoformacion .cursfor_icons .cursfor_especif img {
                    display: inline-block;
                    width: 24px;
                }
                #formacion_cursos .cursoformacion .cursfor_icons .cursfor_especif .cursfor_icontxt {
                    display: block;
                    color: #1cbacc;
                    font-weight: bold;
                    margin-top: 5px;
                }
                    #formacion_cursos .cursoformacion .cursfor_icons .cursfor_especif .cursfor_icontxt a {
                        color: #0095ff;
                        text-decoration: none;
                    }
                        #formacion_cursos .cursoformacion .cursfor_icons .cursfor_especif .cursfor_icontxt a:hover{
                            color: #000000;
                        }
            #formacion_cursos .cursoformacion .cursfor_icons .cursfor_sinmargin {
                margin-right: 0px;
            }
        #formacion_cursos .cursoformacion .cursfor_zonaboton {
            display: block;
            width: 100%;
            text-align: center;
        }
            #formacion_cursos .cursoformacion .cursfor_zonaboton .cursfor_boton {
                background-color: #6c6c6c;
                color: #fff;
                transition: all .3s ease 0s;
                display: inline-block;
                padding: 10px 40px;
                border-radius: 10px;
                font-weight: bold;
                margin: 20px 0;
            }
                #formacion_cursos .cursoformacion .cursfor_zonaboton .cursfor_boton:hover {
                    background: #720144;
                }


/**********************************************************************************************************************************************************
********************************************************************* INFO FORMACION **********************************************************************
/*********************************************************************************************************************************************************/

.cabecerainfo {
    background: url(images/cabecera_info.jpg) no-repeat;
}
    #formacion_cursos .infoformacion {
        border-bottom: 0px !important;
    }
        #formacion_cursos .cursoformacion .infofor_tit {
            text-align: center;
            color: #666666;
        }


.imagenabajo {
    display: block;
    margin-top: -20px;
    border-radius: 4px;
    width: 920px;
    height: 300px;
    overflow: hidden;
}




/**********************************************************************************************************************************************************
********************************************************************* INFO FORMULARIO *********************************************************************
/*********************************************************************************************************************************************************/

.cabeceraformulario {
    background: url(images/cabecera_formulario.jpg) no-repeat;
}

.formularioregistro {
    display: block;
    padding-bottom: 20px;
    margin: 40px 0;
}
    .formularioregistro .formacion_regizq {
        display: inline-block;
        width: 440px;
        float: left;
        margin-right: 40px;
    }
    .formularioregistro .formacion_regder {
        display: inline-block;
        width: 440px;
        float: left;
    }
        .formularioregistro .formacion_regizq .formacion_campo, .formularioregistro .formacion_regder .formacion_campo {
            width: 96%;
            margin: 0 auto;
            margin-bottom: 0px;
            margin-bottom: 0px;
            display: block;
            font-size: 14px;
            margin-bottom: 20px;
        }
            .formularioregistro .formacion_regizq .formacion_campo input, .formularioregistro .formacion_regder .formacion_campo input {
                width: 100%;
                display: block;
                padding: 10px 2% 11px;
                color: #333333;
                font-weight: bold;
                border: 2px #5d8084 solid;
                border-radius: 6px;
                font-size: 14px;
                margin-top: 5px;
                background-color: #e2f0f2;
            }
            .formularioregistro .formacion_regizq .formacion_campo .formacion_mensajeria, .formularioregistro .formacion_regder .formacion_campo .formacion_mensajeria {
                display: block;
                padding: 10px 2% 11px;
                margin-top: 5px;
                color: #5d8084;
                font-weight:bold;
            }
                .formularioregistro .formacion_regizq .formacion_campo .formacion_mensajeria input, .formularioregistro .formacion_regder .formacion_campo .formacion_mensajeria input {
                    width: 15px;
                    height: 15px;
                    display: inline-block;
                    padding: 0px;
                    color: transparent;
                    font-weight: normal;
                    border: 0px;
                    border-radius: 0px;
                    font-size: inherit;
                    margin-top: 0px;
                    background-color: transparent;
                    margin-right: 5px;
                    vertical-align: text-top;
                }
                .margincheck{
                    margin-right:20px;
                }
            .formularioregistro .formacion_regizq .formacion_campo select, .formularioregistro .formacion_regder .formacion_campo select {
                width: 100%;
                display: block;
                padding: 10px 2% 11px;
                color: #333333;
                font-weight: bold;
                border: 2px #5d8084 solid;
                border-radius: 6px;
                font-size: 14px;
                margin-top: 5px;
                background-color: #e2f0f2;
            }
            .formularioregistro .formacion_regizq .formacion_campo .formacion_precio, .formularioregistro .formacion_regder .formacion_campo .formacion_precio {
                display: block;
                color: #1cbacc;
                font-weight: bold;
                font-size: 40px;
                padding-top: 10px;
            }
            .formularioregistro .formacion_regizq .formacion_campo .formacion_dto, .formularioregistro .formacion_regder .formacion_campo .formacion_dto {
                font-size: 11px;
                color: #5d8084;
                font-weight: bold;
            }
            .formularioregistro .formacion_regizq .formacion_campo textarea, .formularioregistro .formacion_regder .formacion_campo textarea {
                width: 100%;
                display: block;
                padding: 10px 2% 11px;
                color: #333333;
                font-weight: bold;
                border: 2px #5d8084 solid;
                border-radius: 6px;
                font-size: 14px;
                margin-top: 5px;
                background-color: #e2f0f2;
                height:148px;
                font-family:"DINProRegular", Arial, sans-serif;
            }
    .formularioregistro .botonpagarclases {
        background-image: url(images/icono_tpv2.png);
        background-position: 25px center;
        background-repeat: no-repeat;
        background-size: 35px;
        padding: 10px 40px 10px 70px !important;
    }
        .formularioregistro .botonpagarclases:hover {
            background-color: #720144;
            background-image: url(images/icono_tpv2.png) !important;
            background-position: 25px center !important;
            background-repeat: no-repeat !important;
            background-size: 35px !important;
        }

hr {
    border-top: 1px solid #ddd;
    margin: 20px 0;
}

    .formularioregistro .rgpdconfirmacionform {
        font-size: 10px;
        margin-top: 16px;
        padding-right: 10px;
        line-height: 13px;
        text-align: justify;
    }
        .formularioregistro .rgpdconfirmacionform .rgpdconfirmaform_tit {
            display: block;
            font-weight: bold;
            font-size: 13px;
            margin: 10px 0;
        }
        .formularioregistro .rgpdconfirmacionform a {
            font-weight: bold;
        }
            .formularioregistro .rgpdconfirmacionform a:hover {
                color: #00536e;
            }
        .formularioregistro .rgpdconfirmacionform .campoform {
            text-align: left;
            margin: 10px 0px;
            line-height: normal;
        }
            .formularioregistro .rgpdconfirmacionform .campoform input {
                width: 100%;
                border: 0px solid #dedede;
                padding: 11px 10px;
                font-size: 13px;
                margin-top: 3px;
                text-align: left;
                background-color: #dedede;
                color: #777777;
            }
                .formularioregistro .rgpdconfirmacionform .campoform input.chekbox {
                    width: 15px;
                    height: 15px;
                }
            .formularioregistro .rgpdconfirmacionform .campoform .chekbox_margform {
                margin-top: -16px;
                display: inline-block;
            }
    .formularioregistro .condiciondevolucion {
        font-size: 11px;
        margin-top: 0px;
        margin-left: 8px;
        margin-bottom: 40px;
    }

    .formularioregistro .registro_zonaboton {
        display: block;
        width: 100%;
        text-align: center;
    }

        .formularioregistro .registro_zonaboton .registro_enviar {
            background-color: #6c6c6c;
            color: #fff;
            transition: all .3s ease 0s;
            display: inline-block;
            padding: 10px 40px;
            border-radius: 10px;
            font-weight: bold;
            margin: 20px 0;
        }
            .formularioregistro .registro_zonaboton .registro_enviar:hover {
                background: #720144;
            }

    #formacion_cursos .vueltatpv {
        margin: 120px 0
    }
        #formacion_cursos .vueltatpv .tpvgracias {
            font-size: 36px;
            text-align: center;
            display: block;
            margin-bottom: 30px;
        }


/**********************************************************************************************************************************************************
************************************************************ AJUSTE CABECERA TAMA�O PANTALLA **************************************************************
/*********************************************************************************************************************************************************/


@media only screen and (min-width: 1961px) {
    .cabeceracursos {background-size: 100%;}
}