* {
    margin: 0px;
    padding: 0px;
}
@font-face {
    font-family: "Square Bold";
    src: url("../fonts/square_bold.ttf");
}
@font-face {
    font-family: "Square";
    src: url("../fonts/square_condensed.ttf");
}
.header {
    margin: 0px;
    padding: 0px;
    width: 100%;
    position: fixed;
    height: 200px;
    background: url("../images/fondo-menu.jpg");
    background-size: cover;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
    z-index: 10000;
}
.texto-header h1 {
    margin-top: 120px;
    animation-duration: 3s;
    animation-name: aparecer;
    z-index: 100;
}
@keyframes aparecer {
    from {
        margin-left: 800px;
        opacity: 0;
        animation-delay: 5s;
        z-index: 1000
    }
    to {
        margin-left: 0px;
        opacity: 1;
        z-index: 1000;
    }
}
.linea {
    width: 100%;
    height: 15px;
    position: fixed;
    z-index: 1000;
    margin-top: 200px;
    background: rgba(151, 33, 37, 1);
    background: -moz-linear-gradient(45deg, rgba(151, 33, 37, 1) 0%, rgba(204, 71, 80, 1) 16%, rgba(179, 107, 111, 1) 33%, rgba(151, 33, 37, 1) 52%, rgba(209, 136, 140, 1) 71%, rgba(166, 40, 48, 1) 87%, rgba(151, 33, 37, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(151, 33, 37, 1)), color-stop(16%, rgba(204, 71, 80, 1)), color-stop(33%, rgba(179, 107, 111, 1)), color-stop(52%, rgba(151, 33, 37, 1)), color-stop(71%, rgba(209, 136, 140, 1)), color-stop(87%, rgba(166, 40, 48, 1)), color-stop(100%, rgba(151, 33, 37, 1)));
    background: -webkit-linear-gradient(45deg, rgba(151, 33, 37, 1) 0%, rgba(204, 71, 80, 1) 16%, rgba(179, 107, 111, 1) 33%, rgba(151, 33, 37, 1) 52%, rgba(209, 136, 140, 1) 71%, rgba(166, 40, 48, 1) 87%, rgba(151, 33, 37, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(151, 33, 37, 1) 0%, rgba(204, 71, 80, 1) 16%, rgba(179, 107, 111, 1) 33%, rgba(151, 33, 37, 1) 52%, rgba(209, 136, 140, 1) 71%, rgba(166, 40, 48, 1) 87%, rgba(151, 33, 37, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(151, 33, 37, 1) 0%, rgba(204, 71, 80, 1) 16%, rgba(179, 107, 111, 1) 33%, rgba(151, 33, 37, 1) 52%, rgba(209, 136, 140, 1) 71%, rgba(166, 40, 48, 1) 87%, rgba(151, 33, 37, 1) 100%);
    background: linear-gradient(45deg, rgba(151, 33, 37, 1) 0%, rgba(204, 71, 80, 1) 16%, rgba(179, 107, 111, 1) 33%, rgba(151, 33, 37, 1) 52%, rgba(209, 136, 140, 1) 71%, rgba(166, 40, 48, 1) 87%, rgba(151, 33, 37, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#972125', endColorstr='#972125', GradientType=1);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.5);
}
.logo {
    width: 20%;
    list-style: none;
    float: left;
}
.img-logo {
    width: auto;
    height: 200px;
    margin-left: 10px;
}
.menu {
    list-style: none;
    margin: auto;
    width: 80%;
    font-family: Square Bold;
    float: left;
    margin-top: 30px;
}
ul, ol {
    list-style: none;
}
.nav {
    width: 1500px; /*Le establecemos un ancho*/
    margin: 0 auto; /*Centramos automaticamente*/
    z-index: 1000000;
}
.nav > li {
    float: left;
    margin-top: 20px;
    margin-left: 10px;
    width: 120px;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 100000;
}
.nav li a {
    background: url("../images/btn-menu.png");
    background-size: cover;
    color: #353B4A;
    text-decoration: none;
    padding: 10px 15px 10px 15px;
    display: block;
    transition: .5s;
    font-size: 10px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
    z-index: 100000;
}
.nav li a:hover {
    background: url("../images/btn-menu-h.png");
    background-size: cover;
    transition: .5s;
}
.nav li ul {
    display: none;
    position: absolute;
    width: 205px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    z-index: 100000;
}
.nav li:hover > ul {
    display: block;
}
.nav li ul li {
    position: relative;
}
.submenu li a {
    background: url("../images/btn-sub-menu.png");
    background-size: cover;
    margin-top: 1px;
    height: 17px;
    z-index: 100000;
}
.submenu li a:hover {
    background: url("../images/btn-sub-menu-h.png");
    background-size: cover;
}
.imagen-intro {
    width: 100%;
    height: 560px;
    position: relative;
    z-index: 10;
    padding-top: 215px;
    float: left;
}
.imagen-intro-ch {
    width: 100%;
    height: 560px;
    position: relative;
    z-index: 10;
    padding-top: 215px;
    float: left;
	display: none;
}
.texto-intro {
    position: relative;
    width: 50%;
    margin-left: 45%;
    z-index: 10000;
    float: left;
    top: -100%;
}
.texto-intro2 {
    position: relative;
    width: 70%;
    margin-left: 25%;
    z-index: 10000;
    float: left;
    top: -650px;
}
.imagen-intro img {
    width: 100%;
    height: auto;
}
.video {
    padding-top: 200px;
}
.video-min {
    padding-top: 200px;
    display: none;
}
table {
    position: relative;
    padding-top: 150px;
}
table tr td a img {
    transition: 0.3s;
    width: 400px;
}
table tr td a img:hover {
    opacity: 0.5;
    transition: 0.3s;
}
.contenido1 {
    width: 100%;
    height: 750px;
    background: url("../images/bg-contenido.jpg");
    background-size: cover;
    position: relative;
}
.img-icono1 {
    width: 250px;
    opacity: 1;
    z-index: 1000;
    margin-top: 100px;
}
.contenido2 {
    width: 100%;
    height: 900px;
    background: url("../images/bg-contenido.jpg");
    background-size: cover;
    position: absolute;
    z-index: 100;
}
.contenido3 {
    width: 100%;
    height: 900px;
    background: url("../images/bg-contenido.jpg");
    background-size: cover;
    position: absolute;
    z-index: 100;
}
.quienes-somos {
    margin-top: 100px;
    width: 70%;
    height: auto;
}
p {
    font-family: Square;
    font-size: 16px;
    text-align: justify;
    color: #324552;
}
h1 {
    font-family: Square Bold;
    font-size: 20px;
    text-align: justify;
    color: #972125;
}
h2 {
    font-family: Square Bold;
    font-size: 30px;
    text-align: center;
    color: #fff;
}
.footer-2 {
    background-color: #000;
    width: 100%;
    height: 130px;
    position: absolute;
    z-index: 1000;
    margin-top: 600px;
}
.footer-1 {
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 0px;
}
.footer {
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 68vw;
}
.footer-empresa{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 68vw;
}
.footer-3{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 68vw;
}
.texto-footer {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
}
table tr td ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
table tr td ul li {
    background: url("../images/iconos/icono-lista.png") no-repeat left center;
    height: 25px;
    width: 25px;
    padding-left: 5px;
    margin-top: 0px;
}
table tr td ul li p {
    padding-left: 30px;
    width: 500px;
}
.tabla2 tr td ul li {
    background: url("../images/iconos/icono-lista2.png") no-repeat left center;
    height: 25px;
    width: 25px;
    padding-left: 5px;
    margin-top: 0px;
}
.sidebar {
    position: fixed;
    height: 100%;
    width: 0;
    top: 0;
    right: 0;
    z-index: 1;
    background: url("../images/menu-cell.png");
    overflow-x: hidden;
    transition: 0.4s;
    padding: 1rem 0;
    box-sizing: border-box;
    display: none;
    font-family: Square Bold;
    font-size: 12px;
    color: #353B4A;
}
.sidebar .boton-cerrar {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    font-size: 2rem;
    display: block;
    padding: 0;
    line-height: 1.5rem;
    margin: 0;
    height: 32px;
    width: 32px;
    text-align: center;
    vertical-align: top;
    border-bottom: none;
    color: #972125;
}
.sidebar ul, .sidebar li {
    margin: 0;
    padding: 0;
    list-style: none inside;
    color: #353B4A;
}
.sidebar ul {
    margin: 0px auto;
    display: block;
    width: 40%;
    min-width: 200px;
    color: #353B4A;
}
.sidebar ul li ul li {
    margin: 0;
    padding: 0;
    color: #353B4A;
}
.sidebar a {
    display: block;
    font-size: 12px;
    text-decoration: none;
    color: #353B4A;
    padding: 20px 20px;
    border-bottom: solid 1px #353B4A;
}
.sidebar a:hover {
    color: #fff;
    background-color: #353B4A;
}
.abrir-cerrar {
    font-size: 1rem;
    display: none;
}
#abrir {
    background: url("../images/btn-menu.png");
    background-size: cover;
    color: #353B4A;
    text-decoration: none;
    padding: 10px 15px 10px 15px;
    display: block;
    transition: .5s;
    font-size: 10px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
    z-index: 100000;
    font-family: Square Bold;
}
.cont-menu {
    width: 120px;
    float: right;
    margin-top: 50px;
    margin-right: 50px;
    display: none;
}
#cerrar {
    display: none;
    border-bottom: none;
}
.icono-flecha {
    float: right;
    margin-left: 10px;
}
.sidebar .nav-movil {
    padding-top: 50px;
    padding-left: 10px
}
.sidebar ul li ul {
    background-color: #972125;
    display: none;
}
.sidebar ul li ul li a {
    color: #fff;
    padding-left: 20px;
    border-bottom: solid 1px #fff;
}
.imagen-intro .img-ch {
    display: none;
}
.contenido1-ch {
    display: none;
}
	.imagen-intro-ch-mant{
		display: none;
	}
		.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 90vw;
}
/* RESPONSIVE ========== */
@media screen and (min-width: 1971px) {
    .footer {
        background-color: #000;
        width: 100%;
        height: 150px;
        position: absolute;
        z-index: 1000;
        margin-top: 60vw;
    }
    .texto-intro {
        top: -140%;
    }
    table {
        position: relative;
        padding-top: 30%;
    }
    .footer-2 {
        margin-top: 50%;
    }
    .texto-intro2 {
        top: -230%;
    }
		.imagen-intro-ch-mant{
		display: none;
	}
		.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 60vw;
}
}
@media screen and (min-width: 1871px) and (max-width: 1970px) {
    .footer {
        background-color: #000;
        width: 100%;
        height: 150px;
        position: absolute;
        z-index: 1000;
        margin-top: 61vw;
    }
    .texto-intro {
        top: -130%;
    }
    table {
        position: relative;
        padding-top: 30%;
    }
    .footer-2 {
        margin-top: 50%;
    }
    .texto-intro2 {
        top: -200%;
    }
		.imagen-intro-ch-mant{
		display: none;
	}
		.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 60vw;
}
}
@media screen and (min-width: 1771px) and (max-width: 1870px) {
    .footer {
        background-color: #000;
        width: 100%;
        height: 150px;
        position: absolute;
        z-index: 1000;
        margin-top: 62vw;
    }
    .texto-intro {
        top: -120%;
    }
    table {
        position: relative;
        padding-top: 30%;
    }
    .footer-2 {
        margin-top: 50%;
    }
    .texto-intro2 {
        top: -190%;
    }
		.imagen-intro-ch-mant{
		display: none;
	}
		.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 63vw;
}
}
@media screen and (min-width: 1671px) and (max-width: 1770px) {
    .footer {
        background-color: #000;
        width: 100%;
        height: 150px;
        position: absolute;
        z-index: 1000;
        margin-top: 63vw;
    }
    .texto-intro {
        top: -120%;
    }
    table {
        position: relative;
        padding-top: 30%;
    }
    .footer-2 {
        margin-top: 50%;
    }
    .texto-intro2 {
        top: -180%;
    }
		.imagen-intro-ch-mant{
		display: none;
	}
		.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 70vw;
}
}
@media screen and (min-width: 1571px) and (max-width: 1670px) {
    .footer {
        background-color: #000;
        width: 100%;
        height: 150px;
        position: absolute;
        z-index: 1000;
        margin-top: 64vw;
    }
    .texto-intro {
        top: -120%;
    }
    table {
        position: relative;
        padding-top: 20%;
    }
    .footer-2 {
        margin-top: 50%;
    }
    .texto-intro2 {
        top: -150%;
    }
		.imagen-intro-ch-mant{
		display: none;
	}
		.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 80vw;
}
}
@media screen and (min-width: 1471px) and (max-width: 1570px) {
    .footer {
        background-color: #000;
        width: 100%;
        height: 150px;
        position: absolute;
        z-index: 1000;
        margin-top: 65vw;
    }
    table {
        position: relative;
        padding-top: 20%;
    }
    .footer-2 {
        margin-top: 50%;
    }
    .texto-intro2 {
        top: -140%;
    }
		.imagen-intro-ch-mant{
		display: none;
	}
		.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 80vw;
}
}
@media screen and (min-width: 1371px) and (max-width: 1470px) {
    .footer {
        background-color: #000;
        width: 100%;
        height: 150px;
        position: absolute;
        z-index: 1000;
        margin-top: 66vw;
    }
    table {
        position: relative;
        padding-top: 20%;
    }
    .footer-2 {
        margin-top: 50%;
    }
    .texto-intro2 {
        top: -140%;
    }
		.imagen-intro-ch-mant{
		display: none;
	}
		.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 90vw;
}
}
@media screen and (min-width: 1290px) and (max-width: 1370px) {
    .footer {
        background-color: #000;
        width: 100%;
        height: 150px;
        position: absolute;
        z-index: 1000;
        margin-top: 67vw;
    }
	.imagen-intro-ch-mant{
		display: none;
	}
		.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 90vw;
}
}
@media screen and (min-width: 800px) and (max-width: 1050px) {
    .sidebar {
        display: block;
    }
    .menu {
        display: none;
    }
    .abrir-cerrar {
        display: block;
    }
    .texto-header h1 {
        margin-top: 80px;
        margin-left: 250px;
        z-index: 100;
        animation-name: none;
    }
    .cont-menu {
        display: block;
    }
    .footer {
        margin-top: 150vw;
    }
    .texto-intro {
        position: relative;
        width: 90%;
        margin-left: 5%;
        z-index: 10000;
        float: left;
        top: 10vw;
		display: block;
    }
    .imagen-intro img {
        display: none;
    }
    .imagen-intro .img-ch {
        display: block;
        margin-top: 0px;
    }
    .contenido1 {
        display: none;
    }
    .contenido1-ch {
        display: block;
    }
    .contenido1-ch table {
        width: 55%;
    }
    .contenido1-ch table tr td p {
        text-align: center;
    }
		.imagen-intro {
display: none;
}
.imagen-intro-ch {
	display: block;
}
	.texto-intro2 {
    position: relative;
    width: 90%;
    margin-left: 5%;
    z-index: 100;
    float: left;
    top:-250px;
}
	.img-icono1 img{
    width: 150px;
    opacity: 1;
    z-index: 1000;
    margin-top: 50px;
		margin-left: -50px;
}
	.fondo{
		width: 100%;
		margin-top: -200px;
	}
		.footer-3{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 118vw;
}
								.footer-empresa{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 160vw;
}
			.fondo-empresa{
		width: 100%;
		margin-top: -150px;
	}
			.imagen-intro-ch-mant {
    width: 100%;
    height: 360px;
    position: absolute;
    z-index: 0;
    margin-top: 215px;
    float: left;
	display: block;
}
			.fondo-mant{
		width: 100%;
		margin-top: -150px;
	}
	.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 118vw;
}
}
@media screen and (min-width: 690px) and (max-width: 800px) {
    .sidebar {
        display: block;
    }
    .menu {
        display: none;
    }
    .abrir-cerrar {
        display: block;
    }
    .texto-header h1 {
        margin-top: 80px;
        margin-left: 200px;
        z-index: 100;
        animation-name: none;
        font-size: 15px;
    }
    .cont-menu {
        display: block;
    }
    .footer {
        margin-top: 140vw;
    }
    .texto-intro {
        position: relative;
        width: 90%;
        margin-left: 5%;
        z-index: 10000;
        float: left;
        top: 10vw;
		display: block;
    }
    .imagen-intro img {
        display: none;
    }
    .imagen-intro .img-ch {
        display: block;
        margin-top: 100px;
    }
    .contenido1 {
        display: none;
    }
    .contenido1-ch {
        display: block;
    }
    .contenido1-ch table {
        width: 70%;
    }
    .contenido1-ch table tr td p {
        text-align: center;
    }
	
	.imagen-intro {
display: none;
}
.imagen-intro-ch {
	display: block;
}
	.texto-intro2 {
    position: relative;
    width: 90%;
    margin-left: 5%;
    z-index: 100;
    float: left;
    top:-250px;
}
	.img-icono1 img{
    width: 150px;
    opacity: 1;
    z-index: 1000;
    margin-top: 0px;
		margin-left: -50px;
}
	.fondo{
		width: 100%;
		margin-top: -200px;
	}
		.footer-3{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 130vw;
}
							.footer-empresa{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 160vw;
}
			.fondo-empresa{
		width: 100%;
		margin-top: -150px;
	}
			.imagen-intro-ch-mant {
    width: 100%;
    height: 360px;
    position: absolute;
    z-index: 0;
    margin-top: 215px;
    float: left;
	display: block;
}
			.fondo-mant{
		width: 100%;
		margin-top: -150px;
	}
	.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 118vw;
}
}
@media screen and (min-width: 600px) and (max-width: 689px) {
    .sidebar {
        display: block;
    }
    .menu {
        display: none;
    }
    .abrir-cerrar {
        display: block;
    }
    .texto-header h1 {
        margin-top: 150px;
        margin-left: 250px;
        z-index: 100;
        animation-name: none;
        font-size: 12px;
    }
    .cont-menu {
        display: block;
    }
    .footer {
        margin-top: 175vw;
    }
    .texto-intro {
        position: relative;
        width: 90%;
        margin-left: 5%;
        z-index: 10000;
        float: left;
        top: 10vw;
		display: block;
    }
    .imagen-intro img {
        display: none;
    }
    .imagen-intro .img-ch {
        display: block;
        margin-top: 250px;
    }
    .contenido1 {
        display: none;
    }
    .contenido1-ch {
        display: block;
    }
    .contenido1-ch table {
        width: 70%;
    }
    .contenido1-ch table tr td p {
        text-align: center;
    }
	
	.imagen-intro {
display: none;
}
.imagen-intro-ch {
	display: block;
}
	.texto-intro2 {
    position: relative;
    width: 90%;
    margin-left: 5%;
    z-index: 100;
    float: left;
    top:-250px;
}
	.img-icono1 img{
    width: 150px;
    opacity: 1;
    z-index: 1000;
    margin-top: 0px;
		margin-left: -50px;
}
	.fondo{
		width: 100%;
		margin-top: -150px;
	}
		.footer-3{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 150vw;
}
						.footer-empresa{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 190vw;
}
			.fondo-empresa{
		width: 100%;
		margin-top: -150px;
	}
			.imagen-intro-ch-mant {
    width: 100%;
    height: 360px;
    position: absolute;
    z-index: 0;
    margin-top: 215px;
    float: left;
	display: block;
}
			.fondo-mant{
		width: 100%;
		margin-top: -150px;
	}
	.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 138vw;
}
}
@media screen and (min-width: 500px) and (max-width: 599px) {
    .sidebar {
        display: block;
    }
    .menu {
        display: none;
    }
    .abrir-cerrar {
        display: block;
    }
    .texto-header h1 {
        margin-top: 150px;
        margin-left: 250px;
        z-index: 100;
        animation-name: none;
        font-size: 12px;
    }
    .cont-menu {
        display: block;
    }
    .footer {
        margin-top: 185vw;
    }
    .texto-intro {
        position: relative;
        width: 90%;
        margin-left: 5%;
        z-index: 10000;
        float: left;
        top: 10vw;
		display: block;
    }
    .imagen-intro img {
        display: none;
    }
    .imagen-intro .img-ch {
        display: block;
        margin-top: 250px;
    }
    .contenido1 {
        display: none;
    }
    .contenido1-ch {
        display: block;
    }
    .contenido1-ch table {
        width: 85%;
    }
    .contenido1-ch table tr td p {
        text-align: center;
    }
	
	.imagen-intro {
display: none;
}
.imagen-intro-ch {
	display: block;
}
	.texto-intro2 {
    position: relative;
    width: 90%;
    margin-left: 5%;
    z-index: 100;
    float: left;
    top:-250px;
}
	.img-icono1 img{
    width: 150px;
    opacity: 1;
    z-index: 1000;
    margin-top: 0px;
		margin-left: -50px;
}
	.fondo{
		width: 100%;
		margin-top: -150px;
	}
		.footer-3{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 168vw;
}
					.footer-empresa{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 210vw;
}
			.fondo-empresa{
		width: 100%;
		margin-top: -150px;
	}
			.imagen-intro-ch-mant {
    width: 100%;
    height: 360px;
    position: absolute;
    z-index: 0;
    margin-top: 215px;
    float: left;
	display: block;
}
			.fondo-mant{
		width: 100%;
		margin-top: -150px;
	}
	.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 138vw;
}
}
@media screen and (min-width: 430px) and (max-width: 499px) {
    .sidebar {
        display: block;
    }
    .menu {
        display: none;
    }
    .abrir-cerrar {
        display: block;
    }
    .texto-header h1 {
        display: none;
    }
    .cont-menu {
        width: 120px;
        float: right;
        margin-top: 90px;
        margin-right: 20px;
        display: block;
    }
    .footer {
        margin-top: 225vw;
    }
    .texto-intro {
        position: relative;
        width: 90%;
        margin-left: 5%;
        z-index: 10000;
        float: left;
        top: 10vw;
		display: block;
    }
    .imagen-intro img {
        display: none;
    }
    .imagen-intro .img-ch {
        display: block;
        margin-top: 350px;
    }
    .contenido1 {
        display: none;
    }
    .contenido1-ch {
        display: block;
    }
    .contenido1-ch table {
        width: 100%;
    }
    .contenido1-ch table tr td p {
        text-align: center;
    }
	    .video {
        display: none;
    }
    .video-min {
        padding-top: 200px;
        display: block;
    }
	
	.imagen-intro {
display: none;
}
.imagen-intro-ch {
	display: block;
}
	.texto-intro2 {
    position: relative;
    width: 90%;
    margin-left: 5%;
    z-index: 100;
    float: left;
    top:-250px;
}
	.img-icono1 img{
    width: 150px;
    opacity: 1;
    z-index: 1000;
    margin-top: 0px;
		margin-left: -50px;
}
	.fondo{
		width: 100%;
		margin-top: -350px;
	}
		.footer-3{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 238vw;
}
				.footer-empresa{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 230vw;
}
			.fondo-empresa{
		width: 100%;
		margin-top: -150px;
	}
			.imagen-intro-ch-mant {
    width: 100%;
    height: 360px;
    position: absolute;
    z-index: 0;
    margin-top: 215px;
    float: left;
	display: block;
}
			.fondo-mant{
		width: 100%;
		margin-top: -150px;
	}
	.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 138vw;
}
}
@media screen and (min-width: 411px) and (max-width: 429px) {
    .sidebar {
        display: block;
    }
    .menu {
        display: none;
    }
    .abrir-cerrar {
        display: block;
    }
    .texto-header h1 {
        display: none;
    }
    .cont-menu {
        width: 120px;
        float: right;
        margin-top: 90px;
        margin-right: 20px;
        display: block;
    }
    .footer {
        margin-top: 270vw;
    }
    .texto-intro {
        position: relative;
        width: 90%;
        margin-left: 5%;
        z-index: 10000;
        float: left;
        top: 10vw;
		display: block;
    }
    .imagen-intro img {
        display: none;
    }
    .imagen-intro .img-ch {
        display: block;
        margin-top: 450px;
    }
    .contenido1 {
        display: none;
    }
    .contenido1-ch {
        display: block;
    }
    .contenido1-ch table {
        width: 100%;
    }
    .contenido1-ch table tr td p {
        text-align: center;
    }
    .contenido1-ch table tr td p {
        text-align: center;
    }
    .contenido1-ch table tr td iframe {
        margin-left: -40px;
    }
	    .video {
        display: none;
    }
    .video-min {
        padding-top: 200px;
        display: block;
    }
	
	.imagen-intro {
display: none;
}
.imagen-intro-ch {
	display: block;
}
	.texto-intro2 {
    position: relative;
    width: 90%;
    margin-left: 5%;
    z-index: 100;
    float: left;
    top:-250px;
}
	.img-icono1 img{
    width: 150px;
    opacity: 1;
    z-index: 1000;
    margin-top: 0px;
		margin-left: -50px;
}
	.fondo{
		width: 100%;
		margin-top: -350px;
	}
		.footer-3{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 208vw;
}
			.footer-empresa{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 290vw;
}
			.fondo-empresa{
		width: 100%;
		margin-top: -50px;
	}
			.imagen-intro-ch-mant {
    width: 100%;
    height: 360px;
    position: absolute;
    z-index: 0;
    margin-top: 215px;
    float: left;
	display: block;
}
			.fondo-mant{
		width: 100%;
		margin-top: -150px;
	}
	.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 138vw;
}
}
@media screen and (min-width: 380px) and (max-width: 410px) {
    .sidebar {
        display: block;
    }
    .menu {
        display: none;
    }
    .abrir-cerrar {
        display: block;
    }
    .texto-header h1 {
        display: none;
    }
    .cont-menu {
        width: 120px;
        float: right;
        margin-top: 90px;
        margin-right: 20px;
        display: block;
    }
    .footer {
        margin-top: 290vw;
    }
    .texto-intro {
        position: relative;
        width: 90%;
        margin-left: 5%;
        z-index: 10000;
        float: left;
        top: 10vw;
		display: block;
    }
    .imagen-intro img {
        display: none;
    }
    .imagen-intro .img-ch {
        display: block;
        margin-top: 450px;
    }
    .contenido1 {
        display: none;
    }
    .contenido1-ch {
        display: block;
    }
    .contenido1-ch table {
        width: 85%;
    }
    .contenido1-ch table tr td p {
        text-align: center;
    }
    .contenido1-ch table tr td iframe {
        margin-left: -60px;
    }
	    .video {
        display: none;
    }
    .video-min {
        padding-top: 200px;
        display: block;
    }
	
	.imagen-intro {
display: none;
}
.imagen-intro-ch {
	display: block;
}
	.texto-intro2 {
    position: relative;
    width: 90%;
    margin-left: 5%;
    z-index: 100;
    float: left;
    top:-250px;
}
	.img-icono1 img{
    width: 150px;
    opacity: 1;
    z-index: 1000;
    margin-top: 0px;
		margin-left: -50px;
}
	.fondo{
		width: 100%;
		margin-top: -350px;
	}
		.footer-3{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 238vw;
}
		.footer-empresa{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 310vw;
}
			.fondo-empresa{
		width: 100%;
		margin-top: -50px;
	}
		.imagen-intro-ch-mant {
    width: 100%;
    height: 360px;
    position: absolute;
    z-index: 0;
    margin-top: 215px;
    float: left;
	display: block;
}
			.fondo-mant{
		width: 100%;
		margin-top: -150px;
	}
	.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 138vw;
}
}
@media screen and (min-width: 300px) and (max-width: 379px) {
    .sidebar {
        display: block;
    }
    .menu {
        display: none;
    }
    .abrir-cerrar {
        display: block;
    }
    .texto-header h1 {
        display: none;
    }
    .cont-menu {
        width: 120px;
        float: right;
        margin-top: 90px;
        margin-right: 20px;
        display: block;
    }
    .footer {
        margin-top: 280vw;
    }
    .texto-intro {
        position: relative;
        width: 90%;
        margin-left: 5%;
        z-index: 10000;
        float: left;
        top: 10vw;
		display: block;
    }
    .imagen-intro img {
        display: none;
    }
    .imagen-intro .img-ch {
        display: block;
        margin-top: 450px;
    }
    .contenido1 {
        display: none;
    }
    .contenido1-ch {
        display: block;
    }
    .contenido1-ch table {
        width: 100%;
    }
    .contenido1-ch table tr td p {
        text-align: center;
    }
    .contenido1-ch table tr td iframe {
        margin-left: -80px;
    }
    .video {
        display: none;
    }
    .video-min {
        padding-top: 200px;
        display: block;
    }
	.imagen-intro {
display: none;
}
.imagen-intro-ch {
	display: block;
	position: absolute
}
	.imagen-intro-ch-mant {
	display: block;
	position: absolute
}
	.texto-intro2 {
    position: relative;
    width: 90%;
    margin-left: 5%;
    z-index: 100;
    float: left;
    top:-250px;
}
	.img-icono1 img{
    width: 150px;
    opacity: 1;
    z-index: 1000;
    margin-top: 0px;
		margin-left: -50px;
}
	.fondo{
		width: 100%;
		margin-top: -350px;
	}
	.footer-3{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 238vw;
}
		.fondo-empresa{
		width: 100%;
		margin-top: -50px;
	}
	.footer-empresa{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 350vw;
}
	.imagen-intro-ch-mant {
    width: 100%;
    height: 360px;
    position: relative;
    z-index: 0;
    margin-top: 215px;
    float: left;
	display: block;
}
			.fondo-mant{
		width: 100%;
		margin-top: -150px;
	}
	.footer-4{
    background-color: #000;
    width: 100%;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin-top: 138vw;
}
}