@import url(ttf/fonts.css);
@import url(css-ique-msgbox.css);
@import url(modal/ique.modal.css?a);
@import url(css-ique-formularios.css);

html{
	width:100%;
	background-color: #020a19;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:11pt;
}

body{
	margin:0px 0px 0px 0px;
	float: left; /*No quitar*/
	width:100%; /*No quitar*/
}

body * {
	color: #5b5b5b;
	font-size: 1em;
	font-family: 'Abel', Arial, Helvetica ,sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
}

a, a:visited, a:active{
	color:#9ac100;
	outline: none;
	text-decoration: none;
}
a:hover{
	color: #9ac100;
}

a span {
	color: inherit;
}

img{
	border: none;
	vertical-align: middle;
}

h1,h2,h3,h4,h5,h6{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	color: white;
	margin: 0px;
	font-family: 'CaptureIt', Arial, Helvetica, sans-serif;
	line-height: 100%;
}

h1{
	
	font-size:2.2em;
}

h2{
	font-size:2em;
}

h3{
	font-size:1.8em;
}

h4{
	font-size:1.6em;
}

h5{
	font-size:1.4em;
}

h6{
	font-size:1.2em;
}

/*ul, ol{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}*/

.F100{
	float:left;
	width:100%;
}

.HR100{
	float:left;
	width: 100%;
	height: 1px;
	background-color: #999999;
	display: block;
}

.Borde{
	border: 1px solid #777c52;
}

 
/* @group ------------------------------   MAQUETADO   ------------------------------*/
.SC {
	width: 100%;
	float: left;
}

.CC{
	width:100%;
	max-width: 1140px;
	margin: auto auto auto auto;
	display: block;
}

.Cols2-50_50
, .Cols2-55_45-1
, .Cols2-60_40-1
, .Cols2-65_35-1
, .Cols2-70_30-1
, .Cols2-75_25-1
, .Cols2-80_20-1
, .Cols2-85_15-1
, .Cols2-90_10-1
, .Cols2-55_45-2
, .Cols2-60_40-2
, .Cols2-65_35-2
, .Cols2-70_30-2
, .Cols2-75_25-2
, .Cols2-80_20-2
, .Cols2-85_15-2
, .Cols2-90_10-2
 {
	width:100%;
	float:left;
}

.Cols3-33{
	width: 100%;
	padding: 0 0 0 0;
	float: left;
}

.Cols4-25{
	width: 100%;
	padding: 0 0 0 0;
	float: left;
}

.EsquinasRedondas{
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}

nav{
	display: none;
	background-color:white !important;
}

#ID{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.30) !important;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.30) !important;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.30) !important;
	position: relative;
}

#CONTENIDO {
	margin-top: 100px;
	width: 100%;
	float: left;
	min-height: 350px;
	background-color: white;
}

nav{
	display: none;
	/*background-color:#020919 !important;*/
	background-color:#021230 !important;
}

/* @end */

.ResponsivoMenuLogoJsNav{
	width:100%;
	position: fixed !important;
	background-color: #f3f4ec;
	height: 130px;
	display: block;
	top: 0px;
	padding: 0 0 0 0 !important;
	border-right: 10px #a0a483 solid;
	text-align: center;
}

.mm-title{
	color: rgba(255,255,255,0.5) !important;
}

.mm-listview a, .mm-listview a:visited, .mm-listview a:hover, .mm-listview a:active{
	color: white !important;
	background-position: left 10px center;
	padding-left: 35px !important;
	background-repeat: no-repeat;
}


#nav_Serv{
	background-color: #012a75;
	background-image: url(iconos/nav_Serv.png);
		background-repeat: no-repeat;
			background-position: left 10px center;
}
#nav_Gruas{
	background-color: #01225e;
	background-image: url(iconos/nav_Gruas.png);
		background-repeat: no-repeat;
			background-position: left 10px center;
}
#nav_Proyectos{
	background-color: #021f54;
	background-image: url(iconos/nav_Proyectos.png);
		background-repeat: no-repeat;
			background-position: left 10px center;
}

