*{
	 border: 0;
	 margin: 0;
	 padding: 0;
}


article,figcaption,figure,footer,header,hgroup,nav,section{
	display: block;

}


@font-face {
   font-family: "MonserratReg";
 	src: url('../fonts/Montserrat-Regular.eot');
	src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Montserrat-Regular.woff') format('woff'),
     	 url('../fonts/Montserrat-Regular.ttf') format('truetype'),
     	 url('../fonts/Montserrat-Regular.svg#Planer') format('svg');

  font-weight: normal;
  font-style: normal;
}


@font-face {
   font-family: "MonserratBold";
 	src: url('../fonts/Montserrat-Bold.eot');
	src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Montserrat-Bold.woff') format('woff'),
     	 url('../fonts/Montserrat-Bold.ttf') format('truetype'),
     	 url('../fonts/Montserrat-Bold.svg#Planer') format('svg');

  font-weight: normal;
  font-style: normal;
}

@font-face {
   font-family: "MonserratSemiBold";
 	src: url('../fonts/Montserrat-SemiBold.eot');
	src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Montserrat-SemiBold.woff') format('woff'),
     	 url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
     	 url('../fonts/Montserrat-SemiBold.svg#Planer') format('svg');

  font-weight: normal;
  font-style: normal;
}


@font-face {
   font-family: "RobotoCondensed-Bold";
 	src: url('../fonts/RobotoCondensed-Bold.eot');
	src: url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoCondensed-Bold.woff') format('woff'),
     	 url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'),
     	 url('../fonts/RobotoCondensed-Bold.svg#Planer') format('svg');

  font-weight: normal;
  font-style: normal;
}

@font-face {
   font-family: "RobotoCondensed-Regular";
 	src: url('../fonts/RobotoCondensed-Regular.eot');
	src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoCondensed-Regular.woff') format('woff'),
     	 url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'),
     	 url('../fonts/RobotoCondensed-Regular.svg#Planer') format('svg');

  font-weight: normal;
  font-style: normal;
}



@font-face {
   font-family: "RobotoCondensed-Medium";
 	src: url('../fonts/RobotoCondensed-Medium.eot');
	src: url('../fonts/RobotoCondensed-Medium.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoCondensed-Medium.woff') format('woff'),
     	 url('../fonts/RobotoCondensed-Medium.ttf') format('truetype'),
     	 url('../fonts/RobotoCondensed-Medium.svg#Planer') format('svg');

  font-weight: normal;
  font-style: normal;
}



img, video {
	max-width:100%;


}




header,section#contenido-slide,section#contenido-slide2,section#cont-serv,section#cont-about,section#cont-gallery,section#cont-contact,section#cont-reviews,section#contenido6,section#contenido7,section#contenido8,section#contenido9,section#Cont-Mapa,footer{
	margin: 0 auto;
	max-width:100%;
	text-align:center;
}

.menu_bar{
display:none;} /*DESAPARECEMOS EL MENU*/

	header #nav_logo, nav{
	display:inline-block;
	max-width:100%;
	vertical-align:middle;
}




	header{
background: #0000001f;
		width:100%;
			padding:.8em 0;
		position:fixed;
		z-index:8001;
		text-align: center;
		}

		header.large{
			padding:.8em 0;
			-webkit-transition':'all 0.5s ease;
			-moz-transition':'all 0.5s ease;
			-ms-transition':'all 0.5s ease;
			-o-transition':'all 0.5s ease;
			transition':'all 0.5s ease;

		}

		header.small{
			padding: 0 0;
		}

		.head-fijo{
			position:fixed;
			top: 0;
			}



nav li{
	display:inline-block;
		position:relative; /*para que funcione correctamente el Submenu*/
	padding: 0.4em 0.8em;
	vertical-align:top;
}


