/* ==========================================================================
   Author's custom styles
   ========================================================================== */
 body{
	font-size:16px;
	color:#000;
	font-family: 'titillium_weblight';
	
}

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.proyectos_tipo{
	text-decoration: none !important;
}

.tipo-activo{
	background: #b10606;
    color: #FFFFFF !important;
    padding: 0 0.3em;
}

.separador-menu{
	margin: 0 0.6em !important;
}

.pagination>.active>a, .pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus{
	background-color: #b10606;
    border-color: #b10606;
}

.pagination>li>a, .pagination>li>span{
	color: #b10606;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
	color: #b10606;
}

section{
	text-align:left;
}

.menu-actual{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}

.owl-controls{
	display:none;
}


.error-input{
	border:solid 1px red !important;
	background:#FFA3A3 !important;
}


.logo-menu{
	width: 6em;position: absolute;left: -12em;float: left;
}

#menu-mobile:not( .mm-menu ) {
   display: none;
}
#menu-mobile li{
	float:none;
}

#menu-mobile{
	background:#b10606;
}

.campana-princi{
	height:28em;
}

.campana-interna{
	height:28em;
}

.geo-ansi{
	background:url(../imagenes/geo.jpg) center; 
	background-size:cover; 
	/*height:28em;*/
	height:100%; 
	margin-bottom:2em;
}

	.contenedor-mapa{
	height:100%;
	width: 100%;
}

.enlaces-pie{
	color: #FFF !important;
}

.contenedor-ruta{
	position: relative;
	z-index:2;
}

.fondo-contac{
	background:url(../imagenes/franja-ansi2.png) no-repeat center; 
	padding:3em 0;
}
.ubicacion{
	position:absolute; 
	width:100%; 
}
.ubicacion2{
	margin-top:7em;
	height:28em;
}
.img-somos1{
	height:506px; 
	background:url(../imagenes/ansi-somos1.jpg) no-repeat center; 
	background-size:cover;
}
.img-proyecto{
	height:520px;
	background:url(../imagenes/proyectos-ansi.png); 
	background-size:cover;
	margin-top:2em;
}
.img-consultoria{
	height:680px;
	background:url(../imagenes/consultoria-ansi.png); 
	background-size:cover;
	margin-top:2em;
}
.img-interven{
	height:680px;
	background:url(../imagenes/interventoria-ansi.png);
	background-size:cover;
	margin-top:2em;
}
.colum-der{
	max-width:550px;
	padding:3em 0 0 3em;
}
.colum-der2{
	max-width:550px;
	padding:2em 0 0 2em;
}
.colum-izq1{
	max-width:550px;
	padding:1em 3em 0 0;
	float:right;
}
.vineta ul li{
	list-style:url(../imagenes/vineta-ansi.png) outside;
	padding-bottom:1.5em;
}
.sep-menu-pie{
	margin:0 1em;
}
.con-serv{
	max-width:870px; 
	margin:0 auto; 
	margin-bottom:2em;
}
.menu-too{
	display:block;
}
.menu-mobil{
	float:right; 
	display:none;
}
.fondo-inde{
	background:url(../imagenes/ansi-inicio2.png) no-repeat left, url(../imagenes/ansi-inicio.png) no-repeat right bottom;
}
.fondo-inde2{
	background:url(../imagenes/fondo3-ansi.png) top right no-repeat, url(../imagenes/ansi-fondo2.jpg) repeat;
}
.fondo-service{
	background:url(../imagenes/ansi-fondo2.jpg) repeat;
}
.frenja{
	height:4px; 
	background:#b10606;
}
.home-conta{
	background:#b10606;
	display:inline-block;
    float:right;
	
}
.campana{
	background:url(../imagenes/campana-ansi.jpg) center; 
	height:39.25em; 
	border-bottom:4px solid #000;
	background-size:cover;
}
.campana2{
	/*background:url(../imagenes/campana-inter.jpg) center;*/ 
	/*height:26.7em;*/
	height:auto !important; 
	border-bottom:4px solid #000;
	background-size:cover;
	position: relative;
}

.campa-controles{
	display:none;
}

.campa-controles img{
	cursor:pointer;
}

.campana2:hover .campa-controles{
	display:block;
}

.espa-menu1{
	position:absolute;  
    width:100%;
    z-index:3;
}
.espa-menu{
	position:relative; 
	top:-2.4em;
}

.menu-fixed{
	position: fixed;
    width: 100%;
    top: -4px;
}

.contenedor-logo-menu{
	position:absolute;
	width:100%;
	left:-14px;
}

.menu{
	background:url(../imagenes/ansi-menu.png) no-repeat center; 
	height:3.8125em; 
	max-width:75em; 
	margin:auto;
	text-align:center;
	font-size:1.125em;
	color:#fff;
	padding:1em 0 0 0;
}

.menu ul li{
	 display:inline;
	}

.menu2{
	margin:auto;
	text-align:center;
	font-size:1.125em;
	color:#fff;
	padding:1em 0 0 0;
}
.menu2 ul li{
	 display:inline;
	}
	
.menu a, .menu2 a{
	color:#FFF;
}

.menu a{
	text-decoration:none !important;
}	

.contenedor{
	max-width:75em;
	margin-left:auto;
	margin-right:auto;
}  
.borrar{
	clear:both;
} 
input[type=button]{
	color:#fff;
	background:url(../imagenes/Ansi-btn.png) no-repeat center;
	border:0;
	padding:0.5em 0;
	width:100%;
	font-size:1.125em;
}

input[type=button]:focus, input[type=submit]:focus{
	outline: none;
}


input[type=submit]{
	color:#fff;
	background:#b10606;
	border:0;
	padding:0.5em 0;
	width:100%;
	font-size:1.125em;
} 

