/* CSS Document */

*{padding: 0px;
	margin: 0px;
	box-sizing: border-box;}

body{background-color: #F9F9F9;}

p{font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	color: #0C0C0D;
	letter-spacing: -0.7px;
	font-weight: 300;
	line-height: 1.5em;}

header{background-color: #8F9C9F;
	width: 100%;
	margin: auto;
	color: #F9F9F9;}

header h2 {font-family: 'Roboto', sans-serif;
	font-size: 1.4em;
	color: #F9F9F9;
	text-align: start;
	letter-spacing: -1px;
	font-weight: 200!important;
	margin-top: -0.4em;}

.container{width: 95%!important;
	margin: auto;}

h1{font-family: 'Roboto', sans-serif;
	font-size: 1.7em;
	color: #F9F9F9;
	letter-spacing: -2px;
	font-weight: 400;}

h2{font-family: 'Roboto', sans-serif;
	letter-spacing: -1.5px;
	text-align: center;
	font-weight: 900!important;}

strong{color: #CA6B73;
	font-weight: 300!important;}

.logo img{
    width: 100%;
    height: auto;
    max-width: 200px;
}

.info h2{color: #304C54;
	text-transform: uppercase;
	font-size: 3em;
	margin-top: 5rem;}

.info h3{font-family: 'Roboto', sans-serif;
	font-size: 1.7em;
	color: #0C0C0D;
	text-align: center;
	letter-spacing: -1px;
	font-weight: 400;
	line-height: 1.2em;}

.info p{text-align: center;}

.carousel-indicators [data-bs-target] {width: 100%!important;
    /*height: 5px!important;
	background-color: #304C54!important;*/}

.carousel .rel{/*position: relative;*/}

.carousel-indicators .active {
    opacity: 0!important;
}

.carousel-indicators {bottom: -70px!important;
	margin-right: 0!important;
	margin-left: 0!important;}

.carousel-indicators .active{}

.carousel button, input, optgroup, select, textarea {
    max-width: 330px;
    position: absolute;
    color: transparent;
    height: 130px!important;
    margin: 0;
    margin-top: -2px!important;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    
}


.carousel-inner{min-height: 375px;}

i{font-size: 4em;
	padding-top: 10px;
	color: #304C54;}

.bt{background: #F9F9F9;
	border-radius: 6px;
	padding: 0.4em;
	border: solid 2px #F9F9F9;}

.borde-t{border-top: solid 4px #8F9C9F;}

.borde-t:active , .borde-t:focus{border-top: solid 4px #304C54!important;}

.desliza{width: 32%;
    margin: auto;
 }

.desliza h4{font-family: 'Roboto', sans-serif;
	text-align: center;
	color: #304C54;
	padding-top: 0.7rem;
	letter-spacing: -1.3px;
    font-weight: 500;
	font-size: 1.4rem!important;
	text-transform: uppercase;}

.greenbox{background-color: #304C54;
	margin-top: 4rem;
	text-align: center;
	padding: 3rem;
	color: #F9F9F9!important;}

.greenbox h2{text-transform: uppercase;
	font-size: 2.6em;}

.greenbox h3{font-weight: 100;}

.greenbox a{text-decoration: none!important;
	color: #F9F9F9!important;
	}

.greenbox a:hover{color: #8F9C9F;}

.hero{margin-top: 7rem;
	text-align: center;}

.hero h2{color: #D87367;
	font-size: 2.8em;}

.hero .bt{background-color: #304C54;
	color: #F9F9F9;
	font-family: 'Roboto', sans-serif;
	font-size: 1.3em;
	text-align: center;
	letter-spacing: -1px;
	font-weight: 500;
	padding-left: 2rem;
	padding-right: 2rem;
}

.presencial{
	margin-top: 5rem;
	text-align: center;
}

.presencial h2{
	text-transform: uppercase;
	font-size: 2.6em;
	color: #CA6B73;
	text-align: center;
}

.presencial h3{
	text-transform: uppercase;
	font-size: 1.4rem;
}

.presencial p{
	margin-bottom: 0;
}

.presencial a{
	margin-bottom: 0;
	text-decoration: none;
	font-size: 1.2em;
	color: #0C0C0D;
	letter-spacing: -0.7px;
	font-weight: 300;
}

.presencial a:hover{
	color: #8F9C9F;
}

.presencial .cita{
	background-color:#304C54;
	padding: 5px;
	margin-top: 1rem;
}

.presencial .cita p{
	color: #F9F9F9;
	margin-bottom: 0;
}

footer {background-color: #8F9C9F;
	color: #F9F9F9!important;
	margin-top: 7rem;}

footer a{text-decoration: none!important;
	color: #F9F9F9!important;}

footer p{color: #F9F9F9!important;
	margin-bottom: 0!important;}


.desk{display: none;}

.mob{display: block;}	


@media (min-width: 576px) {  
	
.presencial{
	text-align: start;
}
.presencial h2{
	text-align: start;
}	

	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

.container{width: 90%!important;
	margin: auto;}	
	
.greenbox h2{
	font-size: 2.8em;}
	
.greenbox{
		margin-top: 15rem;
	}	
	
i{font-size: 3.5em;}	
	
.hero{width: 50%;
	margin: auto;
	margin-top: 8rem;}	
	
.hero h2{
	font-size: 3em;}	
	
.mob{display: none;}	
.desk{display: block;}
}





@media (min-width: 992px) and (max-width: 1200px) { 
	.carousel-indicators {bottom: -130px!important;}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { }