@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

html,
body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
article,
footer,
header,
section,
table {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
}

a:hover {
	text-decoration: none;
}

.footer-logo,
.icono {
	background: url('https://www.lamolina.edu.pe/portada/acerca/assets/img/imgs6.png?v1.4') no-repeat;
}


.header {
	padding: 25px 0 4px 0;
}

.header-logo {
	width: 325px;
	height: 91px;
}

.header-logo a {
	display: block;
	width: 324px;
	height: 91px;
}

.header-peru {
	width: 66px;
	height: 62px;
	margin-bottom: 5px;
	margin-left: 40px;
}


/*---servicios en general
-----------------------------------------------------------------------------*/

.principal {
	padding: 0.5em 0px 2em;
	margin: 0 0.2em;
}

.titulo-correo {
	margin-bottom: 0;
	padding: 0.5em 0px 2em;
	border-top: 0;
	background-color: #428f5d;
}

.titulo-correo h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 50px;
	color: #fff;
	font-weight: 900;
	text-align: center;
}

/*titulos con fondo verde en paginas interiores*/
.principal h1 {
	font-size: 2.35em;
	font-weight: 700;
	color: #fff;
	text-align: center;
	margin: 0 0.95em 0 1em;
	background: #428f5d;
	line-height: 50px;
}

.page-header {
	background: #428f5d;
	margin: 0 0.2em;
}

.page-header h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.3em;
	font-weight: 700;
	color: #9ACD32;
	text-align: center;
	line-height: 60px;

}

.page-header h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: 500;
	color: #fff;
	text-align: center;
}


#services .principal a {
	color: #21aa00;
	font-size: 16px;
}

/* este estilo se usa para poner las lineas inferiores como en proyecto.html*/
#services .lineas_base {
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 0.5em;
}

#services .lineas_base2 {
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 0.6em;
}

#services .titulo {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #428f5d;
	text-align: center;
	padding: 1.3em 0px 2em 0px;
}

#services .titulo2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	color: #428f5d;
	text-align: center;
	margin-top: 16px;
	margin-bottom: 8px;
}

#services ul {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	color: #6f7784
}

#services a {
	color: #428f5d;
}

#services .fa-envelope {
	color: #428f5d;
	font-size: 25px;
	margin-left: 5px;
}

.btn-outline-success {
	border: solid 1px #428f5d;
}

.separador {
	line-height: 45px;
}

/*calendario nuevo*/


.cursos {
	margin-top: 26px;
	margin-bottom: 2em;
}

.cursos img {
	margin-top: 8px;
	margin-bottom: 10px;
}

.cursos-body {
	margin-top: 4em;

}

.cursos-body h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.9em;
}

.cursos-body link {
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.9em;
}

.cursos-body h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.8em;
	font-weight: bold;
}

.cuadro_espaciado {
	height: 105px;
	padding-top: 26px;
	padding-bottom: 405px;
	margin-bottom: 45px;
}

.h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

.glyphicon-file {
	margin-top: 0.3em;
	margin-bottom: 10px;
	font-size: 150px;
	color: #428f5d;
}

.glyphicon-user {
	margin-top: 0.3em;
	margin-bottom: 10px;
	font-size: 150px;
	color: #428f5d;
}

/*--------------servicios------------------*/
.fila-interiores {
	padding: 3em 0px 2em;

}

.fila-interiores h2 {
	font-size: 22px;
	font-weight: bold;
	color: #428f5d;
	padding: 1.3em 0;
}

.fila-interiores .titulo {
	font-size: 22px;
	font-weight: bold;
	color: #428f5d;
	padding: 1.3em 0;
	text-align: center;
}

.fila-interiores p {
	font-size: 16px;
	font-weight: normal;
	color: #6f7784;
	margin: 12px 0;
}

.fila-interiores img {
	display: block;
	margin: 10px auto;
	padding: 10px 6px;
}

.fila-interiores .titulo-plomo {
	color: #969696;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	margin: 16px 0;
}