#nav_Clientes{
	background-color: #021a47;
	background-image: url(iconos/nav_Clientes.png);
		background-repeat: no-repeat;
			background-position: left 10px center;
}

#nav_Nosotros{
	background-color: #021230;
	background-image: url(iconos/nav_Nosotros.png);
	background-repeat: no-repeat;
		background-position: left 10px center;
}

#nav_venta{
	background-color: #010d22;
	background-image: url(iconos/nav_ventas.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
}


#ResponsivoAnclaTel{
	color: white;
}

#ResponsivoAnclaTel img{
	margin: -2px 8px 0 0;
}

.mm-navbar a.ico{
	float: left;
	width: 25%;
	height: 40px;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #020919;
	border-left: 1px solid rgba(255,255,255, 0.05);
}
.mm-navbar a.ico:first-child{
	border-left: none;
}
.HEAD-ICO-home{
	background-image: url(iconos/nav_Home.png);
}
.HEAD-ICO-cont{
	background-image: url(iconos/nav_Contacto.png);
}
.HEAD-ICO-face{
	background-image: url(iconos/nav_FB.png);
}
.HEAD-ICO-wa{
	background-image: url(iconos/nav_Wa.png);
	background-color: #12bc18 !important;
}



#ResponsivoHEADER{
	width:100%;
	position:fixed;
	height: 110px;
	z-index: 100;
	top: 0px;
	background-color: #f3f4ee;
	background-image: url(back-cinta.png);
	background-position: bottom;
	background-repeat: repeat-x;
		min-width: 320px;
	
}
#header-resp-logo{
	background-image: url(logo_movil.png);
	background-position: left top;
	background-size: 100%;
	width: 144px;
	height: 90px;
	float: left;
	display: block;
	max-width: 144px;
}
#header-resp-iconos{
	width: calc(100% - 189px);
	float: right;
	padding: 18px 50px 0px 0px;
}

.header-resp-iconos-cada{
	width: 22px;
	height: 22px;
	margin: 0 2px 0 2px;
	background-color: #a0a483;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	float: right;
	display: block;
	background-position: center;
}


#header-resp-burger{
/*	width: 45px;
	float: left;
	height: 120px;*/
	position: absolute;
	right: 0px;
	top: 0px;
}

#header-responsivo-tels{
	position:absolute;
	width:100%;
	bottom:25px;
	font-size: 0.9em;
	text-align: center;
}

.header-resp-tel{
	/*width: calc(100% + 45px);*/
	/*float: left;*/
	/*text-align: right;
	margin-top: 15px;
	padding-right: 25px;*/
	font-size: 0.9em;
	color: #4a4e30;
}

#header-resp-tel img{
	margin: -3px 2px 0 0;
}


#responsiveBurguer_btn{
	width: 45px;
	display: block;
	height: 40px;
	background-color: #a0a483;
	background-image: url(iconos/responsiveBurguer_btn.png);
	background-position: center;
}

#header-resp-ico-home{
	background-image: url(iconos/header-resp-ico-home.png);
}
#header-resp-ico-cont{
	background-image: url(iconos/header-resp-ico-cont.png);
}
#header-resp-ico-fb{
	background-image: url(iconos/header-resp-ico-fb.png);
}
#header-resp-ico-wa{
	background-image: url(iconos/header-resp-ico-wa.png);
	background-color: #077f0f;
}

#HEADER{
	width: 100%;
	position:absolute;
	top: 0px;
	height: 160px;
	background-color: #f3f4ec;
	display: none;
	z-index: 200;
	background-position: bottom;
	background-repeat: repeat-x;
	background-image: url(back-cinta.png);
}

#HEADER-chd{
	padding: 0 50px 0 50px;
}

