.h3{
	font-size: 24px !important;
    text-align: center;
    color:#fff !important;
	background-color:#09577b;
	padding: 20px;
}
.h1{
	font-size: 26px!important;
	color: #000!important;
	text-align: center;
	padding-top: 50px;
}
.h2{
	font-size: 26px!important;
	color: #09577b!important;
	margin-left: 20px;
	width: 24%;
	text-align: left;
	border-bottom: 1px dashed #09577b;
}
.h22{
	font-size: 26px;
	color: #09577b;
	text-align: center;
}
.h4 {
    color: #666;
    font-size: 24px;
}
p{
	font-size: 14px;
}
.p{
	font-size: 14px;
	text-align: left;
	font-style: italic;
    margin-left: 50px;
    margin-top: 30px;
}
.p1{
	font-size: 14px;
	text-align: center;
	color: #09577b;
	padding: 20px;
}
.p2 {

    font-size: 14px;
    text-align: center;
    color: #09577b;
    padding: 45px;
    margin-top: 53px;

}
.span{
	font-size: 14px;
	text-align: center;
	color: #959494;
	font-style: italic;
}
.texto_corrido{
	font-size: 14px;
	text-align: left;
	padding-bottom: 15px;
	padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.texto_corrido2{
	font-size: 14px;
	text-align: center;
	padding-bottom: 15px;
	padding-top: 10px;
}
.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;
    }