body{margin:0px; padding:0px; font-family: 'Roboto', sans-serif; color: #4c4c4c}

/*-------------------------------------------------------
Estilos para pantallas entre 1025 y 1280 pixels;
---------------------------------------------------------*/
@media screen and  (min-width: 1025px) /* and (max-width: 1280px) */
{
    .centrado {width: 1210px; margin:0 auto; overflow: auto;}
    .pagina{}
    .pagina .encabezado{ border-bottom: 1px solid #aaa;}
    .pagina .encabezado .centrado .logos{ width:250px; padding:20px;}
    .pagina .encabezado .centrado .logos img{ width:100%;}
    .pagina .menu{ width:600px; margin:0px auto;}
    .pagina #ref{ width:1150px; margin:0px auto;}
    .pagina .menu ul{padding: 30px 0px;  margin: 0px; list-style: none;}
    .pagina .menu ul li{float: left; padding:10px;}
    .pagina .menu ul li a{text-decoration: none; color:#000; padding:10px; }
    .pagina .menu ul li a:hover{border-bottom: 3px #B5BBFA solid }

    .pagina .contenido{margin-top:50px; padding-bottom: 40px;; }
    .pagina .contenido .centrado .seccionCentral{ width: 60%;   float: left; margin-right: 50px;;}
    .pagina .contenido .centrado .seccionCentral2{ width: 99%;   float: left; margin-right: 50px;;}
    .pagina .contenido .centrado .seccionCentral3{ width: 100%;   margin: 0 auto;}

    .pagina .contenido .centrado .seccionCentral #queEs{}
    .pagina .contenido .centrado .seccionCentral #queEs .logoDT {width:300px; float: left; PADDING:30PX;}
    .pagina .contenido .centrado .seccionCentral #queEs .logoDT img{width:100%; }
    .pagina .contenido .centrado .seccionCentral #queEs ul{list-style-type: disc;}
    .pagina .contenido .centrado .seccionCentral #queEs .directorio{padding: 10px; display:flex; justify-content: space-around;}
    .pagina .contenido .centrado .seccionCentral #queEs .directorio img{width:100px; border-radius: 50%; float:left; margin-right:10px;}
    .pagina .contenido .centrado .seccionCentral #queEs .directorio .directorioI{ width:48%;  }
    .pagina .contenido .centrado .seccionCentral #queEs .directorio .directorioD{ width:48%; }

    .pagina .contenido .centrado .seccionCentral #queEs .directorio .directorioI div, .pagina .contenido .centrado .seccionCentral #queEs .directorio .directorioD div{padding-top:30px;}


    .pagina .contenido .centrado .seccionCentral3 .rc, .sevdt, .ci, .anp, .tc, .ev {padding: 50px 10%; border-radius: 50px;}
    .pagina .contenido .centrado .seccionCentral3 .info .lef{ border-radius: 20%; float:left; margin: 10px 20px;}
    .pagina .contenido .centrado .seccionCentral3 .info .lefv{ border-radius: 10%; float:left; margin: 10px 20px;}
    .pagina .contenido .centrado .seccionCentral3 .info .rig{ border-radius: 20%; float:right; margin: 10px 20px;}
    .pagina .contenido .centrado .seccionCentral3 .info .rigv{ border-radius: 10%; float:right; margin: 10px 20px;}
    .pagina .contenido .centrado .seccionCentral3 .rc{border-bottom: 5px solid #b2e2f2; border-right: 5px solid #b2e2f2; background-color: #d9e8eb80;}
    .pagina .contenido .centrado .seccionCentral3 #rc{border-bottom: 5px solid #B5BBFA; border-left: 5px solid #B5BBFA; border-right: 0px; background-color: #e0e2f06b;}
    .pagina .contenido .centrado .seccionCentral3 .sevdt{border-bottom: 5px solid #ffda9e; border-right: 5px solid #ffda9e; background-color: #e9decd8a;}
    .pagina .contenido .centrado .seccionCentral3 #sevdt{border-bottom: 5px solid #ffda9e; border-left: 5px solid #ffda9e; border-right: 0px; background-color: #e9decd8a;}
    .pagina .contenido .centrado .seccionCentral3 .ci{border-bottom: 5px solid #dbb5fa; border-right: 5px solid #dbb5fa;  background-color: rgba(227, 228, 240, 0.596);}
    .pagina .contenido .centrado .seccionCentral3 #ci{border-bottom: 5px solid #dbb5fa; border-left: 5px solid #dbb5fa; border-right: 0px; background-color: rgba(227, 228, 240, 0.596);}
    .pagina .contenido .centrado .seccionCentral3 .anp{border-bottom: 5px solid #84b6f4; border-right: 5px solid #84b6f4; background-color: #d0ddeeda;}
    .pagina .contenido .centrado .seccionCentral3 #anp{border-bottom: 5px solid #84b6f4; border-left: 5px solid #84b6f4; border-right: 0px; background-color: #d0ddeeda;}
    .pagina .contenido .centrado .seccionCentral3 .tc{border-bottom: 5px solid #7ff9c7; border-left: 5px solid #7ff9c7; background-color: #c7ebdcc7;}
    .pagina .contenido .centrado .seccionCentral3 .ev{border-bottom: 5px solid #c5c6c8; border-right: 5px solid #c5c6c8; background-color: #dde0e6c5;}
    .pagina .contenido .centrado .seccionCentral3 h1{text-align: center; margin: 80px auto;}
    .pagina .contenido .centrado .seccionCentral3 h2{text-align: center; margin: 50px auto;}
    .pagina .contenido .centrado .seccionCentral3 .info p{margin: 30px auto;}
    .pagina .contenido .centrado .seccionCentral3 .info .import{text-align: center; margin: 50px 60px; font-size: large;}
    .pagina .contenido .centrado .seccionCentral3 .info .tab{width: 80%;  text-align: center; margin: 0 auto;}
    .pagina .contenido .centrado .seccionCentral3 .info .tab th{width: 50%;  background-color: #B5BBFA; border-collapse: collapse;}
    .pagina .contenido .centrado .seccionCentral3 .info .tab td{border-collapse: collapse;}


    .pagina .contenido .centrado .seccionDerecha{ width: 35%;  padding-top:20px;;  float: left;}
    .pagina .contenido .centrado .seccionDerecha .entra{padding-bottom: 10px; text-align: center;}
    .pagina .contenido .centrado .seccionDerecha .entra span{text-transform: uppercase; text-align: center; font-weight: bold;}
    .pagina .contenido .centrado .seccionDerecha .entra span a{color:#97A1F8;  text-transform: lowercase; text-decoration: none;}
    .pagina .contenido .centrado .seccionDerecha .colaboracion, .pagina .contenido .centrado .seccionDerecha .videos{width: 90%; margin-top:20px; padding:20px 10px; border: 2px #B5BBFA solid;}
    .pagina .contenido .centrado .seccionDerecha .colaboracion span{text-align: center;}
    .pagina .contenido .centrado .seccionDerecha .colaboracion span img{width:70%; text-align: center;}
    .pagina .contenido .centrado .seccionDerecha .videos ul{list-style: none; ;}
    .pagina .contenido .centrado .seccionDerecha .videos a{text-decoration: none;}

    .pagina .pie{border-top:50px solid #F1F1F1; }
    .pagina .pie .centrado {overflow: auto;}
    .pagina .pie .centrado  h4{border-bottom: 5px solid #C5C4CA; color: rgb(51, 119, 178)}
    .pagina .pie .centrado  div{width: 300px; padding:20px; float: left;}
    .pagina .pie .centrado p{margin:0px; padding:0px; font-size:0.9rem;}
    .pagina .pie .centrado a{text-decoration: none;}

}
/*-------------------------------------------------------
Estilos para pantallas entre 680 y 1024 pixels;
---------------------------------------------------------*/
@media screen and  (min-width: 681px)  and (max-width: 1024px) 
{
    .centrado {width: 100%; margin:0 auto; overflow: auto;}
    .pagina{}
    .pagina .encabezado{ border-bottom: 1px solid #aaa;}
    .pagina .encabezado .centrado .logos{ width:250px; padding:20px;}
    .pagina .encabezado .centrado .logos img{ width:100%;}
    .pagina .menu{ width:600px; margin:0px auto;}
    .pagina .menu ul{padding: 30px 0px;  margin: 0px; list-style: none;}
    .pagina .menu ul li{float: left; padding:10px;}
    .pagina .menu ul li a{text-decoration: none; color:#000; padding:10px; }
    .pagina .menu ul li a:hover{border-bottom: 3px #B5BBFA solid }

    .pagina .contenido{margin-top:50px; padding-bottom: 40px;; }
    .pagina .contenido .centrado .seccionCentral{ max-width: 90%;    padding: 0px 20px;}
    .pagina .contenido .centrado .seccionCentral2{ max-width: 90%;   padding: 0px 20px;}
    .pagina .contenido .centrado .seccionCentral3{ width: 100%;   margin: 0 auto;}

    .pagina .contenido .centrado .seccionCentral #queEs{}
    .pagina .contenido .centrado .seccionCentral #queEs .logoDT {width:300px; float: left; PADDING:30PX;}
    .pagina .contenido .centrado .seccionCentral #queEs .logoDT img{width:100%;}
    .pagina .contenido .centrado .seccionCentral #queEs .directorio{padding: 10px; display:flex; justify-content: space-around;}
    .pagina .contenido .centrado .seccionCentral #queEs .directorio img{width:100px; border-radius: 50%; float:left; margin-right:10px;}
    .pagina .contenido .centrado .seccionCentral #queEs .directorio .directorioI{ width:49%;  }
    .pagina .contenido .centrado .seccionCentral #queEs .directorio .directorioD{ width:49%; }

    .pagina .contenido .centrado .seccionCentral #queEs .directorio .directorioI div, .pagina .contenido .centrado .seccionCentral #queEs .directorio .directorioD div{padding-top:30px;}

    .pagina .contenido .centrado .seccionCentral3 .rc, .sevdt, .ci, .anp, .tc, .ev {padding: 50px 10%; border-radius: 50px;}
    .pagina .contenido .centrado .seccionCentral3 .info .lef{ border-radius: 20%; float:left; margin: 10px 20px;}
    .pagina .contenido .centrado .seccionCentral3 .info .lefv{ border-radius: 10%; float:left; margin: 10px 20px;}
    .pagina .contenido .centrado .seccionCentral3 .info .rig{ border-radius: 20%; float:right; margin: 10px 20px;}
    .pagina .contenido .centrado .seccionCentral3 .info .rigv{ border-radius: 10%; float:right; margin: 10px 20px;}
    .pagina .contenido .centrado .seccionCentral3 .rc{border-bottom: 5px solid #b2e2f2; border-right: 5px solid #b2e2f2; background-color: #d9e8eb80;}
    .pagina .contenido .centrado .seccionCentral3 #rc{border-bottom: 5px solid #B5BBFA; border-left: 5px solid #B5BBFA; border-right: 0px; background-color: #e0e2f06b;}
    .pagina .contenido .centrado .seccionCentral3 .sevdt{border-bottom: 5px solid #ffda9e; border-right: 5px solid #ffda9e; background-color: #e9decd8a;}
    .pagina .contenido .centrado .seccionCentral3 #sevdt{border-bottom: 5px solid #ffda9e; border-left: 5px solid #ffda9e; border-right: 0px; background-color: #e9decd8a;}
    .pagina .contenido .centrado .seccionCentral3 .ci{border-bottom: 5px solid #dbb5fa; border-right: 5px solid #dbb5fa;  background-color: rgba(227, 228, 240, 0.596);}
    .pagina .contenido .centrado .seccionCentral3 #ci{border-bottom: 5px solid #dbb5fa; border-left: 5px solid #dbb5fa; border-right: 0px; background-color: rgba(227, 228, 240, 0.596);}
    .pagina .contenido .centrado .seccionCentral3 .anp{border-bottom: 5px solid #84b6f4; border-right: 5px solid #84b6f4; background-color: #d0ddeeda;}
    .pagina .contenido .centrado .seccionCentral3 #anp{border-bottom: 5px solid #84b6f4; border-left: 5px solid #84b6f4; border-right: 0px; background-color: #d0ddeeda;}
    .pagina .contenido .centrado .seccionCentral3 .tc{border-bottom: 5px solid #7ff9c7; border-left: 5px solid #7ff9c7; background-color: #c7ebdcc7;}
    .pagina .contenido .centrado .seccionCentral3 .ev{border-bottom: 5px solid #c5c6c8; border-right: 5px solid #c5c6c8; background-color: #dde0e6c5;}
    .pagina .contenido .centrado .seccionCentral3 h1{text-align: center; margin: 80px auto;}
    .pagina .contenido .centrado .seccionCentral3 h2{text-align: center; margin: 50px auto;}
    .pagina .contenido .centrado .seccionCentral3 iframe{ width: 280px;   height: 200px;}
    .pagina .contenido .centrado .seccionCentral3 .info img{max-width: 60%; max-height: 60%;}
    .pagina .contenido .centrado .seccionCentral3 .info p{margin: 30px auto;}
    .pagina .contenido .centrado .seccionCentral3 .info .import{text-align: center; margin: 50px 60px; font-size: large;}
    .pagina .contenido .centrado .seccionCentral3 .info .tab{width: 80%;  text-align: center; margin: 0 auto;}
    .pagina .contenido .centrado .seccionCentral3 .info .tab th{width: 50%;  background-color: #B5BBFA; border-collapse: collapse;}
    .pagina .contenido .centrado .seccionCentral3 .info .tab td{border-collapse: collapse;}

    .pagina .contenido .centrado .seccionDerecha{ width: 70%; margin: 90px auto; }
    .pagina .contenido .centrado .seccionDerecha .entra{padding-bottom: 10px; text-align: center;}
    .pagina .contenido .centrado .seccionDerecha .entra span{text-transform: uppercase; text-align: center; font-weight: bold;}
    .pagina .contenido .centrado .seccionDerecha .entra span a{color:#97A1F8;  text-transform: lowercase; text-decoration: none;}
    .pagina .contenido .centrado .seccionDerecha .colaboracion, .pagina .contenido .centrado .seccionDerecha .videos{width: 90%; margin-top:20px; padding:20px 10px; border: 2px #B5BBFA solid;}
    .pagina .contenido .centrado .seccionDerecha .colaboracion span{text-align: center;}
    .pagina .contenido .centrado .seccionDerecha .colaboracion span img{width:70%; text-align: center;}
    .pagina .contenido .centrado .seccionDerecha .videos ul{list-style: none; ;}
    .pagina .contenido .centrado .seccionDerecha .videos a{text-decoration: none;}

    .pagina .pie{border-top:50px solid #F1F1F1; }
    .pagina .pie .centrado {overflow: auto;}
    .pagina .pie .centrado  h4{border-bottom: 5px solid #C5C4CA; color: rgb(51, 119, 178)}
    .pagina .pie .centrado  div{width: 300px; padding:20px; margin: 0 auto; text-align: center; }
    .pagina .pie .centrado p{margin:0px; padding:0px; font-size:0.9rem;}
    .pagina .pie .centrado a{text-decoration: none;}
}
/*-------------------------------------------------------
Estilos para pantallas entre 1 y 679 pixels;
---------------------------------------------------------*/
@media screen and  (min-width: 0px)  and (max-width: 680px) 
{

    .centrado {width: 100%; margin:0 auto; overflow: auto;}
    .pagina{}
    .pagina .encabezado{ border-bottom: 1px solid #aaa;}
    .pagina .encabezado .centrado .logos{ width:250px; padding:20px;}
    .pagina .encabezado .centrado .logos img{ width:100%;}
    .pagina .menu{ width:100%; margin:0px auto;}
    .pagina .menu ul{padding: 30px 0px;  margin: 0px; list-style: none; text-align: center;}
    .pagina .menu ul li{ padding:10px;}
    .pagina .menu ul li a{text-decoration: none; color:#000; padding:10px; }
    .pagina .menu ul li a:hover{border-bottom: 3px #B5BBFA solid }

    .pagina .contenido{margin-top:50px; padding-bottom: 40px;; }
    .pagina .contenido .centrado .seccionCentral{ max-width: 90%;    padding: 0px 20px;}
    .pagina .contenido .centrado .seccionCentral2{ max-width: 90%;   padding: 0px 20px;}
    .pagina .contenido .centrado .seccionCentral3{ width: 100%;   margin: 0 auto;}

    .pagina .contenido .centrado .seccionCentral #queEs{}
    .pagina .contenido .centrado .seccionCentral #queEs .logoDT {width:150px; float: left; PADDING:15PX;}
    .pagina .contenido .centrado .seccionCentral #queEs .logoDT img{width:100%;}
    .pagina .contenido .centrado .seccionCentral #queEs .directorio{padding: 30px; display:flex; flex-direction: column; }
    .pagina .contenido .centrado .seccionCentral #queEs .directorio img{width:220px; border-radius: 50%; float:left; margin-right:10px;}
    .pagina .contenido .centrado .seccionCentral #queEs .directorio .directorioI{ width:100%;  }
    .pagina .contenido .centrado .seccionCentral #queEs .directorio .directorioD{ width:100%; }

    .pagina .contenido .centrado .seccionCentral #queEs .directorio .directorioI div, .pagina .contenido .centrado .seccionCentral #queEs .directorio .directorioD div{ width:258px; margin:0 auto; padding-top:30px;}

    .pagina .contenido .centrado .seccionCentral3 .rc, .sevdt, .ci, .anp, .tc, .ev {padding: 50px 10%; border-radius: 50px;}
    .pagina .contenido .centrado .seccionCentral3 .info .lef{ border-radius: 20%; float:left; margin: 10px 20px;}
    .pagina .contenido .centrado .seccionCentral3 .info .lefv{ border-radius: 10%; float:left; margin: 10px 20px;}
    .pagina .contenido .centrado .seccionCentral3 .info .rig{ border-radius: 20%; float:right; margin: 10px 20px;}
    .pagina .contenido .centrado .seccionCentral3 .info .rigv{ border-radius: 10%; float:right; margin: 10px 20px;}
    .pagina .contenido .centrado .seccionCentral3 .rc{border-bottom: 5px solid #b2e2f2; border-right: 5px solid #b2e2f2; background-color: #d9e8eb80;}
    .pagina .contenido .centrado .seccionCentral3 #rc{border-bottom: 5px solid #B5BBFA; border-left: 5px solid #B5BBFA; border-right: 0px; background-color: #e0e2f06b;}
    .pagina .contenido .centrado .seccionCentral3 .sevdt{border-bottom: 5px solid #ffda9e; border-right: 5px solid #ffda9e; background-color: #e9decd8a;}
    .pagina .contenido .centrado .seccionCentral3 #sevdt{border-bottom: 5px solid #ffda9e; border-left: 5px solid #ffda9e; border-right: 0px; background-color: #e9decd8a;}
    .pagina .contenido .centrado .seccionCentral3 .ci{border-bottom: 5px solid #dbb5fa; border-right: 5px solid #dbb5fa;  background-color: rgba(227, 228, 240, 0.596);}
    .pagina .contenido .centrado .seccionCentral3 #ci{border-bottom: 5px solid #dbb5fa; border-left: 5px solid #dbb5fa; border-right: 0px; background-color: rgba(227, 228, 240, 0.596);}
    .pagina .contenido .centrado .seccionCentral3 .anp{border-bottom: 5px solid #84b6f4; border-right: 5px solid #84b6f4; background-color: #d0ddeeda;}
    .pagina .contenido .centrado .seccionCentral3 #anp{border-bottom: 5px solid #84b6f4; border-left: 5px solid #84b6f4; border-right: 0px; background-color: #d0ddeeda;}
    .pagina .contenido .centrado .seccionCentral3 .tc{border-bottom: 5px solid #7ff9c7; border-left: 5px solid #7ff9c7; background-color: #c7ebdcc7;}
    .pagina .contenido .centrado .seccionCentral3 .ev{border-bottom: 5px solid #c5c6c8; border-right: 5px solid #c5c6c8; background-color: #dde0e6c5;}
    .pagina .contenido .centrado .seccionCentral3 h1{text-align: center; margin: 50px auto;}
    .pagina .contenido .centrado .seccionCentral3 h2{text-align: center; margin: 20px auto;}
    .pagina .contenido .centrado .seccionCentral3 .info img{max-width: 40%; max-height: 40%;}
    .pagina .contenido .centrado .seccionCentral3 iframe{ width: 180px;   height: 100px;}
    .pagina .contenido .centrado .seccionCentral3 .info p{margin: 30px auto;}
    .pagina .contenido .centrado .seccionCentral3 .info .import{text-align: center; margin: 50px 60px; font-size: large;}
    .pagina .contenido .centrado .seccionCentral3 .info .tab{width: 80%;  text-align: center; margin: 0 auto;}
    .pagina .contenido .centrado .seccionCentral3 .info .tab th{width: 50%;  background-color: #B5BBFA; border-collapse: collapse;}
    .pagina .contenido .centrado .seccionCentral3 .info .tab td{border-collapse: collapse;}

    .pagina .contenido .centrado .seccionDerecha{ width: 70%; margin: 90px auto; }
    .pagina .contenido .centrado .seccionDerecha .entra{padding-bottom: 10px; text-align: center;}
    .pagina .contenido .centrado .seccionDerecha .entra span{text-transform: uppercase; text-align: center; font-weight: bold;}
    .pagina .contenido .centrado .seccionDerecha .entra span a{color:#97A1F8;  text-transform: lowercase; text-decoration: none;}
    .pagina .contenido .centrado .seccionDerecha .colaboracion, .pagina .contenido .centrado .seccionDerecha .videos{width: 90%; margin-top:20px; padding:20px 10px; border: 2px #B5BBFA solid;}
    .pagina .contenido .centrado .seccionDerecha .colaboracion span{text-align: center;}
    .pagina .contenido .centrado .seccionDerecha .colaboracion span img{width:70%; text-align: center;}
    .pagina .contenido .centrado .seccionDerecha .videos ul{list-style: none; ;}
    .pagina .contenido .centrado .seccionDerecha .videos a{text-decoration: none;}

    .pagina .pie{border-top:50px solid #F1F1F1; }
    .pagina .pie .centrado {overflow: auto;}
    .pagina .pie .centrado  h4{border-bottom: 5px solid #C5C4CA; color: rgb(51, 119, 178)}
    .pagina .pie .centrado  div{width: 300px; padding:20px; margin: 0 auto; text-align: center; }
    .pagina .pie .centrado p{margin:0px; padding:0px; font-size:0.9rem;}
    .pagina .pie .centrado a{text-decoration: none;}
}