@charset "utf-8" ;

body {background-color: #0575b1;
	font-family: 'PT Sans Narrow', sans-serif;
}

a {text-decoration: none;
   color: #ffffff;
   font-family: sans-serif; }

.menu {display: flex;
        text-align: center;
        justify-content: center;
        align-items:center;
         margin-top: 2em;
         border-width: 2px;
        border-style: solid;
        border-color:aqua;
        padding: 1em;
        border-radius: 2em;
            
       }

.menu:hover { background-color: #8caffc; }

.encabezado { }


/* manu */

.actividades { display: flex;
               text-align: center;
               justify-content: center;
               margin-top: 2em;
               border-width: 2px;
               border-style: solid;
               border-color:aqua;
               padding: 1em;
               border-radius: 2em;
            
}

.actividades:hover { background-color: #8caffc; }

.h2 {
    background-color:#fff;
}





/* formulario */

.formulario {display: flex;
    background-color: #07c9c9;
    justify-content: center;
    }
*{

				text-decoration: none;
				list-style: none;
				box-sizing: border-box;


			}

			ul{
				margin: 0;
				padding: 0;
			}

			form{
				padding: 1em;	}
			
			label{
				display: block;
				margin-top: 1em;	}

			input[type="text"],
			input[type="search"],
			input[type="tel"],
			input[type="url"],
			input[type="email"],
			input[type="password"],
			input[type="date"],
			input[type="month"],
			input[type="week"],
			input[type="datetime-local"],
			input[type="number"],
			input[type="time"],
			input[type="range"]{
				width: 280px;
				max-width: 16em;
				margin: .7em;
				padding: .3em;
				background-color: rgba(29, 101, 139, 0.17);
				border: 0;
				border-radius: .6em;
				transition: .3s;
				box-shadow: 0 0 .5em 1px rgba(0, 0, 0, 0.3);
				font-size: 1.3em;
				padding: .5em;
				padding-left: 1em; }
				

/* alquiler eventos */

.header {
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

    Position:fixed;
    color: #fff;
	background-color:#0575b1;
    top:0;
	text-align: center;
    z-index:9999;
	/*position:fixed;*/
	


}

.title{
    width:150px;
}

.top-image {
	margin-top:38%;
}

.image{
    margin-top:30px;
}

.principal-text {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 100%;
	height: 120%;
	background-color: #fff;
	text-align: justify;
	justify-content: space-between;
	align-items: stretch;

}



.container {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 100%;
	height: 100%;
	background-color: #fff;
	text-align: justify;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom:50px;


	
	
	

}

.botones {
	text-align: center;

}

.hoy{
    color:black;
    background-color:white;
    text-transform: uppercase;
    font-family: 'PT Sans Narrow', sans-serif;
}
.boton-1 {display: flex;
    text-align: center;
    background-color:white;
    justify-content: center;
    align-items:center;
     margin-top: 2em;
     border-width: 2px;
    border-style: solid;
    border-color:aqua;
    padding: 1em;
    border-radius: 2em;
    color:black;
    margin-bottom: 60px;
        
   }
    
 

.footer {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 96%;
	height: 50px;
    background-color: #fff;
    border-block-start:solid 3px #ffc909;
	text-align: center;
	justify-content: space-around;
	align-items: center;
	position:fixed;
	bottom:0;
	

}

/*FECHA HORARIO*/


/*ALQUILERESTIPOS*/

.tipos{
	
	margin-bottom:50px;
}

.tipos-info {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 100%;
	height: 100%;
	background-color: grey;
	text-align: center;
	justify-content: space-between;
	align-items: stretch;

}

.tipos-imagenes {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 100%;
	height: 100%;
	background-color: #fff;
	text-align: center;
	justify-content: space-between;
	align-items: stretch;

}

.principal-text {
	display:flex;
	flex-direction: column;
	text-align: center;
}

.img-box{
	width:100px;
	height:100px;
	background-color: green;
}

.text {
    padding:5px;
    margin-left:5px;
    margin-right:5px;
}

/*nav*/
@media screen and (max-width:768px){
body {
	/*overflow-y: hidden;*/


}
.nav-links {
	position: absolute;
	height:92vh;
	top:8vh;
    background-color:   #47b5be;
    font-family: 'PT Sans Narrow', sans-serif;
	display:flex;
	flex-direction: column;
	align-items:center;
	padding-top: 3%;
    line-height:17px;
    text-transform:uppercase;
	width:96%;
	height:43%;
	transform: translateY(-110%);
	transition: transform 0.5s ease-in;
	color:black;
	z-index:1;
}

.nav-links a{
	color:black;
}

.nav-links li {
	padding: 10px;


}

.burger {
    padding-top: 20px;
    cursor: pointer;
    align-items: center;
    /*position:fixed;*/
    text-transform:uppercase;
	z-index:9999;
	width:100px;
	margin:auto;
	top:5em;
}

.burger div{
	display: flex;
	flex-direction:column;
	width:100%;
	height:50px;
	align-items:center;

	

}

}

.nav-active {
	transform: translateY(25%);
}

@keyframes navLinkFade{
	from{
		opacity:0;
		transform:translateY(50px);
	}
	to{
		opacity:1;
		transform:translateY(0px);
	}

}

/*  eventos slider  */

.contenedor {
    margin-top:38%;
    margin-bottom: 50px;
    background-color:#fff;
    color:black;
}

.contenedor2{
    margin-top:18%;
    margin-bottom: 50px;
    background-color:#0575b1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: center;
}

.contenedor3{
    margin-top:38%;
    margin-bottom: 50px;
    width:96%;
    background-color:#0575b1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: center;
}

.contenedor4{
    margin-top:38%;
    margin-bottom: 50px;
    background-color:#0575b1;
   
}

.contenedor5 {

    background-color:#03a7a7;
}
.contenedor6 {
    background-color:#0575b1;
    display:flex;
    flex-direction:column;
    width:96%;
}

h1 { color:azure;
    font-family: 'PT Sans Narrow', sans-serif;
}



.carousel {
    position: relative;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.64);
    margin-top: 26px;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carousel-open:checked + .carousel-item {
    position: static;
    opacity: 100;
}

.carousel-item {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

.carousel-item img {
    display: block;
    height: auto;
    max-width: 100%;
}

.carousel-control {
    background: rgba(0, 0, 0, 0.28);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 40px;
    height: 40px;
    line-height: 35px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    cursor: pointer;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center;
    width: 40px;
    z-index: 10;
}

.carousel-control.prev {
    left: 2%;
}

.carousel-control.next {
    right: 2%;
}

.carousel-control:hover {
    background: rgba(0, 0, 0, 0.8);
    color: #aaaaaa;
}

#carousel-1:checked ~ .control-1,
#carousel-2:checked ~ .control-2,
#carousel-3:checked ~ .control-3 {
    display: block;
}

.carousel-indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 2%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}

.carousel-indicators li {
    display: inline-block;
    margin: 0 5px;
}

.carousel-bullet {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 35px;
}

.carousel-bullet:hover {
    color: #aaaaaa;
}

#carousel-1:checked ~ .control-1 ~ .carousel-indicators li:nth-child(1) .carousel-bullet,
#carousel-2:checked ~ .control-2 ~ .carousel-indicators li:nth-child(2) .carousel-bullet,
#carousel-3:checked ~ .control-3 ~ .carousel-indicators li:nth-child(3) .carousel-bullet {
    color: #428bca;
}






