/* - - - - - - - - - - - - - - - 
CSS para pantallas pequeñas (Móviles)
Ultima modificación por:
Fecha:
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ */





@font-face {
    font-family: 'FoundryGridnik-Light';
    src:url('../../_fonts/FoundryGridnik-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FoundryGridnik-Medium';
    src:url('../../_fonts/FoundryGridnik-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ====== F O N T S (end) ====== */

/*Eliminamos márgenes del "body" */
html, body{ margin:0px; padding:0px; height:100%; }

#big-container /* Div que va a manterner el "footer" siempre al fondo */
{
	
   height: 100% !important;
    min-height: max-content !important;
	
}

/* GENERAL */

a { text-decoration: none; }

/* HEADER */


#logo {
	width: 140px;
    z-index: 1;
    height: auto;
    position: relative;
    left: 30px;
}
.menuprincipal{
	margin: 0;
    height: 100%;
    display: flex;
    align-items: center;
    width: 600px;
    position: relative;
    right: 70px;
    justify-content: space-between;
}
#menu_header{
	width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
    height: 100px;

}
#menu_header a{
    color: white !important;
    font-family: 'FoundryGridnik-Medium';
    text-decoration: none;
    

}
.menhover{
	height: auto;
    display: flex;
    width: auto;
    justify-content: center;
    margin: 30px;
    border-top: 5px solid transparent;
    align-items: center;
}
.menhover:hover{
	border-top: 5px solid red;

}
.active{
	border-top: 5px solid red;
}

/*Header2-------------------------------------------------------------*/
#logo2 {
    width: 200px;
    z-index: 1;
    height: auto;
    position: relative;
    left: 70px;
}
.menuprincipal2{
    margin: 0;
    height: 100%;
    display: flex;
    align-items: center;
    width: 600px;
    position: relative;
    right: 70px;
    justify-content: space-between;
}

#menu_header2{
	width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
    height: 100px;

}
#menu_header2 a{
    color: white !important;
    font-family: 'FoundryGridnik-Medium';
    text-decoration: none;
    

}
.menhover2{
	height: 100%;
    display: flex;
    width: auto;
    border-top: 10px solid transparent;
    align-items: center;
}
.menhover2:hover{
	border-top: 10px solid red;

}
.active2{
	border-top: 10px solid red;
}
/*BODY---------------------------------------------------------------------*/