.fila-interiores .titulo-plomo2 {
	color: #969696;
	font-size: 16px;
	text-align: center;
	text-decoration: underline;
	margin: 18px 0;
}

.fila-interiores .texto {
	font-size: 16px;
	font-weight: normal;
	color: #969696;
	margin: 12px 0;
}


.fila-interiores .espaciado {
	padding: 25px 0;
}

.principal .espaciado3 {
	padding: 15px 0;
}

.espaciado2 {
	padding: 35px 0;
}



.periodos-transparencia {
	/*para los estilos de los periodos*/
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	margin: 4px 12px 3px 85px;
}

#services .fa-envelope {
	color: #428f5d;
	font-size: 25px;
	margin-left: 5px;
}

/*fin del contenedor de servicios/*
------------------------------------------------------------------------------*/

.nav-pills {
	background-color: #ffffff;
	color: #ffffff;

}

.subrayado {
	border-bottom: #2F4D09 1px solid;
}

.nav-pills>li {
	color: #006600;
	background-color: #fff;
}

.nav-pills>li a {
	color: #006600;
	background-color: #fff;
}

.nav-pills>li a:visited {
	color: #006600;
	background-color: #fff;
}


.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:visited,
.nav-pills>li.active>a:hover {
	color: #fff;
	background-color: rgba(0, 102, 0, 0.6);
}

#stacked-menu {
	/*padding: 2px 8px;*/
	margin-left: 4px;
	text-align: justify;
}

/*---------------slider de fotos---------------*/
.box-shadow {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}

.box-shadow:before,
.box-shadow:after {
	z-index: -5;
	position: absolute;
	content: "";
	bottom: 12px;
	left: 10px;
	width: 50%;
	top: 6%;
	max-width: 300px;
	background: #fff;
	box-shadow: 0 25px 0 #fff;
	transform: rotate(-3deg);
}

.box-shadow:after {
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}

.carousel-inner img {
	width: 100%;
	background: #fff;
}




/*-----------------------------Carousel Header Styles-----------------------------*/
.header-text {
	position: absolute;
	top: 55%;
	left: 1.8%;
	right: auto;
	color: #fff;
	padding: 2%;
	background: rgba(66, 143, 93, 0.6);
}

.header-text h1,
.header-text h2 {
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: 900;
	line-height: 0.9em;
}

.header-text h1 {
	font-size: 3em;
	margin-left: -0.4%;
	text-shadow:
		-1px -1px 1px #428f5d,
		1px -1px 1px #428f5d,
		-1px 1px 1px #428f5d,
		1px 1px 1px #428f5d;
}

.header-text h2 {
	font-size: 2.2em;
	margin: 0 -14px;
	padding: 0 25px;
	color: #fff;
	text-shadow:
		-1px -1px 1px #428f5d,
		1px -1px 1px #428f5d,
		-1px 1px 1px #428f5d,
		1px 1px 1px #428f5d;
}

.carousel-inner .leyend {
	color: #21aa00;
}

.carousel,
.carousel-inner,
.carousel-inner .item {
	height: 100%;
}

/* main-content eventos
------------------------------------------------------------------------------*/
.caja_events {
	overflow: hidden;
	padding-bottom: 10px;
}

.main-content-events {
	position: relative;
	width: 1200px;
	margin: 20px auto;
	padding: 0 45px;
}

.posts-cons article.last {
	border-bottom: none;
}

.posts-cons .current-date {
	margin-top: 9px;
}

.posts-cons .info {
	overflow: hidden;
}

.posts-cons .info h3 {
	font-weight: bold;
	font-size: 18px;
	color: #6f7784;
	line-height: 22px;
	padding-top: 4px;
	padding-bottom: 22px;
}

.posts-cons .info h3 a {
	color: #6f7784;
}



.posts-cons .info-line .place {
	/*educacion continua*/
	padding: 0 20px 0 25px;
	background: url(otic.lamolina.edu.pe/portada/acerca/assets/img/place_unalm.png) no-repeat 0 3px;
	display: inline-block;
}

.phones {
	font-size: 14px;
}