/* eventos imagenes*/

main {;

    /* crece para "llenar" la caja contenedora */
    flex-grow: 1;
    
    /* es caja flexible contenedora */
    display: flex;
    
    /* dirección vertical */
    flex-direction: column;
}


section {
    border-top: solid 1px rgba(0,0,0,.1);
}

.galeria {
    display:flex;
    flex-direction: row;
    padding-bottom: 2em;
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.galeriaimg{
    width:10px;
}

.galeria h3 {
    width: 100%;
    padding: 1em;
}

.galeria figure {
    width: 45vmin;
    margin: .125em;
    
    /* para que cada figura sea
       "origen de coordenadas"
       de sus "descendientes" con 
       position: absolute */
    position: relative;
    
    /* para que se oculten
       sus "descendientes" con 
       position: absolute
       que se "salgan" de sus límites */
    overflow: hidden;
}

.galeria img {
    /* para que "desaparezca" el espacio que queda debajo de la imagen */
    display: block;
}

.galeria figcaption {
    background-color: rgba(0,0,0,.5);
    color: white;
    padding: .5em;
    line-height: 1em;
    
    /* para salir del "flujo de información" del fondo 
       y colocase en una capa superior
       "anclada" en su "ascendiente" definido
       como origen de coordenadas */
    position: absolute;
    height: 100%;
    
    /* para que la parte superior quede
       apenas 1.5em visible (1ª línea) */
    top: calc(100% - 1.5em);
    transition: all .5s ease;
    
}

/* propiedades de figcaption SÓLO cuando
   la mano se coloca encima de "figure" */
.galeria figure:hover figcaption {
    background-color: rgba(0,60,60,.5);
    top: 50%;
    transition: all .5s ease;
}

.galeria figcaption span {
    display: block;
    font-size: .75em;
    color: #ddd;
}






/*ALQUILERESTIPOS*/

.tipos-info {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 100%;
	height: 100%;
	background-color: #ffc909;
	text-align: center;
	justify-content: space-between;
	align-items: stretch;

}


.calculador {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 100%;
	height: 100%;
	color: red;
	text-align: center;
	justify-content: space-between;
	align-items: stretch;

}

.resultado {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 100%;
	height: 100%;
	background-color: #fff8f8;
	text-align: center;
	justify-content: space-between;
	align-items: stretch;

}

.tipos-imagenes {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 100%;
	height: 100%;
	background-color: #fff;
	text-align: center;
	justify-content: space-between;
	align-items: stretch;

}

.img-box{
	width:100px;
	height:100px;
	background-color: green;
}


.total{
	display: flex;
	background-color: #47b5be;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    
}

.total2 {
	display: flex;
	background-color: antiquewhite;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    
}


.section-pagar{
	
	font-size: 0.1em;
	align-content: center;
}

.fieldset:{
    background-color:#fff;
    width:90%;
}

/*  tipografia  */


@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow&display=swap');


/*  invitadoscantidades  */



#valor1, #valor2, #valor3 {
     
    background-color: white;
    font-size: 0.7em;
    flex-flow: column;
    font-family: 'PT Sans Narrow', sans-serif;
    padding: 1rem;
    text-align: center;
    margin-left: 5rem;
    
    
    
}