#HEADER-logo{
	float: left;
	/*background-position: left center*/;
	display: block;
	height: 0px;
	line-height: 0px;

	
}

#HEADER-menu{
	float: right;
	height: 140px;
	display: block;
	line-height: 140px;
	min-width: 320px;
	width: calc(100% - 350px) !important;
}

#HEADER-menu-chd{
	vertical-align: middle;
	display: inline-block;
	line-height: 1em;
	width: 100%;
}

#HEADER-slogan{
	float: left;
	width: 100%;
}

#HEADER-slogan-chd{
	text-align:right;
	padding-bottom: 12px;
	font-size: 1.4em;
	letter-spacing: -0.03em;
	font-weight: bold;
	color: #153e8e;
	animation-name: floatText;
   animation-duration: 1s;
}


@-webkit-keyframes floatText{
  from {margin-right: -100%;}
  to {margin-right: 0%;}
}



#HEADER-menu-lista{
	height: 32px;
	background-color: #bdc0a8;
	/*display: inline-block;*/
	position: relative;
	cursor: pointer;
	width: 170px;
	float: right;
}

#HEADER-menu-lista * {
	color: white;
}

#HEADER-menu-lista ul{
	position: absolute;
	top: 17px;
	right: 0px;
	background-color: #bdc0a8;
	width: 138px;
	display: none;
	padding: 0px 0px 0px 0px;
	list-style: none;
			border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
}

#HEADER-menu-lista li{
	
	border-bottom: 1px solid #bdc0a8;
}
#HEADER-menu-lista li:hover{
	background-color:  #a1a682;
}

#HEADER-menu-lista a{
	width: 100%;
	height: auto;
	display: block;
	padding: 10px 10px 10px 10px;
}
#HEADER-menu-iconos-wa{
	background-image: url(iconos/header-resp-ico-wa.png);
	background-color: #12bc18;
}

#HEADER-menu-iconos a{
	float: right;
}

.HEADER-menu-iconos-cont{
	background-image: url(iconos/header-resp-ico-cont.png);
	background-color: #898d6d;
}

.HEADER-menu-iconos-fb{
	background-image: url(iconos/header-resp-ico-fb.png);
	background-color: #4267b2;
}

.HEADER-menu-iconos-tw{
	background-image: url(iconos/header-resp-ico-tw.png);
	background-color: #1ea1f2;	
}
.HEADER-menu-iconos-in{
	background-image: url(iconos/header-resp-ico-in.png);
	background-color: #99389b;	
}
.HEADER-menu-iconos-lk{
	background-image: url(iconos/header-resp-ico-lk.png);
	background-color: #0073b0;	
}
.HEADER-menu-iconos-go{
	background-image: url(iconos/header-resp-ico-goo.png);
	background-color: #c3463b;
}
.HEADER-menu-iconos-yt{
	background-image: url(iconos/header-resp-ico-yt.png);
	background-color: #ff0000;	
}

#FOOTER-RSP-ICONOS{
	width: 100%;
	display: block;
	position: fixed;
	height: 40px;
	padding: 4px 4px 4px 4px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #a0a483;
	text-align: center;
}

#FOOTER-RSP-ICONOS a{
	display: inline-block;
	
}


.HEADER-menu-iconos-cada{
	height: 32px;
	width: 32px;
	display: block;
	margin-left: 5px;
	background-position: center;
	
}

#HEADER-menu-lista:hover{
			border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
}
#HEADER-menu-lista:hover ul{
	display: block;
}
#HEADER-menu-lista-current{
	background-image: url(iconos/burguer-descktop.png);
	line-height: 32px;
	padding-left: 38px;
		border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
}


#HEADER-menu-tels{
	margin-bottom: 7px;
	color: #020a19;
	text-align: right;
	font-size: 1.4em;
}
#HEADER-menu-tels img{
	vertical-align: middle;
	margin: -2px 7px 0 0;
}



