html, body {height: 100%;}

body#princ {
        border: none;
        padding: 0.1rem;
        min-height: 100vh;
        background-color: #000;
        background-image: linear-gradient(180deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../img/Fondo-scaled.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
}

aside {
        border: none;
        padding: 0.1rem;
}


iframe#prin {border: none; height: auto;}

header  {border:1px solid rgb(255, 51, 0);height:6rem; background: rgb(59, 40, 24);
background: -moz-linear-gradient(30deg, rgb(59, 40, 24) 30%, rgb(31, 56, 75) 70%);
background: -webkit-linear-gradient(30deg, rgb(59, 40, 24) 30%, rgb(31, 56, 75) 70%);
background: -o-linear-gradient(30deg, rgb(59, 40, 24) 30%, rgb(31, 56, 75) 70%);
background: -ms-linear-gradient(30deg, rgb(59, 40, 24) 30%, rgb(31, 56, 75) 70%);
background: linear-gradient(120deg, rgb(59, 40, 24) 30%, rgb(31, 56, 75) 70%);}

header>:first-child {height: 5.5em;}

header h1{font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: whitesmoke;}

header>div>img {height: 4em; padding: .3em;}

header>div>p {font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;font-size: 1em;font-weight: bold;color: whitesmoke;}

header>:first-child>img {animation: vibrato 5s linear infinite;}

@keyframes vibrato {
        0%  { -webkit-transform:rotateZ(-2deg); }
        10% { -webkit-transform:translateY(2px) translateX(-1px)}
        20% { -webkit-transform:translateY(-1px) translateX(2px) scale(.5)}
        30% { -webkit-transform:rotateZ( -1deg) translateY(-2px) translateX(-3px)}
        40% { -webkit-transform:translateY(3px) translateX(3px) scale(.8)}
        50% { -webkit-transform:rotateZ( 0deg) translateY(-2px) translateX(1px) scale(1);}
        10% { -webkit-transform:translateY(2px) translateX(-1px)}
        20% { -webkit-transform:translateY(-1px) translateX(2px) scale(.5)}
        30% { -webkit-transform:rotateZ( 1deg) translateY(-2px) translateX(-3px)}
        40% { -webkit-transform:translateY(-2px) translateX(1px)}
        100%{ -webkit-transform:rotateZ( 2deg) scale(1); }}

nav,footer {color: white;background-color: rgb(37, 35, 35);font-family: Arial, Helvetica, sans-serif;text-decoration: none;text-emphasis: none;text-align: center;padding: .3rem;}

a.nav-link,a {color: inherit;}

a.nav-link:visited {color: inherit;}

footer {height: auto;}

body#princ article {border: 1px solid black;background-color: rgb(255, 255, 255);margin: .3rem;box-shadow: .3rem .3rem .5rem;}



body#princ>div>:nth-child(3)>div {
        background-color: #000;
        background-image: linear-gradient(180deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../img/Fondo-scaled.jpeg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        min-height: 100vh;
}

nav li{padding: 0rem 1rem;transition: 1s ease;}

nav li:hover{color: black;background-color: rgb(255, 255, 255);}

a:hover,aside>:nth-child(2) img:hover {transform: scale(1.2);color: inherit;text-decoration: none;}

aside>:first-child>p {column-count: 3;column-gap: .4em;column-rule: 1px solid rgb(58, 45, 45);}


div#tienda li {background-color:chocolate}

div#tienda span {color: brown;}

div#tienda a:hover {transform: scale(1);}

