/* CSS Document */

.contenedorInicio { background-image: linear-gradient(#7cbba0, #235669); padding: 30px; }

.contenedorInicio2{ margin: auto; width: 1100px; max-width: calc(100% - 120px); padding: 50px 60px 30px 60px; background-color: #ffffff; text-align: right; }

.homeCabecera { position: relative; font-size: 32px; line-height: 38px; padding: 0px 0px 20px 20px; text-align: right; }
.homeCabecera .titulo { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); white-space: pre; text-align: left; font-weight: 600; }
.homeCabecera .titulo span {  font-weight: 500; font-size:70%; color:#52a6a6; }
.homeCabecera img { float:right; padding-left: 20px; vertical-align: top; width: 164px; }

.biniciar{ display: inline-block; font-size: 20px; color: #33193b; background-color:#9bca9c; border-radius: 10px; padding: 10px 24px; margin: 0 18px 20px 0px; font-weight: bold; }

.homeCuerpo{ text-align: justify; font-size: 14px; padding: 0px 15px; }
.homeCuerpo sup { font-size: 70%; }
.leyenda { font-size: 11.5px; }
.flotante { float:left; text-align: left; padding: 0 15px 15px 15px; }

.homePie { text-align:right; padding-top: 20px; font-size: 13px; }
.homePie .logo{ display:inline-block; vertical-align: top; text-align: center; margin: 0 15px; max-width: 30%; }
.homePie .logo img { padding-top:10px; max-width: 100%; display: initial; }


@media screen and (max-width:1150px) {
	.contenedorInicio2{ max-width: calc(100% - 100px); padding: 40px 50px 20px 50px; }
	.homeCabecera { font-size: 26px; line-height: 31px; }
	.homeCabecera .titulo { white-space: normal; padding-right: 154px; }
	.homeCabecera img {  width: 144px; }
	
	.biniciar{ font-size: 18px; margin-right: 14px; }

	.homeCuerpo{  font-size: 13px; }
	.leyenda { font-size: 11px; }
	
	.homePie { font-size: 12.5px; }
}

@media screen and (max-width:900px) {
	.contenedorInicio2{ max-width: calc(100% - 80px); padding: 30px 40px 10px 40px; }
	.homeCabecera { font-size: 23px; line-height: 27px; }
	.homeCabecera .titulo { padding-right: 134px; }
	.homeCabecera img {  width: 124px; }
	
	.biniciar{ font-size: 16px; border-radius: 8px;  padding: 8px 20px; margin-right: 10px; }

	.homeCuerpo{  font-size: 12px; }
	.leyenda { font-size: 10.5px; }
	
	.homePie { font-size: 12px; }
}

@media screen and (max-width:768px) {
	.contenedorInicio2{ max-width: calc(100% - 60px); padding: 20px 30px; }
	.homeCabecera { font-size: 20px; line-height: 23px; }
	.homeCabecera .titulo { padding-right: 114px; }
	.homeCabecera img {  width: 104px; }
	
	.biniciar{ font-size: 14px; margin: 0 12px 20px 0px; margin-right: 8px; }
	
	.homeCuerpo{  font-size: 11px; }
	.leyenda { font-size: 10px; }
	
	.homePie { text-align: center; font-size: 11.5px; }
	.homePie .logo { max-width: none; width: calc(50% - 22px); margin:0 10px; }
	
	.codigo { padding-top: 30px; }
}

@media screen and (max-width:650px) {
	.homeCabecera { font-size: 17px; line-height: 20px; }
}

@media screen and (max-width:550px) {
	.contenedorInicio2{ max-width: calc(100% - 40px); padding: 20px 20px; }
	.homeCabecera { font-size: 13px; line-height: 15px; }
	.homeCabecera .titulo { padding-right: 94px; }
	.homeCabecera img {  width: 84px; }
	
	.biniciar{ font-size: 12px; border-radius: 6px;  padding: 6px 16px; margin-right: 6px; }
	
	.homeCuerpo{  font-size: 10px; }
	.leyenda { font-size: 9.5px; }
	.homePie { font-size: 11px; }
}

@media screen and (max-width:400px) {
	.contenedorInicio2{ max-width: calc(100% - 20px); padding: 20px 10px; }
	.homeCabecera { font-size: 10px; line-height: 12px; }
	.homeCabecera .titulo { padding-right: 84px; }
	.homeCabecera img {  width: 74px; }

	.biniciar{ font-size: 10px;  padding: 4px 14px; margin-right: 4px; }
	
	.homePie { font-size: 10.5px; }
}

@media screen and (max-width:360px) {

}