input[type=text], input[type=password]{
	background:#fff;
	border:1px solid #b10606;
	font-size:1em;
	padding:0.5em 0 0.5em 0.5em;
	width:100%;
}
.area{
	background:#fff;
	border:1px solid #b10606;
	font-size:1em;
	padding:0.5em 0;
	width:100%;
	height:6em;
}
a{
	color:#b10606;}
h1{
	font-size:4.875em;
	font-family: 'titillium_webbold';
}
h2{
	font-size:3.4375em;
	font-family: 'titillium_webbold';
}
h3{
	font-size:2.4375em;
	font-family: 'titillium_webthin';
}
h4{
	
}
h5{
	font-size:1.875em;
	color:#fff;
	text-align:center;
}
h6{
	font-family: 'titillium_webregular';
	color:#fff;
	font-size:1.8em;
	text-align:center;
}

p{}  

/* ==========================================================================
  fontfaces
   ========================================================================== */

@font-face {
    font-family: 'titillium_webblack';
    src: url('../fuentes/titilliumweb-black-webfont.woff2') format('woff2'),
         url('../fuentes/titilliumweb-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_webbold';
    src: url('../fuentes/titilliumweb-bold-webfont.woff2') format('woff2'),
         url('../fuentes/titilliumweb-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_webbold_italic';
    src: url('../fuentes/titilliumweb-bolditalic-webfont.woff2') format('woff2'),
         url('../fuentes/titilliumweb-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_webthin';
    src: url('../fuentes/titilliumweb-extralight-webfont.woff2') format('woff2'),
         url('../fuentes/titilliumweb-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_webthin_italic';
    src: url('../fuentes/titilliumweb-extralightitalic-webfont.woff2') format('woff2'),
         url('../fuentes/titilliumweb-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_webitalic';
    src: url('../fuentes/titilliumweb-italic-webfont.woff2') format('woff2'),
         url('../fuentes/titilliumweb-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_weblight';
    src: url('../fuentes/titilliumweb-light-webfont.woff2') format('woff2'),
         url('../fuentes/titilliumweb-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_weblight_italic';
    src: url('../fuentes/titilliumweb-lightitalic-webfont.woff2') format('woff2'),
         url('../fuentes/titilliumweb-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_webregular';
    src: url('../fuentes/titilliumweb-regular-webfont.woff2') format('woff2'),
         url('../fuentes/titilliumweb-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_websemibold';
    src: url('../fuentes/titilliumweb-semibold-webfont.woff2') format('woff2'),
         url('../fuentes/titilliumweb-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'titillium_websemibold_italic';
    src: url('../fuentes/titilliumweb-semibolditalic-webfont.woff2') format('woff2'),
         url('../fuentes/titilliumweb-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoitalic';
    src: url('../fuentes/roboto-italic-webfont.woff2') format('woff2'),
         url('../fuentes/roboto-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* ==========================================================================
   media queris
   ========================================================================== */

@media (max-width:1440px) {
	.fondo-inde{
	background:url(../imagenes/ansi-inicio3.png) no-repeat left, url(../imagenes/ansi-inicio.png) no-repeat right bottom;
}
.img-somos1{
	height:506px; 
	background:url(../imagenes/ansi-somos1.jpg) no-repeat right; 
	background-size:cover;
}

}
@media (max-width:1199px) {
	.logo-menu{
		left: -8em;
	}
}
@media (max-width:1024px) {
	.fondo-inde{
	background:url(../imagenes/ansi-inicio4.png) no-repeat left, url(../imagenes/ansi-inicio.png) no-repeat right bottom;
}

	.logo-menu{
		left: -7.6em;
	}

}

@media (max-width:992px) {
	
	body{
	font-size:14px;
	
}

.campa-controles{
	display:block;
}

.campa-controles img{
	width: 2.5em;
}

.fondo-contac{
	background:#b10606;
	padding:2em 0;
}
.ubicacion{
	position:static; 
	width:100%; 
}
.ubicacion2{
	margin-top:0; 
}
.img-somos1{
	height:400px; 
	background:url(../imagenes/ansi-somos1.jpg) no-repeat center; 
	background-size:cover;
}
.img-proyecto{
	height:400px;
	background:url(../imagenes/proyectos-ansi.png); 
	background-size:cover;
	margin-top:2em;
}
.img-consultoria{
	height:400px;
	background:url(../imagenes/consultoria-ansi.png); 
	background-size:cover;
	margin-top:2em;
}
.img-interven{
	height:400px;
	background:url(../imagenes/interventoria-ansi.png);
	background-size:cover;
	margin-top:2em;
}
.colum-der{
	max-width:100%;
	padding:1em 0 1em 1em;
}
.colum-der2{
	max-width:100%;
	padding:1em 0 1em 1em;
}
.colum-izq1{
	max-width:100%;
	padding:1em 1em 0 1em;
	float:none;
}
.fondo-inde{
	background:none;
}
.campana{
	height:30.25em; 
}
.campana2{
	height:30.25em; 
}
.menu-too{
	display:none;
}
.menu-mobil{
	display:block;
	padding:1em 0;
}
.espa-menu1{
	display:none;
}
}

@media (max-width:768px) {
	body{
	font-size:12px;
	
}


.campana-princi{
	height:50vw;
}

.campana-interna{
	height:50vw;
}

.campana{
	height:25em; 
}
.campana2{
	height:25em; 
}
.menu2 ul li{
	 display:block;
	}
.sep-menu-pie{
	display:none;
}	
	
}
@media (max-width:500px) {
.campana{
	height:20em; 
}
.campana2{
	height:20em; 
}	
}