@charset "utf-8";
/* CSS Document */

.fondoadaptado{
	width:100%;
	height:500px;
/*	background-image:url(../img/Portadas/fotoempresa.jpg);
*/	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	position:relative;
	
}

.color {
	background-color:#1b1428;
}

.fondoadaptado p{
	margin:0px;
	clear:both;
}


.logo_starlig{
	width:50%;
	float:left;
	height:500px;
	position:relative;
	display:table}

#logo_centrado{
	position:absolute;
	width:300px;
	height:120px;
	top:50%;
	margin-top:-60px;
	left:100%;
	margin-left:-320px;
	
}

.logo_starlig p {
	text-align:left;
	display:table-cell;
	vertical-align:middle;
	font-size:1.6em;
}

h1 {
	font-family: 'roboto', sans-serif;
	font-size:2.9em;
	font-weight:700;
}

h2 {
	font-family:'roboto', sans-serif;
	font-size:2.5em;
	font-weight:700;
	
}

.contenedor-especial{
	width:90%;
	margin:0 auto;
}

.secciones-empresa {
	padding:110px 0px 50px 0px;
	z-index:-3;
	background-color:#3d3d72;
}

#numero-año{
	position:relative;
	z-index:1;
	margin-bottom:0px;
	top:-85px;
	margin-top:0px
}

.titulo-grande {
	display:block;
	position:absolute;
	font-size: 9em;
	font-weight:700;
	margin:0px 0 0px 0;	
	color:#9086b2;
}

#historia{
	padding:5px 40px;
	position:relative;
	z-index:2;
	background-color:#fafafc;
	border-radius:2px 2px;
	}
	
#historia h1{
	color:#5a5187;
}

/*sección Dedicados a*/

#caja-flexible {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	padding:0px;
}

.div-vertical{
	width:50%;
}
#contenido-texto{
	height:90%;
	margin:auto;
}

#contenido-texto p{
	color:#d5d2fc;
	
}
	
#foto {
	max-height:650px; 
	}
	
/*sección publico*/


.flexible {
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-content:center;
}

.flexible h5 {
	color:#DED7FF;
}

#flex1{
	width:100%;
	background-color:#EEEEFF;
	padding:30px 0% 0px 0%;
	}

#flex1 h2 {
	color:#695F89;
}

#flex2{
	width:50%;
	padding:40px 5% 50px 5%;
	text-align:center;
	background-color:#341859;
	color:#D0C2F2;

}

#flex3{
	width:50%;
	padding:40px 5% 50px 5%;
	text-align:center;
	background-color:#3E226B;
	color:#D0C2F2;
}

h5 {
	font-size:1.5em;
	font-weight:700;
	margin-top:0px;
}

#flex2 p, #flex3 p {
	font-size:0.9em
}

/*sección objetivo
*/
.Enunciado {
	width:70%;
	height:auto;
	padding:20px 45px;
	background-color:rgba(212,212,212,1.00);
	margin-bottom:50px;
	margin-top:-50px
}

.textogrande{
	float:right;
	width:30%;
	margin-bottom:-50px;
	padding:0px
}

.textogrande p {
	font-weight:700;
	color:rgba(240,240,240,1.00);
	font-size:15em;
	margin:35% 0px 0px 0px;
	padding:0px 0px;
}

.redes-s h5{
	font-weight:400;
	font-size:1.7em;
	margin:15px 0px;
}

.Enunciado h2 {
	color:#574f84;
}

.Enunciado p{
	color:#4d4d66;
	
}

#msn-boton a {
	color:#25233a;
	padding:10px 0px;
	font-weight:500;
}

#msn-boton a:hover {
	background-color:#3f276d;
	color:#F8F8FB !important;
	padding:10px 5px;
	border-radius:2px;
	font-weight:500	
}

@media only screen and (max-width: 600px) {

	.logo_starlig{
	width:100%;
	float:left;
	height:180px;
	position:relative;
	display:table}

	#logo_centrado{
	position:absolute;
	width:300px;
	height:120px;
	top:100%;
	margin-top:-45px;
	left:50%;
	margin-left:-150px;
	
}

	.logo_starlig p {
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	font-size:1.5em;
}

#historia{
	padding:5px 20px;
}

/*seccion publico smarphone*/

#flex2{
	width:100%;
	padding:40px 5% 50px 5%;
	text-align:center;
	background-color:#341859;
	color:#D0C2F2;
}

#flex3{
	width:100%;
	padding:40px 5% 50px 5%;
	text-align:center;
	background-color:#3E226B;
	color:#D0C2F2;
}

/*sección objetivo*/

.Enunciado {
	width:100%;
	height:auto;
	padding:20px 20px;
	background-color:rgba(212,212,212,1.00);
	margin-bottom:50px;
	margin-top:-50px
}

}

@media only screen and (max-width: 992px) {

.div-vertical {
	width:100%;
	padding-bottom:30px;
}

#n1 {
	word-wrap:break-word;
	text-align:center;
	line-height:0.9em
}
}