#foot-cobertura{
	float: left;
	width: 100%;
	background-color: #020a19;
	position: relative;
	padding: 30px 0 30px 0;
}

#foot-cobertura-colage{
	float: left;
	width: 100%;
		position: relative;
}

#foot-cobertura-colage-grua{
	position: absolute;
	width: 100%;
	max-width: 610px;
	right: 0px;
	z-index: 0;
}

#foot-cobertura-colage-grua img, #foot-cobertura-colage-mapa img{
	width: 100%;
	z-index: 0;
}

#foot-cobertura-colage-mapa{
	position: absolute;
	width: 100%;
	max-width: 510px;
	top: 110px;
	z-index: 0;
	left: 0px;
}

#foot-cobertura-colage-txt{
	float: left;
	margin-top: 200px;
	width: 100%;
	display: block;
	position: relative;
	
}

#foot-cobertura-colage-txt h2{
	font-size: 1.9em;
	color: white;
	text-align: center;
	line-height: 1.5em;
}

#foot-cobertura-colage-txt h2>span{
	font-size: 2em;
	color: #9ac100;
	font-family: inherit;
}

#foot-cobertura-sucursales{
	float: left;
	width: 92%;
	margin-left: 4%;
	margin-top: 50px;
	position: relative;
}

#foot-cobertura-sucursales h3{
	color: white;
	font-family: Abel, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-align: center;
}

#foot-cobertura-sucursales h2{
	color: white;
	font-family: Abel, Arial, Helvetica, sans-serif;
	font-size: 3em;
	text-align: center;
	margin: 40px 0 10px;
}

.foot-cobertura-sucursales-txt, .foot-cobertura-sucursales-tel{
	text-align: center;
	color: white;
	font-size: 1.4em;
	padding: 20px 30px 20px 30px;
}

.foot-cobertura-sucursales-tel{
	color: #9ac100;
	font-size: 2em;
}

#foot-copy-chd{
	padding: 35px 0px;
	text-align: center;
	color: white;
}


#seccion-titulo{
	background-position: center;
	background-size: auto 100%;
	padding-bottom: 45%;
	height: 0px;
	display: block;
	width: 100%;
	position: relative;
}

#seccion-titulo-chd{
	width: 48%;
	position: absolute;
	height: 60%;
	left: 3%;
	bottom: 3%;
	/*background-color: rgba(255,0,0,0.3);*/
}

#seccion-titulo-h1{
	color: #012a75;
	font-size: 2em;
	/*text-shadow: 2px 2px 3px rgba(0,0,0,0.15);*/
}

#seccion-titulo-txt{
	width: 100%;
	color: #9ac100;
	/*text-shadow: 2px 2px 1px rgba(0,0,0,0.15);*/
	font-weight: bold;
	letter-spacing: -0.05em;
	font-size: 0.9em;
	line-height: 1em;
}

#seccion-contenido{
	padding: 20px 20px;
}

#seccion-contenido h1, #seccion-contenido h2, #seccion-contenido h3, #seccion-contenido h4, #seccion-contenido h5, #seccion-contenido h6{
	color: #012a75;
	font-family: Abel, Arial, Helvetica;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 100%;
}

#foot-cobertura-repse{
	padding-top: 10%;
	text-align: center;
	color: #fff;
	font-size: 2rem;
}

.ocultar-movil{
	display: none;
}

#foot-slogan{
	color: white;
	font-size: 1.8em;
	text-align: center;
	padding: 30px 0px;
	background-color: #021230;
}

#FOOT-VideoLink {
	height: 200px;
	/*margin-top: -100px;*/
	position: fixed;
	top: 50%;
	left: 0px;
	width: 40px;
	background-color: #012a75;
	box-shadow: 2px 5px 8px 0px rgb(0 0 0 / 50%);
	border-radius: 0 7px 7px 0;
	background-image: url(iconos/video.png);
	background-position: center top 0.9rem;
	cursor: pointer;
	z-index: 100;
}