/*#navPadre{
		border-bottom:1px solid #FFF;
		border-top:1px solid #FFF;
		padding:.6em 0;}*/

    nav a{
			font-family: "RobotoCondensed-Bold";
		font-size:20px;
		color:	white;}


    	header #nav_logo img{
    		width: 100%;
    	}

    	header #nav_logo{
     /*la imagen se alineara a la izquierda*/

    width: 15%;
    text-align: center;

    }

    nav{
		width:80%; /*60 +35 = 95% que estamos trabajando *//*padding-top:1.5%;*//* text-align: center; */}

    nav a:hover{
	color: #2e404d;
	}



	/*---------------Submenu - Children-----------------------------------*/

		 nav li .children{
		display:none;   /*Ocultar los SubMenus*/
		 position:absolute;  /*Esto es clave para que se que no se vea feo el menu*/
		 background: rgb(35 157 48 / 92%);
		 width:100%;
		padding:2% 0;
		 z-index:10000000000000000;
		 margin-top:15px;
			 border-radius:2px;
		 }

     nav li:hover .children{display:block;} /*Aparecer los Submenus con El Hover*/

     nav li .children li{
		 display:block;  /*para que abarque el 100% al momento del HOVER*/
		 overflow:hidden;
		  padding:4% ;

		  }

      nav li .children li a{
      display:block;
       font-family: "RobotoCondensed-Bold";
       font-size:18px;}

        nav li .children li a:hover{
        color:#ffffff;
     }


      .caret{ /*para mover la flechita del submenu*/
    position:relative;
    top:3px;
    margin-left:10px;
    margin-right:0px;}

    a{
				cursor:pointer;}

        header nav li:hover .children{
							display:none;} /*Para no desplegarlo Con HOVER (Lo desplegaremos con un click, con JQuery)*/

		/*---------------Termina Submenu - Children--------*/

	.activo a{
			color: #b43e3e;
			}

      a{ text-decoration:none;}

nav ul{ list-style:none;}



#liP1{

width: 100%;
	/* padding-top: 0.3em;
	padding-bottom : 0.3em; */
font-family: "RobotoCondensed-Bold";
text-align: right;

}
#liP2{ text-align: center;}

#red_soc2,#red_socCall{
	display: inline-block;
	vertical-align: middle;
}


#red_soc2{
	display: inline-block;
	/* width: 10%; */
	/* max-width: 40px; */
}

#red_soc2 img{
	max-width: 20px;
	max-height: 20px;
}

#red_soc2 svg {
  fill: blue;
}

#red_soc2 .icon {
  color: blue;
}

#red_soc2 select{
	background: none;
	font-family: "RobotoCondensed-Bold";
	border: 1px solid black;
	border-radius: 5px;

}

#red_socCall{
	/* background: #dbff95; */
	border-radius: 1em;
	/* padding: 0.5%; */
	/* max-width: 180px;
	margin-left: 1%; */
	color: #282525;
}



section#contenido-slide{
	width: 100%;

}

section#contenido-slide img{
	width:100%;
}



/* SERVICIOS */

section#cont-serv{
padding: 5% 0;
background:url(../img/backServ.png) no-repeat;
background-size: contain;

}

h1{
	position: relative;
	font-family: "RobotoCondensed-Bold";
	font-size:50pt;
}


 span.sizefont50{
	 font-size:50pt;
	 display: block;
 }
  span.sizefont65{
		font-size:65pt;
		display: block;

	}







.bk_blue{
	background:url(../img/mancha_azul.png) no-repeat;
 background-size: contain;
}

.bk_green{
	 background:url(../img/mancha_green.png) no-repeat;
	background-size: contain;
}

.bk_red{
	 background:url(../img/mancha_red.png) no-repeat;
	background-size: contain;
}

.bk_gray2{
	 background:url(../img/mancha_gray2.png) no-repeat;
	background-size: contain;
}

.bk_menta{
	 background:url(../img/mancha_menta.png) no-repeat;
	background-size: contain;
}

.bk_purple{
	 background:url(../img/mancha_purple.png) no-repeat;
	background-size: contain;
}

.bk_white{
	 background:url(../img/mancha_white.png) no-repeat;
	background-size: contain;
}

.bk_yellow{
	 background:url(../img/mancha_yellow.png) no-repeat;
	background-size: contain;
}

.bk_orange{
	 background:url(../img/mancha_orange.png) no-repeat;
	background-size: contain;
}

.bk_black{
	 background:url(../img/mancha_black.png) no-repeat;
	background-size: contain;
}




