@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('../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(http://www.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('../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('../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('../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('../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('../img/img-footer.jpg?v1.0');background-position:center center;color:#fff;}
	

}