/*NO BORRAR*/
@font-face {
 font-family:Century;
 font-display: auto;
 src: url('../fonts/Century.ttf');
}
@font-face {
 font-family:Roboto-Light;
 font-display: auto;
 src: url('../fonts/Roboto-Light.ttf');
}
@font-face {
 font-family:Roboto-Regular;
 font-display: auto;
 src: url('../fonts/Roboto-Regular.ttf');
}
@font-face {
 font-family:Roboto-Medium;
 font-display: auto;
 src: url('../fonts/Roboto-Medium.ttf');
}
@font-face {
 font-family:Roboto-Black;
 font-display: auto;
 src: url('../fonts/Roboto-Black.ttf');
}
@font-face {
 font-family:Roboto-Bold;
 font-display: auto;
 src: url('../fonts/Roboto-Bold.ttf');
}
#frm_contacto label.error {
	margin-left: 10px;
	width: auto;
}
.error
{
	color: #B94A48 !important;
	margin:0px !important;
}

.link { 

  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font: normal 12px/12px HelveticaNeue, Arial;
  padding: 8px 11px;
  text-decoration: none;
}
.link.azul {
    background: -moz-linear-gradient(center top , #30517A, #3276B1) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background:#3276B1;
    border-color: #30517A ;
    box-shadow: 0 1px 1px #30517A, 0 1px 0 #30517A inset;
    color: #FFF !important;
    text-shadow: 0 1px 0 #30517A;
}
.link.azul:hover {
    background: -moz-linear-gradient(center top , #3276B1, #30517A) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #30517A;
    box-shadow: 0 1px 1px #30517A, 0 1px 0 #30517A inset;
    color: #FFF !important;
    text-shadow: 0 1px 0 #30517A;
}
.align-left{
	text-align:left;
}
.align-right{
	text-align:right;
}
.mr_captcha{
	margin-bottom:10px;
}
/*FIN BORRAR*/
html{
	 scroll-behavior: smooth;
}
body{
	background:url('../imgusr/bg_body.png');
}
a.anchor {
    display: block;
    position: relative;
    top: -160px;
    visibility: hidden;
}
.header{
  color: #5f5f5f;
  font-family: 'Roboto-Regular', Arial;
  font-size: 16px;
  padding: 20px 0;
  background:#fff;
  top: 0px;
	width: 100%;
	z-index: 1000;
	position: fixed;
}
.admin{
	font-family:'Roboto-Bold', Arial;
	display: table;
	height: 95px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
}
.btn-acceso{
	color: #fff !important;
	font-family: 'Roboto-Regular';
	font-size: 16px;
	background: #8198e6;
	border: 1px solid #8198e6;
	padding: 4px 15px;
	border-radius: 0;
	transition: 250ms
}
.btn-acceso:hover{
	color:#8198e6 !important;
	background:#fff;
}
.nav > li > a {
	padding: 5px 10px;
}
.admin p{
	display:table-cell;
	vertical-align:middle;
}
.carousel{
	margin-top:135px;
}
.social{
	padding:0 16px;
}
.social img{
  padding: 0 4px;
}
.social a{
  color: inherit;
}
.navbar-nav{
  float: right;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}
.navbar-nav > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
}
.navbar-default .navbar-nav > li > a{
  color: inherit;
  border: 1px solid #fff;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover{
  background: #4866c9;
  color: #fff !important;
}
.sl-alto{
	min-height:600px;
}
.carousel-caption h4{
	font-family:'Roboto-Black', Arial;
	font-size:43px;
	text-transform:uppercase;
}
.carousel-caption p{
	font-family:'Roboto-Regular', Arial;
	font-size:26px;
}
.carousel-control img{
	top:50%;
	position:absolute;
}
.hm_bienvenida{
	padding:20px 0;
	font-family:'Roboto-Light', Arial;
	color:#313131;
	font-size:18px;
}
.hm_bienvenida h2, .hm_servicios h2{
	font-family:'Roboto-Bold', Arial;
	font-size:50px;
	color:#7ed958;
	text-transform:uppercase;
}
.hm_bienvenida h3{
	font-family:'Roboto-Bold', Arial;
	font-size:32px;
	text-transform:uppercase;
	text-align:right;
}
.hm_bienvenida td{
	color:#fff;
	font-family:'Roboto-Regular', Arial;
	font-size:22px;
}
#mision{
	padding:15px 25px;
	background:#204e8c;
	min-height:260px;
}
#vision{
	padding:15px 25px;
	background:#4d77b0;
}
#valores{
	padding:15px 25px;
	background:#779fd6;
}
.hm_servicios{
	font-family:'Roboto-Light', Arial;
	font-size:18px;
	color:#4d4d4d;
}
.hm_servicios h3{
	color:#7ed958;
	font-family: 'Roboto-Medium', Arial;
	font-size: 26px;
/*	text-transform: uppercase;	*/
}
.hm_servicios h2{
	width:max-content;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-bottom: 40px;
}
.hm_servicios h2::before{
	content:url('../imgusr/bg_h2.png');
	position: absolute;
	bottom: 30%;
	right: 120%;
}
.hm_servicios h2::after{
	content:url('../imgusr/bg_h2.png');
	position: absolute;
	bottom: 30%;
	left: 120%;
}
.cultura{
	padding:0 20px;
}
.hm_cultura{
	font-family:'Roboto-Light';
	font-size:18px;
}
.hm_cultura h2{
	color:#7ed958;
	font-family:'Roboto-Bold';
}
.btn-mas{
	color:#fff;
	font-family:'Roboto-Regular';
	font-size:18px;
	background:#8198e6;
	border:1px solid #8198e6;
	padding:4px 15px;
	border-radius:0;
	transition:250ms;
}
.btn-mas:focus,
.btn-mas:hover{
	color:#8198e6;
	background:#fff;
}

