/*ESCUELA INFANTIL Nubes II -Marqués de Vadillo*/

@import url(https://fonts.googleapis.com/css?family=Patrick+Hand+SC);
@import url(https://fonts.googleapis.com/css?family=Catamaran);

body {font-family: 'Abel', Helvetica, Arial, Lucida, sans-serif; font-size: 16px; background-color: white;}

/*.container {padding-top: 14px; border-radius: 0px; margin-bottom: 5px; margin-top: 5px; background: rgba(245, 251, 255, 0.88);}*/
.container {padding-top: 14px; border-radius: 0px; margin-bottom: 5px; margin-top: 5px;}

img {max-width: 100% !important;}

td {vertical-align: top;}

.navbar-nav a:hover, .navbar-nav a:focus {color: #f8fdf9; background-color: #37bdc0;}
.navbar {--bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0;}

.nav-link {color:black; font-family: Helvetica, Arial, Lucida, sans-serif}

a.btn {box-shadow: 2px 2px 2px gray;}

.transp {padding-left:20px; padding-right:20px; padding-top:6px; padding-bottom:6px; background-color:transparent; border:2px solid white; font-size:125%; color:white; font-weight: bold;   transition-property: all;  transition-duration: 0.5s; text-decoration:none;}
.transp:hover {border:2px solid rgba(255,255,255,0.1); background-color:rgba(255,255,255,0.1); color:#fcfcfc}
.transp:hover::after {content:' >';}


div#layout-footer {color: #151515; background-color: #fafafa; border-top: 2px solid #003c86;}
div#layout-footer a {color:rgb(21,45,88);}

.credits {text-align: center; color: #2f2f2f; padding: 10px 20px 10px; background: #fefefe; border-top: 1px solid #003c86;}
.credits a {font-size: 11px; color: gray;}

.notice {color: green; background-color: rgb(240,255,144); border-color: green; cursor: pointer; text-align: center; font-weight: bold; border-radius: 5px; width: 100%;}
.close {text-decoration: none; color: red; font-size: 200%; float: right; border: 1px solid #EEEEEE; font-weight: bold; margin-left: 5px;}
.close:hover {color: white; background-color: red; cursor: pointer;}

h1 {font-family:Arimo, helvetica, arial;}
h2 {font-size:26px;}

.tit2 {font-size: 30px; text-decoration:none; color:white; font-family: Arimo, Helvetica; font-weight: bold;}
.tit2:hover {color: #FAFAFA; }


hr {margin-top: 10px; margin-bottom: 20px; border: 5; border-top: 3px solid #37bdc0;}

li {line-height: 105%; margin-bottom:13px;}

.apret {line-height: 1; font-weight: bold; padding:14px;}

.counter-container {font-family: Abel, Helvetica, Arial, sans-serif; text-align: center; font-size: 4rem;}


label {display: inline-block; margin-top: 10px; margin-bottom: 2px; font-weight: bold;}

.fullw {width:100%;}

.xs {font-size:70%;}
.ss {font-size:85%;}
.ll {font-size:120%;}
.xl {font-size:150%;}
.xxl {font-size:200%;}
.xxxl {font-size:300%;}

.b {font-weight: bold;}

.C {text-align:center;}
.R {text-align:right;}
.L {text-align:left;}
.J {text-align:justify;}

.rojo {color:red;}
.pinklogo {color: rgb(235,87,147);}
.bluelogo{color: rgb(0,164,225);}
.greenlogo{color: rgb(99,179,46);}

.flex-container {display: flex; justify-content: space-between; flex-wrap: wrap;}
.flex-container>div {border: 4px solid rgb(0,164,225); flex-basis: 20%; text-align:center; font-size:130%; padding: 8px; line-height: 1em; margin-top: 30px;}

.greenborder {border-color: rgb(99,179,46) !important;}
.pinkborder {border-color: rgb(235,87,147) !important;}

@media (max-width: 991px) { /* Below large (lg), switch to 2x2 */
 .flex-container {justify-content: space-around;}
 .flex-container>div {flex-basis: 45%;}
}