@charset "utf-8";

body{
	display: flex;
	flex-direction: row;
	justify-content: space-between;	
	background-color: #fffef0;
									margin-top:700px;
									padding:100px;
	
}


p{	
	font-family: Verdana, Tahoma, Courier New;
}

.pUno{
	font-size:30px;
	color:white;	
	margin-top:40px;	
}
.pDos{
	font-size:30px;
	color:white;
    margin-top:30px;	
}
.pTres{
	font-size:30px;
	color:white;
	margin-top:80px;
}
.pCuatro{
	font-size:26px;
	color:white;
	margin-top:60px;
}

img{
	width: 100%;
							max-width: 300px;
	height: auto;
	
}

iframe{
	width: 100%;
							max-width: 715px;
	height: auto;
}


.Contenido{
	text-align: center;
	background-color: #f4f3e1;
	padding:10px;	
}

.ContenidoImagenes{
	text-align: center;
	background-color: #f4f3e1;
	padding:10px;
	display: flex;
	flex-direction: column;
}

.ImagenGaleria{
	padding:30px;
}

.ImagenGaleria0{	
	padding:30px;
    display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-items: center;	
}

.ImagenGaleria1{
	padding:10px;
		width: 100%;
							max-width:300px;
	height: auto;
	
	
}

.ImagenGaleria2{	
	padding:10px;
	width: 100%;
							max-width:620px;
	height: auto;
	
}

.ImagenGaleria3{	
	padding:10px;
	width: 100%;
							max-width:300px;
	height: auto;
	
}

.ImagenGaleria4{	
	padding:10px;
	width: 100%;
							max-width:500px;
	height: auto;
	
}
.ContenidoTextos{
	text-align: center;
	background-color: #f4f3e1;
	padding:10px;
	font-size:18px;
}

.ContenidoTextosPres{
	text-align: center;
	background-color: #f4f3e1;
	padding:10px;
	font-size:20px;
}

