html, body{
	height: 100%;
	text-align:center; 
	margin:0 auto;
}

img{
	height: 100%;
	max-width:100%;
}

h1{
	color: black;
	font-weight: normal;
	font-size: 35px;
	font-family: Arial;
}
h4{
	color: black;
	font-weight: normal;
	font-size: 20px;
	font-family: Arial;
}

/*Seccion de Inicio*/
#inicio{
	background:  #376394; /*white; */
	background-size: inicio;
	color: white; /*black;*/
	height: 20%;
	text-align: center;
	display: flex;
	align-items: center;
}

#inicio-texto{
	width: 100%;
	color: #white; /*#black;*/
}

#inicio-texto-texto{
	/*color: white; */
	color: #277487;
}

.contenido-seccion{
	padding: 5rem 0;
}

/*Seccion de Inicio de Otras Paginas*/
#inicioOP{
	/*background: rgba(0, 0, 0, 0.65);*/
	background: #2222 url("../img/baner3.png") center center repeat;
	background-size: inicio;
	color: #277487;
	height: 15%;
	text-align: center;
	display: flex;
	align-items: center;
}

#inicioOP-texto{
	width: 100%;
	color: #277487;
}

#inicioOP-texto-texto{
	color: #277487; /* white; */
}



/*Pagina de Que Hacemos*/
#quehacemos{
	background: white;
	background-size: inicioOP;
	color: black;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
}

#quehacemos-texto{
	width: 100%;
	color: #277487;
}

#pic_qh{
	/*
	display: block;
    margin: auto;
    width: 40%;
    height: 50%;
    border-radius: 10%;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    */
    width: 100%;
    height: auto;
    opacity: 0.5;
    border-radius: 10%;
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
	color: #277487;
}

#pic_pwp{
	display: block;
    margin: auto;
    width: 40%;
    height: 60%;
    border-radius: 50%;
}

#pic_cards{
	display: block;
    margin: auto;
    width: 40%;
    height: 55%;
    opacity: 0.6;
     border-radius: 20%;
}

#pic_cards_foto{
	display: block;
    margin: auto;
    width: 70%;
    height: 80%;
    opacity: 1;
    border-radius: 50%;
}

/*Footer*/
#footer{
	background: #2222 url("../img/Principal4_Modificado.png") center center no-repeat;
	color: #277487;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	font-size:.8rem;
	padding: 2.5rem 0;
}

#footer-texto{
	background: rgba(0,0,0,.8);
	color: #277487;
	padding: 1.875rem;
}


.header_frame {
	background-color:#222;
	background-image:url(../img/bg-rota.png);
	background-position:left top;
	background-repeat:repeat-x;
	padding:3px;
	/*color:#2C4D76; /*Azul*/
	color:#FFFFFF; /*Blanco*/
	text-align: left;
}

.footer_frame {
	background-color:#000;
	background-image:url(../img/bg-foot.png);
	background-position:left top;
	background-repeat:repeat-x;
	font-family: 'Century Gothic';
	padding:3px;
	/*color:#2C4D76; /*Azul*/
	color:#FFFFFF; /*Blanco*/
	text-align: left;
}

/* Cotizaciones */
#pic_cot{
	display: block;
    margin: auto;
    width: 20%;
    height: 40%;
    border-radius: 20%;
}
#pic_cot1{
	display: block;
    margin: auto;
    width: 8%;
    height: 30%;
    border-radius: 30%;
}