/*NO BORRAR Book */
@font-face {
 font-family:Lato-Regular;
 src: url('../fonts/Lato-Regular.ttf');
}
@font-face {
 font-family:Lato-Bold;
 src: url('../fonts/Lato-Bold.ttf');
}
@font-face {
 font-family:Lato-Medium;
 src: url('../fonts/Lato-Medium.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;
  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;
}
.align-center{
	text-align:center;
}
.mr_captcha{
	margin-bottom:10px;
}
/*FIN BORRAR*/


.header{
	background:url("../imgusr/bg-header.jpg")no-repeat center bottom;
	color:#000;
	font-family:Lato-Regular;
	font-size:12px;
}
.header a{
	color:#000;
}
.header a:hover, .header a:active, .header a:focus{
	color:#00528f;
	font-family:Lato-Bold;
	text-decoration:none;
}
.pd_menu{
	padding-top:30px;
}
.pd_header{
	padding:45px 0 15px 0;
}
.img-logo{
	border-radius:50%;
	margin-bottom: -34px;
	position: relative;
	z-index:1;
}

.carousel-control{
	display:none;
}
.carousel-caption {
	left:20%;
	right:10%;
    top: 25%;
}
.slide h4{
	font-family:Lato-Bold;
	font-size:48px;
	margin-bottom:25px;
	text-transform:uppercase;
}
.slide p{
	font-family:Lato-Medium;
	font-size:18px;
}
.btn-slide, .btn-conoce{
	background:url("../imgusr/icono-btn-sl.png") no-repeat center right;
	border:1px solid #fff;
	border-radius:0;
	color:#fff;
	font-family:Lato-Regular;
	font-size:12px;	
	margin-top:25px;
	padding:5px 35px 5px 15px;
	text-transform:uppercase;
	transition:all 500ms;
}
.btn-slide:hover, .btn-slide:active, .btn-slide:focus, .btn-conoce:hover, .btn-conoce:active, .btn-conoce:focus{
	background:url("../imgusr/icono-btn-sl.png") no-repeat center right #00afe6;
	color:#fff;
}

/* Si lo muestra */

.mnu_pilares{
	background:url("../imgusr/bg-menu-pilares.png");
	color:#fff;	
	font-family:Lato-Regular;
	position: absolute;
	top: 105px;
	min-height: 575px;
	padding:120px 25px 0 25px;
}
.mnu_pilares h1{
	font-family:Lato-Bold;
	font-size:18px;
	margin-bottom:45px;
}
.mnu_pilares ul{
	list-style:none;
	padding-left:0;
}
.btn-pilar{
	color:#fff;	
}
.btn-pilar:hover, .btn-pilar:active, .btn-pilar:focus{
	color:#fff;	
	text-decoration:none;
}
.btn-pilar strong{
	font-family:Lato-Bold;
	letter-spacing:2px;
	padding-left: 15px;
}
.btn-pilar span{
	position: relative;
	top: -15px;
	left: 55px;
}
.btn-pilar li{
	padding: 5px 5px 0 5px;
	transition:all 500ms;
	-webkit-transition: all 500ms; /* For Safari 3.1 to 6.0 */
	transition: all 500ms;
}
.btn-pilar li:hover, .btn-pilar li:active, .btn-pilar li:focus {
    background:#00afe6;
}

/* Si lo muestra */

.hm_bienvenido{
	color:#000;
	font-family:Lato-Regular;
	font-size:14px;
	padding-bottom:50px;
	padding-top:40px;
}

.hm_bienvenido h1, .hm_contacto h1{
	font-family:Lato-Regular;
	font-size:30px;
	margin-bottom:35px;
	text-transform:uppercase;
}
.hm_bienvenido h1 strong, .hm_contacto h1 strong{
	font-size:24px;
	font-family:Lato-Bold;
}

.btn-mas{
	background:url("../imgusr/icono-btn-sl.png") no-repeat center right #00afe6;
	border:1px solid #fff;
	border-radius:0;
	color:#fff;
	font-family:Lato-Regular;
	font-size:12px;	
	margin-top:25px;
	padding:5px 35px 5px 15px;
	text-transform:uppercase;
	transition:all 500ms;
}
.btn-mas:hover, .btn-mas:active, .btn-mas:focus{
	background:url("../imgusr/icono-btn-sl.png") no-repeat center right #02557d;
	color:#fff;
}

.hm_pilares{
	background:url("../imgusr/bg-pilares-hm.jpg") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#fff;
	font-family:Lato-Medium;
	font-size:14px;
	min-height:595px;
	padding-top:45px;
}
.hm_pilares h1{
	font-family:Lato-Regular;
	font-size:30px;
	margin-bottom:35px;
	text-transform:uppercase;
}
.hm_pilares h1 strong{
	font-size:24px;
	font-family:Lato-Bold;
}
.hm_pilares h2{
	font-family:Lato-Regular;
	font-size:18px;
	margin-bottom:25px;
}
.hm_pilares h2 strong{
	font-family: Lato-Bold;
	letter-spacing:2px;
}
.bg_pilares{
	min-height:405px;
	padding:25px;
	transition:all 500ms;
}
.bg_pilares a{
	color:#fff;
	transition:all 500ms;
}
.bg_pilares a:hover, .bg_pilares a:active, .bg_pilares a:focus{
	color:#fff;
	text-decoration:none;
}
.info-pilares{
	opacity: 0;
}
.bg_pilares:hover .info-pilares{
	opacity: 1;
}
.bg_pilares:hover{
	opacity: 1;
	background:url("../imgusr/bg-pilares-azul.png") !important;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(17,15,17,0.38);
	-moz-box-shadow: 0px 0px 16px 0px rgba(17,15,17,0.38);
	box-shadow: 0px 0px 16px 0px rgba(17,15,17,0.38);	
}

.hm_contacto{
	background:url("../imgusr/bg-contacto-ft.jpg") no-repeat center right;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#000;
	font-size:14px;
	padding-bottom:145px;
	padding-top:75px;
}
.btn-enviar{
	background:#00afe6;
	border:1px solid #fff;
	border-radius:0;
	color:#fff;
	font-family:Lato-Regular;
	font-size:12px;	
	margin-top:15px;
	padding:5px 35px;
	text-transform:uppercase;
	transition:all 500ms;
}
.btn-enviar:hover, .btn-enviar:active, .btn-enviar:focus{
	background:#02557d;
	color:#fff;
}

.footer{
	background:url("../imgusr/bg-footer.jpg") no-repeat center right;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#fff;
	font-family:Lato-Medium;
	font-size:12px;
	padding-bottom:45px;
	padding-top:25px;
}
.footer h1{
	font-family:Lato-Regular;
	font-size:18px;
	margin-bottom:25px;
	text-transform:uppercase;
}
.footer h1 strong{
	font-family:Lato-Bold;
}
.footer a, .footer a:hover, .footer a:active, .footer a:focus{
	color:#fff;
}
.footer span{
	padding-left:19px;
}

.dominio{
	color:#4a4a4a;
	font-family:Lato-Regular;
	font-size:12px;	
	padding-bottom:15px;
	padding-top:15px;
}
.dominio a{
	color:#4a4a4a;	
}
.dominio a:hover, .dominio a:active, .dominio a:focus{
	color:#00afe6;
	text-decoration:none;
}
.dominio p{
	margin-bottom:0;
}
.ft_aviso{
	background:url("../imgusr/br-aviso.jpg") no-repeat center left;
}

.titulo_servicios{
	background:url("../imgusr/bg-servicios.jpg") no-repeat center top; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
}
.titulo_principal{
	color:#fff;
	font-family:Lato-Regular;
	font-size:14px;		
	min-height:475px;
	padding-top:125px;
	text-align:center;
}
.titulo_principal h1{
	font-size:30px;
	margin-bottom:35px;
}
.titulo_principal h1 strong{
	font-family:Lato-Medium;
	letter-spacing:2px;	
}
.contenido{
	font-family:Lato-Regular;
	font-size:14px;	
	padding-bottom:35px;
}
.contenido h2{
	font-family:Lato-Regular;
	font-size:24px;	
	margin-bottom:30px;
	text-transform:uppercase;
}
.contenido h2 strong{
	font-family:Lato-Medium;
	letter-spacing:2px;
}
.contenido h3{
	font-family:Lato-Regular;
	font-size:30px;	
	margin-bottom:35px;
	text-transform:uppercase;
}
.contenido h3 strong{
	font-family:Lato-Medium;
	font-size:24px;
	letter-spacing:2px;
}
.pd_contenido{
	margin-top:-75px;
}
.bg_azul{
	background:#00528f;
	color:#fff;
	height: 405px;
	padding: 45px 30px;	
}
.cn_pilares2{
	min-height:auto !important;
	padding-bottom:95px;
}
.cn_pilares2 a, .cn_pilares2 a:hover, .cn_pilares2 a:active, .cn_pilares2 a:focus{
	color:#fff;
	text-decoration:none;
}

.mnu-servicios{
	text-align:center;
}
.mnu-servicios a{
	color:#fff;
	font-family:Lato-Medium;
	font-size:14px;
	margin-bottom:25px;
}
.mnu-servicios a:hover{
	background:url("../imgusr/bg-mnu-servicios.jpg") no-repeat center bottom;
	color:#fff;
	padding-bottom:10px;
	text-decoration:none;
}

.container-fluid{
	padding-left:0;
	padding-right:0;
}
.bg_gestion{
	background:url("../imgusr/bg-int-gestion.jpg") no-repeat right center; 	
	min-height:375px;
}
.bg_automatizacion{
	background:url("../imgusr/bg-int-automatizacion.jpg") no-repeat left center; 	
	min-height:375px;
}
.bg_renovacion{
	background:url("../imgusr/bg-int-renovacion.jpg") no-repeat right center; 	
	min-height:375px;
}
.bg_seguridad{
	background:url("../imgusr/bg-int-seguridad.jpg") no-repeat left center; 
	min-height:375px;
}
.bg_demon{
	background:url("../imgusr/bg-int-demon.jpg") no-repeat left center; 
	min-height:418px;
}
.bg_administracion{
	background:url("../imgusr/bg-int-administracion.jpg") no-repeat left center; 
	min-height:375px;
}
.bg_desarrollo{
	background:url("../imgusr/bg-int-desarrollo.jpg") no-repeat left center; 
	min-height:375px;
}
.bg_documentacion{
	background:url("../imgusr/bg-int-documentacion.jpg") no-repeat left center; 
	min-height:375px;
}
.bg_concursos{
	background:url("../imgusr/bg-int-concursos.jpg") no-repeat left center; 
	min-height:375px;
}
.bg_auditorias{
	background:url("../imgusr/bg-int-auditorias.jpg") no-repeat left center; 
	min-height:375px;
}
.bg_normas{
	background:url("../imgusr/bg-int-normas.jpg") no-repeat right center; 
	min-height:375px;
}
.pd_servicios{
	padding-bottom:0 !important;
}
.cn_servicios{
	padding:45px;	
}

/*Animaciones de entrada*/
	.hm_bienvenido,
	.hm_pilares,
	.contenido{
		overflow:hidden;
	}

	.apareceizq1{
		animation: 900ms ease-in-out 200ms normal both 1 running fadeInLeft;
	}
	.apareceizq2{
		animation: 1100ms ease-in-out 200ms normal both 1 running fadeInLeft;
	}
	.apareceizq3{
		animation: 1300ms ease-in-out 200ms normal both 1 running fadeInLeft;
	}
	.apareceizq4{
		animation: 1500ms ease-in-out 200ms normal both 1 running fadeInLeft;
	}
	.apareceder1{
		animation: 900ms ease-in-out 200ms normal both 1 running fadeInRight;
	}
	.apareceder2{
		animation: 1100ms ease-in-out 200ms normal both 1 running fadeInRight;
	}	
	.apareceder3{
		animation: 1300ms ease-in-out 200ms normal both 1 running fadeInRight;
	}
	.apareceder4{
		animation: 1500ms ease-in-out 200ms normal both 1 running fadeInRight;
	}
	.hm_bienvenido, .cn_contacto{
		opacity:0;
		transition:all 1000ms;
	}
	.opacity1{
		opacity:1;
	}
/*Animaciones de entrada*/

/*boton flotante para subir*/
	.back_top
	{
		display: none;
		position: fixed;
		bottom: 5px;
		left: 5px;
		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*/


@media(max-width:1200px){
	.header p{
		font-size:11px;
	}
	.navbar-collapse {
		padding-right: 5px;
		padding-left: 5px;
	}
	.nav > li > a {
		padding: 15px 8px;
	}
	.slide h4{
		font-size:38px;
	}
	.mnu_pilares {
		top: 97px;
	}	
}
@media(max-width:990px){
	.align-left, .align-right{
		text-align:center;
	}
	.pd_header {
		padding: 10px 0 0 0;
	}
	.navbar-collapse {
		padding-right: 15px;
		padding-left: 15px;
	}
	.pd_menu {
		padding-bottom: 30px;
		padding-top: 0;
	}
	.nav > li > a {
		padding: 15px 45px;
	}
	.img-logo{
		margin-bottom: -20px;
	}
	.carousel-caption {
		left:30%;
		right:5%;
	}	
	.mnu_pilares {
		top: 361px;
	}
	.hm_contacto{
		background:url("../imgusr/bg-contacto-ft.jpg") no-repeat center;
	}
	.dominio p{
		margin-bottom:10px;
	}
	.ft_aviso{
		background:none;
	}

	.contenido h2{
		font-size:20px;	
	}
	.contenido h2 strong{
		letter-spacing:0;
	}	
	.bg_azul {
		height: 445px;
		padding: 25px 15px;
	}
	.bg_pilares {
		min-height: 445px;
		padding: 25px 15px;
	}	
}
@media(max-width:800px){
	/*.bg_azul, .bg_pilares {
		height: auto;
		padding: 35px 30px;
	}*/
	.bg_azul, .bg_pilares {
		min-height:auto !important;
		max-height: 200px;
		padding: 5px 30px;
	}
	.info-pilares {
		display: none;
	}
}
@media(max-width:769px){
	.carousel-caption {
		left:5%;
		right:5%;
	}
	.slide h4 {
		font-size: 30px;
	}
	.mnu_pilares {
		display:none;
	}	
}
@media(max-width:479px){
	.nav > li > a {
		padding: 10px 5px;
	}
	.bg_pilares {
		padding: 5px;
	}
	.hm_pilares table{
		width:90% !important;
	}	
	.cn_servicios{
		padding:15px;	
	}
	.contenido h3{
		font-size:26px;	
	}
	.contenido h3 strong{
		font-size:20px;
	}
}