#serv-cols{
	display: inline-block;
	font-family: "RobotoCondensed-Bold";
	font-size: 30px;
	width:12%;
	margin: 2% 1%;
	background: #191e203b;
	 /* background:url(../img/mancha_black.png) no-repeat;
 background-size: cover;  */
/* background: #052e42; */
	padding: 1% 0 6% 0;
	height: 250px;
	border-radius: 8px;
	position:relative;
	overflow:hidden;


	 /* transition: transform 0.4s ease; */
}

/* #serv-cols:hover {
	transform: rotateY(15deg) rotateX(10deg) scale(1.05);
} */

#serv-cols.oculto{
	background: none;
	height: 0;
}


	.serv_img, .serv_text{
		display: block;
		position: relative;
  	z-index: 2;
	}

	.serv_img{
		max-width: 129px;
		margin: 0 auto;
		position: relative;
 /* background:url(../img/mancha_azul.png) no-repeat;
		background-size: contain; */
}


		.serv_text{
			position: absolute;
			right: 0;
			bottom: 20;
			left: 0;
			/* background:#2c2626;
			background: #052e42; */
			width: 90%;
			margin: auto;
			border-radius: 15px;
			padding: 1% 2%;
			/* margin-top: 2%; */
			color: #000;
			 font-family: "RobotoCondensed-Regular";
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
/* text-shadow: 1px 1px 2px rgba(100, 150, 255, 0.6); */
/* text-shadow: 0 0 10px rgba(0, 100, 255, 0.5), 0 0 20px rgba(0, 100, 255, 0.3); */

		}


h2{
	font-family: "RobotoCondensed-Medium";
font-size: 25px !important;
text-align: center;

}

.desc_serv{
	display: block; /* para q  respete el text-align:  */
	font-size: 14px;
	text-align: left;
	padding: 1% ;
	padding-bottom: 5%;

}



/*Efectos para el hover del service se debe poner z index 2 y posistion relative en el texto para q se vea*/

#serv-cols.bk1::before {
	background:url(../img/bk_resid.png) no-repeat;
	background-size: cover;
	content: '';
	  position: absolute;
	  top: -100%;
	  left: 0%; /* Inicia fuera de la vista */
	  width: 100%;
	  height: 100%;
	  /* background: linear-gradient(90deg, #ff416c, #ff4b2b); /* Fondo con efecto */ */
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	  z-index: 1;
}

#serv-cols.bk1:hover::before {
  top: 0; /* Desliza hacia la derecha */
}

#serv-cols.bk1:hover .serv_text, #serv-cols.bk1:hover h2{
	color: #fff;
}


#serv-cols.bk2::before {
	background:url(../img/bk_new.png) no-repeat;
	background-size: cover;
	content: '';
	  position: absolute;
	  top: -100%;
	  left: 0%; /* Inicia fuera de la vista */
	  width: 100%;
	  height: 100%;
	  /* background: linear-gradient(90deg, #ff416c, #ff4b2b); /* Fondo con efecto */ */
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	  z-index: 1;
}

#serv-cols.bk2:hover::before {
  top: 0; /* Desliza hacia la derecha */
}

#serv-cols.bk2:hover .serv_text, #serv-cols.bk2:hover h2{
	color: #fff;
}

#serv-cols.bk3::before {
	background:url(../img/bk_repaint.png) no-repeat;
	background-size: cover;
	content: '';
	  position: absolute;
	  top: -100%;
	  left: 0%; /* Inicia fuera de la vista */
	  width: 100%;
	  height: 100%;
	  /* background: linear-gradient(90deg, #ff416c, #ff4b2b); /* Fondo con efecto */ */
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	  z-index: 1;
}

#serv-cols.bk3:hover::before {
  top: 0; /* Desliza hacia la derecha */
}

#serv-cols.bk3:hover .serv_text, #serv-cols.bk3:hover h2{
	color: #fff;
}



#serv-cols.bk4::before {
	background:url(../img/bk_stain.png) no-repeat;
	background-size: cover;
	content: '';
	  position: absolute;
	  top: -100%;
	  left: 0%; /* Inicia fuera de la vista */
	  width: 100%;
	  height: 100%;
	  /* background: linear-gradient(90deg, #ff416c, #ff4b2b); /* Fondo con efecto */ */
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	  z-index: 1;
}

