/* CSS Document - UNAP - General*/

table#mitabla {
    border-collapse: collapse;
    border: 1px solid #CCC;
    font-size: 12px;
}
 
table#mitabla th {
    font-weight: bold;
    background-color: #E1E1E1;
    padding:5px;
}
 

 
table#mitabla td {
    padding: 5px 10px;
    border: 1px solid #CCC;
}
/*
table#mitabla tbody tr:hover td {
   background-color: #F9F9F9;
   color: #000;
}
*/
.mitabla {
    border-collapse: collapse;
    border: 1px solid #CCC;
    font-size: 12px;
}

.mitabla tr:nth-child(odd) {background: #F3F3F3}
.mitabla tr:nth-child(even) {background: #FFF}
 
.mitabla tbody th {
    font-weight: bold;
    background-color: #ccc; /* F3F3F3 gris*/
    padding:5px;
}
.mitabla th {
    font-weight: bold;
    background-color: #ccc;
    padding:5px;
    border: 1px solid  #85929e; 
    /*text-align: center;*/
}
.mitabla td {
    padding: 5px 10px;
    border: 1px solid #CCC;
}

 
.mitabla tbody tr:hover td {
    background-color:  #ebf5fb;
}


.mitabla tbody tr.naranjo-blanco-sin-hover td {
    background-color: #cc3300; /*cc3300 naranjo*/
    color: #fff;
}
.mitabla tbody tr.naranjo-blanco-sin-hover:hover td {
    background-color: #cc3300; /*cc3300 naranjo*/
    color: #fff;
}
.mitabla tbody th:hover {
   /* background-color: #F3F3F3;
    color: #000;
    */
}





.mitabla-redondeada{
  border-collapse: collapse;
  border-radius: 10px;
  border: 0px;
  overflow: hidden;
} 
.mitabla-redondeada tr:nth-child(odd) {background-color: #f2f3f4 }
.mitabla-redondeada tr:nth-child(even) {background-color: #FFF}

.mitabla-redondeada th {
    font-weight: bold;
    font-size: 1.5em;
    color: #024e6a;
    background-color: #d9e5f1;
    padding:15px;
    text-align: center;
    /*text-align: center;*/
}
.mitabla-redondeada td {
    padding: 5px 10px;
}

 
.mitabla-redondeada tbody tr:hover td {
    background-color:  #ebf5fb;
}

.mitabla-redondeada tbody tr.naranjo-blanco-sin-hover td {
    background-color: #cc3300; /*cc3300 naranjo*/
    color: #fff;
}
.mitabla-redondeada tbody tr.naranjo-blanco-sin-hover:hover td {
    background-color: #cc3300; /*cc3300 naranjo*/
    color: #fff;
}

div .alterno-padre  {border-radius: 15px; border: 1px solid #eee; margin-top: 20px; width: 100%;border-collapse: collapse; overflow: hidden;}
div .alterno-titulo {background-color: #d9e5f1; color: #024e6a; padding: 15px; font-size: 1.5em; text-align: center; }
div .alterno:nth-child(odd)  {background-color: #F3F3F3; padding: 7px;}
div .alterno:nth-child(even) {background-color: #FFFFFF;padding: 7px;}
 
 
a.enlace-blanco       {color:#fff;}
a.enlace-blanco:hover {color:#eee;} 
 
.fa-brands { margin-right: 10px;}  /*para iconos de redes sociales en articulos*/

/*12-03-2022*/
.border-radius-azul {padding: 10px 10px 10px 10px; border-radius: 25px; border: 1px solid blue;}

.art-w3btn{
        display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        /*justify-content: center;  */ align-items: center; margin-top: 20px;  border-radius: 20px;  min-height: 140px; border: none;  color: #fff;  font-size: 1.8em;
        background: #046dab; /*#ff7200*/ width: 100%; height: 100%; padding-left: 25px; /* display: inline-block;*/  /*margin: 2.5em 0 0;*/  font-weight: 400;  outline: none;
        position: relative; -webkit-transition-property: all;  -webkit-transition-duration: 0.3s;   -moz-transition: all 0.3s;    transition: all 0.3s;    overflow: hidden;
    } 
.art-w3btn img{ float: left;  margin-right: 20px; }
.art-w3btn:hover {color: #fff; 	margin-top: 10px;   transition:margin-top .5s ; }
.art-w3btn:after {	content: '';	position: absolute;  	width: 34%;    height: 150%; /*250 para color fondo, mov*/    background: rgba(0, 0, 0, 0.2);    z-index: 1;    right: 0;    top: 0;
    margin: -5px 0 0 -5px;    -webkit-transform-origin: 0 0;	-moz-transform-origin: 0 0;	-ms-transform-origin: 0 0;	transform-origin: 0 0;    -webkit-transform: rotate(-20deg); 
    -moz-transform: rotate(-20deg);     -ms-transform: rotate(-20deg);     transform: rotate(-20deg);	  -webkit-transition-property: all;  -webkit-transition-duration: 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s;
    } 
.art-w3btn:before {        /*content: "\f101";*/ /* flecha derecha */ font: normal normal normal 14px/1 FontAwesome; -moz-osx-font-smoothing: grayscale; left: auto; right: 3%; z-index: 2; position: absolute;    font-size: 1.3em;    color: #fff;
    } 
.art-w3btn:hover:after {	    width: 112%;    }



.boton-hover-top  {margin-top: 20px;}
.boton-hover-top:hover  {color: #fff; 	margin-top: 10px;  opacity: 0.8; transition:margin-top .5s ; }



.w4btn-artic{
        border: none;
        color: #fff;
        background: #036ab1; /*ff7200*/
        /*padding: 12px 60px 12px 25px;*/
        width: 100%;
        padding-top: 23px;
        padding-bottom: 23px;
        display: inline-block;
        margin: 2.5em 0 0;
        line-height: 1.5em;
        font-weight: normal;
        font-size: 1.6em;
        outline: none;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        overflow: hidden;
        text-align: center;
    }
    .w4btn-artic:hover{
	    color: #fff;
    }
    .w4btn-artic:after {
	    content: '';
    	position: absolute;  
	    width: 34%;
        height: 250%;
        background: rgba(0, 0, 0, 0.2);
        z-index: 1;
        right: 0;
        top: 0;
        margin: -5px 0 0 -5px;
        -webkit-transform-origin: 0 0;
	    -moz-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	    transform-origin: 0 0;
        -webkit-transform: rotate(-20deg); 
        -moz-transform: rotate(-20deg); 
        -ms-transform: rotate(-20deg); 
        transform: rotate(-20deg);
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    transition: all 0.5s;
    } 
    .w4btn-artic:before {
        content: "\f101";
        font: normal normal normal 14px/1 FontAwesome;
        -moz-osx-font-smoothing: grayscale;
        left: auto;
        right: 9%;
        z-index: 2;
        position: absolute;
        font-size: 1.3em;
        color: #fff;
    } 
    .w4btn-artic:hover:after {
	    width: 112%;
    }  
    .w4btn-artic:visited {
            color: #fff;
    }
   .noticia-cuerpo {font-size: 14px; color:#024e6a; font-family: inherit;font-weight: normal;line-height: normal;}
   .pagina-cuerpo  {font-size: 14px; color:#024e6a; font-family: inherit;font-weight: normal;line-height: normal;}
    .img-hover:hover {opacity: 0.8; transition: 0.9s;}
    a{text-decoration:none;}
    .responsive-img{display: block;  max-width: 100%;  height: auto;}
    .img-responsive{display: block;  max-width: 100%;  height: auto;}