#carrusel{
	position:relative;
	width:100%;
  	min-width:100% !important;
  	height:100%;
  	min-height:100%;
  	overflow:hidden; 
}

.diapositiva{
  	opacity:0;
  	transition:opacity 1.5s ease-in-out;
  	z-index:-1;
}

.active{
  	opacity:1;
}

.imagen-1{background-image: linear-gradient(90deg, rgba(0, 60, 111, 0.8) 0%, rgba(0, 60, 111, 0) 100%), url(../img/inicio/banner-1.jpg);}
.imagen-2{background-image: linear-gradient(90deg, rgba(0, 60, 111, 0.8) 0%, rgba(0, 60, 111, 0) 100%), url(../img/inicio/banner-2.jpg);}
.imagen-3{background-image: linear-gradient(90deg, rgba(0, 60, 111, 0.8) 0%, rgba(0, 60, 111, 0) 100%), url(../img/inicio/banner-3.jpg);}

.imagen-1, .imagen-2, .imagen-3{
	position:absolute;
  	top:0;
  	left:0;
	width:100%;
  	min-width:100% !important;
	height:100%;
  	min-height:100%;
  	background-repeat:no-repeat !important;
  	background-attachment:scroll !important;
  	background-position:center center !important;
  	background-size:cover !important;
  	overflow:hidden;	
}

.flecha-guia{
	margin:0px;
  	padding:5px;
  	font-size:calc(40px + 6 * ((100vw - 320px) / 680));
	color:white;
  	cursor: pointer;
	transition:all 0.3s;
}

.flecha-guia:hover{
  	color:rgb(255, 191, 63);
}

.anterior{
  	left:5%;
}

.siguiente{
  	right:5%;
}

.anterior, .siguiente{
	position:absolute;
  	top:50%;
	transform:translate(0%, -50%);
}

#servicio-instantaneo{
	position:absolute;
	bottom:0;
	width:100%;
}

@media screen and (max-width:1023px){
	#servicio-instantaneo{position:inherit;}
}

#servicio-instantaneo ul{
	display:flex;
	margin:0px;
	padding:0px;
	list-style-type:none;
}

@media screen and (max-width:1023px){
	#servicio-instantaneo ul{display:block;}
}

#servicio-instantaneo ul li{
	position:relative;
	width:16.666666%;
	height:100px;
	margin:0px;
	padding:0px;
	text-align:center;
}

@media screen and (max-width:680px){
	#servicio-instantaneo ul li{width:100%; float:left;}
}

@media screen and (min-width:681px) and (max-width:1023px){
	#servicio-instantaneo ul li{width:33.333333%; float:left;}
}

@media screen and (max-width:1023px){
	#servicio-instantaneo ul li{outline:1px solid white;}
}

#servicio-instantaneo ul .impar{
	background-color:rgb(0, 60, 111, 0.8);
}

#servicio-instantaneo ul .par{
	background-color:rgb(0, 60, 111, 0.5);
}

@media screen and (max-width:1023px){
	#servicio-instantaneo ul .impar{background-color:rgb(0, 60, 111);}
	#servicio-instantaneo ul .par{background-color:rgb(0, 60, 111, 0.9);}
}

#servicio-instantaneo ul li a{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:80%;
	margin:0px;
	padding:0px;
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:1rem;
	color:white;
	letter-spacing:0.5px;
	text-decoration:none;
}



.eslogan{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}



.eslogan h1{
	display:block;
    margin:0px;
    padding:0px;
    text-align:center;
    font-family:'Roboto', sans-serif;
    font-size:calc(20px + 6 * ((100vw - 320px) / 680));
    color:white;
	font-weight:700;
    letter-spacing:1px;
}



/*@media screen and (max-width:1023px){
	.eslogan h1{padding:0px 16px; font-size:1.2rem; letter-spacing:1px;}
}*/



/*----------------------------------Formulario del Administrador--------------------------------------------*/



#cubierta{
	display:none;
  	position:fixed;
  	top:0;
  	left:0;
  	right:0;
  	bottom:0;
  	width:100%;
  	height:100%;
  	background-color:rgb(0, 0, 0, 0.5);
  	z-index:2;
}



.administrador{
	position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
	width:25%;
	margin:0px;
	padding:16px;
	background-color:white;
}



@media screen and (max-width:440px){
	.administrador{width:90%;}
}
@media screen and  (min-width:441px) and (max-width:680px){
	.administrador{width:60%;}
}
@media screen and (min-width:681px) and (max-width:1023px){
	.administrador{width:40%;}
}
@media screen and (min-width:1024px){
	.administrador{width:25%;}
}



.row:after{
	display:table;
  	content:"";
  	clear:both;
}



.col-50{
	width:50%;
  	float:left;	
  	margin:3px 0px;
}



.col-100{
	display:flex;
	width:100%;
  	float:left;
	margin:3px 0px;
  	flex-direction:row-reverse;
  	justify-content:flex-end;
}



label{
	position:relative;
	display:inline-block;
	margin:0px;
  	padding:6px 0px;	
	text-align:left;
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:1rem;
	color:#666;
}



input[type=text], input[type=password]{
  	width:100%;
	margin:0px;
  	padding:10px;
  	border:2px solid #bbb;
  	border-radius:5px;
	box-sizing:border-box;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	font-size:0.8rem;
	outline:none;
}



input[type=submit]{
	float:left;
  	background-color:#4caf92d9;
}



input[type=reset]{
	float:right;
  	background-color:#af4c4cd9;
}



input[type=submit], input[type=reset]{
	margin:16px 0px 0px;
  	padding:12px 24px;
	border:none;	
	border-radius:5px;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	font-size:1rem;
  	color:white;
	letter-spacing:1px;
  	cursor:pointer;
	outline:none;
}