.palabra {
     
    background-color: #47b5be;
    font-size: 0,5em;
    text-align: center;
    color: white;
   font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 200;
    letter-spacing: 0.2rem;
    padding: 0.3rem;
    
}

.invitados {
    background: #007ba4;
    color: white;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: bold;
    padding: 1rem;
    text-align: center;
    font-weight: 10000;
    letter-spacing: 0.2rem;
    
    
}

.invitadostotales {
    background: #71dfe2;
    color: white;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: bold;
    padding: 0.2rem;
    text-align: center;
    font-weight: -200;
    letter-spacing: 0.2rem;
    margin-left: 0rem;
    margin-top: 0rem;
    
}

.detalles {
    background-color: #007ba4;
    color: #fff;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: bold;
    padding: 0.2rem;
    text-align: center;
    font-weight: -100;
    font-size: 0.5em;
    
}

#totales {
    background: red;
    
}


/*  DJ - LUCES  */

.catering {
    background: #007ba4;
    color: white;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: bold;
    padding: 1rem;
    text-align: center;
    font-weight: 10000;
    letter-spacing: 0.2rem;
    
    
}

.listadj {
     
    background-color: #ffc909;
    font-size: 0,5em;
    text-align: center;
    color: white;
   font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 200;
    letter-spacing: 0.2rem;
    padding: 0.1rem;
    margin-bottom: 2rem;
    
    
}



h3 {   background-color: #03a7a7;
    font-size: 0,5em;
    text-align: center;
    color: white;
   font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 200;
    letter-spacing: 0.2rem;
    padding: 0.3rem;
     }
ul { 
  list-style: none;
  margin-top: 0;
  padding-left: 10px; 
  padding-right: 10px;
    text-align: center;
    color: black;
   font-family: 'PT Sans Narrow', sans-serif;
}


li { 
  @media and screen and (max-width: 768px) {
    min-height: 44px; 
    color: black;
  }

  border:solid 3px #fff ;
  border-radius: 4px;
  padding: 15px 24px 15px 10px;
  margin: 4px 0;
  &:hover {
    border-color: #333;
    cursor: pointer;
    
  }
    
    .active {
    color: black;
    border-color: #005581;
        font-size: 0,5em;
    text-align: center;
    color: black;
   font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 200;
    letter-spacing: 0.2rem;
    padding: 0rem;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: 98% 50%;
  }}


/*  catering 2  */

.info{
    background: #47b5be;
     background-color: #47b5be;
    font-size: 0,5em;
    text-align: center;
    color: black;
   font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 0.1rem;
    padding: 0.1rem;
    margin-bottom: 2rem;    
}


.variables {
    margin: 0rem;
    
}

.description {
    font-size: 0.6em;
    padding: 0rem;
    margin-top: 0rem;
     
}

.price {
    color: #fff;
    font-weight: 900;
}

.remove {
    color: #47b5be;
    font-weight: 900;
    margin-top: 0rem;
}


.quantity {
    background-color: white;
    height:10px;    
}



.total-block cf {
    background: #47b5be;
    color: white;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: bold;
    padding: 0.2rem;
    text-align: center;
    font-weight: -200;
    letter-spacing: 0.2rem;
    margin-left: 0rem;
    margin-top: 0rem;
    
    
}


/*PAU*/

/*  usuario  */

.usuario{
    display:flex;

}

h4 .textousuario { 
    display: flex;
    flex-direction: column;
    justify-content: center;
   background-color: #03a7a7;
   align-items: center;
  
   font-family: 'PT Sans Narrow', sans-serif;
}




.subusuario { display: flex;
background-color: #03a7a7;
justify-content: center;
text-align: center;
flex-grow:1;
margin-top: 2em;
border-width: 2px;
border-style: solid;
border-color:aqua;
padding: 1em;
border-radius: 2em;


}


/*reserva gracias*/

.gracias {display: flex;
    justify-content: center;
    text-align: center;
    font-size: 2em;
     color:aquamarine;}

.letrachica {display: flex;
       text-align: center;
       justify-content: center;
       color:aliceblue;
}

/*BOT*/
.chatear{
   position:fixed;
   top: 480px;
    display:flex;

}

/*total*/
.info2{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:10em;
    background: #47b5be;
     background-color: #47b5be;
    font-size: 0,5em;
    text-align: center;
    color: white;
   font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 0.1rem;
    padding: 0.1rem;
    margin-bottom: 2rem;    
}

/*Calendario*/
.row1{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
