@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Rubik+Mono+One&display=swap');
body { background-color:#ffffff;
color:#000000;
font-family: 'Open Sans', sans-serif;
font-size:14px;
}

.image-style-align-center, .image-style-align-center img {
	margin:0 auto !important;
	text-align:center; 
}

.buscador
{
background-color:#ecebea;
padding:20px 0 20px 0;
}

.rojo{
	color: #F00;
	font-weight:bold;
	}
	
	.verde{
	color: #090;
	font-weight:bold;
	}
	
	.amarillo{
	color: #990;
	font-weight:bold;
	}


.menu_arriba
{
    
text-align:left;
}	
	

.menu_arriba > li > a {
background-color:#ffffff;
color: #3F4B7D;
border: #3F4B7D 1px solid;
}

.menu_arriba > li > a:hover,
.menu_arriba > li > a:focus {
background-color: #d9def1;
color:#3F4B7D;

}

.redes{
padding: 10px 0 10px 0;
text-align: center;
}
        
.redes img
{
padding: 0 5px 0 5px;
margin: 0 auto;
}

.suscribir
{
background-color:#D5D2CB;
padding:10px 0 10px 0;
color: #3F4B7D;
font-size: 16px;
text-align: center;
}
             
.espacio
{
padding: 10px 0 10px 0;
}

.box{ 
background-color:#ffffff;
margin: 10px 0 10px 0;
border: 1px solid #3F4B7D;
}

.informacion
{
padding:10px 10px 10px 10px;
}

.informacion img
{
max-width:100%;height:auto;
}

.ck-editor__editable {
    min-height: 300px;
}

.fondo_materia {
border: 1px solid #001143;
background-color:#fdf6d9;
padding: 20px 0 20px 0;
margin:5px 5px 5px 5px;
text-align:center;
font-size:18px;
font-weight:bold;
}

.fondo_materia:hover{
background-color:#fbe9a4;
-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
-o-transition: color 0.1s ease-in, background 0.1s ease-in;
transition: color 0.1s ease-in, background 0.1s ease-in;
}
    
.fondo_materia	 img 
{
margin:0 auto;
}

.fondo_materia a {
color: #001143;
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
        -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
        -o-transition: color 0.1s ease-in, background 0.1s ease-in;
        transition: color 0.1s ease-in, background 0.1s ease-in;
    }
    
    .fondo_materia a:hover,
    .fondo_materia a:focus {
        color: #001143;
        text-decoration: none;
        outline: 0;
    }

    		.izquierdo
{
	padding: 10px 0 0 10px;
	text-align:right;
	}	
	

   .izquierdo > li > a {
	background-color:#fdf6d9;
    color: #001143;
    border: 1px solid #001143;
}

