/* @import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;400;600;700&display=swap'); */

body{
		font-family: 'Dosis', segoe, arial, sans-serif;
		color : #00024A;
		font-weight: 0;
		font-size:1rem;
		padding: 0;
		margin: 0;
		max-width:100%;
	}
	a {
		text-decoration: none;
	}
	hr {
		margin: 0;
	}
	.hexaShort.durationBt a:hover, .hexagonBTShort:hover, .hexagonBT:hover {
		color: #00024A;
	}
	#logo{		
		margin: 25vh 0 2% 0;
		max-height: 60vh;
		max-width: 280px;
	}
    #calendar{
		height: 75%;
		width:100%;
		border: none;
	}
	#full{
		/*width:100%;
		background:url("IBBP(logo)_350px.png") no-repeat fixed center;*/
		height:auto;
		text-align: center;
		/* z-index: 10; */
		position: relative;
		overflow: hidden;
	}
	/*
	.bt{
		background-color: #fff;
		display: inline-block;
		vertical-align: middle;
		border-radius: 30px;
		line-height: 60px;
		border: 1px solid #dfdfdf;
		box-shadow: 0px 0px 0px #dfdffd;
		margin-top: 2%;
		padding: 0px 52px;
		color:brown;
	}
	.bt:hover{	
		animation: mymove 1s 1;*//*infinite;*/
		/*
		animation-fill-mode: forwards;
	}
	.bt:active {
		animation: mymove2 0.1s 1;
		animation-fill-mode: forwards;
	}
	*/
	.hexagonBT{
		background-color: transparent;
		display: inline-block;
		vertical-align: middle;
		box-shadow: 0px 0px 0px #dfdffd;
		margin-top: 2%;
		color:brown;
		padding: 15px 24px;
		margin: 0;
		display: inline-block;
		font-size:1.7rem;
	}
	.hexagon2{
		margin: 30px 0;
		padding: 0;
		/*background: url("back_BT_R.png");*/
		background: url("octogonalB.png");
		background-image: url(octogonalB.svg);		
		background-size: 100% 109%;
		background-repeat: no-repeat;
		display: inline-block;
	}
	.hexagonBTShort{
		background-color: transparent;
		display: inline-block;
		vertical-align: middle;
		box-shadow: 0px 0px 0px #dfdffd;
		margin-top: 2%;
		color:brown;
		padding: 15px 32px;
		margin: 0;
		display: inline-block;
		font-size:1.7rem;
	}	
	.hexaShort{
		padding: 0;
		/*background: url("back_BT_R_short.png");	*/
		background: url("octogonalB.png");
		background-image: url(octogonalshortB.svg);	
		background-size: 100% 102%;
		background-repeat: no-repeat;
		display: inline-block;
		margin-bottom: 50px;
	}
	.calend .hexaShort {
		margin: 20px 0;
	}

	@keyframes mymove {
	  0%   {box-shadow: 0px 0px 0px #efefef; padding: 0px 52px;}
	  100% {box-shadow: 7px 10px 14px #efefef; padding: 0px 56px;}
	}
	@keyframes mymove2 {
	  0%   {box-shadow: 7px 10px 14px #efefef; padding: 0px 56px;}
	  100% {box-shadow: 4px 4px 6px #dfdfdf inset; padding: 0px 56px;}
	}
	
	#mymodal {
		position: absolute;
		top: 0;
		background-color: #FFF;
		height: 100vh;
		width: 100%;
		line-height: 100%;
		text-align: center;
		display: none;
		z-index: 9999;
	}
	.inner-modal {
		background-color: ghostwhite;
		padding: 20px;
		margin: 0 20%;
		/* max-width: 50%; */
		display: inline-block;
		position: absolute;
		line-height: 1.5rem;
		top: 5%;
		/*-ms-transform: translateY(-50%);
		transform: translateY(-50%);*/
		left: 0;
		border-radius: 30px;
		text-align: left;
	}
	.inner-modal img {
		float: left;
		border-radius: 10px;
		margin-right:20px;
		max-width: 112px;
	}
	.inner-modal h1, .inner-modal h2{
		line-height: 2.2rem;
		padding: 0.5rem 2rem;
	}
	.inner-modal h3 {
		line-height: 1.5rem;
	}
	.inner-modal ul {
	  list-style-image: url('recta.png');
	}
	.calle{
		width:100%;
		height:1px;
	}
	#CloseModal {
		position :absolute;
		top:20px;
		right:20px;
	}
	#CloseModal img {
		width: 70px;
	}
	
	#content{
		padding:0 20%;
		text-align:left;
	}
	
	.collcontent {
	  padding: 0 18px;
	  display: none;
	  overflow: hidden;;
	}
	.collapsible {
		cursor: pointer;
	}
	.hexaShort.durationBt {
		margin: 20px 10px;
	}

	#privacy, #legalnote, #enplus{
		text-align:center;
		margin:60px 0;
	}
	
	
	footer {
		margin: 0;
		padding: 0 0 5px 5px;
		font-size: 0.8rem;
		bottom: 0;
		left: 0;
		text-align: left;
		position:absolute;
	}
	.ft {
		color: #020202;
	}
	.ft:hover {
		text-decoration:underline;
	}
	
	@media all and (max-width: 901px){
		.inner-modal{
			top: 90%;
			left: 1%;
		}
	}
	@media all and (max-width: 768px){
		/*
		body{
			font-size:1.5rem;
		}
		footer{
			font-size:1.2rem;
		}*/
		.inner-modal {
			max-width: 90%;
			left: 0;
			top:5%;
			margin: 0 5%;
		}
		#CloseModal img {
			width: 50px;
			z-index: 999;
			position: relative;
		}
		#logo {
			margin: 15vh 0 2% 0;
			max-height: 60vh;
			max-width: 280px;
		}
		
		footer {
			position:relative;
		}
	}
	@media all and (max-width: 400px){
		.inner-modal img {
			width: 100%;
		}
	}