body, html {   padding:10px;   background-color : transparent;     height:100%;  background-image: url(' ../apoyo/fondo1.png'); opacity:0.01, background-repeat: no-repeat;  background-attachment: fixed ; color:black;  }
/* workaround modal-open padding issue */
body.modal-open {     padding-right:0 !important; }
#sidebar {    padding-left:0; }
/*  * Off Canvas at medium breakpoint  */
@media screen and (max-width: 48em) {
  .row-offcanvas {     position: relative;    -webkit-transition: all 0.25s ease-out;     -moz-transition: all 0.25s ease-out;     transition: all 0.25s ease-out;   }
  .row-offcanvas-left   .sidebar-offcanvas {     left: -33%;   }
  .row-offcanvas-left.active {     left: 33%;   }
  .sidebar-offcanvas {     position: absolute;     top: 0;     width: 33%;     height: 100%;   }   }
/*  * Off Canvas wider at sm breakpoint  */
@media screen and (max-width: 34em) {
  .row-offcanvas-left   .sidebar-offcanvas {     left: -45%;   }
  .row-offcanvas-left.active {     left: 45%;   }
  .sidebar-offcanvas {     width: 45%;   }    }
/* responsive nav stacked liked 3.x */
@media(max-width:34em) {
    .navbar .navbar-brand {         float:none;        display: block;     }
    .navbar .navbar-nav>.nav-item {        float: none;        margin-left: .1rem;     }
    .navbar .navbar-nav {         float:none !important;     }     }
.card {     overflow:hidden; }
.card-block .rotate {    z-index: 8;    float: right;    height: 100%; }
.card-block .rotate i {     color: rgba(20, 20, 20, 0.15);    position: absolute;    left: 0;    left: auto;     right: -10px;    bottom: 0;    display: block;
    -webkit-transform: rotate(-44deg);    -moz-transform: rotate(-44deg);    -o-transform: rotate(-44deg);    -ms-transform: rotate(-44deg);    transform: rotate(-44deg); }
.mayuscula {  text-transform: uppercase; }
.minuscula {  text-transform: lowercase; }
.azul {  color: #0000FF; }
.verde {  color: #00FF00; }
.rojo {  color: #FF0000; }
.negro {  color: #000; }
.efecto2 {     transition:All 3.2064s ease-out;     -webkit-transition:All 3.2064s ease-out;     -moz-transition:All 3.2064s ease-out;     -o-transition:All 3.2064s ease-out;
    transform: rotate(5deg) scale(0.923) skew(-153deg) translate(-35px);    -webkit-transform: rotate(5deg) scale(0.923) skew(-153deg) translate(-35px);
    -moz-transform: rotate(5deg) scale(0.923) skew(-153deg) translate(-35px);    -o-transform: rotate(5deg) scale(0.923) skew(-153deg) translate(-35px);
    -ms-transform: rotate(5deg) scale(0.923) skew(-153deg) translate(-35px);      }
.efecto2:hover{     transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);    -webkit-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
    -moz-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);    -o-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);
    -ms-transform: rotate(0deg) scale(0.67) skew(1deg) translate(0px);     }
btn { 	-moz-box-shadow: 3px 14px 7px -12px #276873;	-webkit-box-shadow: 3px 14px 7px -12px #276873;
	box-shadow: 3px 14px 7px -12px #276873;	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0); 	background-color:#599bb3;	-moz-border-radius:22px;	-webkit-border-radius:22px;	border-radius:22px;
	border:2px solid #29668f;	display:inline-block;	cursor:pointer;	color:#ffffff;	font-family:Arial;	font-size:14px;	font-weight:bold;
	font-style:italic;	padding:2px 24px 0px 0px;	text-decoration:none;	text-shadow:-2px 0px 0px #3d768a; }
.btn:hover { 	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0); 	background-color:#408c99; }
.btn:active { 	position:relative; 	top:1px; }
.btn2 { 	-moz-box-shadow:inset 3px 14px 8px -12px #276873;	-webkit-box-shadow:inset 3px 14px 8px -12px #276873;
	box-shadow:inset 3px 14px 8px -12px #276873;	background-color:#599bb3; 	-moz-border-radius:42px; 	-webkit-border-radius:42px;
	border-radius:42px;	border:2px solid #29668f;
	display:inline-block;	cursor:pointer;
	color:#ffffff;	font-family:Arial;
	font-size:16px;	font-style:italic;
	padding:3px 23px 0px; 	text-decoration:none;
	text-shadow:-2px 0px 0px #3d768a; }
.btn2:hover { 	background-color:#408c99; }
.btn2:active { 	position:relative; 	top:1px; }
.bt { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
	background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
	background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
	background-color:#79bbff; 	-moz-border-radius:18px; 	-webkit-border-radius:18px; 	border-radius:18px;
	border:1px solid #337bc4; 	display:inline-block; 	cursor:pointer;
	color:#050005; 	font-family:Arial; 	font-size:14px; 	padding:2px 15px;
	text-decoration:none;  text-shadow:0px 2px 0px #528ecc; }
.bt:hover { 	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.02, #378de5), color-stop(1, #79bbff));
	background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
	background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
	background-color:#B8D5F3; }
.bt:active {	position:relative;	top:1px; }
.vermejor { background-color: rgba(255,255,255,0.5); color:black; font-size: 0.9em;  }
.vermenor th { text-align:center;  }