.izquierdo > li > a:hover,
.izquierdo > li > a:focus {
	background-color: #fbe9a4;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

.fondo_ayuda {
        border: 1px solid #001143;
        background-color:#fdf6d9;
        padding: 0 0 20px 0;
        margin:5px 5px 5px 5px;
        text-align:center;
        font-size:18px;
        font-weight:bold;
        }
        
        .fondo_ayuda:hover{
        background-color:#fbe9a4;
        -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
        -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
        -o-transition: color 0.1s ease-in, background 0.1s ease-in;
        transition: color 0.1s ease-in, background 0.1s ease-in;
        }
            
        .fondo_ayuda	 img 
        {
        margin:0 auto;
        }
        
        .fondo_ayuda a {
        color: #001143;
        -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
        -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
                -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
                -o-transition: color 0.1s ease-in, background 0.1s ease-in;
                transition: color 0.1s ease-in, background 0.1s ease-in;
            }
            
            .fondo_ayuda a:hover,
            .fondo_ayuda a:focus {
                color: #001143;
                text-decoration: none;
                outline: 0;
            }

    .gris1 {
        background-color:#ecebea;
        padding: 20px 0 20px 0;
        margin:5px 0 5px 0;
        text-align:center;
        font-size:18px;
        font-weight:bold;
        }
        .gris1:hover{
        background-color:#f5f4f2;
        }

        
.color_0
{
	background-color: #faf5ee;
}

.color_1
{
	background-color: #faf5ee;
}

.color_2
{
	background-color: #e3d0e3;
	color: #46255A;
}

.color_3
{
	background-color: #fdeeb5;
	color: #F7A541;
}

.color_4
{
	background-color: #EAFDE6;
	color: #519548;
}

.color_5
{
	background-color: #fee2dc;
	color: #D01118;
}

.alerta
{
	color: #fee2dc;
	background-color: #D01118;
    font-weight: bold;
}

.pipo
{
    background-color:#FBCA0A;
	color:#3F4B7D;
    padding: 10px 10px 10px 10px;
}

.pipo_respuesta
{
    background-color:#f5efd8;
	color:#3F4B7D;
    padding: 10px 10px 10px 10px;
}

table
{
    font-size: 12px;
}

th
{
	background-color:#FBCA0A;
	color:#3F4B7D;
	border: 1px solid #3F4B7D;
text-align:center;
	}

    .gris1	 img 
{
	margin:0 auto;

}
    .gris1 a {
        color: #22211f;
        -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
        -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
        -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
        -o-transition: color 0.1s ease-in, background 0.1s ease-in;
        transition: color 0.1s ease-in, background 0.1s ease-in;
    }
    
    .gris1 a:hover,
    .gris2 a:focus {
        color: #6d6a64;
        text-decoration: none;
        outline: 0;
    }

.cajatitulo
{
font-size:16px;
color:#ffffff;
font-weight:bold;
background-color:#3F4B7D;
padding: 10px 10px 10px 10px;
}

.cajatitulo h1, .cajatitulo h2, .cajatitulo h3
{
    color:#ffffff;
}

.cajatitulo_respuesta
{
color:#3F4B7D;
font-weight:bold;
background-color:#d9def1;
padding: 10px 10px 10px 10px;
}	
	
	.cajatitulo a
{
	color:#ffffff;
	text-decoration:none;
	}	
	
	.cajatitulo a:hover
{
	color:#efaf5b;
	text-decoration:none;
	}	

.header
{
background-color: #fbca0a;
padding: 10px 5px 10px 5px;
             /*  margin: -20px 0 0 0; */
background-repeat:no-repeat; 
background-image:url(imagenes/header.jpg);
             /* background-attachment:fixed; */
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
             }


             .footer
             {
                 font-family: 'Open Sans', sans-serif;
                 text-align:center;
                 background-color:#1c1f2a;
                 padding:20px 0 30px 0;
                 color:#9EAEBB;
                 }
             
             .footer a, .footer a:hover .footer a:visited
             {
                 color:#FBCA0A;
                 text-decoration: none;
             
             }

             .pagina
             {
                margin: -20px 0 0 0;
                padding: 30px 5px 30px 5px; 
                background-image:url(../imagenes/fondo_pagina.jpg);
background-position:center bottom;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
             }

             .aviso_qr
{
padding: 20px 5px 20px 5px;
margin: 5px 0 5px 0;
background: #fff;
border: 1px solid #001143;
font-size: 16px;
color: #000000;
text-align: justify;
}

.pagina1
{
    padding: 5px 0 20px 0;
}

.pro
{
padding: 20px 5px 20px 5px;
margin: 5px 0 5px 0;
background: #fff3b9;
border: 1px solid #fea200;
font-size: 16px;
color: #5c2301;
text-align: justify;
}

.servicios
{
    background: #f9eede;
    color: #3F4B7D;
    font-size: 16px;
    text-align: justify;
}

.servicios-div
{
    padding: 20px 0 20px 0;
}

.servicios h3
{
    text-align: center;
}

.servicios img
{
    padding:10px 0 10px 0;
    margin: 0 auto !important;
}

.pro a, .pro a:hover, .pro a:focus
{
color: #fd5e00;
}

.titulo
{
                color:#ffffff;
                font-size: 24px;
                font-weight: bold;
                padding: 5px 5px 5px 5px;
                border-radius: 5px;
                background: rgba(0, 0, 0, 0.5);
             }
             .cuadro
{
    margin-top: 10px;
    border:2px solid #3F4B7D;
	background-color:#D5D2CB;
	color:#000000;
padding: 10px 5px 5px 10px; 
}

             .navbar{
                padding:5px 0 5px 0;
                    background-color:#3F4B7D;
                    color:#FFFFFF;
                background-repeat:repeat-x; 
                    }
                
                    .navbar-default .navbar-nav > li > a:hover,
                .navbar-default .navbar-nav > li > a:focus {
                    color:#ffffff;
                    background-color:#122764;
                                      transition:0.5s all;
                    -webkit-transition:0.5s all;
                    -moz-transition:0.5s all;
                    -o-transition:0.5s all;
                    -ms-transition:0.5s all;
                }
                
                .navbar-default .navbar-nav > li > a {
                    color: #ffffff;
                    font-family: 'Open Sans', sans-serif;
                    font-size:16px;
                }
                
                .navbar-default .navbar-toggle {
                    border-color: #ffffff;
                }
                .navbar-default .navbar-toggle:hover,
                .navbar-default .navbar-toggle:focus {
                    background-color: #3F4B7D;
                }
                .navbar-default .navbar-toggle .icon-bar {
                    background-color: #ffffff;
                }

                .LV_validation_message{
                    margin:0 0 0 5px;
                }
                
                .LV_valid {
                    color:#00CC00;
                }
                    
                .LV_invalid {
                    color:#CC0000;
                }
                    
                .LV_valid_field,
                input.LV_valid_field:hover, 
                input.LV_valid_field:active,
                textarea.LV_valid_field:hover, 
                textarea.LV_valid_field:active {
                    border: 1px solid #00CC00;
                }
                    
                .LV_invalid_field, 
                input.LV_invalid_field:hover, 
                input.LV_invalid_field:active,
                textarea.LV_invalid_field:hover, 
                textarea.LV_invalid_field:active {
                    border: 1px solid #CC0000;
                }
                
.btn-personal{color:#fff;background-color:#3F4B7D;border-color:#fff;}.btn-personal:hover,.btn-personal:focus,.btn-personal:active,.btn-personal.active,.open .dropdown-toggle.btn-personal{color:#fff;background-color:#3F4B7D;border-color:#fff;}.btn-personal:active,.btn-personal.active,.open .dropdown-toggle.btn-personal{background-image:none}.btn-personal.disabled,.btn-personal[disabled],fieldset[disabled] .btn-personal,.btn-personal.disabled:hover,.btn-personal[disabled]:hover,fieldset[disabled] .btn-personal:hover,.btn-personal.disabled:focus,.btn-personal[disabled]:focus,fieldset[disabled] .btn-personal:focus,.btn-personal.disabled:active,.btn-personal[disabled]:active,fieldset[disabled] .btn-personal:active,.btn-personal.disabled.active,.btn-personal[disabled].active,fieldset[disabled] .btn-personal.active{background-color:#3F4B7D;border-color:#000000}.btn-personal .badge{color:#fff;background-color:#002e5e;}

.flex-video {
	position: relative;
	padding-top: 25px;
	padding-bottom: 67.5%;
	height: 0;
	margin-bottom: 16px;
	overflow: hidden;
	}
	 
	.flex-video.widescreen { padding-bottom: 57.25%; }
	 
	.flex-video iframe,
	.flex-video object,
	.flex-video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}