.new-carousel-control-prev-icon {
        width: 30px;
        height: 30px;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23c593d8' width='30' height='30' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");}
     
.new-carousel-control-next-icon {
        width: 30px;
        height: 30px;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23c593d8' width='30' height='30' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");}





div.card-body {color: white;background-color: black;}




body#in {padding: 2rem; max-height: 400px;}

body#in h1 {color: azure;}

body#in section {padding: 1rem ;background-color: rgba(255, 255, 255, .2);background-image: url(../img/fondosemitrans15.png);background-repeat: repeat;}




body#calen thead{color:white;background-color: crimson;}

body#calen tbody {background-color: azure;color: brown; font-size: 2rem;}

body#calen h2 {color:white ; font-size: 4rem;}

body#calen td {text-align: right;border: 1px solid brown;}

body#calen td>span {font-size: .6rem;color: azure;}

body#calen div.col-12:last-child>div {margin: .2rem; width: 1rem; height: 1rem; background-color: coral;border: 1px solid brown; display: inline-block;}

body#calen div.col-12:last-child>span {margin: 0px;float: left;}

body#calen tbody>:first-child>td+td+td+td+td+td,
body#calen tbody>:nth-child(3)>td+td+td+td+td+td,
body#calen tbody>:nth-child(4)>td+td+td+td+td+td,
body#calen tbody>:last-child>td+td+td+td+td+td
{background-color: aquamarine;font-size: inherit;}

body#calen tbody>:nth-child(2)>td+td+td+td {background-color: coral;}




body#claf div.card>:first-child,
body#claf div.card>:first-child:visited,
body#claf div.card>:first-child:hover,
body#claf tr :nth-child(2)>a,
body#claf tr :nth-child(2)>a:visited,
body#claf tr :nth-child(2)>a:hover {font-size: 1.6rem;color:white;text-decoration:none;transform:none;}

body#claf tr :nth-child(2)>a,
body#claf tr :nth-child(2)>a:visited,
body#claf tr :nth-child(2)>a:hover {color:black}
       
body#claf div.card>div,body#claf tbody>tr>td:last-child  
{background: rgb(242,255,254);background: linear-gradient(90deg, rgba(251,251,251,10) 57%, rgba(67,80,83,1) 67%);text-align: right;color: aliceblue;}

body#claf div.card+div.card>div,body#claf tbody>tr:nth-child(2)>td:last-child 
{background: linear-gradient(90deg, rgba(251,251,251,10) 14%, rgba(67,80,83,1) 24%);;}
        
body#claf div.card+div.card+div.card>div,body#claf tbody>tr:nth-child(3)>td:last-child 
{background: linear-gradient(90deg, rgba(251,251,251,10) 23%, rgba(67,80,83,1) 33%);}

body#claf div.card+div.card+div.card+div.card>div,body#claf tbody>tr:nth-child(4)>td:last-child 
{background: linear-gradient(90deg, rgba(251,251,251,10) 42%, rgba(67,80,83,1) 52%);}
                        
body#claf div.card+div.card+div.card+div.card+div.card>div,body#claf tbody>tr:nth-child(5)>td:last-child 
{background: linear-gradient(90deg, rgba(251,251,251,10) 30%, rgba(67,80,83,1) 40%);}

body#claf div.card+div.card+div.card+div.card+div.card+div.card>div,body#claf tbody>tr:last-child>td:last-child 
{background: linear-gradient(90deg, rgba(251,251,251,10) 60%, rgba(67,80,83,1) 70%);}

body#claf tbody tr :first-child {height: 5rem;}

body#claf table {background-color: snow;}




body#forhor img {width: 5rem;}

body#forhor span { font-size: 3rem;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-weight: bolder;color: rgb(65, 113, 160);text-shadow: .2rem .2rem .5rem;}

body#forhor span+span {font-size: .8rem;}

body#forhor div {background-color: snow;}




body#vot img {height: 8rem;}

body#vot ul {background-color: rgba(230, 230, 209, 150); padding: 1rem;}


body#inst {max-height: 200px ;}

body#inst>div { margin-top: 4rem; padding: 1rem;
                background: rgb(255, 194, 255);
                background: -moz-linear-gradient(45deg, rgb(255, 194, 255) 15%, rgb(183, 255, 187) 85%);
                background: -webkit-linear-gradient(45deg, rgb(255, 194, 255) 15%, rgb(183, 255, 187) 85%);
                background: -o-linear-gradient(45deg, rgb(255, 194, 255) 15%, rgb(183, 255, 187) 85%);
                background: -ms-linear-gradient(45deg, rgb(255, 194, 255) 15%, rgb(183, 255, 187) 85%);
                background: linear-gradient(135deg, rgb(255, 194, 255) 15%, rgb(183, 255, 187) 85%);
                border-radius: 1.5rem 1.5rem;}

body#inst>div,body#inst input {border: 2px solid salmon;}

body#inst button {font-size: .8rem}





body#stwar h1,body#atm0 h1,body#strek h1,body#ali8 h1,body#blrun h1,body#odies h1 {color: white;background-color: rgba(0, 0, 0,0);background-image: url(../img/fondosemitrans15.png);}

body#stwar iframe,body#atm0 iframe,body#strek iframe,body#ali8 iframe,body#blrun iframe,body#odies iframe {width: 640px; height: 480px;border: none; margin: 2rem ;}




body#atm0,body#stwar,body#strek,body#ali8,body#blrun,body#odies,body#calen,body#claf,body#ima,body#forhor,body#vot,body#inst,body#in 
{background-color: rgba(0, 0, 0, 0);background-image: url(../img/fondotrans.png);background-repeat: repeat;}