/* ______________PANTALLA 2200PX_____________________ */
@media only screen and (max-width: 2200px){
  
body{
											margin-top:500px;
											padding:100px;																		
}

img{
											max-width: 230px;	
}
 
.pUno{
	font-size:27px;
	color:white;	
	margin-top:25px;	
}
.pDos{
	font-size:27px;
	color:white;
    margin-top:10px;	
}
.pTres{
	font-size:27px;
	color:white;
	margin-top:60px;
}
.pCuatro{
	font-size:23px;
	color:white;
	margin-top:30px;
}
.pCinco{
	font-size:19px;
	color:black;
	margin-top:10px;
	font-family: Verdana, Tahoma, Courier New;
	text-decoration:none;
} 

}
/* ______________PANTALLA 1700PX_____________________ */
@media only screen and (max-width: 1700px){
  
body{
											margin-top:400px;
											padding:100px;										
}

img{
											max-width: 190px;	
}

.pUno{
	font-size:20px;
	color:white;	
	margin-top:20px;	
}
.pDos{
	font-size:20px;
	color:white;
    margin-top:20px;	
}
.pTres{
	font-size:20px;
	color:white;
	margin-top:50px;
}
.pCuatro{
	font-size:21px;
	color:white;
	margin-top:20px;
}

.pCinco{
	font-size:19px;
	color:black;
	margin-top:10px;
	font-family: Verdana, Tahoma, Courier New;
	text-decoration:none;
} 
 
}
/* ______________PANTALLA 1380PX_____________________ */
@media only screen and (max-width: 1380px){
  
body{										
											margin-top:300px;
											padding:100px;
}

img{
											max-width: 140px;	
}

.pUno{
	font-size:14px;
	color:white;	
	margin-top:15px;	
}
.pDos{
	font-size:14px;
	color:white;
    margin-top:15px;	
}
.pTres{
	font-size:17px;
	color:white;
	margin-top:35px;
}
.pCuatro{
	font-size:15px;
	color:white;
	margin-top:20px;
}

.pCinco{
	font-size:15px;
	color:black;
	margin-top:10px;
	font-family: Verdana, Tahoma, Courier New;
	text-decoration:none;
} 

.ImagenGaleria1{
	padding:10px;
	width: 100%;
							max-width:200px;
	height: auto;
	
	
}

.ImagenGaleria2{	
	padding:10px;
	width: 100%;
							max-width:420px;
	height: auto;
	
}

.ImagenGaleria3{	
	padding:10px;
	width: 100%;
							max-width:200px;
	height: auto;
	
}

} 
/* ______________PANTALLA 1100PX_____________________ */
@media only screen and (max-width: 1100px){
  
body{
											margin-top:270px;
											padding:70px;
																						
}


img{
											max-width: 110px;	
}

.pUno{
	font-size:10px;
	color:white;	
	margin-top:10px;	
}
.pDos{
	font-size:10px;
	color:white;
    margin-top:10px;	
}
.pTres{
	font-size:14px;
	color:white;
	margin-top:25px;
}
.pCuatro{
	font-size:12px;
	color:white;
	margin-top:10px;
}

.pCinco{
	font-size:12px;
	color:black;
	margin-top:10px;
	font-family: Verdana, Tahoma, Courier New;
	text-decoration:none;
} 
 
/* ______________TEXTOS_____________________ */ 

.ContenidoTextos{
	font-size:14px;
}

.ContenidoTextosPres{
	font-size:16px;
}

h1{
	font-size:26px;
}

h2{
	font-size:20px;
}

.ImagenCont{
	
	width: 100%;
							max-width: 400px;
	height: auto;
}
 
} 
/* ______________PANTALLA 850PX_____________________ */
@media only screen and (max-width: 850px){
  
body{
											margin-top:170px;
											padding:50px;
																						
}

img{
											max-width: 100px;	
}

.pUno{
	font-size:10px;
	color:white;	
	margin-top:10px;	
}
.pDos{
	font-size:10px;
	color:white;
    margin-top:10px;	
}
.pTres{
	font-size:12px;
	color:white;
	margin-top:25px;
}
.pCuatro{
	font-size:11px;
	color:white;
	margin-top:12px;
}

.pCinco{
	font-size:11px;
	color:black;
	margin-top:10px;
	font-family: Verdana, Tahoma, Courier New;
	text-decoration:none;
} 

.ImagenGaleria1{
	padding:10px;
	width: 100%;
							max-width:100px;
	height: auto;
	
	
}

.ImagenGaleria2{	
	padding:10px;
	width: 100%;
							max-width:220px;
	height: auto;
	
}

.ImagenGaleria3{	
	padding:10px;
	width: 100%;
							max-width:150px;
	height: auto;
	
}

/* ______________TEXTOS_____________________ */ 

.ContenidoTextos{
	font-size:12px;
}

.ContenidoTextosPres{
	font-size:14px;
}

h1{
	font-size:22px;
}

h2{
	font-size:18px;
}

.ImagenCont{
	
	width: 100%;
							max-width: 350px;
	height: auto;
}
  
} 
/* ______________PANTALLA 780PX_____________________ */
@media only screen and (max-width: 780px){
  
body{
											margin-top:170px;
											padding:20px;
																						
}

img{
											max-width: 80px;	
}

.pUno{
	font-size:8px;
	color:white;	
	margin-top:5px;	
}
.pDos{
	font-size:8px;
	color:white;
    margin-top:5px;	
}
.pTres{
	font-size:10px;
	color:white;
	margin-top:15px;
}
.pCuatro{
	font-size:8px;
	color:white;
	margin-top:7px;
}

.pCinco{
	font-size:8px;
	color:black;
	margin-top:10px;
	font-family: Verdana, Tahoma, Courier New;
	text-decoration:none;
} 

/* ______________TEXTOS_____________________ */ 

.ContenidoTextos{
	font-size:10px;
}

.ContenidoTextosPres{
	font-size:12px;
}

h1{
	font-size:20px;
}

h2{
	font-size:16px;
}

.ImagenCont{
	
	width: 100%;
							max-width: 300px;
	height: auto;
}
  
} 
/* ______________PANTALLA 600PX_____________________ */
@media only screen and (max-width: 600px){
  
body{
											margin-top:100px;
											padding:10px;
																						
}

img{
											max-width: 60px;	
}
 
.pUno{
	font-size:6px;
	color:white;	
	margin-top:5px;	
}
.pDos{
	font-size:6px;
	color:white;
    margin-top:5px;	
}
.pTres{
	font-size:9px;
	color:white;
	margin-top:15px;
}
.pCuatro{
	font-size:6px;
	color:white;
	margin-top:6px;
}

.pCinco{
	font-size:6px;
	color:black;
	margin-top:10px;
	font-family: Verdana, Tahoma, Courier New;
	text-decoration:none;
} 

/* ______________TEXTOS_____________________ */ 

.ContenidoTextos{
	font-size:10px;
}

.ContenidoTextosPres{
	font-size:12px;
}

h1{
	font-size:18px;
}

h2{
	font-size:14px;
}

.ImagenCont{
	
	width: 100%;
							max-width: 200px;
	height: auto;
}
 
} 
/* ______________PANTALLA 480PX_____________________ */
@media only screen and (max-width: 480px){
  
body{
											margin-top:260px;
											padding:10px;
																						
}

img{
											max-width: 50px;	
}

.ImagenGaleria1{
	padding:10px;
	width: 100%;
							max-width:100px;
	height: auto;
	
	
}

.ImagenGaleria2{	
	padding:10px;
	width: 100%;
							max-width:210px;
	height: auto;
	
}

.ImagenGaleria3{	
	padding:10px;
	width: 100%;
							max-width:100px;
	height: auto;
	
}

 
/* ______________TEXTOS_____________________ */ 

.ContenidoTextos{
	font-size:8px;
}

.ContenidoTextosPres{
	font-size:10px;
}

h1{
	font-size:16px;
}

h2{
	font-size:12px;
}

.ImagenCont{
	
	width: 100%;
							max-width: 150px;
	height: auto;
}
 
}




.flip-card-inner{
	text-align: center;
	transition: transform 1.3s;
	transform-style: preserve-3d;
	
	
}

.flip-card:hover .flip-card-inner{
	transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-reflect:below 0px linear-gradient(transparent,transparent,#0004);
	
}

.flip-card-back {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #004e41;
	transform: rotateY(180deg);
	border-radius:30px;
}