@import url("https://fonts.googleapis.com/css?family=Ubuntu");

.Cabecera{
display: flex;
flex-wrap: nowrap;
background-color: #003399;
align-items: center;
width: 95%;
margin: auto;
box-shadow: 0.75vw 0.75vw 0.25vw grey;
}

.Cabecera > div{
max-width: 100%;
height: auto;
text-align: center;
color: #FF9933;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; 
}

.Cont_Text_stand{
align-items: center;
width: 95%;
margin: auto;
}

.Titulo {
	font-family: 'Ubuntu', sans-serif;
	text-decoration: none;
	font-size: calc(0.2em + 1.8vw); 
	color: #003399;
	text-align: center;
	font-weight: 700;
	}

.texto {
	font-family: 'Ubuntu', sans-serif;
	text-decoration: none;
	font-size: calc(0.2em + 1vw); 
	color: #000000;
	text-align: justify;
	}

.texto_gran {
	font-family: 'Ubuntu', sans-serif;
	text-decoration: none;
	font-size: calc(0.2em + 1.2vw); 
	color: #000000;
	margin: 0 2vw;
	text-align: center;
	}

.texto_gran_Just {
	font-family: 'Ubuntu', sans-serif;
	text-decoration: none;
	font-size: calc(0.2em + 1.2vw); 
	color: #000000;
	text-align: justify;
	}

.texto_destaca {
	font-family: 'Ubuntu', sans-serif;
	text-decoration: none;
	font-size: calc(0.2em + 1.3vw); 
	color: #003399;
	text-align: center;
	font-weight: 100;
	}

.flexCONTENEDOR {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}

.flexCONTENEDOR div{
margin: 1vw 0.5vw;
}	

.flexCONTENEDOR div a{
	padding: 0.25vw 0.6vw;
	background-color: #003399;
   	font-family: 'Ubuntu', sans-serif;
	text-decoration: none;
    font-size: calc(0.2em + 1.2vw);
    color: #FFFFFF;
	border: #003399;
	border-width:1px;  
    border-style:solid;
	}	


.flexCONTENEDOR hr{
  	height: 1px;
  	border-color: #9900CC;
	width: 20%;
}

.flexCONTENEDOR div a:hover{
	background-color: #FFFFFF;
    color: #003399;
}

.flexMENU_DIS {
  	display: flex;
	max-width: 100%;
	justify-content: space-around;
	flex-wrap: wrap;
	}

.flexMENU_DIS > div{
margin: 0.6em;
}	

.flexMENU_DIS > div a{
	padding: 0.25em 0.75em;
	background-color: #9900CC;
    border-radius: 0.75em;
	font-family: 'Ubuntu', sans-serif;
	text-decoration: none;
    font-size: calc(0.2em + 1.2vw);
    color: #FFFFFF;
	}	
	
	
.flexMENU_DIS > div a:hover{
	opacity: 0.6;
}

.PIZARRA {
	justify-content: center;
	margin: auto;
	overflow: hidden; 
	background: #2a3035;
	border: 1vw solid #ABABAB;
	border-radius: 2vw;
	}


.img_contenedor{
width: 95%;
margin: auto;
box-shadow: 0.75vw 0.75vw 0.25vw grey;
margin: 2vw auto;
}

.img_contenedor > div{
width: 100%;
height: auto;
}

.img_contenedor > div img{
width: 100%;
height: auto;
object-fit: cover;
}

.ImgVIDEO {
  	 position: relative;
    display: inline-block;
    text-align: center;
	}

.ImgVIDEO > div img{
width: 50%;
object-fit: cover;
}

.ImgVIDEO > div img:hover{
opacity: 0.7
}

.img_contLink{
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-around;
}

.img_contLink > div{
max-width: 100%;
height: auto;
margin-bottom: 1%;
}

.img_contLink > div img{
max-width: 100%;
height: auto;
display: block;
}

.img_contLink > div img:hover{
opacity: 0.5;
}


.ImgTEXTsobre {
  	position: relative;
    display: inline-block;
    text-align: left;
	}

.ImgTEXTsobre > div img{
width: 100%;
height: auto;
object-fit: cover;
opacity: 0.8
}

.ImgTEXTsobre a:hover{
	opacity: 0.9;
}

.TextSobreImg{
	position: absolute;
    top: 5%;
    left: 3%;
   	font-family: Arial;
    font-size: calc(0.8rem + 1.2vw);
    font-weight: bold;
    color: #FFFFFF;
	text-shadow: 2px 2px 8px #000000;
	}	

.TextSobreImg a{
	text-decoration: none;
	color: #FFFFFF;
 	}