/* congresos
------------------------------------------------------------------------------*/
.calendar {
	margin: .25em 10px 10px 0;
	padding-top: 5px;
	float: left;
	width: 80px;
	background: #ededef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc));
	background: -moz-linear-gradient(top, #ededef, #ccc);
	font: bold 30px/60px 'Open Sans', sans-serif;
	text-align: center;
	color: #000;
	text-shadow: #fff 0 1px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	-moz-box-shadow: 0 2px 2px #888;
	-webkit-box-shadow: 0 2px 2px #888;
	box-shadow: 0 2px 2px #888
}



.negrita {
	font-weight: bold;
}

.negrita-mayor {
	font-size: 1em;
	font-weight: bold;
}

.primeralinea {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1em;
	text-indent: 30px;
}

.primeralineadoble {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.95em;
	text-indent: 50px;
}


.txt_comentario {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.95em;
	font-style: italic;
	color: #228B22;
}


.marco {
	margin-top: 10px;
	padding: 15px 40px;
	/*	border: 2px solid #428f5d;*/
	background: #FFFFFF;
}

.marco p {
	font-family: 'Source Sans Pro', sans-serif;
	color: #428f5d !important;
	font-size: 1em;
}

.marco a:hover {
	color: #428f5d !important;
	background: #fff;
}

.marco img {
	display: block;
	margin: auto;
	max-width: 100%;
}


#services .btn-dir {
	color: #333;
	background-color: #c2e35e;
	border-color: #c2e35e;
	font-size: 25px;
	font-weight: 700;
}

hr {
	border: 0;
	height: 20px;
	color: #fff;
}

.carousel-indicators li {
	cursor: pointer;
	border: 1px solid #428f5d;
	background-color: #fff;

}

.carousel-indicators .active {
	border: none;
	background-color: #428f5d;
}


/********************************/
/*       estilos creditos     */
/********************************/

.creditos {
	margin-top: 3.05em;
	margin-left: 1em;
}

.creditos p {
	font-family: 'Open Sans', sans-serif;
	color: #6f7784 !important;
	font-size: 12px;
	text-align: center;
}

.creditos p a,
a:active,
a:link,
a:hover {
	color: #428f5d;
}

.ft {
	background-color: rgba(211, 211, 211, 0.6);
	padding: 1.05em 0;
	text-align: center;
}

.ft span {
	font-size: 0.8em;
	color: #428f5d;
}

.ft span a {
	color: #144B07;
	text-decoration: none;
}

.ft span a:hover {
	color: #428f5d;

}

/***************/
/*estilos para seguros*/
/**************/

.fila-interiores .texto {
	font-size: 1em;
	font-weight: normal;
	color: #6f7784;
	margin: 0.75em 0;
}

.fila-interiores .title-bienestar {
	font-size: 1.375rem;
	font-weight: bold;
	color: #428f5d;
	padding: 1.3em 0;
	text-align: center;
}


.container-foto {
	width: 96%;
	max-width: 960px;
	margin: 0 auto;
}

.container-foto img {
	width: 100%;
	height: auto;
}



/***************/
/*fin foto derecha*/
/**************/

.footer-space {
	padding-top: 26px;
	padding-bottom: 405px;
	margin-bottom: 45px;
}

/*------------------------------------------------------------------------------*/

