/* estilos para el carrusel */


   *{
		  margin: 0;
		  padding: 0;
		}

		html,
		body {
		  height: 100%;
		  /* for touch screen */
		  touch-action: none;
		}
		

.titulopagina{
  color: #19447E;
	font-weight: bold;
  font-family: Verdana;
  font-size: 20px;
}  

		body {
		  background: rgb(f, f, f);
		}

		#entire-content,
		#carrousel {
		  position: absolute;
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex;
		  margin: auto;
		  top:15%;
		  left:22%;
		  width: 100%;
		  height: 700px;
		  -webkit-transform-style: preserve-3d;
		  transform-style: preserve-3d;
		  -webkit-transform: rotateX(-10deg);
		  transform: rotateX(-10deg);
		}

		#entire-content img{
		  -webkit-transform-style: preserve-3d;
		  transform-style: preserve-3d;
		  position: absolute;
		  left: 0;
		  top: 0;
		  width: 100%;
		  height: 100%;
		  line-height: 200px;
		  font-size: 50px;
			border-radius: 20px;
		  text-align: center;
		  -webkit-box-shadow: 0 0 8px #fff;
		  box-shadow: 0 0 8px #fff;
		  -webkit-box-reflect: below 10px
			linear-gradient(transparent, transparent, #0005);
		}

		#entire-content img:hover {
		  -webkit-box-shadow: 0 0 15px #fffd;
		  box-shadow: 0 0 15px #fffd;
		  -webkit-box-reflect: below 10px
			linear-gradient(transparent, transparent, #0007);
		}

		#entire-content p {
		  font-family: Serif;
		  position: absolute;
		  top: 100%;
		  left: 50%;
		  -webkit-transform: translate(-50%, -50%) rotateX(90deg);
		  transform: translate(-50%, -50%) rotateX(90deg);
		  color: #fff;
		}

		

		@-webkit-keyframes spin {
		  from {
			-webkit-transform: rotateY(0deg);
			transform: rotateY(0deg);
		  }
		  to {
			-webkit-transform: rotateY(360deg);
			transform: rotateY(360deg);
		  }
		}

		@keyframes spin {
		  from {
			-webkit-transform: rotateY(0deg);
			transform: rotateY(0deg);
		  }
		  to {
			-webkit-transform: rotateY(360deg);
			transform: rotateY(360deg);
		  }
		}
		@-webkit-keyframes spinRevert {
		  from {
			-webkit-transform: rotateY(360deg);
			transform: rotateY(360deg);
		  }
		  to {
			-webkit-transform: rotateY(0deg);
			transform: rotateY(0deg);
		  }
		}
		@keyframes spinRevert {
		  from {
			-webkit-transform: rotateY(360deg);
			transform: rotateY(360deg);
		  }
		  to {
			-webkit-transform: rotateY(0deg);
			transform: rotateY(0deg);
		  }
		}
		
		
		
		
		.titulo{
			position: absolute;
			font-family: 'Arial';
			font-size: 12px;
			color: #000;
			  top: 60%;
			  left: 0%;
			height: 425px;
			width: 100%;
			background-color: transparent;
			overflow: hidden;
		  z-index: 999;
		}
		.refTitleClass{
			font-family: 'Calibri';
			font-size: 14px;
			width: 600px;
			background-color: transparent;
			  margin: 0;
			  top: 0%;
			  left: 50%;
		  }

		.p{
			font-family: 'Arial';
			font-size: 14px;
			color: #000;
		}
		
		


		.navigationBar {
			position: absolute;
			  margin: 0;
			  top: 70px;
			  left: 0%;
			padding-top: 0px;
			height:80px;
			width: 100%;
			background-color: transparent;
			box-sizing: border-box;
		  z-index: 998;
		}

		input{
			position: relative;
			bottom: 0%;
			left: 0%;
		  padding:0px;
		  font-size:18px;
		  font-family:'Allerta Stencil';    
		  z-index: 1000;
		}		

		.pagination {
			font-family: 'Calibri';
			font-size: 12px;
			position: relative;
			  bottom: -10%;
			  left: 0px;
			height: 30px;
			background-color: transparent;
		}

		.pagination a {
		  color: black;
		  padding: 5px 7px;
		  text-decoration: none;
		  border: 1px solid #ddd;
		}

		.pagination .active {
		  background-color: #4CAF50;
		  color: white;
		  border: 1px solid #4CAF50;
		}

		.pagination a:hover:not(.active) {background-color: #ddd;}

		.pagination a:first-child {
		  border-top-left-radius: 5px;
		  border-bottom-left-radius: 5px;
		}

		.pagination a:last-child {
		  border-top-right-radius: 5px;
		  border-bottom-right-radius: 5px;
		}