.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.buscar {
    height: 30px
}

@font-face {
    font-family: 'Radikal';
    src: url('Radikal-Bold.woff2') format('woff2'),
        url('Radikal-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('Radikal-Medium.woff2') format('woff2'),
        url('Radikal-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('Radikal-Light.woff2') format('woff2'),
        url('Radikal-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Radikal';
    src: url('Radikal.woff2') format('woff2'),
        url('Radikal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* ---- ESTILOS BASE ---- */

.header {
	/*height: 85px;*/
	width: 100%;
	background-color: #FFFFFF;
	position: fixed;
	z-index: 3;
	top: 0;
	float: left
}

    .header .logo {
        height: 70px;
        margin: 10px;
        float: left;
    }    
.header .logo img{
       width:286px;
		height:70px
    }

.menu {
    width: 100%;
    height: 35px;
    top: 85px;
    background-color: #666666;
    position: fixed;
    z-index: 2;
    text-align: right;
    float: left;
	display: block
}

    .menu ul li {
        text-align: left;
        margin: 0
    }
/* ---- Carrusel 2023 ---- */
* {box-sizing: border-box;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;
  margin: auto;
  top:115px
}


/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.puntos {
  position: absolute;
bottom: 10px;
	left: 50%;
	transform:  translate(-50%, -50%);
}
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


/*MENU LATERAL LOGIN*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  right: 0;
  background-color: #eaeaea;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #111111;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #999999;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}


.telefono_header{
	position: absolute;
	right: 10px;
	top: 8px;
	width: 230px;
	display: block
}
.telefono_header img{
	width: 230px
}
.menu_lateral{
	position: absolute;
	right: 250px;
	top: 10px;
	width: 260px
}
.login_header{
	width: 260px;
	height: 30px;
	padding-top: 10px;
	color: #FFFFFF;
	background: #00A9E7;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-bottom: 5px
}
.pago_header{
	background: #DB693F;
}

.caja_banner{ 
	position: absolute;
	top: 20px;
	left: 20px;
	background: #E2E2E2;
	width: 320px;
	height: 190px;
	border-radius: 15px;
	z-index: 1;
	padding: 15px
}
.boton_principal{
	width: 100%;
	background: #DB693F;
	border: 1px solid #A34205;
	border-radius: 10px;
	color: #FFFFFF;
	text-align: center;
	padding: 15px 0 12px;
	font-family: 'Radikal';
	font-size: 18px;
	position: relative;
	transition: 0.2s;
}
.boton_principal:hover{

	background: #A34205;
}
.boton_principal img{
	position: absolute;
	right: 15px
}
.boton_principal a{
	text-decoration: none;
}
.boton_convenio{
	width: 100%;
	background: #DB693F;
	border: 1px solid #A34205;
	border-radius: 10px;
	color: #FFFFFF;
	text-align: center;
	padding: 7px 0 4px;
	font-family: 'Radikal';
	font-size: 14px;
	position: relative;
	transition: 0.2s;
	margin-top: 10px
}
.boton_convenio:hover{

	background: #A34205;
}
.boton_convenio img{
	position: absolute;
	right: 15px;
	top: 3px
}
.boton_convenio a{
	text-decoration: none;
}
.texto{
	width: 100%;
	text-align: center;
	font-size: 10px;
	color: #666666;
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: 'Open Sans', sans-serif;
}
.caja_botones_2023{
	width: 100%;
	float: left;
	position: relative
}
.boton1_2023{
	width: 140px;
	margin: 0 5px 0 0;
	background: #94C539;
	border: #84B035 1px solid;
	float: left;
	border-radius: 20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	padding: 10px 0 8px;
	font-family: 'Radikal';
	transition: 0.2s;
}
.boton1_2023:hover{
	background: #84B035;
}
.boton2_2023{
	width: 140px;
	margin: 0 0 0 5px;
	background: #94C539;
	border: #84B035 1px solid;
	float: left;
	border-radius: 20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	padding: 10px 0 8px;
	font-family: 'Radikal';
	transition: 0.2s;
}
.boton2_2023:hover{
	background: #84B035;
}

.contenedor_menulateral{
	margin: 0 10px
}

.caja_loginlateral{
	width: 200px;
	height: 55px;
	background: #C6C5C5;
	border-radius: 15px;
	float: left;
	padding: 10px;
}
.caja_loginlateral input{
	background: none !important;
	border: none !important;
	font-size: 14px !important;
	width: 100% !important;
	padding-left: 0%;
    margin-bottom: 0;
    height: auto;
    border-radius: 0;
}
.boton_loginlateral{
	width: 90px;
	float: left;
	background: #94C539;
	border: #84B035 1px solid;
	border-radius: 20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	transition: 0.2s;
	margin-left: 10px;
	margin-top: 12px;
	padding: 10px 0 
}
.boton_loginlateral:hover{
	background: #84B035;
}
.boton1azullateral{
	width: 133px;
	margin-right: 5px;
	background: #5BBFDD;
	border: #0C96DC 1px solid;
	float: left;
	border-radius: 20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	padding: 10px 0 8px;
	font-family: 'Radikal';
	transition: 0.2s;
	position: absolute;
	left: 10px;
	top: 210px
}
.boton1azullateral:hover{
	background: #0C96DC;
}
.boton2azullateral{
	width: 133px;
	margin-left: 5px;
	background: #5BBFDD;
	border: #0C96DC 1px solid;
	float: left;
	border-radius: 20px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	padding: 10px 0 8px;
	font-family: 'Radikal';
	transition: 0.2s;
	position: absolute;
	right: 10px;
	top: 210px
}
.boton2azullateral:hover{
	background: #0C96DC;
}

/*RESPONSIVE*/

@media screen and (max-width: 1024px) {
  .telefono_header{
	display: none
}
	.menu_lateral{
	right: 10px;
}
	.menu_lateral{
	width: 160px
}
.login_header{
	width: 160px;
	height: 30px;
	padding-top: 10px;
	color: #FFFFFF;
	font-size: 10px;
	margin-bottom: 5px
}
.header {
border-bottom: 2px solid #666666
}

    .header .logo {
        height: 50px;
        margin: 20px 10px;
        float: left;
    }
	.header .logo img{
       width:204px;
		height:50px
    }
	
.slideshow-container {
  top: 190px
}
.caja_banner{ 
	top: -190px;
	left:0;
	width: 100%;
	height: 190px;
	border-radius: 15px;
	z-index: 1;
	padding: 15px
}	
	.boton1_2023{
	width: 48%;
	margin: 0 1% 0 0;
}
	.boton2_2023{
	width: 48%;
}
	
}


@media screen and (max-width: 480px) {
.slideshow-container {
  top:190px
}
.caja_banner{ 
	top: -190px;
	left:0;
	width: 100%;
	height: 190px;
	border-radius: 15px;
	z-index: 1;
	padding: 15px
}	
	.boton1_2023{
	width: 48%;
	margin: 0 1% 0 0;
}
	.boton2_2023{
	width: 48%;
}
	
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 40px;}
  .sidenav a {font-size: 18px;}
  .boton1azullateral{top: 180px}
  .boton2azullateral{top: 180px}
}