#serv-cols.bk4:hover::before {
  top: 0; /* Desliza hacia la derecha */
}

#serv-cols.bk4:hover .serv_text, #serv-cols.bk4:hover h2{
	color: #fff;
}


#serv-cols.bk5::before {
	background:url(../img/bk_brick.png) no-repeat;
	background-size: cover;
	content: '';
	  position: absolute;
	  top: -100%;
	  left: 0%; /* Inicia fuera de la vista */
	  width: 100%;
	  height: 100%;
	  /* background: linear-gradient(90deg, #ff416c, #ff4b2b); /* Fondo con efecto */ */
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	  z-index: 1;
}

#serv-cols.bk5:hover::before {
  top: 0; /* Desliza hacia la derecha */
}

#serv-cols.bk5:hover .serv_text, #serv-cols.bk5:hover h2{
	color: #fff;
}


#serv-cols.bk6::before {
	background:url(../img/bk_epoxy.png) no-repeat;
	background-size: cover;
	content: '';
	  position: absolute;
	  top: -100%;
	  left: 0%; /* Inicia fuera de la vista */
	  width: 100%;
	  height: 100%;
	  /* background: linear-gradient(90deg, #ff416c, #ff4b2b); /* Fondo con efecto */ */
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	  z-index: 1;
}

#serv-cols.bk6:hover::before {
  top: 0; /* Desliza hacia la derecha */
}

#serv-cols.bk6:hover .serv_text, #serv-cols.bk6:hover h2{
	color: #fff;
}


#serv-cols.bk7::before {
	background:url(../img/bk_drywall.png) no-repeat;
	background-size: cover;
	content: '';
	  position: absolute;
	  top: -100%;
	  left: 0%; /* Inicia fuera de la vista */
	  width: 100%;
	  height: 100%;
	  /* background: linear-gradient(90deg, #ff416c, #ff4b2b); /* Fondo con efecto */ */
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		transition: all 1s ease;
	  z-index: 1;
}

#serv-cols.bk7:hover::before {
  top: 0; /* Desliza hacia la derecha */
}

#serv-cols.bk7:hover .serv_text, #serv-cols.bk7:hover h2{
	color: #fff;
}






/*
		#serv-cols{
			display: inline-block;
			font-family: "RobotoCondensed-Bold";
			font-size: 30px;
			padding: 5% 0 15% 0 ;
			width: 20%;
			margin: 2% 1%;
		} */

	/* .back-serv-gray{
		background:url(../img/gray_roll.png) no-repeat;
		background-size:  cover;
	}

	.back-serv-green{
		background:url(../img/green_roll.png) no-repeat;
		background-size: cover;
	}

	.back-serv-blue{
		background:url(../img/blue_roll.png) no-repeat;
		background-size: cover;
	}

	.back-serv-brown{
		background:url(../img/brown_roll.png) no-repeat;
		background-size: cover;
	}

	.back-serv-red{
		background:url(../img/red_roll.png) no-repeat;
		background-size: cover;
	}

	.back-serv-purple{
		background:url(../img/purple_roll.png) no-repeat;
		background-size: cover;
	}

	/* SECCION ABOUT */

section#cont-about{
	background:url(../img/b_about.png) no-repeat;
	background-size: cover;
	padding: 30% 2% ;
}

	#tit-about{
		font-family: "RobotoCondensed-Bold";
		padding-left: 3%;
		text-align: left;
		color: #fff;

	}

	#about-cols{
		color: #fff;
		display: inline-block;
		width: 45%;
		margin: 0 auto;
	    font-family: "MonserratBold";
	 font-size: 15px;
	 text-align: justify;
	 line-height: 25px;
	 margin-top: 5%;

	}

	/* SECTION GALLERY */
	section#cont-gallery{
margin: 2% auto;
		text-align: center;}

		#cols-gallery1,#cols-gallery2{
			display: inline-block;
			margin: 0 auto;
			width: 45%;
			vertical-align: top;

		}




