@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
.h3{
	font-size: 24px !important;
    text-align: center;
    color:#fff !important;
	background-color:#09577b;
	padding: 20px;
	font-family: 'Roboto', sans-serif;
}
.h1{
	font-size: 26px!important;
	color: rgba(0,73,151,1.00)!important;
	text-align: left;
	padding-top: 15px;
	font-family: 'Roboto', sans-serif;
}
.h2{
    font-size: 26px !important;
    color: rgb(0, 73, 151) !important;
    margin-left: 20px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}
.h22{
	font-size: 33px;
	color: rgb(0, 73, 151) !important;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}
.h4 {
    color: #666;
    font-size: 24px;
	font-family: 'Roboto', sans-serif;
}
p{
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
}
.p{
	font-size: 14px;
	text-align: justify;
    padding: 10px;
    margin-top: 5px;
	font-family: 'Roboto', sans-serif;
}
.p1{
	font-size: 14px;
	text-align: center;
	color: #09577b;
	padding: 20px;
	font-family: 'Roboto', sans-serif;
}
.p2 {

    font-size: 14px;
    text-align: center;
    color: #09577b;
    padding: 45px;
    margin-top: 53px;
	font-family: 'Roboto', sans-serif;

}
.span{
	font-size: 14px;
	text-align: center;
	color: #959494;
	font-family: 'Roboto', sans-serif;
}
.texto_corrido{
	font-size: 14px;
	text-align: justify;
	padding-bottom: 15px;
	padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
	font-family: 'Roboto', sans-serif;
}
.texto_corrido2{
	font-size: 14px;
	text-align: justify;
	padding-bottom: 15px;
	padding-top: 10px;
	font-family: 'Roboto', sans-serif;
}
.img{
	margin-left: auto;
	margin-right: auto;
}
.img2{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 80%;
}
.fondo{
	background-color:#f2f2f2;
	height: 120px;
	width: 177px !important;
	margin: 5px;
	text-align: center;
}
.fondo2{
	background-color:#f2f2f2;
	height: 120px;
	width: 364px !important;
	margin: 5px;
	text-align: center;
}
.fondo3{
	background-color:#f2f2f2;
	height: 300px;
	width: 230px !important;
	margin: 10px;
	text-align: center;
}
.fondo4{
	background-color:#f2f2f2;
	height: 245px;
	width: 177px !important;
	margin: 5px;
	text-align: center;
}
.linea{
	padding-top: 20px;
    padding-bottom: 20px;
}
.ul{
 list-style-image: url(../image/Imagen24.png);
	font-size: 14px;
}
.li{
	margin-bottom: 10px;
}
.flip-card {
  background-color: transparent;
	width: 730px;
	height: 420px;
  perspective: 1000px;
/* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the back side */
.flip-card-back {
  transform: rotateY(180deg);
}

/*Carrusel*/

.carousel-caption {
	width: 90%;
    top: 30% !important;
	text-align: left !important;
	padding-top: 0px;
	margin-left: -60px; !important;
	}
.carousel-inner>.item {
    -webkit-transition: 0.9s ease-in-out left;
    transition: 0.9s ease-in-out left;
    -webkit-transition: 0.9s, ease-in-out, left;
    -moz-transition: .9s, ease-in-out, left;
    -o-transition: .9s, ease-in-out, left;
    transition: .2s, ease-in-out, left;
    }