#FOOT-VideoLink div {
    transform: rotate(270deg);
    color: white;
    white-space: nowrap;
    position: absolute;
    left: -44px;
    font-size: 1.3rem;
    bottom: 41%;
}

.Modal_Video{
	width: 300px;
	height: 0;
	padding-bottom: 169px;
	float: left;
	position: relative;
	border: 5px solid white;
}

.Modal_Video iframe{
	width: 300px;
	height: 169px;
}

@media screen and (min-width: 640px) {
	.Modal_Video {
		width: 450px;
		padding-bottom: 253px;
	}

	.Modal_Video iframe{
		width: 450px;
		height: 253px;
	}

	.Modal_Video iframe{
		position: absolute;
		width: 100%;
		height: 100%;
	}


	#FOOTER-RSP-ICONOS{
		display: none;
	}

	#foot-slogan{
		font-size: 3em;
	}
	#seccion-titulo-h1{
		font-size: 3.3em;
	}

	#seccion-titulo-txt{
		
		letter-spacing: -0.05em;
		font-size: 1.3em;
		line-height: auto;
	}
	#foot-cobertura-sucursales{
		width: 100%;
		margin-left: 0%;
	}
	#foot-cobertura-sucursales h3{
		font-size: 2.5em;
		text-align: left;
		width: 100%;
		margin-left: 0%;
		margin-bottom: 50px;
	}
	#foot-cobertura-colage-txt{
		margin-top: 100px;
	}

	#foot-cobertura-colage-txt h2{
		font-size: 2.5em;
		text-align: left;
		line-height: 2.5em;
	}

	#foot-cobertura-colage-txt h2>span{
		font-size: 3em;
		color: #9ac100;
	}


	.Cols4-25{
		width:50%;
	}
}

@media screen and (min-width: 990px) {

	#foot-cobertura-repse{
		padding-top: 5%;
		font-size: 2rem;
	}

	
	.Modal_Video {
		width: 560px;
		padding-bottom: 315px;
	}

	.Modal_Video iframe{
		width: 560px;
		height: 315px;
	}


	.ocultar-movil{
		display: block;
	}

	#seccion-titulo{
		padding-bottom: 25%;
		
	}

	#seccion-titulo-chd{
		height: 50%;
		left: 15%;
		bottom: 3%;
		
		max-width: 350px;

	}

	#seccion-titulo-h1{
		color: #012a75;
		font-size: 4.5em;
		/*text-shadow: 2px 2px 3px rgba(0,0,0,0.4);*/
	}

	#seccion-titulo-txt{
		letter-spacing: -0.05em;
		font-size: 1.7em;
		line-height: auto;
	}


	#home-contacto-chd{
		padding: 2% 0%;
	}

	#CONTENIDO{
		margin-top: 160px;
	}
	#HEADER{
		display: block;
	}
	#ResponsivoHEADER{
		display: none;
	}
	.Cols4-25{
		width:25%;
	}	
	.Cols2-50_50{ width:50%; }

	.Cols2-55_45-1{ width: 55%;}
	.Cols2-55_45-2{ width: 45%;}

	.Cols2-60_40-1{ width:60%;}
	.Cols2-60_40-2{ width:40%;}

	.Cols2-65_35-1{ width:65%;}
	.Cols2-65_35-2{ width:35%;}

	.Cols2-70_30-1{ width:70%;}
	.Cols2-70_30-2{ width:30%;}

	.Cols2-75_25-1{ width:75%;}
	.Cols2-75_25-2{ width:25%;}

	.Cols2-80_20-1{ width:80%;}
	.Cols2-80_20-2{ width:20%;}
	.Cols2-85_15-1{ width:85%;}
	.Cols2-85_15-2{ width:15%;}

	.Cols2-90_10-1{ width:90%;}
	.Cols2-90_10-2{ width:10%;}
	
	.Cols3-33{
		width: 33.33%;
	}
}