.imag2{
display: inline-block;
width: 45%;
margin: 2% 2%;
}



div.imag2 img{
	width: 100%;
	 max-width: 250px;}


.collage-img {
	margin: 1% 0;

}


	 .collage-img img{
		 width: 100%;
		 height:35%;
		 height: 148px;
			object-fit:cover;
	 }



	 .collage-img2 img{
		 width: 100%;
		 height:70%;
		 height: 300px;
 		object-fit:cover
	 }


#tit-gallery{
	font-family: "RobotoCondensed-Bold";
	background:url(../img/backTitGallery.png) no-repeat;
	background-size: cover;
	padding: 7% 0;
	padding-left: 5%;
	max-width: 712px;
	color: #fff;
	text-align: left;
	width: 70%;
	position: relative;
	margin-left: auto; /*SE ALINEA A LA DERECHA*/

}



#text-gallery{

width: 80%;
margin: 0	auto;
margin-top: 15%;
	text-align: left;
	font-family: "MonserratBold";
}


#cols-gallery3,#cols-gallery4{
	display: inline-block;
	margin: 3% auto;
	vertical-align: middle;

}

#cols-gallery3{
	width: 20%;
	font-family: "RobotoCondensed-Bold";
	font-size: 35px;
	color:#c5505a;

}

	#cols-gallery4{
		width: 75%;
	}

	.cols6{
		display: inline-block;
		padding:  0;
		width: 15%;
		margin: 0 auto;

	}

	.cols6 img{
		width: 100%;
		height:150px;
		object-fit:cover
	}


/* SECCION reviews */

section#cont-reviews{
	background: #e8edf0;
	border-radius: 10px;
	margin: 2% auto;
	width: 90%;
	padding: 10% 1%;
}

#tit-testimonials{
	font-family: "RobotoCondensed-Bold";
	font-size: 30px;
}

#col-reviews1,#col-reviews2{
	display: inline-block;
	margin: 0 auto;
	vertical-align: middle;
	font-family: "MonserratReg";
}

#col-reviews1{width: 30%;}
	#col-reviews2{ width: 65%;}

.textos{
	font-family: "MonserratReg";
	font-size: 20px;
	text-align: left;
}


/* SECCION contact */

section#cont-contacto{
text-align: center;
	margin: 6% auto;
	width: 93%;

}

#contact1,#contact2{
	display: inline-block;
	vertical-align: top;
}

#contact1{
	background: #fff;
	/* background: #e8edf0; */
	border-radius: 15px;
	width: 50%;
	margin: 0 auto;
	margin-left: auto;
 padding: 2%;
	text-align: left;
	margin-right: 2%;
	height: 100%;
}

.tit-form{
	font-family: "RobotoCondensed-Bold";
	font-size: 35px;
	background: #000;
	color: #fff;
	text-align: center;
	background:url(../img/backtitcontact.png) no-repeat;
	background-size: 100% 100%, cover;
	padding: 5% 0;
}


#contact2{
	background: #201d14;
	background:url(../img/backContact.png) no-repeat;
	background-size:100% 100%, cover;
	border-radius: 15px;
	width: 43%;
	font-family: "MonserratReg";
	color: #fff;
	text-align: left;
	font-size: 25px;
	padding: 2% 0;
	height: 100%;
}

.Roboto22{
		font-family: "RobotoCondensed-Bold";
	 font-size:20px;
	 color: #5b5c5e;
	 line-height:28px;
 }

	 input[type="text"],input[type="email"],input[type="url"], input[type="date"], input[type="tel"], textarea
 {

 	font-size: 1em;
 	width:100%;  /*LINEA CLAVE*/
	 margin: 0 auto;
 	 padding:.5em;
	 border: none;
  border-bottom: 3px solid #000;
  }

 	 textarea{ resize:none;}


	 #formulario input[type="submit"]{
		 font-family: "MonserratReg";
		 background:#000;
	 padding: .5em;
	 width:95%;
	 text-align:center;
	 font-size:22px;
	 color:white;
		cursor:pointer;}

		#formulario input[type="submit"]:hover{
	 color:#006837;
	 }


	 /* estilos formulario contacto */
	 button {
			padding: 15px 15px;
			background-color: #000;
			 color: white;
			 width: 100%;
			 border: none;
				cursor: pointer;
				margin-top: 20px;
				margin: 0 auto;
				border-radius: 10px;
font-size: 25px;
 font-family: "MonserratReg";
			}

	 button:disabled { background-color: #ccc; }


	 .msg {
			margin-top: 20px;
			font-family: "MonserratBold";
			font-size: 20px;
			background: #d6d6d6ab;
			/* padding: 2% 1%; */
			border-radius: 3px;
			}
	 .success { margin: : 2%; color: green; }
	 .error { margin: : 2%; color: red; }

	 #text-contact{
		 font-family: "RobotoCondensed-Bold";
		 color: white;
		 font-size: 55px;
		 text-align: center;
	 }