/*.servicio_muestra{
	display:block;
}*/
.servicio_oculto{
	display:none;
}
.footer{
	background:url('../imgusr/bg-footer.jpg') no-repeat center top;
	background-size:cover;
	padding:20px 0;
	color:#fff;
	font-family:'Roboto-Light';
	font-size:16px;
}
.footer h3{
	color:#fff;
	font-family:'Roboto-Bold';
}
.footer ul{
	list-style:none;
	padding-left:0;
	width:max-content;
	margin-top:20px;
}
.footer a{
	color:#fff;
}
.footer  ul > li > a{	
	border-bottom:2px solid #8198e6;
	width:100%;
	display:inline-block;
	text-decoration:none;
	transition:250ms;
}
.footer  ul > li > a:hover{
	color:#8198e6;
}
.footer ul li{
	background:url('../imgusr/bullet_ft.png') no-repeat left top;
	padding-left:30px;
	margin-bottom:20px;
	transition:250ms;
}
.footer ul li:hover{
	background:url('../imgusr/bullet_ft_r.png') no-repeat left top;
}
.datos_contacto img{
	padding-right:15px;
}
.ligas{
	font-family:'Roboto-Medium', Arial;
	line-height:1.8;
	
}
.img-hover img{
	scale:1;
	transition:250ms;
}
.img-hover img:hover{
	scale:1.1;
}
.form-control{
	border: 2px solid #8198e6;
	font-family:'Roboto-Light', Arial;
	color:#878787;
	font-size:14px;
	border-radius:0;
	height:28px;
	padding:4px 12px;
	margin-bottom:22px;
}
.form-control:focus{
	border-color: #8198e6;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px #8198e6, 0 0 8px #8198e6;
	box-shadow: inset 0 1px 1px #8198e6, 0 0 8px #8198e6;

}

.modal-body{
	font-family:'Roboto-Regular';
}
.modal-body a{
	color:#aded93;
}
.modal-body h2{
	color: #aded93;
	font-family: 'Roboto-Medium', Arial;
	font-size: 30px;
	text-transform: uppercase;
}
.modal-body ul{
	list-style:none;
	padding-left:5px;
}
.modal-body ul li{
	background: url('../imgusr/bullet_ft-pop.png') no-repeat left top;
	padding-left: 22px;
	margin-bottom: 5px;
	transition: 250ms;
	font-size:15px;
}
.muestra_pc{
	display:block;
}
.muestra_movil{
	display:none;
}
.modal-lg {
    width: 1200px;
}
.int-contacto{
	margin-top:160px;
}
.int-contacto h3{
	font-family: 'Roboto-Bold';
	text-align:center;
}
.int-contacto form{
	width:480px;
	margin-left:auto;
	margin-right:auto;
}
/*Animaciones de entrada*/
  .hm_bienvenido, .hm_servicios, .hm_descripcion{
    overflow:hidden;
  }
  .cn_bienvenidos/*, .cn_diferencia*/{
    opacity:0;
    transition:all 1500ms;
  }
  .opacity1{
    opacity:1;
  }
  .desaparece1{
    display:none;
  }
  .aparece{
    animation: 1100ms ease-in-out 200ms normal both 1 running fadeIn;
  }
  .aparecedown{
    animation: 1100ms ease-in-out 200ms normal both 1 running fadeInDown;
  }
  .apareceup1{
    animation: 1100ms ease-in-out 200ms normal both 1 running fadeInUp;
  }
  .apareceup2{
    animation: 1300ms ease-in-out 200ms normal both 1 running fadeInUp;
  }
  .apareceup3{
    animation: 1500ms ease-in-out 200ms normal both 1 running fadeInUp;
  }
  .apareceizq1{
    animation: 1100ms ease-in-out 200ms normal both 1 running fadeInLeft;
  }
  .apareceizq2{
    animation: 1200ms ease-in-out 200ms normal both 1 running fadeInLeft;
  }
  .apareceizq3{
    animation: 1300ms ease-in-out 200ms normal both 1 running fadeInLeft;
  }
  .apareceizq4{
    animation: 1400ms ease-in-out 200ms normal both 1 running fadeInLeft;
  }
  .apareceder1{
    animation: 1100ms ease-in-out 200ms normal both 1 running fadeInRight;
  }
  .apareceder2{
    animation: 1200ms ease-in-out 200ms normal both 1 running fadeInRight;
  }
  .apareceder3{
    animation: 1300ms ease-in-out 200ms normal both 1 running fadeInRight;
  }
  .apareceder4{
    animation: 1400ms ease-in-out 200ms normal both 1 running fadeInRight;
  }
