html {
    box-sizing: border-box;
	font-size: 62.5%; /* 1rem = 10px 
    /*font-size: 55%; /* 1rem = 10px */
}
*, *:before, *:after {
    box-sizing: inherit;
}

body{
    font-family: 'Montserrat', sans-serif;
	/*color:#566171;*/
	color:#000;
	font-size: 1.2rem;		/*16px (400px / 16px = 25em*/
    line-height: 1.5;
}

.colorbase1{
	background-color:#660099;
	color:white !important;
}

.colorbase2{
	background-color:#ff6c4d;
	color:#FFF;
}
	
.colorbase3{
	background-color:#f0ede5;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background-image: linear-gradient(to left, rgba(240,237,229,0), rgba(240,237,229,1));
	color:#223a5e;
}

.btn1{
	background-color: #ff4d87;
	color:white;
}
.btn2{
	background-color: #ffc54d;
}
.btn3{
	background-color: #ff6c4d;
	color:white;
}

.textomenu2{
		display:none;
	}
	

i{
	color:#fff;
}

.titulopagina{
	/*font-style: italic;	*/
	padding-left: 20px;
}

.titulobloque{
	/*background-color:#f6f6f6;*/
	color: black;
	font-size: 2.2rem;
	border-bottom: 2px solid #660099;
}

.arrow{
	color:#660099;
}

h5,h4,h3,h2,h1 {font-family: 'Montserrat', sans-serif; color:#223a5e;}

a:link {
  text-decoration: none;
}

input[type=text]:focus, 
input[type=password]:focus, 
input[type=number]:focus, 
input[type=time]:focus, 
select:focus, 
textarea:focus{
	outline: none;	
	border:1px solid #69F  !important ;
	transition:0.3s;
}

a:visited {text-decoration: none;}
a:hover {text-decoration:none;}
a:active {text-decoration: none;}

.bodycolor{
	background-color:#f1f1f1;
}

.space1{
	display:flex;
	justify-content:flex-start;
}

.space2{
	display:flex;
	justify-content:center;
}

.space3{
	display:flex;
	justify-content:flex-end;
}

.space4{
	display:flex;
	justify-content:space-around;
}

.space5{
	display:flex;
	justify-content:space-between;
}

.barra{
	height:1px;
	background-color:#ccc;
}

.box-movil{
	width:150px;
}

.box-text{
	display:none;
}

.box-hour{
	width: 50%;
	text-align: center;
}
.box-hour2{
	width: 80px;
	text-align: center;
}


.box-fecha{
	width: 150px;
}

.box-select{
	width: 150px !important;
}

.box-qtc{
	/*width: 150px;*/
	text-align: center;
}

.clean{
	margin: 0 auto;
	cursor: pointer;
}

.spaceclean{
	display:flex;
	justify-content:flex-start;
}

@media screen and (max-width:1200px) {
	.box-hour{
		width: 75%;
	}
	.box-qtc{
		width: 25%;
	}
}

@media screen and (max-width:1100px) {
	.box-movil{
		height:auto;
		max-height:170px;
	}	
	.box-display{
		display:none;
	}
	.box-text{
		display:block;
	}
	.box-qtc{
		width: 25%;
	}
}

@media screen and (max-width:800px) {
	.textomenu{
		display:none;
	}
	.textomenu2{
		display:block;
	}

	.space1{
		display: block;
		/*width:100%;*/
	}

	.left_text{
		text-align:left !important;
	}
	
	.box-hour{
		width: 25%;
	}
	.box-qtc{
		width: 25%;
	}
	.dist_1{
		width: 100%;		
		float: left;
	}
	.dist_2{
		width: 50%;		
		float: left;
	}
	

}