.containervideo{
	width: 100%;
	height: 99vh;
	display: flex;
	position: relative;
}
.banner {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
  
}
.equipotxt{
	width: 749px;
	height: 500px;
	position: absolute;
	top: 250px;
    left: 100px;
    color: white;
   
}
.equipotxt h3{
	font-family: 'FoundryGridnik-Medium';
    font-size: 3.6em;
    font-weight: inherit;
}
.equipotxt p{
	font-family: 'FoundryGridnik-Light';
    font-size: 1.5em;
}
.parlelink{
    width: 300px;
    height: 50px;
    background: rgb(147,43,47);
    transform: skew(-20deg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.parlelink  h3{
	color: black;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'FoundryGridnik-Medium';
	font-size: 1.3em; 
	transform: skew(20deg);
}
.seccionborde{
	width: 100%;
	height: 5px;
	display: flex;
}
.linea1{
	display: flex;
	width: 50%;
	border: 7px solid;
    border-image: linear-gradient(to left,rgb(197,43,47) 1%, rgb(12,12,12) 100%) 100% 0 100% 0/5px 0 0 0;
}
.linea2{
	display: flex;
    width: 50%;
    border: 7px solid;
    border-image: linear-gradient(to left,rgb(12,12,12) 1%, rgb(197,43,47) 100%) 100% 0 100% 0/5px 0 0 0;
}
.containerAcerca{
	width: 100%;
	height: 1500px;
	display: flex;
	/*border: 1px solid black;*/
	background-color: rgb(12,12,12);
	flex-wrap: wrap;

}
.containerinfomov {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    background-size: cover;
	background-repeat: no-repeat;
    /* border: 1px solid white; */
    margin-top: 0;
    justify-content: center;
    background-color: rgb(16,16,16);
    background-image: url(../../_images/texture-bg.png);
}
.containerinfo1{
	width: 80%;
	height: 12%;
	display: block;
	/*border: 1px solid white;*/
	position: relative;
}
.containerinfo1 h3{
	width: 55%;
	font-family: 'FoundryGridnik-Medium';
    font-size: 2.5em;
    font-weight: inherit;
    color: white;
    margin: 20px 0;
}
.paralelinkmov2{
	width: 150px;
    height: 35px;
    background: rgb(147,43,47);
    transform: skew(-20deg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: unset;
}
.paralelinkmov2 h3{
	color: black;
	text-decoration: none;
	text-transform: uppercase;	font-family: 'FoundryGridnik-Medium';
	font-size: 1em;
	transform: skew(20deg);
}
.containerinfo2{
	width: 80%;
	height: auto;
	display: block;
	/*border: 1px solid white;
*/	color: white;
	position: relative;
}
.info1{
	width: 100%;
	height: auto;
}

.info2{
	width: 100%;
	height: auto;
}
.info2 h3{
	font-family: 'FoundryGridnik-Light';
    font-size: 2em;
    margin: 0;
}
.info2 p{
	font-family: 'FoundryGridnik-Light';
    font-size: 1em;
}
.info1 h3{
	font-family: 'FoundryGridnik-Light';
    font-size: 2em;
    margin: 0;
}
.info1 p{
	font-family: 'FoundryGridnik-Light';
    font-size: 1em;
}
.seleccionvideo{
	width: 100%;
	height: 550px;
	/*border: 1px solid white;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.videos{
	width: 65%;
	height: auto;
	border: 1px solid white;
	display: flex;
	justify-content: center;
}
.videselecc{
	width: 75%;
	height: auto;
	border: 1px solid white;
}
.selectionvid{
	width: 25%;
	height: auto;
	border: 1px solid white;
	display: block;
}
.vid1{
	width: 100%;
	height: 30%;
	border: 1px solid white;
}
.vid2{
	width: 100%;
	height: 30%;
	border: 1px solid white;
	margin-bottom: 7.3%;
    margin-top: 7.3%;
}
.vid3{
	width: 100%;
	height: 30%;
	border: 1px solid white;
}
.titlevideo{
	width: 100%;
	height: auto;
	/*border: 1px solid white;*/
	display: flex;
	justify-content: center;
}
.containertitle{
	width: 65%;
	height: auto;
/*	border: 1px solid white;*/
}
.containertitle h3{
	color: white;
	text-transform: uppercase;
	font-family: 'FoundryGridnik-Light';
    font-size: 2em;
}
.containertitle p{
	color: white;
	font-family: 'FoundryGridnik-Light';
}
.YTlink{
    width: 65%;
    height: 50px;
    display: flex;
}
.YTlink a{
    display: flex;
    color: white;
    font-family: 'FoundryGridnik-Light';
    font-size: 1.2em;
    width: auto;
    align-items: center;
    text-transform: uppercase;
    font-weight: 700;

}
.YTlink img{
    width: 35px;
    height: 25px;
    margin-right: 20px;
}
.containernews{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
    margin-bottom: 100px;
}
.titlenews{
	width: 80%;
	height: 100px;
	display: flex;
	/*border: 1px solid black;*/
}
.noti{
	width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    position: relative;

}
.noti h3{
    display: flex;
    color: rgb(197,43,47);
    font-family: 'FoundryGridnik-Light';
    font-weight: 300;
    font-size: 2em;
    margin: auto;
    position: absolute;
}
.fecha{
    background: transparent;
    border: none;
    text-decoration-line: underline;
    position: absolute;
    right: 0;
}
.seleccnoti{
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
	
}
.noti1{
	width: 100%;
	height: auto;
	/*border: 1px solid black;*/
	display: block;
}
.noti2{
	width: 100%;
	height: auto;
	/*border: 1px solid black;*/
	margin-left: 0;
	margin-right: 0;
	display: block;
}
.noti3{
	width: 100%;
	height: auto;
	/*border: 1px solid black;*/
	display: block;
}

.noticia1{
	width: 100%;
	height: 50vw;
	display: block;
	/*border: 1px solid black;*/
	background-image: url(../../_images/imagen1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.informa1{
	display: block;
}
.informa1 .uno{
	font-size: 1.2em;
	font-family: 'FoundryGridnik-Medium';
	font-weight: bolder; 
}
.informa1 .dos{
	font-size: 1em;
	font-family: 'FoundryGridnik-Medium';
	font-weight: bolder;

}

.noticia2{
	width: 100%;
	height: 50vw;
	display: block;
	/*border: 1px solid black;*/
	background-image: url(../../_images/imagen1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.informa2{
	display: block;
}
.informa2 .uno{
	font-size: 1.2em;
	font-family: 'FoundryGridnik-Medium';
	font-weight: bolder; 
}
.informa2 .dos{
	font-size: 1em;
	font-family: 'FoundryGridnik-Medium';
	font-weight: bolder; 

}

.noticia3{
	width: 100%;
	height: 50vw;
	display: block;
	/*border: 1px solid black;*/
	background-image: url(../../_images/imagen1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.informa3{
	display: block;
}
.informa3 .uno{
	font-size: 1.2em;
	font-family: 'FoundryGridnik-Medium';
	font-weight: bolder; 
}
.informa3 .dos{
	font-size: 1em;
	font-family: 'FoundryGridnik-Medium';
	font-weight: bolder;

}
.seleccnoti a{
	color: black !important;
	text-decoration: underline;
}
.menuprincipal2{
    display: none;
}
/*------------------------------------------------------------Responsivo--------------------------------------------------------------------*/
.containervideo{
	display: none;
}
.seccionborde{
	display: flex;
}
.containerAcerca{
	display: none;
}
.containernews{
	display: none;
}
.menuprincipal{
	display: none;
}


.containerprinMovil{
	display: flex;
	width: 100%;
	height: 100%;
	background-image: url(../../_images/texture-bg.png); 
	background-size: cover;
	background-repeat: no-repeat;
	background-color: rgb(16,16,16);
	
}
.menuprincipalmovil{
	width: 100%;
    height: 100%;
    display: flex;
    margin: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.btnsidemenu{
	background-image: url(../../_images/menu.svg);
	background-repeat: no-repeat;
}
.dropbtn{
	cursor: pointer;
    display: flex;
    width: 35px;
    height: 27px;
    margin-right: 30px;
}
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 100%; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Stay on top */
    top: 0; /* Stay at the top */
    right: -100%;
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    display: flex;
    opacity: 1;
    background-color: rgb(16,16,16);
    background-image: url(../../_images/texture-bg.png);

}
.logomovil{
	width: 140px;
    z-index: 1;
    height: auto;
    position: absolute;
    top: 20px;
    left: 30px;
}
.imgdivclose{
	display: flex;
    height: auto;
    position: absolute;
    top: 20px;
    right: 25px;
}
.imgclose{
	background-image: url(../../_images/cerrar.svg);
    width: 30px;
    height: 30px;
    display: block;
	

}

/* When you mouse over the navigation links, change their color */
.sidenav > a:hover {
    color: #000000;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    margin-bottom: 45px
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}
.equipotxtmov{
	width: 80%;
    height: 70%;
    color: white;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}
.equipotxtmov h3 {
    width: 70%;
    font-family: 'FoundryGridnik-Medium';
    font-size: 2em;
    font-weight: inherit;
    margin: 0;
}
.equipotxtmov p {
    width: 100%;
    font-family: 'FoundryGridnik-Light';
    font-size: 1em;

}
.parlelinkmov {
    width: 150px;
    height: 35px;
    background: rgb(147,43,47);
    transform: skew(-20deg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.parlelinkmov h3 {
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'FoundryGridnik-Medium';
    font-size: 1em;
    transform: skew(20deg);
    margin: auto;
    width: auto;
}
.seccionbordemov{
	width: 100%;
	height: 5px;
	display: flex;
}
.containervideomovil{
	display: flex;
	width: 100%;
    height: auto;
    background-color: rgb(16,16,16);
    flex-wrap: wrap;
    justify-content: center;
}
.divvideoseleccionado{
	border: 1px solid white;
    width: 90%;
    height: auto;
    display: flex;
}
.videospre{
	width: 90%;
	height: 25%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

}
video{
	width: 48%;
	display: flex;
	border: 1px solid white;

}
.stiloh3{
	margin: 10px auto;
	color: white;
	font-family: 'FoundryGridnik-Light';
    font-size: 2em;
    text-transform: uppercase;


}
.containernoticiasmovil{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 100px;
}




/*PAGINA DE PRODUCTS-----------------------------------------------------------------------------------------------------------------------*/
.firstcontainer{
	width: auto;
    height: auto;
    background-image: url(../../_images/background_productos.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}
.containertexto{
	z-index: 0;
    color: white;
    position: absolute;
    width: 80%;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.titlepro{
	color: rgb(197,43,47);
    font-family: 'FoundryGridnik-Light';
    font-size: 2em;
    margin-bottom: 20px;
}
.txtpro{
    font-family:  'FoundryGridnik-Light';
    font-size: 1.1em;
    color: white;
}
.containerlista{
	width: 80%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    color: white;
    position: relative;
    top: 0;
    justify-content: flex-start;
    margin: 0 auto;
}
.containerlista ul{
    padding-inline-start: 0;
}
.containerlista div{
	width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0px 30px;
}
.containerlista h3{
	color: rgb(197,43,47);
    font-family: 'FoundryGridnik-Light';
    font-size: 2em;
    width: 100%;
    margin-top: 0px;
    margin: 0;
}
.containerlista h5{
	color: rgb(197,43,47);
	font-family:  'FoundryGridnik-Light';
    font-size: 1.3em;
    width: 75px;
}
.containerlista li{
	color: white;
	font-family:  'FoundryGridnik-Light';
    font-size: 1.2em;
}
.transitionimg{
    display: none;
}
#imgslide{
	width: 60%;
    height: 80px;
    display: flex;
    align-items: center;
    flex-direction: initial;
    margin: 0;
    justify-content: space-between;
}
#imgslide2{
	width: 60%;
    height: 80px;
    display: flex;
    align-items: center;
    flex-direction: initial;
    margin: 0;
    justify-content: space-between;
}
#imgslide3{
	width: 60%;
    height: 80px;
    display: flex;
    align-items: center;
    flex-direction: initial;
    margin: 0;
    justify-content: space-between;
}
#imgslide4{
	width: 60%;
    height: 80px;
    display: flex;
    align-items: center;
    flex-direction: initial;
    margin: 0;
    justify-content: space-between;
}
#imgslide5{
	width: 60%;
    height: 80px;
    display: flex;
    align-items: center;
    flex-direction: initial;
    margin: 0;
    justify-content: space-between;
}
#imgslide6{
	width: 60%;
    height: 80px;
    display: flex;
    align-items: center;
    flex-direction: initial;
    margin: 0;
    justify-content: space-between;
}
#imgslide7{
	width: 60%;
    height: 80px;
    display: flex;
    align-items: center;
    flex-direction: initial;
    margin: 0;
    justify-content: space-between;
}
.img1{
	width: 33px;
    height: 49px;
    display: flex;
    margin: 0px;
}
.img2{
  	width: 33px;
    height: 49px;
    display: flex;
    margin: 0px;
}
.img3{
 	width: 33px;
    height: 49px;
    display: flex;
    margin: 0px;
}
.img4{
  	width: 33px;
    height: 49px;
    display: flex;
    margin: 0px;
}
.img5{
 	width: 33px;
    height: 49px;
    display: flex;
    margin: 0px;
}
.img6{
  	width: 33px;
    height: 49px;
    display: flex;
    margin: 0px;
}
.img7{
 	width: 33px;
    height: 49px;
    display: flex;
    margin: 0px;
}
.paralel1{
	width: 135px;
    height: 35px;
    background-color: rgb(0,0,0);
    transform: skew(-20deg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.paralel2{
	width: 135px;
    height: 35px;
    background: rgb(0,0,0);
    transform: skew(-20deg);
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.paralel3{
	width: 135px;
    height: 35px;
    background: rgb(0,0,0);
    transform: skew(-20deg);
    display: flex;
    align-items: center;
 	justify-content: center;
}
.paralel4{
	width: 135px;
    height: 35px;
    background: rgb(0,0,0);
    transform: skew(-20deg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.paralel5{
	width: 135px;
    height: 35px;
    background: rgb(0,0,0);
    transform: skew(-20deg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.paralel6{
	width: 135px;
    height: 35px;
    background: rgb(0,0,0);
    transform: skew(-20deg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.paralel7{
	width: 135px;
    height: 35px;
    background: rgb(0,0,0);
    transform: skew(-20deg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.paralel1 p{
	color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'FoundryGridnik-Medium';
    font-size: .8em;
    transform: skew(20deg);
}
.paralel2 p{
	color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'FoundryGridnik-Medium';
    font-size: .8em;
    transform: skew(20deg);
}
.paralel3 p{
	color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'FoundryGridnik-Medium';
    font-size: .8em;
    transform: skew(20deg);
}
.paralel4 p{
	color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'FoundryGridnik-Medium';
    font-size: .8em;
    transform: skew(20deg);
}
.paralel5 p{
	color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'FoundryGridnik-Medium';
    font-size: .8em;
    transform: skew(20deg);
}
.paralel6 p{
	color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'FoundryGridnik-Medium';
    font-size: .8em;
    transform: skew(20deg);
}
.paralel7 p{
	color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'FoundryGridnik-Medium';
    font-size: .8em;
    transform: skew(20deg);
}

.paralelink3{
	width: 200px;
    height: 30px;
    background: rgb(147,43,47);
    transform: skew(-20deg);
    display: flex;
    align-items: center;
    justify-content: center;
    top: 140%;
    left: 25%;
}

#im1{
	display: none;
}

.paralelink3 h3{
	color: black;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'FoundryGridnik-Medium';
    font-size: 1em;
    transform: skew(20deg);
}
.paralelink4{
	width: 200px;
    height: 30px;
    background: rgb(147,43,47);
    transform: skew(-20deg);
    display: none;
    align-items: center;
    justify-content: center;
    /* position: relative; */
    top: 140%;
    left: 50%;
}
.paralelink4 h3{
	color: black;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'FoundryGridnik-Medium';
    font-size: 1em;
    transform: skew(20deg);
}
#only{
    flex-direction: column;
    width: 80%;
}

#centparal{
    display: none;
}
#centparalmovil{
    width: auto;
    height: 80px;
    display: flex;
    /*flex-direction: column;*/
    justify-content: center;
    align-items: center;
    position: relative;
    bottom: -70%;
    margin: auto;
    padding: 30px 0px;

}

.displayno{
    display: flex;
    cursor: pointer;
}

/*PAGINA DE DIGITAL -----------------------------------------------------------------------------------------------------------------------------------------------------------*/

.containerimgprinc{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	display: flex;
	align-items: center;
}
.conttxtsimu{
	width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 0;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.conttxtsimu h3{
	color: rgb(197,43,47);
    font-family: 'FoundryGridnik-Light';
    font-size: 2em;
    margin: 85px auto 0 auto;
    
}
.conttxtsimu p{
	color: white;
	font-family:  'FoundryGridnik-Light';
    font-size: 1em;
}
.plekaprinc{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.70);
	position: absolute;
	display: flex;
}
.seccionborde2{
	width: 100%;
	height: 5px;
	display: flex;
/*	border: 1px solid black;*/
}
.linea12{
	display: flex;
	width: 50%;
	border: 7px solid;
    border-image: linear-gradient(to left,rgb(197,43,47) 1%, rgb(12,12,12) 100%) 100% 0 100% 0/5px 0 0 0;
}
.linea22{
	display: flex;
    width: 50%;
    border: 7px solid;
    border-image: linear-gradient(to left,rgb(12,12,12) 1%, rgb(197,43,47) 100%) 100% 0 100% 0/5px 0 0 0;
}
.containersimu{
	width: 100%;
    height: 120%;
    display: flex;
    flex-direction: column;
}
.imgsimu{
	width: 100%;
    height: 50%;
    background-image: url(../../_images/Simulaciones.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center; 
}
.txtsimu{
	width: 100%;
    height: auto;
    background-color: rgb(21,21,21);
    display: flex;
    justify-content: center;
    align-items: center;
}
.txtsimu div{
	width: 80%;
	height: auto;
	color: white;
}

#algnit{
	width: 100%;
    height: 20%;
    display: flex;
    align-items: center;
}
.txtsimu h3{
	color: rgb(197,43,47);
    font-family: 'FoundryGridnik-Light';
    font-size: 1.5em;
    margin: 0;
}
.txtsimu p{
	font-family: 'FoundryGridnik-Light';
    font-size: 1em;
    width: 100%;
    line-height: 1.1;
    
}
.txtsimu ul{
	font-family: 'FoundryGridnik-Light';
    font-size: 1em;
    width: 80%;
    line-height: 1.1;
}
.iconsimu{
	width: 15%;
    height: 30%;
    margin-right: 30px;
}
.containerdiseño{
	width: 100%;
    height: auto;
    display: flex;
    flex-direction: column-reverse;
}
.txtdise{
	width: 100%;
    height: auto;
    background-color: rgb(21,21,21);
    display: flex;
    justify-content: center;
    align-items: center;
}
.imgdise{
    width: 100%;
    height: 300px;
    background-image: url(../../_images/diseno.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	/*background-position-x: center; */
}
#algnitd{
	width: 100%;
    height: 20%;
    display: flex;
    align-items: center;
}
.txtdise div{
	width: 80%;
	height: auto;
	color: white;
}
.txtdise h3{
	color: rgb(197,43,47);
    font-family: 'FoundryGridnik-Light';
    font-size: 1.5em;
    margin: 0;
}
.txtdise p{
	font-family: 'FoundryGridnik-Light';
    font-size: 1em;
    width: 100%;
    line-height: 1;
}
.icondise{
	width: 15%;
    height: 30%;
    margin-right: 30px;
}
.containerintegra{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.integra{
	width: 90%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.integra img{
	width: 15.5%;
    height: 15.5%;

}
.integra h3{
	color: rgb(197,43,47);
	font-family: 'FoundryGridnik-Light';
    font-size: 2em;	
}
.integra p{
	text-align: center;
    width: 100%;
    font-family: 'FoundryGridnik-Light';
    font-size: 1.1em;
    margin: 0;
  
}
.imgint {
    width: 100%;
    height: 300px;
    background-image: url(../../_images/Integracion.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0px;
}
.txtint {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.txtint p {
    font-family: 'FoundryGridnik-Light';
    font-size: 1em;
    width: 100%;
    line-height: 1;
}
.txtint h3 {
    color: rgb(197,43,47);
    font-family: 'FoundryGridnik-Light';
    font-size: 1.5em;
    margin: 0;
}
.paralelink5{
    width: 200px;
    height: 35px;
    background: rgb(147,43,47);
    transform: skew(-20deg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px 0;
}
.paralelink5  h3{
	color: black;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'FoundryGridnik-Medium';
	font-size: 1em; 
	transform: skew(20deg);
}

.containeribtn {
    width: 100%;
    height: auto;
    display: flex;
    background-color: rgb(246,246,246);
    justify-content: center;
    align-items: center;
}
/*-----PAGINA DE CONTACT---------------------------------------------------------------------------------------------------------------------------------------*/

input:focus{
    border: 2px solid rgb (147,43,47)
}

.containercontactprinc{
	width: 100%;
	height: 100%;
	display: flex;
	background-color: rgb(16,16,16);
    background-image: url(../../_images/texture-bg.png);
    background-repeat: no-repeat;

}
.contactcontainer{
	width: 90%;
    height: 157%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.contactcont1{
	width: 100%;
    height: auto;
    margin: 60px auto;
}
.contactcont1 p{
    font-family: 'FoundryGridnik-Light';
    font-size: 1em;
    color: white;
}
.contactcont1 h2{
	font-family: 'FoundryGridnik-Light';
	font-size: 2.5em; 
	color: white;
}
.contactcont1 h3{
    margin: 0 10px;
}
.contactcont1 div{
    display: flex;
}
.tel{
    width: 9%;
}
.cel{
    width: 9%;
}
.correo{
    width: 22%;
}
.infocont1{
    font-family: 'FoundryGridnik-Light';
    font-size: 1.5em; 
    color: white;
}
.styleRed{
    font-family: 'FoundryGridnik-Light';
    font-size: 1.5em; 
    color: red;
}
.contactcont2{
	width: 90%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.contactcont2 input{
    display: flex;
    width: 100%;
    background: transparent;
    height: 40px;
    margin: 5px auto;
    font-family: 'FoundryGridnik-Light';
    font-size: 1em;

}
.contactcont2 select{
    width: 100%;
    background: transparent;
    color: white;
    height: 40px;
    display: flex;
    margin: 5px auto;
    font-family: 'FoundryGridnik-Light';
    font-size: 1em; 
}
.contactcont2 textarea{
    width: 100%;
    background: transparent;
    color: white;
    height: 150px;
    display: flex;
    margin: 5px auto;
    font-family: 'FoundryGridnik-Light';
    font-size: 1em;
}
::placeholder{
    color: white;
    font-family: 'FoundryGridnik-Light';
    font-size: 1em; 
}
.divbutton{
    width: 80%;
    height: 20%;
    display: flex;
}
.paralelink6{
    width: 200px;
    height: 35px;
    background: rgb(147,43,47);
    transform: skew(-20deg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
}
.paralelink6 h3{
    color: black;
    text-decoration: none;
    text-transform: uppercase;  font-family: 'FoundryGridnik-Medium';
    font-size: 1.3em;
    transform: skew(20deg);
}


/*---------PAGINA DE NEWS--------------------------------------------------------------------------------------------------------------------------------------*/
.containerNews{
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../../_images/texture-bg.png);
    background-repeat: no-repeat;
    filter: opacity(5%);
    position: absolute;
    z-index: -1;
}
.primernoti{
	width: 80%;
    height: auto;
    padding-top: 130px;
}
.back{
	width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
}
.back1{
    width: 50%;
    width: 50%;
    height: auto;
    display: flex;
    justify-content: flex-start;
}
.back1 a{
	font-size: 1em;
	font-family: 'FoundryGridnik-Medium';
	font-weight: bolder;
	color: black !important;
    text-decoration: underline;
}
.back2{
	font-size: 1em;
    font-family: 'FoundryGridnik-Medium';
    font-weight: bolder;
    color: black !important;
    text-decoration: underline;
    width: 50%;
    height: auto;
    display: flex;
    justify-content: flex-end;
}
.imageback{
	width: 100%;
    height: 400px;
    background-image: url(../../_images/imagen1.jpg);
    background-repeat: no-repeat;
    display: flex;
    background-size: cover;

}
.textnews{
	width: 80%;
    height: auto;
    display: block;
    justify-content: center;
    align-items: center;
}
.textnewstit{
	width: 100%;
    height: auto;
    display: flex; 
}
.textnewstit h3{
    font-family: 'FoundryGridnik-Light';
    font-size: 2em;
    width: 100%;
}
.textnewspar{
	width: 100%;
    height: auto;
    display: flex;
}
.textnewspar p{
	font-family: 'FoundryGridnik-Light';
    font-size: 1em;
    line-height: 30px;
}
.secondcontainerNews{
	width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    flex-direction: column;
    margin-top: 20px;
}
.tirdcontainerNews{
	margin-top: 30px;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}










/* FOOTER */

/*#footer_cut { padding-top:50px; clear:both; }*/

footer { 
		margin-top: 0;  
		height: auto;
		background-color: rgb(246,246,246); 
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		z-index: 101;
		position: relative;

	}
.containerfoot{
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 10px 0;
}
.linkss {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}
.redessoc{
	width: 50%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
    margin: 10px auto;
	
}
.linkss a{
	color: black;
	text-decoration: none;
	font-size: 1em;
    margin: 5px;
	font-family: 'FoundryGridnik-Medium';	
}
.rface{
	width: 20px;
	height: 20px;
	background-image: url(../../_images/fb.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
.rtwit{
	width: 20px;
	height: 19px;
	background-image: url(../../_images/tw.svg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 15px;

}
.ryout{
	width: 20px;
	height: 20px;
	background-image: url(../../_images/yt.svg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 15px;
}
.rink{
	width: 20px;
	height: 20px;
	background-image: url(../../_images/li.svg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 15px;
}