@charset "utf-8";
/* CSS Document */
.portlet-breadcrumb{
	display: none;}

.banner-docente {
	width:100%;
	height:394px;
  background: url(https://w3.perueduca.pe/documents/276842759/277462593/banner-docente-digital.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.navdocente{
	background-color: #ea5251;
}
.navbar-default{
	background-color: #f8f8f8;
    border-color:#FFFFFF;}
.icono-inicio{
	background-image:url(https://w3.perueduca.pe/documents/276842759/277462593/icono-inicio.png);
	width:50px;
	height:50px;}
.icono-comunidades{
	background-image:url(https://w3.perueduca.pe/documents/276842759/277462593/icono-comunidades.png);
	width:50px;
	height:50px;}
.icono-normatividad{
	background-image:url(https://w3.perueduca.pe/documents/276842759/277462593/icono-normatividad.png);
	width:50px;
	height:50px;}
.icono-aplicativos{
	background-image:url(https://w3.perueduca.pe/documents/276842759/277462593/icono-aplicativos.png);
	width:50px;
	height:50px;}
.icono-contactenos{
	background-image:url(https://w3.perueduca.pe/documents/276842759/277462593/icono-contactenos.png);
	width:50px;
	height:50px;}
.txtcalibri{
	font-family:calibri;}

.bgnav{
	background-color:transparent !important;
	border: none;
	margin-bottom: 0px;}	
.navbar-default .navbar-nav>.active>a{
	font-size:12.5px;
	background:none;
	color:#ffffff;
	font-weight:bold;}
.navbar-nav>li {
	float:none;
    display: inline-block;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #ea5251;}
.navbar-default .navbar-brand {
    color: #ffffff !important;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;}

.txt-bienvenida{
	font-size: 1.5em;}
.bgcontent{
	background:url(https://w3.perueduca.pe/documents/276842759/277462593/bg-content.png) center bottom repeat-x;
	padding-bottom:40px;}

.navdocente .navbar-default .navbar-nav>.active>a:hover {
    background-color: #d64f4e;}
.linespan{
	background-color:#ea5251;
	width: 80px;
	height:2px;
	display:grid;
	text-align: center !important;
	margin: 0 auto;
	margin-top: 10px;}
.navbar-default .navbar-nav>li>a {
    color: #fff;
}

@media (min-width:1200px){
	.navbar-ddigital .navbar-nav>li>a {
    color: #fff;
    padding: 15px 32px;}
}
@media (min-width:1600px){
	.navbar-ddigital .navbar-nav>li>a {
    color: #fff;
    padding: 15px 45px;}
}
@media (min-width:992px) and (max-width:1199px){
	.navbar-ddigital .navbar-nav>li>a {
		color: #fff;
		padding: 15px 38px;}
}
@media (max-width:768px){
	.navbar-nav>li{
		display: inline-block;}
	.navbar-ddigital .navbar-nav>li>a {
    	padding: 15px 30px;}
	.hide768{
		display: none !important;}
	.bgnav{
		z-index:999;}
	.bgnav{
		background-color: #ea5251 !important;}
	.bg768{
		background-color:#ea5251;}
}
@media (min-width:768px){
	.active780{
		display: none;
	}
}	
@media (max-width:480px){
	.video-central{
    	padding-left: 0px;
    	padding-right: 0px;}
	.banner-docente{
		height: 200px;
    	background-position: -80px;}
    .video-central iframe{
    	height: 180px;}
    .txt-bienvenida{
		font-size: 1em;}
}


.navdocente .active a{
	background-color: white !important;
	color: #ea5251 !important;
}
.navdocente .active .icono-inicio {
	background-image: url(https://w3.perueduca.pe/documents/276842759/277462593/icono-inicio2.png);
}
.navdocente .active .icono-normatividad {
	background-image: url(https://w3.perueduca.pe/documents/276842759/277462593/icono-normatividad2.png);
}
.navdocente .active .icono-aplicativos {
	background-image: url(https://w3.perueduca.pe/documents/276842759/277462593/icono-aplicativos2.png);
}
.navdocente .active .icono-contactenos {
	background-image: url(https://w3.perueduca.pe/documents/276842759/277462593/icono-contactenos2.png);
}
.navdocente .navbar-nav li a:hover {
	 background: white !important;
	color: #ea5251 !important;
}
.navdocente .navbar-nav li:nth-child(1) a:hover div{
	background-image: url(https://w3.perueduca.pe/documents/276842759/277462593/icono-inicio2.png);
}
.navdocente .navbar-nav li:nth-child(2) a:hover div{
	background-image: url(https://w3.perueduca.pe/documents/276842759/277462593/icono-comunidades2.png);
}
.navdocente .navbar-nav li:nth-child(3) a:hover div{
	background-image: url(https://w3.perueduca.pe/documents/276842759/277462593/icono-normatividad2.png);
}
.navdocente .navbar-nav li:nth-child(4) a:hover div{
	background-image: url(https://w3.perueduca.pe/documents/276842759/277462593/icono-aplicativos2.png);
}
.navdocente .navbar-nav li:nth-child(5) a:hover div{
	background-image: url(https://w3.perueduca.pe/documents/276842759/277462593/icono-contactenos2.png);
}
.docente {
            color: white;
            font-size: 80px;
            margin-top: 100px;
        }

        .digital {
            color: #00a496;
            font-size: 80px;
            background: white;
            width: 390px;
            text-align: center;
            font-weight: 700;
            padding: 3px;
        }

        .media-body a{
            color: #333333 !important;
        }

        @media(max-width:425px) {
            .docente {
                margin-top: 40px;
                font-size: 50px;
                text-align: center;
            }

            .digital {
                font-size: 50px;
                width: 100%;
            }
        }
        .set-2-normativa .nav-tabs {
            background: #EDEDED;
            margin: 20px 0;
        }

        .set-2-normativa .nav-tabs a {
            color: #706F6F;
        }

        .set-2-normativa .nav-tabs .active a {
            background: #EA5251;
            color: white;
        }

        .col-right-ajust {
            padding-right: 10%;
        }

        .col-right-ajust h4 {
            background: #00A79E;
            padding: 7px 10px;
            color: white;
            width: 300px;
            text-align: center;
        }

        .col-right-ajust p {
            color: #3C3C3B;
        }

        .col-right-ajust>p {
            margin: 20px 0;
        }

        .col-right-ajust p strong {
            color: #EA5251;
        }

        .btn-red {
            background: #EA5251;
            color: white;
            border-radius: 50px;
            padding: 10px 40px;
            border-bottom: 5px solid #C74845;
            text-shadow: none;
        }

        .btn-red:hover {
            background: #EA5251;
            color: white;
            border-bottom: 0;
        }

        .br-custom {
            border-bottom: 1px solid #ededed;
            padding: 40px;
        }

        @media(max-width: 768px) {
            .tab-content .col-right-ajust {
                padding-right: 0;
                text-align: center;
            }

            .tab-content .col-right-ajust h4 {
                margin: 20px auto;
            }
        }

        .title-green {
            display: block;
            width: 320px;
            margin: 0 auto;
            color: #ffffff;
            font-size: 18px;
            background-color: #00a79e;
            padding: 10px 40px;
            border-radius: 20px;
        }

        .box-recursos {
            border: solid 1px #c6c6c6;
            width: 78%;
            margin: 0 auto;
            margin-top: 30px;
        }

        .recursos .nav-tabs {
            font-size: 1.25em;
            text-align: center;
            background: #EDEDED;
            margin: 0px;
        }

        .recursos .nav-tabs a {
            color: #706F6F;
        }

        .recursos .nav-tabs .active a {
            background: #7a7c7b;
            color: white;
        }

        .nav-tabs>li {
            width: 50%;
        }

        .box-recursos .nav-tabs>li.active>a,
        .box-recursos .nav-tabs>li.active>a:focus,
        .box-recursos .nav-tabs>li.active>a:hover {
            background-color: #7a7c7b;
            color: #ffffff;
        }

        .lista-recursos {
            margin-top: 30px;
            line-height: 24px;
        }

        ul.lista-recursos {
            list-style-image: url('https://w3.perueduca.pe/documents/276842759/277462593/bullet-red.png');
            margin-left: 30px;
        }

        .bullet-title {
            display: inline-block;
            margin-bottom: 15px;
            padding-left: 30px;
        }

        .img-center {
            margin: 0 auto;
        }

        .box-guia {
            padding: 30px;
            border-bottom: 1px solid #c6c6c6;
        }

        .box-video {
            padding: 30px;
            border-bottom: 1px solid #c6c6c6;
        }

        .box-instalador {
            padding: 20px 30px;
            border-bottom: 1px solid #c6c6c6;
        }

        .txt16 {
            font-size: 16px;
        }

        .box-left {
            margin-bottom: 60px;
        }

        .box-right {
            border-left: 1px solid #c6c6c6;
            margin-bottom: 60px;
        }

        .font16 {
            font-size: 16px;
        }

        .txtred {
            color: #ea5251;
        }

        .nav-tabs>li>a {
            margin-right: 0px;
        }
		.box-recurso{
			margin-left: 15px; 
			border-bottom: 1px solid #ddd; 
			margin-top: 15px; 
			margin-bottom: 15px; 
			padding-bottom: 15px;
		}
	.nav-normatividad>li {
		width: auto;
	}