@charset "UTF-8";
/* CSS Document */

html {background-image:url(../img/bg.jpg);}
body {background-image:url(../img/bg.jpg);}

.littlebox { margin-top:50px; padding-top:10px; margin-bottom:50px; padding-bottom:10px; -webkit-border-radius: 99px 0px 99px 0px;-moz-border-radius: 99px 0px 99px 0px;border-radius: 99px 0px 99px 0px;-webkit-box-shadow: #707070 12px 12px 12px;-moz-box-shadow: #707070 12px 12px 12px; box-shadow: #707070 12px 12px 12px; background:#ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 73%, #ffffff 92%, #7db9e8 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #ffffff 73%,#ffffff 92%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #ffffff 73%,#ffffff 92%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

}

#menu li a:hover { background:url(../img/bird.svg) no-repeat;}
#about {background:url(../img/lineas.svg) no-repeat; background-position: 350px 5px;  text-align:center; background-size:400px; }
#about p { font-family: 'PT Sans', sans-serif; text-align: justify; font-style : italic;
  letter-spacing : -0.36px;
  color : #808080;
  color : rgb(128, 128, 128);
  text-outline : #808080;
  text-outline : rgb(128, 128, 128);
}
#about strong {color:#006837;}
#txtus img {max-width:40px;}

.navbar {background: url(../img/banner.svg) no-repeat; border:none; }
.dropdown-menu  {background:url(../img/bglink3.svg)no-repeat; border:none; }

#menu {
  background: url(../img/banner.svg) no-repeat;
  margin-top:40px;
  height: 50px;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index:98;
  margin-bottom:40px;
}
#menu li { display:inline-block; list-style:none;  font-family: 'Shadows Into Light Two', cursive; font-size:18px; color:#fff;}
#menu li a {color:#FFFFFF;}


#feats {font-family: 'Shadows Into Light Two', cursive; font-size:20px; color:#7C7C7C; margin-top:50px; position:relative;}
ul.bullet {list-style-image: url(../img/bullet.svg);}

#arbol.img-responsive {max-width:200px;}

#feat { margin-top:90px;}
#piso {margin:0; padding:0; z-index:1; position:absolute; margin-top:659px; margin-bottom:30px; padding-bottom:20px;}
#piso img { max-width:95%; float:left;}
#kids { z-index:99;}
#hours {font-family: 'PT Sans', sans-serif; text-align:center; color:#7C7C7C; }
#hours h1 {line-height:10px;}
#hours h3 {line-height:20px;}
#txt {font-family: 'PT Sans', sans-serif; text-align:center; font-size:13px; margin-top:10px; margin-bottom:10px;}
#about1 { margin-bottom:50px;}


#acredi { font-family: 'PT Sans', sans-serif; color:#7C7C7C; font-style : italic; letter-spacing : -0.4px; margin-bottom:30px;}
#acredi p {padding:20px; margin:20px;}
#acredi img { float:left; padding:6px 20px 6px 30px; max-width:180px}
#medall1 {-webkit-border-radius: 99px 20px 99px 0px;-moz-border-radius: 99px 20px 99px 0px;border-radius: 99px 20px 99px 0px;border:1px solid #f15a24;background:rgba(227,162,11,0.0); height:auto; margin-top:20px;padding:10px;}
#medall2 {-webkit-border-radius: 0px 99px 0px 99px;-moz-border-radius: 0px 99px 0px 99px;border-radius: 0px 99px 0px 99px;border:1px solid #f15a24;background:rgba(227,162,11,0.0);height:auto;;margin-top:20px;padding:10px;}
#medall3 {-webkit-border-radius: 99px 20px 99px 0px;-moz-border-radius: 99px 20px 99px 0px;border-radius: 99px 20px 99px 0px;border:1px solid #f15a24;background:rgba(227,162,11,0.0);      height:auto; margin-top:20px;padding:10px;}
#lamp img {max-width:99px;}
#balle img {max-width:99px;}
#mari img {max-width:99px;}
#orange img {max-width:99px;}
#foodcalendar {font-family: 'PT Sans', sans-serif; color:#7C7C7C; font-style : italic; letter-spacing : -0.4px; margin-bottom:30px;}
.centered {
    justify-content: center;
    align-items: center;
}
#pdf img { margin-top:50px; display: flex;
    justify-content: center;
    align-items: center;max-width:90px;}

#fee {-webkit-border-radius: 99px 20px 99px 0px;-moz-border-radius: 99px 20px 99px 0px;border-radius: 99px 20px 99px 0px;border:1px solid #00acec;background:rgba(227,162,11,0.0); height:auto; margin-top:20px;padding:10px; margin-bottom:200px;}
#feetxt {font-family: 'PT Sans', sans-serif; color:#7C7C7C; font-size:1.1em; font-style : italic; letter-spacing : -0.4px; padding:30px;}
#contact {margin-bottom:50px;}
#contacttxt { font-family: 'PT Sans', sans-serif;
	font-weight : bold;
  font-style : italic;
  font-size : 18px;
  line-height : 12px;
  color : #808080;
  color : rgb(128, 128, 128);
}
#contacttxt p {font-size:12px;}
#contacttxt h4 { font-size:15px;}

#foodcalendar th {background: url(../img/cal.svg); font-family: 'PT Sans', sans-serif; color:#000; font-style : italic; letter-spacing : -0.4px; margin-bottom:30px;}
#foodcalendar td  {background : rgba(184, 207, 72, 0.2); font-family: 'PT Sans', sans-serif; color:#7C7C7C; font-style : italic; letter-spacing : -0.4px; margin-bottom:30px;}
#foodcalendar tr td p{font-size:10px;}

#foodcalendar1 th {background: url(../img/cal1.svg); font-family: 'PT Sans', sans-serif; color:#000; font-style : italic; letter-spacing : -0.4px; margin-bottom:30px;}
#foodcalendar1 td  {background : rgba(235, 230, 56, 0.15); font-family: 'PT Sans', sans-serif; color:#7C7C7C; font-style : italic; letter-spacing : -0.4px; margin-bottom:30px;}
#foodcalendar1 tr td p{font-size:10px;}

/* Extra small devices (phones, less than 768px) */
@media only screen and (max-width: 768px) 
{
#kids { display:none;}
#menu {z-index:99;}
#menu li {list-style:none; font-size:22px; display:block;}
#menu li a {color:#fff;}
#menu li a:hover { background:url() no-repeat;}
.navbar {background: #006837; border:none; width:100%;}
.dropdown-menu {background: #006837; }
#medall1, #medall2,#medall3 { border:none;}


	
	  }

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }






























.nubes {
  animation: animationFrames linear 5s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 5s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 5s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 5s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  z-index:999;
}

@keyframes animationFrames{
  0% {
    transform:  translate(-297px,-2px)  ;
  }
  100% {
    transform:  translate(252px,-4px)  ;
  }
  100% {
    transform:  translate(252px,-4px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(-297px,-2px)  ;
  }
  100% {
    -moz-transform:  translate(252px,-4px)  ;
  }
  100% {
    -moz-transform:  translate(252px,-4px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(-297px,-2px)  ;
  }
  100% {
    -webkit-transform:  translate(252px,-4px)  ;
  }
  100% {
    -webkit-transform:  translate(252px,-4px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(-297px,-2px)  ;
  }
  100% {
    -o-transform:  translate(252px,-4px)  ;
  }
  100% {
    -o-transform:  translate(252px,-4px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(-297px,-2px)  ;
  }
  100% {
    -ms-transform:  translate(252px,-4px)  ;
  }
  100% {
    -ms-transform:  translate(252px,-4px)  ;
  }
}