.iconoText,.txtcont{
	display: inline-block;
vertical-align: middle;
margin: 0 2%;
}

.iconoText{
width: 20%;
max-width: 50px;
}

.txtcont{
width: 70%;
}
/* footer */

footer{
	margin-top: 10%;
	background:url(../img/backfooter.png) no-repeat;
	background-size: cover;
	padding: 2%;
}

#f1,#f2,#f3{
	display: inline-block;
	margin: 0 auto;
	width: 30%;
	color: #fff;
	vertical-align: middle;

}

#f1{
	font-family: "MonserratReg";
text-align: left;
 }

#f1 img{max-width: 200px;}

#f2{
	 font-family: "RobotoCondensed-Bold";
}

#f3 img{
	width: 100%;
	max-width: 40px;
}

#f4{
	border-top: 3px;
	border-top: 3px solid #fff;
	width: 90%;
	margin: 0 auto;
	margin-top: 2%;
	font-family: "MonserratReg";
	color: #fff;
	padding-top: 2%;
}

.fsize25{font-size: 25px;}
.fsize20{font-size: 25px;}

@media screen and (max-width:850px){  /*Menu Responsive*/



header{
	 width:100%;
	padding:0;
	background:none;
	}

	header nav { text-align:left;}


		/*#navPadre{
		border:none;}*/




header #nav_logo, nav{
	display:block;
	width:100%;
}
	header #nav_logo{ display:none;}

	body{
		/* background:url(../img/backbody.png) no-repeat;
		background-size: contain; */

		/*padding-top:54px;*/} /*lo que mide el menu*/







		.menu_bar{
			display:block;  /*Aparecemos El icono del Menu*/
			width:100%;
			/*position:fixed;*/
			z-index:8000;
			background: #000;
			/*top:0;*/
		}

		.menu_bar .bt-menu{
			display:block;
			padding:20px 20px;
			color: #FFF;
			overflow:hidden;/*Sirve para que no muestre el contenido que sobra*/
			font-size:20px;
			font-weight:bold;
			text-decoration:none;
			}



			.menu_bar span{
				float:right;
				font-size:25px;
				padding-top:9px;
				} /*Mandaremos el Icono a la Derecha*/

				.bt-menu img{ float:left;}

		header nav{
			width:40%;
			position:fixed;
			z-index:8000;
			right:100%;
			background: #000;
			margin:0;
			overflow: scroll; /*Para navegar sobre el menu cuando no quepa el contenido*/
			/*height:calc(100% - 40px);  /*Se ajustara exactamente*/
			height:100%;
			top: 80.43px;
			}



	header nav li{
	display:block;
	/*border-bottom: 1px solid rgba(255,255,255,.5);*/
	width:90%;}

	nav li#sobrante{ display:none;}




	header nav li a{ display:block}

	header nav li .children{
		width:100%;
		position:relative;/*Para que los Menus que le siguen bajen al momento de hace HOVER y los Submnus no los tapen*/
		}

				header nav li:hover .children{
					display:none;} /*Para no desplegarlo Con HOVER (Lo desplegaremos con un click, con JQuery)*/

	header nav li .children li a{
		margin-left:20px;}

		header nav li .caret{
			float:right;} /*Mandar la flechita a la derecha*/


	/*TERMINAN ESTILOS MENU RESPONSIVE*/


	/*ESTILOS PERSONALIZADOS*/








	}