@media all and (transform-3d),
(-webkit-transform-3d) {

	.carousel-fade .carousel-inner>.item.next,
	.carousel-fade .carousel-inner>.item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .carousel-inner>.item.prev,
	.carousel-fade .carousel-inner>.item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .carousel-inner>.item.next.left,
	.carousel-fade .carousel-inner>.item.prev.right,
	.carousel-fade .carousel-inner>.item.active {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.carousel,
.carousel-inner,
.carousel-inner .item {
	height: 100%;
}

.carousel-dentro {
	position: absolute;
	z-index: 4;
	max-width: 680px;
	width: 50%;
	top: 150px;
	left: 40px;
	color: #fff;
	font-weight: bold;
	line-height: 5em;
}

.carousel-dentro span:nth-child(1) {
	display: block;
	font-size: 6.0em;
}

.carousel-dentro span:nth-child(2) {
	display: block;
	font-size: 3.0em;
	border-bottom: 3px solid #fff;
}

.header-text {
	position: absolute;
	top: 55%;
	left: 1.8%;
	right: auto;
	color: #fff;
	padding: 2%;
	background: rgba(66, 143, 93, 0.6);
}

.footer {
	background-image: url('https://www.lamolina.edu.pe/portada/acerca/assets/img/img-footer.jpg?v1.0');
	background-position: center center;
	color: #fff;
	padding: 32px;
	margin-top: 32px;
	font-size: 0.9em;
}

.footer a,
a:active,
a:link,
a:hover {
	color: #fff;
}

.footer-logo {
	background-position: 0 -752px;
	width: 94px;
	height: 106px;
	margin-bottom: 25px;
}

.footer .footer-bloq-a .col-md-12:nth-child(2) div:nth-child(1) {
	padding-bottom: 35px;
}

.footer .icono {
	line-height: 1.5em;
	padding-left: 22px;
	margin-bottom: 8px;
}

.icono-tele {
	background-position: 0 -697px;
}

.icono-mail {
	background-position: 0 -725px;
}

.footer .col-md-10 .row:nth-child(1) {
	padding-bottom: 20px;
}

.footer .footer-bloq-b .col-md-3 {
	line-height: 1.2em;
}

.footer .footer-bloq-b .col-md-3 div {
	padding-bottom: 20px;
}

.footer .footer-bloq-b .col-md-3 a {
	display: block;
	color: #fff;
}

.footer .footer-bloq-b .col-md-3 a:hover {
	color: #ffca12;
}

.footer .footer-bloq-b .col-md-3 span {
	font-weight: bold;
	font-size: 15px;
}

a.ubicanos {
	color: #ffca12 !important;
	font-weight: bold;
	font-size: 0.9em !important;
}

a.mapa-sitio {
	color: #ffca12 !important;
	font-weight: bold;
	font-size: 16px !important;
}

.footer .footer-bloq-c {
	font-style: italic;
	font-size: 1.2em;
	padding-top: 5px;
	text-shadow: 4px 4px 2px rgba(0, 0, 0, 1);
}


@media (max-width:1280px) {
	.contenedor_eventos {
		width: 100%;
	}

	.posts-cons .current-date {
		margin-right: 15px;
	}

	.posts-cons article {
		font-size: 14px;
		line-height: 22px;
		color: #6f7784;
	}

	.container-foto img {
		width: 100%;
		height: auto;
	}

	.footer {
		padding: 2em 0px;
	}

	.footer {
		background-image: url('/img/img-footer.jpg?v1.0');
		background-position: center center;
		color: #fff;
		padding: 32px;
		margin-top: 32px;
		font-size: 0.9em;
	}

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

		.posts-cons .current-date {
			margin-right: 15px;
		}

		.posts-cons article {
			font-size: 14px;
			line-height: 22px;
		}

		.header-text {
			position: absolute;
			top: 55%;
			left: 1.8%;
			right: auto;
			color: #fff;
			padding: 2%;
			background: rgba(66, 143, 93, 0.6);
		}

		.fila-interiores .texto {
			font-size: 0.8em;
			font-weight: normal;
			color: #6f7784;
			margin: 0.75em 0;
		}

		.container-foto img {
			width: 100%;
			height: auto;
		}
	}

	@media (max-width:1024px) {
		.section {
			padding: 2em 0px 3.5em 0px;
		}

		.servicios-derecha {
			width: 73%;
		}

		.servicios-izquierda {
			width: 27%;
		}

		#seguros .texto {
			font-size: 0.7em;
			font-weight: normal;
			color: #6f7784;
		}

		.servicios-derecha h3 {
			padding-bottom: 1em;
		}

		.servicios-derecha p {
			padding: 1em 0px 2em 0px;
		}
	}

	@media (max-width:768px) {
		body {
			min-width: 320px;
		}

		.content_serv-grids {
			text-align: center;
			padding: 13px 0px;
		}

		.servicios-izquierda {
			float: none;
			width: 12%;
			margin: 0 auto;
		}

		.servicios-izquierda span {
			margin-top: 0px;
		}

		.servicios-derecha {
			width: 100%;
			float: none;
		}

		/***************/
		/*estilos para seguros*/
		/**************/
		.container-foto img {
			width: 100%;
			max-width: 800px;
			height: auto;
		}

		.servicios-derecha h3 {
			width: 40%;
			margin: 0 auto;
			padding: 10px 0px;
		}

		.servicios-derecha p {
			padding: 7px 0px 1em 0px;
			font-size: 18px;
			width: 81%;
			margin: 0 auto;
		}

		.header-text {
			position: absolute;
			top: 55%;
			left: 1.8%;
			right: auto;
			color: #fff;
			padding: 2%;
			background: rgba(66, 143, 93, 0.6);
		}

		#seguros .texto {
			font-size: 0.7em;
			font-weight: normal;
			color: #6f7784;

		}

		.marco img {
			margin: auto;
			max-width: 100%
		}

		.footer {
			background-image: url('https://www.lamolina.edu.pe/portada/acerca/assets/img/img-footer.jpg?v1.0');
			background-position: center center;
			color: #fff;
		}
	}

	@media (max-width:640px) {

		.servicios-izquierda {
			width: 14%;
		}

		.servicios-derecha p {
			font-size: 17px;
		}

		.section {
			padding: 1.1em 0px 2em 0px;
		}

		.main-content-events {
			width: 100%;

		}

		.header-text {
			position: absolute;
			top: 55%;
			left: 1.8%;
			right: auto;
			color: #fff;
			padding: 2%;
			background: rgba(66, 143, 93, 0.6);
		}

		.container-foto img {
			width: 100%;
			max-width: auto;
			height: auto;
		}

		.footer {
			background-image: url('https://www.lamolina.edu.pe/portada/acerca/assets/img/img-footer.jpg?v1.0');
			;
			background-position: center center;
			color: #fff;
		}
	}

	@media (max-width:480px) {


		.main-content-events {
			width: 100%;
		}

		.header-text {
			position: absolute;
			top: 55%;
			left: 1.8%;
			padding: 2%;
		}

		.container-foto img {
			width: 100%;
			max-width: 400px;
			height: auto;
		}

		#seguros .marco {
			margin-top: 10px;
			border: 2px solid #428f5d;
			background: #FFFFFF;
		}

		.footer {
			background-image: url('https://www.lamolina.edu.pe/portada/acerca/assets/img/img-footer.jpg?v1.0');
			background-position: center center;
			color: #fff;
		}
	}

	@media (max-width:320px) {
		.main-content-events {
			width: 100%;
		}

		.header-text {
			position: absolute;
			top: 55%;
			left: 1.8%;
			background: rgba(66, 143, 93, 0.6);
		}

		.header-text h1 {
			font-size: 3em;
			margin-left: -0.4%;
			text-shadow:
				-1px -1px 1px #428f5d,
				1px -1px 1px #428f5d,
				-1px 1px 1px #428f5d,
				1px 1px 1px #428f5d;
		}


		.fila-interiores>#seguros>.marco {
			margin-top: 10px;
			border: 2px solid #428f5d;
			padding: auto;
			background: #FFFFFF;
		}

		.servicios-derecha p {
			width: 100%;
		}

		.container-foto img {
			width: 100%;
			height: auto;
		}

		.section {
			padding: 0.5em 0px 1em 0px;
		}

		.footer-text p {
			font-size: 16px;
		}

		.footer {
			padding: 1em 0px;
		}

		.header.clock.wow.bounceIn.animated {
			padding-bottom: 5px;
		}

		.footer {
			background-image: url('https://www.lamolina.edu.pe/portada/acerca/assets/img/img-footer.jpg?v1.0');
			background-position: center center;
			color: #fff;
		}

	}