/*Animaciones de entrada*/
.modal-aviso{
	max-width:900px;
}
@media(max-width:1200px){
	.header{
		font-size:16px;
	}
	.nav > li > a {
		padding: 5px 4px;
	}
	.carousel {
		margin-top: 140px;
	}
	.modal-lg {
		width: 90%;
	}
	
}
@media(max-width:990px){
	.align-left, .align-right{
		text-align:center;
	}
	.header{
		font-size:18px;
	}
	.admin {
		height:65px;
	}
	.nav > li > a {
		padding: 5px 16px;
	}
	.carousel-caption h4 {
		font-size: 42px;
	}
	.carousel-caption p{
		font-size: 22px;
	}
	.carousel-caption p br{
		display:none;
	}
	.navbar-nav {
		float: none;
	}
	.social{
		padding:20px 0;
	}
	.grid{
		display:grid;
	}
	.flex > *{
		order:0;
	}
	.uno {
		order: 1;
	}

	.dos {
		order: 2;
	}
	.muestra_pc{
	display:none;
	}
	.muestra_movil{
		display:block;
		text-align:center;
	}
	.header{
		width: auto;
		z-index: 1000;
		position: relative;
	}
	.carousel {
		margin-top: 0px;
	}
	a.anchor{
		top:0;
	}
}
@media(max-width:800px){
	.hm_bienvenida td{
		text-align:center;
	}
	.hm_bienvenida h3{
		text-align:center;
	}
	#mision, #vision, #valores{
		max-width:380px;
		margin-left:auto;
		margin-right:auto;
	}
	.hm_servicios {
		text-align: center;
	}
	.text-right{
		text-align:center;
	}
	.servicio_muestra{
		display:none !important;
	}
	.servicio_oculto{
		display:initial;
	}
}
@media(max-width:767px){
	.footer ul{
		margin-left:auto;
		margin-right:auto;
	}
	.datos_contacto{
		margin-top:55px;
	}
	.hm_cultura{
		padding-bottom:30px;
	}
	.menu-fixed{
		display:block;
		max-width:767px;
	}
	.sl-alto{
		min-height:450px;
	}
	.carousel-control img {
		max-width: 40px;
	}
	.modal-lg {
		width: auto;
	}
	.int-contacto form {
		width: 70%;
	}
	.btn-acceso{
		margin-bottom:15px;
	}
}
@media(max-width:425px){
	.carousel-caption h4 {
		font-size: 32px;
	}
	.carousel-caption p{
		font-size: 16px;
	}
	.carousel-control.left{
		left:-20px;
	}
	.menu-fixed{
		max-width:425px;
	}
	.int-contacto form {
		width: 90%;
	}
}
/*Scroll menú*/
.menu-fixed {
	background:#fff;
	position:fixed;
	z-index:1000;
	top:0;
	/*max-width:1000px;
	width:100%;*/
	box-shadow:0px 4px 3px rgba(0,0,0,.5);
	left:0;
	right:0;
}
/*Scroll menú*/
.whatsapp{
	position:fixed;
	left :10px;
	bottom:20px;
}

/*boton flotante para subir*/
  .back_top
  {
    display: none;
    position: fixed;
    bottom: 2px;
    right: 10px;
    z-index: 1000;
  }
  /** Bounce infinito**/
  .bounce_infinito {
    -webkit-animation: bounce_infinito 2s infinite;
    animation: bounce_infinito 2s infinite;
  }
  /* Scroll down indicator (bouncing) */
  @-webkit-keyframes bounce_infinito {
    0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0); }
    40% {
    -webkit-transform: translateY(-30px); }
    60% {
    -webkit-transform: translateY(-15px); } }
  @-moz-keyframes bounce_infinito {
    0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0); }
    40% {
    -moz-transform: translateY(-30px); }
    60% {
    -moz-transform: translateY(-15px); } }
  @keyframes bounce_infinito {
    0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
    60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } 
  }
/*boton flotante para subir*/