@charset "utf-8";
/* estructura pagina */
*{margin: 0;padding: 0;  box-sizing: border-box; }
body{/*valores en general*/
    color: black;
  font-size: 95%;
  font-family: arial;
  background: #Fff;
}
#soyTitulo{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;}
#soyTitulo{ width: 100%;background: #fff; height: 25px; margin-top: 2px; }

.col1H1,.col2H1,.col3H1,.col4H1,.col5H1,.col6H1{font-weight: normal;
	background:#fff; color:#003; }
.col1H1,.col2H1,.col3H1,.col4H1 {width:16.6%; height: 25px; float: left;}
.col5H1{width:10%; height: 25px; float: left;}
.col6H1{width:23%; height: 25px; float: right;}
.col1H1{width:16%;margin-left: .6% ;float: left;}


#menuPrincipal{width: 100%;background: #000;  }
/*position: fixed;z-index: 50;*/
#header0{ width: 100%;background: #6e3636; height: 48px; margin-top: 2px;
    border-collapse: collapse; border-bottom: 2px solid rgb(13, 3, 51); }
#header1{ width: 100%;background: #fff; height: 100px; margin-top: 10px; }
#section_banner0{ width: 100%;height:auto; float: left;} /*Toma el tamño de a imagen*/
#section1{ width: 100%;height:150px; float: left;background: #e2d9d9f3;margin-top: 20px;margin-bottom: 20px;} 
#section2{ width: 100%;height:auto; float: left;}
#section3{ width: 100%;height:auto; float: left;background: #e2d9d9f3;} /*height:450px;*/
#section4{ width: 100%;height:auto; float: left;}/*height:750px;*/
#pag1-1{width: 100%;height: auto;float: left;}
#pag1-2{width: 100%;height: auto;float: left;
        font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
#pag3-1{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
.pag3-5{width: 80%;margin-left: auto;height: 50px; margin-right: auto; margin-bottom: 40px;}
#pag3-2{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
#pag3-3{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
#pag3-4{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}

#pag4-1{width: 100%;height:auto;float: left;margin-top: 50px;}
#pag4-2{width: 100%;height: auto;float: left;margin-top: 80px; }
#section5{ width: 100%;height:auto; float: left;margin-top: 40px;margin-bottom: 20px;background:#38281c;}
#footer{   width: 100%;height:50px; float: left; background: #000;}


/* Menu principal */
       /* Style the top navigation bar */
.topnav {overflow: hidden;width: 40%;  margin:0 auto;background: #000;} /* #333*/
       /* Style the topnav links */
.topnav a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;  
           text-decoration: none;}
.topnav a:hover {color: black; background: #3ead47;}

/*header 1*/
#conteHeader1{width: 500px;height: auto;margin-left: auto;margin-right: auto;}
#conteHeader1 img{width: 90px;height: 90px; float:left; margin-left: 0px;}
#conteHeader1 h1{ float:left; margin-top: 20px;margin-left: 10px;}
/*header 1*/


/* Section0_banner0 */ 
.slider {width: 95%;margin: auto;height:450px ; overflow: hidden;}
.slider ul{display: flex;padding: 0;width: 400%;
          animation: cambio 20s infinite alternate linear;}
.slider li {width: 100%;list-style: none;}
.slider img{width: 100%;}
@keyframes cambio{
    0% {margin-left: 0;}
    20% {margin-left: 0;}

    25% {margin-left: -100%;}
    45% {margin-left: -100%;}

    50% {margin-left: -200%;}
    70% {margin-left: -200%;}

    75% {margin-left: -300%;}
    100% {margin-left: -300%;}
}




/* Section1              texto de bienveida */
#section1 h1{width: 60%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
    color: #000;font-size: 25px;}
#section1 h4{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
    color: #000;}
/* Section2 galeria*/
#section2-0{width:30%; height: auto;float: left;}
#section2-0 h4{width:80%; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
#section2-0 video{width:268px; height:500px ; margin-left: 50px; margin-bottom: 10px;}

#section2-1{width: 70%;height: 1000px; float: left;} /* background: #f36a1b; */
.section2cuadro{width: 60%; height: 300px; margin-top: 40px;margin-bottom: 10px;
    margin-left: auto;margin-right: auto; text-align: center;/*centra la imagen*/
   overflow: hidden;}
.section2cuadroImg{width: 30%;height:auto;float: left; }
.section2cuadroImg img{max-width: 200px;height:300px;}
.section2cuadroText{width: 70%;height: 300px;float: left;}
.section2cuadroText h1{width:80%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
.section2cuadroText p{width:80%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
.section2cuadroText h4{width:80%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
.section2cuadroText h2{width:80%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}

/* Section3 historia*/
#section3-1{width: 50%;float: left;}
#section3-1 h1{width: 50%; margin-left: auto;margin-right: auto;margin-top: 100px; text-align: center;
               color: #000;}
#section3-1 h4{width: 80%; margin-left: auto;margin-right: auto;margin-top: 30px; text-align: center;
               color: #000;}
#section3-2{width: 50%;float: left;}
#section3-2 img{max-width: 90%; height: 400px; margin-top: 25px;}

/* section4 solicitar */
#section4-1{width: 100%;height: 50px;background: #fff;margin-top: 50px;}
#section4-1 h4{width: 50%; margin-left: auto;margin-right: auto;padding-top: 15px ; text-align: center;
              color: #000;} 
#section4-2{width: 100%;height: 50px;background: #fff;}
#section4-2 h2{width: 50%; margin-left: auto;margin-right: auto; text-align: center;color: #000;} 
#section4-3{width: 100%;height: 100px;background: #fff;}
#section4-3 h3{width: 60%; margin-left: auto;margin-right: auto; text-align: center;color: #000;}
#section4-4{width: 100%;height: 500px;background: #fff;padding-left:20%;}
.section4-4Cuadro{width: 30%;height: 400px;float: left;}
.section4-4Cuadro h1{width: 80%; margin-top: 20px;margin-left: 5%;color: #000;}
.section4-4Cuadro h3{width: 80%; margin-top: 20px;margin-left: 5%;color: #000; }
#section4-5{width: 100%;height: 50px;background: #fff;}
#section4-5 h1{width: 50%;margin-left: auto;margin-right: auto;}

/*pag1y2*/
/*pag1-1*/
#pag1-1-0{width: 100%; height: 70px; float: left; }
#pag1-1-0 h2 {padding-top: 30px; padding-left: 3%;}
#pag1-1-1{width: 30%; height:auto; float: left; }/*background: #88570f44;*/
#pag1-1-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 10px;margin-bottom: 10px;}
#pag1-1-2{width: 70%; height: auto; float: left; background: #f8f5f5f3; 
          font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
#pag1-1-2 h3{ text-align: center; margin-top: 30px;margin-bottom: 30px;}
#pag1-1-2 p{ text-align:justify; margin-top: 10px;margin-bottom: 30px;width: 90%;margin-left: auto;
           margin-right: auto;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
           line-height: 1.5;}
/*pag1-2*/
#pag1-2-0{width: 100%; height: 20px; float: left; }
#pag1-2-1{width: 30%; height:380px; float: left;background: #38281c;}
#pag1-2-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 30px;margin-bottom: 30px;}
#pag1-2-2{width: 70%; height:auto; float: left;background:#38281c;}
#pag1-2-2-1{width: 50%; height: 380px;float: left;}
#pag1-2-2-1 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
#pag1-2-2-1 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
             text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
             line-height: 1.5;}
#pag1-2-2-2{width: 50%; height: 380px;float: left;}
#pag1-2-2-2 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
#pag1-2-2-2 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
              text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
              line-height: 1.5;}
/*Pag 3*/
#pag3-1  h1 { margin-top: 10px;margin-bottom: 10px; }
#pag3-2  h1 { margin-top: 10px;margin-bottom: 10px; }
#pag3-3  h1 { margin-top: 10px;margin-bottom: 10px; }
#pag3-4  h1 { margin-top: 10px;margin-bottom: 10px; }
.pag3-cuadro{width: 27%;height: 400px; margin: 20px; float: left; text-align: center;}
.pag3-cuadro img{ width: 200px;height: 350px; }
.pag3-cuadro h4{ width: 100%;text-align: center;}
.pag3-cuadro p{ width: 100%;}

.pag3-5  h1 {width: 40%;margin-left: auto;margin-right: auto; }

/*pag 4*/
#pag4-1-1{width: 40%;height: 500px;float: left;}
#pag4-1-1 h4{width: 80%; margin-left: auto;margin-right: auto;margin-top: 20px;}
#pag4-1-1 h2{width: 80%; margin-left: auto;margin-right: auto;margin-top: 20px;}
#pag4-1-1 table{width: 80%; margin-left: auto;margin-right: auto;margin-top: 10px;}
#pag4-1-1 .pag4-1-1-RS{width: 10%;}
#pag4-1-1 img{max-width: 30%; height:auto;}

#pag4-1-2{width: 60%;height: 500px;float: left; }
#soyFormulario{width: 90%; height: 500px;background: #fff;margin-left:auto; margin-right:auto;
    margin-bottom: 10%;}
#soyFormulario fieldset{width: 80%;font-size: 100%;margin-left:auto; margin-right:auto;}
#soyFormulario fieldset table{width: 80%;margin-left:auto; margin-right:auto;}
#soyFormulario textarea, img,input{width: 100%}
#soyFormulario #btnNuevo{height: 40px;}
#imgActualizar{margin-left: 4%; width: 40px;height: 40px;}

/* section5 solicitar */
#section5-1{ width: 60%;height:300px; float: left;}
#section5-1 h1{ width: 60%;color:#fff ;margin-top: 100px;margin-left: auto;margin-right: auto;
               font-size: 38px;}
#section5-2{ width: 40%;height:300px; float: left;}
#section5-2 img{ width: 60%;height:300px;}

footer{color: #fff;text-align: center;padding-top: 10px;}







@media only screen and (min-width:320px) {
    #soyTitulo{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;}
    #soyTitulo{ width: 100%;background: #fff; height: 100px; margin-top: 2px; }
    .col1H1,.col2H1,.col3H1,.col4H1,.col5H1 {width:50%;float: left; height: 25px;}
    .col6H1 {width:100%;float: left;height: 25px; }
    .col1H1,.col2H1,.col3H1,.col4H1,.col5H1,.col6H1{font-weight: normal;
	background:#fff; color:#003; }
    #menuPrincipal{width: 100%;background: #000;  }
    /*position: fixed;z-index: 50;*/
    #header0{ width: 100%;background: #6e3636; height: 48px; margin-top: 2px;
              border-collapse: collapse; border-bottom: 2px solid rgb(13, 3, 51); }
    #header1{ width: 100%;background: #fff; height:auto; margin-top: 10px; } 
    #section_banner0{ width: 100%;height:auto; float: left;} /*Toma el tamño de a imagen*/
    #section1{ width: 100%;height:auto; float: left;background: #e2d9d9f3;margin-top: 20px;margin-bottom: 20px;} 
    #section2{ width: 100%;height:auto; float: left;}
    #section3{ width: 100%;height:auto; float: left;background: #e2d9d9f3;} /*height:450px;*/
    #section4{ width: 100%;height:auto; float: left;}/*height:750px;*/
    #pag1-1{width: 100%;height: auto;float: left;}
    #pag1-2{width: 100%;height: auto;float: left;
            font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag3-1{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    .pag3-5{width: 95%;margin-left: auto;height: 100px; margin-right: auto; margin-bottom: 40px;}
    #pag3-2{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-3{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-4{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}

    #pag4-1{width: 100%;height:auto;float: left;margin-top: 25px;}
    #pag4-2{width: 100%;height: auto;float: left;margin-top: 80px; }
    #section5{ width: 100%;height:auto; float: left;margin-top: 40px;margin-bottom: 20px;background:#38281c;}
    #footer{   width: 100%;height:50px; float: left; background: #000;}

    /* Menu principal */
       /* Style the top navigation bar */
    .topnav {overflow: hidden;width: 60%;  margin:0 auto;background: #000;} /* #333*/
       /* Style the topnav links */
    .topnav a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;  
           text-decoration: none;}
    .topnav a:hover {color: black; background: #3ead47;}

    /*header 1*/
    #conteHeader1{width: 300px;height: auto;margin-left: auto;margin-right: auto;}
    #conteHeader1 img{width: 90px;height: 90px; float:left; margin-left: 100px;}
    #conteHeader1 h1{ float:left; margin-top: 10px;margin-left: 5px;margin-bottom: 20px;}
    /*header 1*/
    /* Section0_banner0 */ 
    #slider {width: 95%;margin: auto;height:100px ; overflow: hidden;}
    #slider ul{display: flex;padding: 0;width: 400%;
               animation: cambio 20s infinite alternate linear;}
    #slider li {width: 100%;list-style: none;}
    #slider img{width: 100%;}
    @keyframes cambio{
        0% {margin-left: 0;}
        20% {margin-left: 0;}

        25% {margin-left: -100%;}
        45% {margin-left: -100%;}

        50% {margin-left: -200%;}
        70% {margin-left: -200%;}

        75% {margin-left: -300%;}
        100% {margin-left: -300%;}
    }
    /* Section1              texto de bienveida */
    #section1 h1{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000;font-size: 25px;}
    #section1 h4{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000; margin-bottom: 20px;}
    /* Section2 galeria*/
    #section2-0{width:100%; height: auto;float: left;}
    #section2-0 h4{width:80%; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
    #section2-0 video{width:268px; height:500px ; margin-left: 20px; margin-bottom: 10px;}

    #section2-1{width: 100%;height: auto; float: left;} /* background: #f36a1b; */
    .section2cuadro{width: 95%; height: auto; margin-top: 40px;margin-bottom: 10px;
            margin-left: auto;margin-right: auto; text-align: center;/*centra la imagen*/
            overflow: hidden;}
    .section2cuadroImg{width: 100%;height:auto;float: left; }
    .section2cuadroImg img{max-width: 200px;height:300px;}
    .section2cuadroText{width: 100%;height: 300px;float: left;}
    .section2cuadroText h1{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 10px;}
    .section2cuadroText p{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h4{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h2{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}

    /* Section3 historia*/
    #section3-1{width: 100%;float: left;}
    #section3-1 h1{width: 80%; margin-left: auto;margin-right: auto;margin-top: 30px; text-align: center;
                  color: #000;}
    #section3-1 h4{width: 80%; margin-left: auto;margin-right: auto;margin-top: 30px; text-align: center;
               color: #000;}
    #section3-2{width: 100%;float: left;}
    #section3-2 img{max-width: 100%; height: 200px; margin-top: 25px;}

    /* section4 solicitar */
    #section4-1{width: 100%;height: 50px;background: #fff;margin-top: 50px;}
    #section4-1 h4{width: 90%; margin-left: auto;margin-right: auto;padding-top: 15px ; text-align: center;
                  color: #000;} 
    #section4-2{width: 100%;height: 70px;background: #fff;}
    #section4-2 h2{width: 90%; margin-left: auto;margin-right: auto; text-align: center;color: #000;} 
    #section4-3{width: 100%;height: 100px;background: #fff;}
    #section4-3 h3{width: 90%; margin-left: auto;margin-right: auto; text-align: center;color: #000;}
    #section4-4{width: 100%;height: auto;background: #fff;padding-left:10%;margin-top: 20px;}
    .section4-4Cuadro{width: 100%;height: 350px;float: left;}
    .section4-4Cuadro h1{width: 80%; margin-top: 20px;margin-left: 5%;color: #000;}
    .section4-4Cuadro h3{width: 80%; margin-top: 20px;margin-left: 5%;color: #000; }
    #section4-5{width: 100%;height: 200px;}
    #section4-5 h1{width: 80%;margin-left: auto;margin-right: auto;}

    /*pag1y2*/
    /*pag1-1*/
    #pag1-1-0{width: 100%; height: 70px; float: left; }
    #pag1-1-0 h2 {padding-top: 30px; padding-left: 3%;}
    #pag1-1-1{width: 30%; height:auto; float: left; }/*background: #88570f44;*/
    #pag1-1-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 10px;margin-bottom: 10px;}
    #pag1-1-2{width: 70%; height: auto; float: left; background: #f8f5f5f3; 
             font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag1-1-2 h3{ text-align: center; margin-top: 30px;margin-bottom: 30px;}
    #pag1-1-2 p{ text-align:justify; margin-top: 10px;margin-bottom: 30px;width: 90%;margin-left: auto;
             margin-right: auto;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
             line-height: 1.5;}
    /*pag1-2*/
    #pag1-2-0{width: 100%; height: 20px; float: left; } 
    #pag1-2-1{width: 100%; height:300px; float: left;background: #38281c;}
    #pag1-2-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 30px;margin-bottom: 30px;}
    #pag1-2-2{width: 100%; height:auto; float: left;background:#38281c;}
    #pag1-2-2-1{width: 100%; height: 380px;float: left;}
    #pag1-2-2-1 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-1 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
             text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
             line-height: 1.5;}
    #pag1-2-2-2{width: 100%; height: 450px;float: left;}
    #pag1-2-2-2 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-2 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
              text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
              line-height: 1.5;}
    /*Pag 3*/
    #pag3-1  h1 {width: 100%;  margin-top: 10px;margin-bottom: 10px; float: left;}
    #pag3-2  h1 { margin-top: 10px;margin-bottom: 10px; float: left;}
    #pag3-3  h1 { margin-top: 10px;margin-bottom: 10px;float: left; }
    #pag3-4  h1 { margin-top: 10px;margin-bottom: 10px;float: left;  }
    .pag3-cuadro{width: 100%;height: 450px; margin: 10px; float: left; text-align: center;}
    .pag3-cuadro img{ width: 250px;height: 400px; }
    .pag3-cuadro h4{ width: 100%;text-align: center;}
    .pag3-cuadro p{ width: 100%;}

    .pag3-5  h1 {width: 100%;float: left; }

    /*pag 4*/
    #pag4-1-1{width: 100%;height: 500px;float: left;}
    #pag4-1-1 h4{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 h2{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 table{width: 90%; margin-left: auto;margin-right: auto;margin-top: 10px;}
    #pag4-1-1 .pag4-1-1-RS{width: 10%;}
    #pag4-1-1 img{max-width: 60%; height:auto;}

    #pag4-1-2{width: 100%;height: 500px;float: left; }
    #soyFormulario{width: 100%; height: 500px;background: #fff;margin-left:auto; margin-right:auto;
            margin-bottom: 10%;}
    #soyFormulario fieldset{width: 100%;font-size: 100%;margin-left:auto; margin-right:auto;}
    #soyFormulario fieldset table{width: 100%;margin-left:auto; margin-right:auto;}
    #soyFormulario textarea, img,input{width: 100%}
    #soyFormulario #btnNuevo{height: 40px;}
    #imgActualizar{margin-left: 4%; width: 40px;height: 40px;}

    /* section5 solicitar */
    #section5-1{ width: 100%;height:150px; float: left;}
    #section5-1 h1{ width: 90%;color:#fff ;margin-top: 100px;margin-left: auto;margin-right: auto;
                    font-size: 30px;}
    #section5-2{ width: 100%;height:300px; float: left;}
    #section5-2 img{ width: 100%;height:250px;}
    footer{color: #fff;text-align: center;padding-top: 10px;}
}
@media only screen and (min-width:400px) {
    #soyTitulo{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;}
    #soyTitulo{ width: 100%;background: #fff; height: 100px; margin-top: 2px; }
    .col1H1,.col2H1,.col3H1,.col4H1,.col5H1 {width:50%;float: left; height: 25px;}
    .col6H1 {width:100%;float: left;height: 25px; }
    .col1H1,.col2H1,.col3H1,.col4H1,.col5H1,.col6H1{font-weight: normal;
	background:#fff; color:#003; }
    #menuPrincipal{width: 100%;background: #000;  }
    /*position: fixed;z-index: 50;*/
    #header0{ width: 100%;background: #6e3636; height: 48px; margin-top: 2px;
              border-collapse: collapse; border-bottom: 2px solid rgb(13, 3, 51); }
    #header1{ width: 100%;background: #fff; height:auto; margin-top: 10px; } 
    #section_banner0{ width: 100%;height:auto; float: left;} /*Toma el tamño de a imagen*/
    #section1{ width: 100%;height:auto; float: left;background: #e2d9d9f3;margin-top: 20px;margin-bottom: 20px;} 
    #section2{ width: 100%;height:auto; float: left;}
    #section3{ width: 100%;height:auto; float: left;background: #e2d9d9f3;} /*height:450px;*/
    #section4{ width: 100%;height:auto; float: left;}/*height:750px;*/
    #pag1-1{width: 100%;height: auto;float: left;}
    #pag1-2{width: 100%;height: auto;float: left;
            font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag3-1{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    .pag3-5{width: 95%;margin-left: auto;height: 100px; margin-right: auto; margin-bottom: 40px;}
    #pag3-2{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-3{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-4{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}

    #pag4-1{width: 100%;height:auto;float: left;margin-top: 50px;}
    #pag4-2{width: 100%;height: auto;float: left;margin-top: 80px; }
    #section5{ width: 100%;height:auto; float: left;margin-top: 40px;margin-bottom: 20px;background:#38281c;}
    #footer{   width: 100%;height:50px; float: left; background: #000;}

    /* Menu principal */
       /* Style the top navigation bar */
    .topnav {overflow: hidden;width: 40%;  margin:0 auto;background: #000;} /* #333*/
       /* Style the topnav links */
    .topnav a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;  
           text-decoration: none;}
    .topnav a:hover {color: black; background: #3ead47;}

    /*header 1*/
    #conteHeader1{width: 400px;height: auto;margin-left: auto;margin-right: auto;}
    #conteHeader1 img{width: 90px;height: 90px; float:left; margin-left: 150px;}
    #conteHeader1 h1{ float:left; margin-top: 10px;margin-left: 10px;margin-bottom: 20px;}
    /*header 1*/
    /* Section0_banner0 */ 
    #slider {width: 95%;margin: auto;height:150px ; overflow: hidden;}
    #slider ul{display: flex;padding: 0;width: 400%;
               animation: cambio 20s infinite alternate linear;}
    #slider li {width: 100%;list-style: none;}
    #slider img{width: 100%;}
    @keyframes cambio{
        0% {margin-left: 0;}
        20% {margin-left: 0;}

        25% {margin-left: -100%;}
        45% {margin-left: -100%;}

        50% {margin-left: -200%;}
        70% {margin-left: -200%;}

        75% {margin-left: -300%;}
        100% {margin-left: -300%;}
    }
    /* Section1              texto de bienveida */
    #section1 h1{width: 70%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000;font-size: 25px;}
    #section1 h4{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000; margin-bottom: 20px;}
    /* Section2 galeria*/
    #section2-0{width:100%; height: auto;float: left;}
    #section2-0 h4{width:80%; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
    #section2-0 video{width:268px; height:500px ; margin-left: 50px; margin-bottom: 10px;}

    #section2-1{width: 100%;height: auto; float: left;} /* background: #f36a1b; */
    .section2cuadro{width: 95%; height: auto; margin-top: 40px;margin-bottom: 10px;
            margin-left: auto;margin-right: auto; text-align: center;/*centra la imagen*/
            overflow: hidden;}
    .section2cuadroImg{width: 100%;height:auto;float: left; }
    .section2cuadroImg img{max-width: 200px;height:300px;}
    .section2cuadroText{width: 100%;height: 300px;float: left;}
    .section2cuadroText h1{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 10px;}
    .section2cuadroText p{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h4{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h2{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}

    /* Section3 historia*/
    #section3-1{width: 100%;float: left;}
    #section3-1 h1{width: 80%; margin-left: auto;margin-right: auto;margin-top: 30px; text-align: center;
                  color: #000;}
    #section3-1 h4{width: 80%; margin-left: auto;margin-right: auto;margin-top: 30px; text-align: center;
               color: #000;}
    #section3-2{width: 100%;float: left;}
    #section3-2 img{max-width: 100%; height: 400px; margin-top: 25px;}

    /* section4 solicitar */
    #section4-1{width: 100%;height: 50px;background: #fff;margin-top: 50px;}
    #section4-1 h4{width: 50%; margin-left: auto;margin-right: auto;padding-top: 15px ; text-align: center;
                  color: #000;} 
    #section4-2{width: 100%;height: 50px;background: #fff;}
    #section4-2 h2{width: 50%; margin-left: auto;margin-right: auto; text-align: center;color: #000;} 
    #section4-3{width: 100%;height: 100px;background: #fff;}
    #section4-3 h3{width: 60%; margin-left: auto;margin-right: auto; text-align: center;color: #000;}
    #section4-4{width: 100%;height: auto;background: #fff;padding-left:10%;margin-top: 20px;}
    .section4-4Cuadro{width: 100%;height: 300px;float: left;}
    .section4-4Cuadro h1{width: 80%; margin-top: 20px;margin-left: 5%;color: #000;}
    .section4-4Cuadro h3{width: 80%; margin-top: 20px;margin-left: 5%;color: #000; }
    #section4-5{width: 100%;height: 200px;}
    #section4-5 h1{width: 80%;margin-left: auto;margin-right: auto;}

    /*pag1y2*/
    /*pag1-1*/
    #pag1-1-0{width: 100%; height: 70px; float: left; }
    #pag1-1-0 h2 {padding-top: 30px; padding-left: 3%;}
    #pag1-1-1{width: 30%; height:auto; float: left; }/*background: #88570f44;*/
    #pag1-1-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 10px;margin-bottom: 10px;}
    #pag1-1-2{width: 70%; height: auto; float: left; background: #f8f5f5f3; 
             font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag1-1-2 h3{ text-align: center; margin-top: 30px;margin-bottom: 30px;}
    #pag1-1-2 p{ text-align:justify; margin-top: 10px;margin-bottom: 30px;width: 90%;margin-left: auto;
             margin-right: auto;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
             line-height: 1.5;}
    /*pag1-2*/
    #pag1-2-0{width: 100%; height: 20px; float: left; } 
    #pag1-2-1{width: 100%; height:300px; float: left;background: #38281c;}
    #pag1-2-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 30px;margin-bottom: 30px;}
    #pag1-2-2{width: 100%; height:auto; float: left;background:#38281c;}
    #pag1-2-2-1{width: 100%; height: 380px;float: left;}
    #pag1-2-2-1 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-1 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
             text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
             line-height: 1.5;}
    #pag1-2-2-2{width: 100%; height: 450px;float: left;}
    #pag1-2-2-2 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-2 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
              text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
              line-height: 1.5;}
    /*Pag 3*/
    #pag3-1  h1 {width: 100%;  margin-top: 10px;margin-bottom: 10px; float: left;}
    #pag3-2  h1 { margin-top: 10px;margin-bottom: 10px; float: left;}
    #pag3-3  h1 { margin-top: 10px;margin-bottom: 10px;float: left; }
    #pag3-4  h1 { margin-top: 10px;margin-bottom: 10px;float: left;  }
    .pag3-cuadro{width: 100%;height: 450px; margin: 10px; float: left; text-align: center;}
    .pag3-cuadro img{ width: 250px;height: 400px; }
    .pag3-cuadro h4{ width: 100%;text-align: center;}
    .pag3-cuadro p{ width: 100%;}

    .pag3-5  h1 {width: 100%;float: left; }

    /*pag 4*/
    #pag4-1-1{width: 100%;height: 500px;float: left;}
    #pag4-1-1 h4{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 h2{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 table{width: 90%; margin-left: auto;margin-right: auto;margin-top: 10px;}
    #pag4-1-1 .pag4-1-1-RS{width: 10%;}
    #pag4-1-1 img{max-width: 60%; height:auto;}

    #pag4-1-2{width: 100%;height: 500px;float: left; }
    #soyFormulario{width: 90%; height: 500px;background: #fff;margin-left:auto; margin-right:auto;
            margin-bottom: 10%;}
    #soyFormulario fieldset{width: 100%;font-size: 100%;margin-left:auto; margin-right:auto;}
    #soyFormulario fieldset table{width: 100%;margin-left:auto; margin-right:auto;}
    #soyFormulario textarea, img,input{width: 100%}
    #soyFormulario #btnNuevo{height: 40px;}
    #imgActualizar{margin-left: 4%; width: 40px;height: 40px;}

    /* section5 solicitar */
    #section5-1{ width: 100%;height:150px; float: left;}
    #section5-1 h1{ width: 85%;color:#fff ;margin-top: 100px;margin-left: auto;margin-right: auto;
                    font-size: 38px;}
    #section5-2{ width: 100%;height:300px; float: left;}
    #section5-2 img{ width: 100%;height:300px;}
    footer{color: #fff;text-align: center;padding-top: 10px;}
}

@media only screen and (min-width:576px) {
    #soyTitulo{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;}
    #soyTitulo{ width: 100%;background: #fff; height: 100px; margin-top: 2px; }
    .col1H1,.col2H1,.col3H1,.col4H1,.col5H1 {width:50%;float: left; height: 25px;}
    .col6H1 {width:100%;float: left;height: 25px; }
    .col1H1,.col2H1,.col3H1,.col4H1,.col5H1,.col6H1{font-weight: normal;
	background:#fff; color:#003; }
    #menuPrincipal{width: 100%;background: #000;  }
    /*position: fixed;z-index: 50;*/
    #header0{ width: 100%;background: #6e3636; height: 48px; margin-top: 2px;
              border-collapse: collapse; border-bottom: 2px solid rgb(13, 3, 51); }
    #header1{ width: 100%;background: #fff; height:auto; margin-top: 10px; } 
    #section_banner0{ width: 100%;height:auto; float: left;} /*Toma el tamño de a imagen*/
    #section1{ width: 100%;height:auto; float: left;background: #e2d9d9f3;margin-top: 20px;margin-bottom: 20px;} 
    #section2{ width: 100%;height:auto; float: left;}
    #section3{ width: 100%;height:auto; float: left;background: #e2d9d9f3;} /*height:450px;*/
    #section4{ width: 100%;height:auto; float: left;}/*height:750px;*/
    #pag1-1{width: 100%;height: auto;float: left;}
    #pag1-2{width: 100%;height: auto;float: left;
            font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag3-1{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    .pag3-5{width: 95%;margin-left: auto;height: 100px; margin-right: auto; margin-bottom: 40px;}
    #pag3-2{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-3{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-4{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}

    #pag4-1{width: 100%;height:auto;float: left;margin-top: 50px;}
    #pag4-2{width: 100%;height: auto;float: left;margin-top: 80px; }
    #section5{ width: 100%;height:auto; float: left;margin-top: 40px;margin-bottom: 20px;background:#38281c;}
    #footer{   width: 100%;height:50px; float: left; background: #000;}

    /* Menu principal */
       /* Style the top navigation bar */
    .topnav {overflow: hidden;width: 90%;  margin:0 auto;background: #000;} /* #333*/
       /* Style the topnav links */
    .topnav a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;  
           text-decoration: none;}
    .topnav a:hover {color: black; background: #3ead47;}

    /*header 1*/
    #conteHeader1{width: 400px;height: auto;margin-left: auto;margin-right: auto;}
    #conteHeader1 img{width: 90px;height: 90px; float:left; margin-left: 150px;}
    #conteHeader1 h1{ float:left; margin-top: 20px;margin-left: 10px;margin-bottom: 20px;}
    /*header 1*/
    /* Section0_banner0 */ 
    #slider {width: 95%;margin: auto;height:200px ; overflow: hidden;}
    #slider ul{display: flex;padding: 0;width: 400%;
               animation: cambio 20s infinite alternate linear;}
    #slider li {width: 100%;list-style: none;}
    #slider img{width: 100%;}
    @keyframes cambio{
        0% {margin-left: 0;}
        20% {margin-left: 0;}

        25% {margin-left: -100%;}
        45% {margin-left: -100%;}

        50% {margin-left: -200%;}
        70% {margin-left: -200%;}

        75% {margin-left: -300%;}
        100% {margin-left: -300%;}
    }
    /* Section1              texto de bienveida */
    #section1 h1{width: 70%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000;font-size: 25px;}
    #section1 h4{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000; margin-bottom: 20px;}
    /* Section2 galeria*/
    #section2-0{width:100%; height: auto;float: left;}
    #section2-0 h4{width:60%; margin-left:auto;margin-right: auto; margin-bottom: 10px;}
    #section2-0 video{width:268px; height:500px ; margin-left: 150px; margin-bottom: 10px;}

    #section2-1{width: 100%;height: auto; float: left;} /* background: #f36a1b; */
    .section2cuadro{width: 95%; height: auto; margin-top: 40px;margin-bottom: 10px;
            margin-left: auto;margin-right: auto; text-align: center;/*centra la imagen*/
            overflow: hidden;}
    .section2cuadroImg{width: 100%;height:auto;float: left; }
    .section2cuadroImg img{max-width: 200px;height:300px;}
    .section2cuadroText{width: 100%;height: 300px;float: left;}
    .section2cuadroText h1{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 10px;}
    .section2cuadroText p{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h4{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h2{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}

    /* Section3 historia*/
    #section3-1{width: 100%;float: left;}
    #section3-1 h1{width: 80%; margin-left: auto;margin-right: auto;margin-top: 30px; text-align: center;
                  color: #000;}
    #section3-1 h4{width: 80%; margin-left: auto;margin-right: auto;margin-top: 30px; text-align: center;
               color: #000;}
    #section3-2{width: 100%;float: left;}
    #section3-2 img{max-width: 100%; height: 400px; margin-top: 25px;}

    /* section4 solicitar */
    #section4-1{width: 100%;height: 50px;background: #fff;margin-top: 50px;}
    #section4-1 h4{width: 50%; margin-left: auto;margin-right: auto;padding-top: 15px ; text-align: center;
                  color: #000;} 
    #section4-2{width: 100%;height: 50px;background: #fff;}
    #section4-2 h2{width: 50%; margin-left: auto;margin-right: auto; text-align: center;color: #000;} 
    #section4-3{width: 100%;height: 100px;background: #fff;}
    #section4-3 h3{width: 60%; margin-left: auto;margin-right: auto; text-align: center;color: #000;}
    #section4-4{width: 100%;height: auto;background: #fff;padding-left:10%;margin-top: 20px;}
    .section4-4Cuadro{width: 100%;height: 300px;float: left;}
    .section4-4Cuadro h1{width: 80%; margin-top: 20px;margin-left: 5%;color: #000;}
    .section4-4Cuadro h3{width: 80%; margin-top: 20px;margin-left: 5%;color: #000; }
    #section4-5{width: 100%;height: 200px;}
    #section4-5 h1{width: 80%;margin-left: auto;margin-right: auto;}

    /*pag1y2*/
    /*pag1-1*/
    #pag1-1-0{width: 100%; height: 70px; float: left; }
    #pag1-1-0 h2 {padding-top: 30px; padding-left: 3%;}
    #pag1-1-1{width: 30%; height:auto; float: left; }/*background: #88570f44;*/
    #pag1-1-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 10px;margin-bottom: 10px;}
    #pag1-1-2{width: 70%; height: auto; float: left; background: #f8f5f5f3; 
             font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag1-1-2 h3{ text-align: center; margin-top: 30px;margin-bottom: 30px;}
    #pag1-1-2 p{ text-align:justify; margin-top: 10px;margin-bottom: 30px;width: 90%;margin-left: auto;
             margin-right: auto;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
             line-height: 1.5;}
    /*pag1-2*/
    #pag1-2-0{width: 100%; height: 20px; float: left; } 
    #pag1-2-1{width: 30%; height:600px; float: left;background: #38281c;}
    #pag1-2-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 30px;margin-bottom: 30px;}
    #pag1-2-2{width: 70%; height:auto; float: left;background:#38281c;}
    #pag1-2-2-1{width: 50%; height: 600px;float: left;}
    #pag1-2-2-1 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-1 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
             text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
             line-height: 1.5;}
    #pag1-2-2-2{width: 50%; height: 600px;float: left;}
    #pag1-2-2-2 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-2 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
              text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
              line-height: 1.5;}
    /*Pag 3*/
    #pag3-1  h1 {width: 100%;  margin-top: 10px;margin-bottom: 10px; float: left;}
    #pag3-2  h1 { margin-top: 10px;margin-bottom: 10px; float: left;}
    #pag3-3  h1 { margin-top: 10px;margin-bottom: 10px;float: left; }
    #pag3-4  h1 { margin-top: 10px;margin-bottom: 10px;float: left;  }
    .pag3-cuadro{width: 100%;height: 450px; margin: 10px; float: left; text-align: center;}
    .pag3-cuadro img{ width: 250px;height: 400px; }
    .pag3-cuadro h4{ width: 100%;text-align: center;}
    .pag3-cuadro p{ width: 100%;}

    .pag3-5  h1 {width: 100%;float: left; margin-left: 25%; margin-bottom: 40px;}
    /*pag 4*/
    #pag4-1-1{width: 100%;height: 500px;float: left;}
    #pag4-1-1 h4{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 h2{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 table{width: 90%; margin-left: auto;margin-right: auto;margin-top: 10px;}
    #pag4-1-1 .pag4-1-1-RS{width: 10%;}
    #pag4-1-1 img{max-width: 60%; height:auto;}

    #pag4-1-2{width: 100%;height: 500px;float: left; }
    #soyFormulario{width: 90%; height: 500px;background: #fff;margin-left:auto; margin-right:auto;
            margin-bottom: 10%;}
    #soyFormulario fieldset{width: 100%;font-size: 100%;margin-left:auto; margin-right:auto;}
    #soyFormulario fieldset table{width: 100%;margin-left:auto; margin-right:auto;}
    #soyFormulario textarea, img,input{width: 100%}
    #soyFormulario #btnNuevo{height: 40px;}
    #imgActualizar{margin-left: 4%; width: 40px;height: 40px;}

    /* section5 solicitar */
    #section5-1{ width: 100%;height:150px; float: left;}
    #section5-1 h1{ width: 59%;color:#fff ;margin-top: 100px;margin-left: auto;margin-right: auto;
               font-size: 38px;}
    #section5-2{ width: 100%;height:320px; float: left;text-align: center;}
    #section5-2 img{ width: 70%;height:300px;}

    footer{color: #fff;text-align: center;padding-top: 10px;}
}
@media only screen and (min-width:768px) {
    #soyTitulo{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;}
    #soyTitulo{ width: 100%;background: #fff; height: 100px; margin-top: 2px; }
    .col1H1,.col2H1,.col3H1,.col4H1,.col5H1 {width:50%;float: left; height: 25px;}
    .col6H1 {width:100%;float: left;height: 25px; }
    .col1H1,.col2H1,.col3H1,.col4H1,.col5H1,.col6H1{font-weight: normal;
	background:#fff; color:#003; }
    #menuPrincipal{width: 100%;background: #000;  }
    /*position: fixed;z-index: 50;*/
    #header0{ width: 100%;background: #6e3636; height: 48px; margin-top: 2px;
              border-collapse: collapse; border-bottom: 2px solid rgb(13, 3, 51); }
    #header1{ width: 100%;background: #fff; height:auto; margin-top: 10px; } 
    #section_banner0{ width: 100%;height:auto; float: left;} /*Toma el tamño de a imagen*/
    #section1{ width: 100%;height:auto; float: left;background: #e2d9d9f3;margin-top: 20px;margin-bottom: 20px;} 
    #section2{ width: 100%;height:auto; float: left;}
    #section3{ width: 100%;height:auto; float: left;background: #e2d9d9f3;} /*height:450px;*/
    #section4{ width: 100%;height:auto; float: left;}/*height:750px;*/
    #pag1-1{width: 100%;height: auto;float: left;}
    #pag1-2{width: 100%;height: auto;float: left;
            font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag3-1{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    .pag3-5{width: 95%;margin-left: auto;height: 100px; margin-right: auto; margin-bottom: 40px;}
    #pag3-2{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-3{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-4{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag4-1{width: 100%;height:auto;float: left;margin-top: 50px;}
    #pag4-2{width: 100%;height: auto;float: left;margin-top: 80px; }
    #section5{ width: 100%;height:auto; float: left;margin-top: 40px;margin-bottom: 20px;background:#38281c;}
    #footer{   width: 100%;height:50px; float: left; background: #000;}

    /* Menu principal */
       /* Style the top navigation bar */
    .topnav {overflow: hidden;width: 80%;  margin:0 auto;background: #000;} /* #333*/
       /* Style the topnav links */
    .topnav a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;  
           text-decoration: none;}
    .topnav a:hover {color: black; background: #3ead47;}

    /*header 1*/
    #conteHeader1{width: 400px;height: auto;margin-left: auto;margin-right: auto;}
    #conteHeader1 img{width: 90px;height: 90px; float:left; margin-left: 150px;}
    #conteHeader1 h1{ float:left; margin-top: 20px;margin-left: 10px;margin-bottom: 20px;}
    /*header 1*/
    /* Section0_banner0 */ 
    #slider {width: 95%;margin: auto;height:250px ; overflow: hidden;}
    #slider ul{display: flex;padding: 0;width: 400%;
               animation: cambio 20s infinite alternate linear;}
    #slider li {width: 100%;list-style: none;}
    #slider img{width: 100%;}
    @keyframes cambio{
        0% {margin-left: 0;}
        20% {margin-left: 0;}

        25% {margin-left: -100%;}
        45% {margin-left: -100%;}

        50% {margin-left: -200%;}
        70% {margin-left: -200%;}

        75% {margin-left: -300%;}
        100% {margin-left: -300%;}
    }
    /* Section1              texto de bienveida */
    #section1 h1{width: 70%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000;font-size: 25px;}
    #section1 h4{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000; margin-bottom: 20px;}
    /* Section2 galeria*/
    #section2-0{width:100%; height: auto;float: left;}
    #section2-0 h4{width:80%; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
    #section2-0 video{width:268px; height:500px ; margin-left: 50px; margin-bottom: 10px;}

    #section2-1{width: 100%;height: auto; float: left;} /* background: #f36a1b; */
    .section2cuadro{width: 95%; height: auto; margin-top: 40px;margin-bottom: 10px;
            margin-left: auto;margin-right: auto; text-align: center;/*centra la imagen*/
            overflow: hidden;}
    .section2cuadroImg{width: 100%;height:auto;float: left; }
    .section2cuadroImg img{max-width: 200px;height:300px;}
    .section2cuadroText{width: 100%;height: 300px;float: left;}
    .section2cuadroText h1{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 10px;}
    .section2cuadroText p{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h4{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h2{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}

    /* Section3 historia*/
    #section3-1{width: 100%;float: left;}
    #section3-1 h1{width: 80%; margin-left: auto;margin-right: auto;margin-top: 30px; text-align: center;
                  color: #000;}
    #section3-1 h4{width: 80%; margin-left: auto;margin-right: auto;margin-top: 30px; text-align: center;
               color: #000;}
    #section3-2{width: 100%;float: left;}
    #section3-2 img{max-width: 100%; height: 400px; margin-top: 25px;}

    /* section4 solicitar */
    #section4-1{width: 100%;height: 50px;background: #fff;margin-top: 50px;}
    #section4-1 h4{width: 50%; margin-left: auto;margin-right: auto;padding-top: 15px ; text-align: center;
                  color: #000;} 
    #section4-2{width: 100%;height: 50px;background: #fff;}
    #section4-2 h2{width: 50%; margin-left: auto;margin-right: auto; text-align: center;color: #000;} 
    #section4-3{width: 100%;height: 100px;background: #fff;}
    #section4-3 h3{width: 60%; margin-left: auto;margin-right: auto; text-align: center;color: #000;}
    #section4-4{width: 100%;height: auto;background: #fff;padding-left:10%;margin-top: 20px;}
    .section4-4Cuadro{width: 100%;height: 300px;float: left;}
    .section4-4Cuadro h1{width: 80%; margin-top: 20px;margin-left: 5%;color: #000;}
    .section4-4Cuadro h3{width: 80%; margin-top: 20px;margin-left: 5%;color: #000; }
    #section4-5{width: 100%;height: 200px;}
    #section4-5 h1{width: 80%;margin-left: auto;margin-right: auto;}

    /*pag1y2*/
    /*pag1-1*/
    #pag1-1-0{width: 100%; height: 70px; float: left; }
    #pag1-1-0 h2 {padding-top: 30px; padding-left: 3%;}
    #pag1-1-1{width: 30%; height:auto; float: left; }/*background: #88570f44;*/
    #pag1-1-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 10px;margin-bottom: 10px;}
    #pag1-1-2{width: 70%; height: auto; float: left; background: #f8f5f5f3; 
             font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag1-1-2 h3{ text-align: center; margin-top: 30px;margin-bottom: 30px;}
    #pag1-1-2 p{ text-align:justify; margin-top: 10px;margin-bottom: 30px;width: 90%;margin-left: auto;
             margin-right: auto;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
             line-height: 1.5;}
    /*pag1-2*/
    #pag1-2-0{width: 100%; height: 20px; float: left; } 
    #pag1-2-1{width: 30%; height:500px; float: left;background: #38281c;}
    #pag1-2-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 30px;margin-bottom: 30px;}
    #pag1-2-2{width: 70%; height:auto; float: left;background:#38281c;}
    #pag1-2-2-1{width: 50%; height: 500px;float: left;}
    #pag1-2-2-1 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-1 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
             text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
             line-height: 1.5;}
    #pag1-2-2-2{width: 50%; height: 500px;float: left;}
    #pag1-2-2-2 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-2 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
              text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
              line-height: 1.5;}
    /*Pag 3*/
    #pag3-1  h1 {width: 100%;  margin-top: 10px;margin-bottom: 10px; float: left;}
    #pag3-2  h1 { margin-top: 10px;margin-bottom: 10px; float: left;}
    #pag3-3  h1 { margin-top: 10px;margin-bottom: 10px;float: left; }
    #pag3-4  h1 { margin-top: 10px;margin-bottom: 10px;float: left;  }
    .pag3-cuadro{width: 100%;height: 450px; margin: 10px; float: left; text-align: center;}
    .pag3-cuadro img{ width: 250px;height: 400px; }
    .pag3-cuadro h4{ width: 100%;text-align: center;}
    .pag3-cuadro p{ width: 100%;}

    .pag3-5  h1 {width: 100%;float: left; margin-left: 32%; margin-bottom: 40px;}

    /*pag 4*/
    #pag4-1-1{width: 100%;height: 500px;float: left;}
    #pag4-1-1 h4{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 h2{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 table{width: 90%; margin-left: auto;margin-right: auto;margin-top: 10px;}
    #pag4-1-1 .pag4-1-1-RS{width: 10%;}
    #pag4-1-1 img{max-width: 50%; height:auto;}

    #pag4-1-2{width: 100%;height: 500px;float: left; }
    #soyFormulario{width: 70%; height: 500px;background: #fff;margin-left:auto; margin-right:auto;
            margin-bottom: 10%;}
    #soyFormulario fieldset{width: 100%;font-size: 100%;margin-left:auto; margin-right:auto;}
    #soyFormulario fieldset table{width: 100%;margin-left:auto; margin-right:auto;}
    #soyFormulario textarea, img,input{width: 100%}
    #soyFormulario #btnNuevo{height: 40px;}
    #imgActualizar{margin-left: 4%; width: 40px;height: 40px;}

    /* section5 solicitar */
    #section5-1{ width: 100%;height:150px; float: left;}
    #section5-1 h1{ width: 45%;color:#fff ;margin-top: 100px;margin-left: auto;margin-right: auto;
               font-size: 38px;}
    #section5-2{ width: 100%;height:320px; float: left;text-align: center;}
    #section5-2 img{ width: 60%;height:300px;}

    footer{color: #fff;text-align: center;padding-top: 10px;}
}
@media only screen and (min-width:834px) {
    #soyTitulo{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;}
    #soyTitulo{ width: 100%;background: #fff; height: 80px; margin-top: 2px; }
    .col1H1,.col2H1,.col3H1,.col4H1,.col5H1,.col6H1 {width:30%;float: left; height: 25px;}
    .col1H1,.col2H1,.col3H1,.col4H1,.col5H1,.col6H1{font-weight: normal;padding-left: 10px;
	                                   background:#fff; color:#003; }
    #menuPrincipal{width: 100%;background: #000;  }
    /*position: fixed;z-index: 50;*/
    #header0{ width: 100%;background: #6e3636; height: 48px; margin-top: 2px;
              border-collapse: collapse; border-bottom: 2px solid rgb(13, 3, 51); }
    #header1{ width: 100%;background: #fff; height:auto; margin-top: 10px; } 
    #section_banner0{ width: 100%;height:auto; float: left;} /*Toma el tamño de a imagen*/
    #section1{ width: 100%;height:auto; float: left;background: #e2d9d9f3;margin-top: 20px;margin-bottom: 20px;} 
    #section2{ width: 100%;height:auto; float: left;}
    #section3{ width: 100%;height:auto; float: left;background: #e2d9d9f3;} /*height:450px;*/
    #section4{ width: 100%;height:auto; float: left;}/*height:750px;*/
    #pag1-1{width: 100%;height: auto;float: left;}
    #pag1-2{width: 100%;height: auto;float: left;
            font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag3-1{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    .pag3-5{width: 95%;margin-left: auto;height: 100px; margin-right: auto; margin-bottom: 40px;}
    #pag3-2{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-3{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-4{width: 95%;margin-left: auto;height: 520px; margin-right: auto;}

    #pag4-1{width: 100%;height:auto;float: left;margin-top: 50px;}
    #pag4-2{width: 100%;height: auto;float: left;margin-top: 80px; }
    #section5{ width: 100%;height:auto; float: left;margin-top: 40px;margin-bottom: 20px;background:#38281c;}
    #footer{   width: 100%;height:50px; float: left; background: #000;}

    /* Menu principal */
       /* Style the top navigation bar */
    .topnav {overflow: hidden;width: 65%;  margin:0 auto;background: #000;} /* #333*/
       /* Style the topnav links */
    .topnav a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;  
           text-decoration: none;}
    .topnav a:hover {color: black; background: #3ead47;}

    /*header 1*/
    #conteHeader1{width: 400px;height: auto;margin-left: auto;margin-right: auto;}
    #conteHeader1 img{width: 90px;height: 90px; float:left; margin-left: 150px;}
    #conteHeader1 h1{ float:left; margin-top: 10px;margin-left: 10px;margin-bottom: 10px;}
    /*header 1*/
    /* Section0_banner0 */ 
    #slider {width: 95%;margin: auto;height:300px ; overflow: hidden;}
    #slider ul{display: flex;padding: 0;width: 400%;
               animation: cambio 20s infinite alternate linear;}
    #slider li {width: 100%;list-style: none;}
    #slider img{width: 100%;}
    @keyframes cambio{
        0% {margin-left: 0;}
        20% {margin-left: 0;}

        25% {margin-left: -100%;}
        45% {margin-left: -100%;}

        50% {margin-left: -200%;}
        70% {margin-left: -200%;}

        75% {margin-left: -300%;}
        100% {margin-left: -300%;}
    }
    /* Section1              texto de bienveida */
    #section1 h1{width: 50%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000;font-size: 25px;}
    #section1 h4{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000; margin-bottom: 20px;}
    /* Section2 galeria*/
    #section2-0{width:100%; height: auto;float: left;}
    #section2-0 h4{width:40%; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
    #section2-0 video{width:268px; height:500px ; margin-left: 90px; margin-bottom: 10px;}

    #section2-1{width: 100%;height: auto; float: left;} /* background: #f36a1b; */
    .section2cuadro{width: 95%; height: auto; margin-top: 40px;margin-bottom: 10px;
            margin-left: auto;margin-right: auto; text-align: center;/*centra la imagen*/
            overflow: hidden;}
    .section2cuadroImg{width: 100%;height:auto;float: left; }
    .section2cuadroImg img{max-width: 200px;height:300px;}
    .section2cuadroText{width: 100%;height: 300px;float: left;}
    .section2cuadroText h1{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 10px;}
    .section2cuadroText p{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h4{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h2{width:100%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}

    /* Section3 historia*/
    #section3-1{width: 100%;float: left;}
    #section3-1 h1{width: 80%; margin-left: auto;margin-right: auto;margin-top: 30px; text-align: center;
                  color: #000;}
    #section3-1 h4{width: 80%; margin-left: auto;margin-right: auto;margin-top: 30px; text-align: center;
               color: #000;}
    #section3-2{width: 100%;float: left;}
    #section3-2 img{max-width: 100%; height: 400px; margin-top: 25px;}

    /* section4 solicitar */
    #section4-1{width: 100%;height: 50px;background: #fff;margin-top: 50px;}
    #section4-1 h4{width: 50%; margin-left: auto;margin-right: auto;padding-top: 15px ; text-align: center;
                  color: #000;} 
    #section4-2{width: 100%;height: 50px;background: #fff;}
    #section4-2 h2{width: 50%; margin-left: auto;margin-right: auto; text-align: center;color: #000;} 
    #section4-3{width: 100%;height: 100px;background: #fff;}
    #section4-3 h3{width: 60%; margin-left: auto;margin-right: auto; text-align: center;color: #000;}
    #section4-4{width: 100%;height: auto;background: #fff;padding-left:10%;margin-top: 20px;}
    .section4-4Cuadro{width: 100%;height: 250px;float: left;}
    .section4-4Cuadro h1{width: 80%; margin-top: 20px;margin-left: 5%;color: #000;}
    .section4-4Cuadro h3{width: 80%; margin-top: 20px;margin-left: 5%;color: #000; }
    #section4-5{width: 100%;height: 200px;}
    #section4-5 h1{width: 80%;margin-left: auto;margin-right: auto;}

    /*pag1y2*/
    /*pag1-1*/
    #pag1-1-0{width: 100%; height: 70px; float: left; }
    #pag1-1-0 h2 {padding-top: 30px; padding-left: 3%;}
    #pag1-1-1{width: 30%; height:auto; float: left; }/*background: #88570f44;*/
    #pag1-1-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 10px;margin-bottom: 10px;}
    #pag1-1-2{width: 70%; height: auto; float: left; background: #f8f5f5f3; 
             font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag1-1-2 h3{ text-align: center; margin-top: 30px;margin-bottom: 30px;}
    #pag1-1-2 p{ text-align:justify; margin-top: 10px;margin-bottom: 30px;width: 90%;margin-left: auto;
             margin-right: auto;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
             line-height: 1.5;}
    /*pag1-2*/
    #pag1-2-0{width: 100%; height: 20px; float: left; } 
    #pag1-2-1{width: 30%; height:500px; float: left;background: #38281c;}
    #pag1-2-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 30px;margin-bottom: 30px;}
    #pag1-2-2{width: 70%; height:auto; float: left;background:#38281c;}
    #pag1-2-2-1{width: 50%; height: 500px;float: left;}
    #pag1-2-2-1 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-1 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
             text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
             line-height: 1.5;}
    #pag1-2-2-2{width: 50%; height: 500px;float: left;}
    #pag1-2-2-2 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-2 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
              text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
              line-height: 1.5;}
    /*Pag 3*/
    #pag3-1  h1 {width: 100%;  margin-top: 10px;margin-bottom: 10px; float: left;}
    #pag3-2  h1 { margin-top: 10px;margin-bottom: 10px; float: left;}
    #pag3-3  h1 { margin-top: 10px;margin-bottom: 10px;float: left; }
    #pag3-4  h1 { margin-top: 10px;margin-bottom: 10px;float: left;  }
    .pag3-cuadro{width: 100%;height: 450px; margin: 10px; float: left; text-align: center;}
    .pag3-cuadro img{ width: 250px;height: 400px; }
    .pag3-cuadro h4{ width: 100%;text-align: center;}
    .pag3-cuadro p{ width: 100%;}

    .pag3-5  h1 {width: 100%;float: left; margin-left: 32%; margin-bottom: 40px;}

    /*pag 4*/
    #pag4-1-1{width: 40%;height: 500px;float: left;}
    #pag4-1-1 h4{width: 80%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 h2{width: 80%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 table{width: 80%; margin-left: auto;margin-right: auto;margin-top: 10px;}
    #pag4-1-1 .pag4-1-1-RS{width: 10%;}
    #pag4-1-1 img{max-width: 50%; height:auto;}

    #pag4-1-2{width: 60%;height: 500px;float: left; }
    #soyFormulario{width: 90%; height: 500px;background: #fff;margin-left:auto; margin-right:auto;
            margin-bottom: 10%;}
    #soyFormulario fieldset{width: 80%;font-size: 100%;margin-left:auto; margin-right:auto;}
    #soyFormulario fieldset table{width: 90%;margin-left:auto; margin-right:auto;}
    #soyFormulario textarea, img,input{width: 100%}
    #soyFormulario #btnNuevo{height: 40px;}
    #imgActualizar{margin-left: 4%; width: 40px;height: 40px;}

    /* section5 solicitar */
    #section5-1{ width: 100%;height:150px; float: left;}
    #section5-1 h1{ width: 40%;color:#fff ;margin-top: 80px;margin-left: auto;margin-right: auto;
               font-size: 38px;}
    #section5-2{ width: 100%;height:320px; float: left;text-align: center;}
    #section5-2 img{ width: 50%;height:300px;}

    footer{color: #fff;text-align: center;padding-top: 10px;}
}
@media only screen and (min-width:1024px) {
    #soyTitulo{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;}
    #soyTitulo{ width: 100%;background: #fff; height: 50px; margin-top: 2px; }
    
    .col1H1,.col2H1,.col3H1,.col4H1,.col5H1,.col6H1{font-weight: normal;
        background:#fff; color:#003; }
    .col1H1,.col2H1,.col3H1,.col4H1 {width:16.6%; height: 25px; float: left;}
    .col5H1{width:10%; height: 25px; float: left;}
    .col6H1{width:23%; height: 25px; float: right;}
    .col1H1{width:16%;margin-left: .6% ;float: left;}
    
    
    #menuPrincipal{width: 100%;background: #000;  }
    /*position: fixed;z-index: 50;*/
    #header0{ width: 100%;background: #6e3636; height: 48px; margin-top: 2px;
        border-collapse: collapse; border-bottom: 2px solid rgb(13, 3, 51); }
    #header1{ width: 100%;background: #fff; height: 100px; margin-top: 10px; }
    #section_banner0{ width: 100%;height:auto; float: left;} /*Toma el tamño de a imagen*/
    #section1{ width: 100%;height:150px; float: left;background: #e2d9d9f3;margin-top: 20px;margin-bottom: 20px;} 
    #section2{ width: 100%;height:auto; float: left;}
    #section3{ width: 100%;height:auto; float: left;background: #e2d9d9f3;} /*height:450px;*/
    #section4{ width: 100%;height:auto; float: left;}/*height:750px;*/
    #pag1-1{width: 100%;height: auto;float: left;}
    #pag1-2{width: 100%;height: auto;float: left;
            font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag3-1{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
    .pag3-5{width: 80%;margin-left: auto;height: 50px; margin-right: auto; margin-bottom: 40px;}
    #pag3-2{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-3{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-4{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
    
    #pag4-1{width: 100%;height:auto;float: left;margin-top: 50px;}
    #pag4-2{width: 100%;height: auto;float: left;margin-top: 80px; }
    #section5{ width: 100%;height:auto; float: left;margin-top: 40px;margin-bottom: 20px;background:#38281c;}
    #footer{   width: 100%;height:50px; float: left; background: #000;}
    
    
    /* Menu principal */
           /* Style the top navigation bar */
    .topnav {overflow: hidden;width: 49%;  margin:0 auto;background: #000;} /* #333*/
           /* Style the topnav links */
    .topnav a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;  
               text-decoration: none;}
    .topnav a:hover {color: black; background: #3ead47;}
    
    /*header 1*/
    #conteHeader1{width: 500px;height: auto;margin-left: auto;margin-right: auto;}
    #conteHeader1 img{width: 90px;height: 90px; float:left; margin-left: 0px;}
    #conteHeader1 h1{ float:left; margin-top: 20px;margin-left: 10px;}
    /*header 1*/
    
    
    /* Section0_banner0 */ 
    .slider {width: 95%;margin: auto;height: 700px; overflow: hidden;}
    .slider ul{display: flex;padding: 0;width: 400%;
              animation: cambio 20s infinite alternate linear;}
    .slider li {width: 100%;list-style: none;}
    .slider img{width: 100%;}
    @keyframes cambio{
        0% {margin-left: 0;}
        20% {margin-left: 0;}
    
        25% {margin-left: -100%;}
        45% {margin-left: -100%;}
    
        50% {margin-left: -200%;}
        70% {margin-left: -200%;}
    
        75% {margin-left: -300%;}
        100% {margin-left: -300%;}
    }
    
    
    
    
    /* Section1              texto de bienveida */
    #section1 h1{width: 60%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000;font-size: 25px;}
    #section1 h4{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000;}
    /* Section2 galeria*/
    #section2-0{width:30%; height: auto;float: left;}
    #section2-0 h4{width:90%; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
    #section2-0 video{width:268px; height:500px ; margin-left: 50px; margin-bottom: 10px;}
    
    #section2-1{width: 70%;height: auto; float: left;} /* background: #f36a1b; */
    .section2cuadro{width: 60%; height: 350px; margin-top: 40px;margin-bottom: 10px;
        margin-left: auto;margin-right: auto; text-align: center;/*centra la imagen*/
       overflow: hidden;}
    .section2cuadroImg{width: 40%;height:auto;float: left; }
    .section2cuadroImg img{max-width: 200px;height:300px;}
    .section2cuadroText{width: 60%;height: 300px;float: left;}
    .section2cuadroText h1{width:90%; margin-left: auto;margin-bottom: auto;}
    .section2cuadroText p{width:90%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h4{width:90%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h2{width:90%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    
    /* Section3 historia*/
    #section3-1{width: 50%;float: left;}
    #section3-1 h1{width: 60%; margin-left: auto;margin-right: auto;margin-top: 100px; text-align: center;
                   color: #000;}
    #section3-1 h4{width: 80%; margin-left: auto;margin-right: auto;margin-top: 30px; text-align: center;
                   color: #000;}
    #section3-2{width: 50%;float: left;}
    #section3-2 img{max-width: 90%; height: 400px; margin-top: 25px;margin-bottom: 25px;}
    
    /* section4 solicitar */
    #section4-1{width: 100%;height: 50px;background: #fff;margin-top: 50px;}
    #section4-1 h4{width: 50%; margin-left: auto;margin-right: auto;padding-top: 15px ; text-align: center;
                  color: #000;} 
    #section4-2{width: 100%;height: 50px;background: #fff;}
    #section4-2 h2{width: 50%; margin-left: auto;margin-right: auto; text-align: center;color: #000;} 
    #section4-3{width: 100%;height: 100px;background: #fff;}
    #section4-3 h3{width: 60%; margin-left: auto;margin-right: auto; text-align: center;color: #000;}
    #section4-4{width: 100%;height: 500px;background: #fff;padding-left:20%;}
    .section4-4Cuadro{width: 30%;height: 400px;float: left;}
    .section4-4Cuadro h1{width: 80%; margin-top: 20px;margin-left: 5%;color: #000;}
    .section4-4Cuadro h3{width: 80%; margin-top: 20px;margin-left: 5%;color: #000; }
    #section4-5{width: 100%;height: 50px;background: #fff;}
    #section4-5 h1{width: 50%;margin-left: auto;margin-right: auto;}
    
    /*pag1y2*/
    /*pag1-1*/
    #pag1-1-0{width: 100%; height: 70px; float: left; }
    #pag1-1-0 h2 {padding-top: 30px; padding-left: 3%;}
    #pag1-1-1{width: 30%; height:auto; float: left; }/*background: #88570f44;*/
    #pag1-1-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 10px;margin-bottom: 10px;}
    #pag1-1-2{width: 70%; height: auto; float: left; background: #f8f5f5f3; 
              font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag1-1-2 h3{ text-align: center; margin-top: 30px;margin-bottom: 30px;}
    #pag1-1-2 p{ text-align:justify; margin-top: 10px;margin-bottom: 30px;width: 90%;margin-left: auto;
               margin-right: auto;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
               line-height: 1.5;}
    /*pag1-2*/
    #pag1-2-0{width: 100%; height: 20px; float: left; }
    #pag1-2-1{width: 30%; height:420px; float: left;background: #38281c;}
    #pag1-2-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 30px;margin-bottom: 30px;}
    #pag1-2-2{width: 70%; height:auto; float: left;background:#38281c;}
    #pag1-2-2-1{width: 50%; height: 420px;float: left;}
    #pag1-2-2-1 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-1 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
                 text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
                 line-height: 1.5;}
    #pag1-2-2-2{width: 50%; height: 420px;float: left;}
    #pag1-2-2-2 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-2 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
                  text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
                  line-height: 1.5;}
    /*Pag 3*/
    #pag3-1  h1 {width: 100%; margin-top: 10px;margin-bottom: 10px; float: left;}
    #pag3-2  h1 {width: 100%; margin-top: 10px;margin-bottom: 10px;float: left; }
    #pag3-3  h1 {width: 100%; margin-top: 10px;margin-bottom: 10px; }
    #pag3-4  h1 {width: 100%; margin-top: 10px;margin-bottom: 10px; }
    .pag3-cuadro{width: 27%;height: 400px; margin: 20px; float: left; text-align: center;}
    .pag3-cuadro img{ width: 200px;height: 350px; }
    .pag3-cuadro h4{ width: 100%;text-align: center;}
    .pag3-cuadro p{ width: 100%;}
    
    .pag3-5  h1 {width: 100%;float: left; margin-left: 32%; margin-bottom: 40px;}
    
    /*pag 4*/
    #pag4-1-1{width: 40%;height: 500px;float: left;}
    #pag4-1-1 h4{width: 80%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 h2{width: 80%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 table{width: 80%; margin-left: auto;margin-right: auto;margin-top: 10px;}
    #pag4-1-1 .pag4-1-1-RS{width: 10%;}
    #pag4-1-1 img{max-width: 40%; height:auto;}
    
    #pag4-1-2{width: 60%;height: 500px;float: left; }
    #soyFormulario{width: 90%; height: 500px;background: #fff;margin-left:auto; margin-right:auto;
        margin-bottom: 10%;}
    #soyFormulario fieldset{width: 80%;font-size: 100%;margin-left:auto; margin-right:auto;}
    #soyFormulario fieldset table{width: 90%;margin-left:auto; margin-right:auto;}
    #soyFormulario textarea, img,input{width: 100%}
    #soyFormulario #btnNuevo{height: 40px;}
    #imgActualizar{margin-left: 4%; width: 40px;height: 40px;}
    
    /* section5 solicitar */
    #section5-1{ width: 60%;height:300px; float: left;}
    #section5-1 h1{ width: 60%;color:#fff ;margin-top: 100px;margin-left: auto;margin-right: auto;
                   font-size: 38px;}
    #section5-2{ width: 40%;height:300px; float: left;}
    #section5-2 img{ width: 95%;height:300px;}
    
    footer{color: #fff;text-align: center;padding-top: 10px;}
    
    
}
@media only screen and (min-width:1200px) {
    #soyTitulo{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;}
    #soyTitulo{ width: 100%;background: #fff; height: 25px; margin-top: 2px; }
    
    .col1H1,.col2H1,.col3H1,.col4H1,.col5H1,.col6H1{font-weight: normal;
        background:#fff; color:#003; }
    .col1H1,.col2H1,.col3H1,.col4H1 {width:16.6%; height: 25px; float: left;}
    .col5H1{width:10%; height: 25px; float: left;}
    .col6H1{width:23%; height: 25px; float: right;}
    .col1H1{width:16%;margin-left: .6% ;float: left;}
    
    
    #menuPrincipal{width: 100%;background: #000;  }
    /*position: fixed;z-index: 50;*/
    #header0{ width: 100%;background: #6e3636; height: 48px; margin-top: 2px;
        border-collapse: collapse; border-bottom: 2px solid rgb(13, 3, 51); }
    #header1{ width: 100%;background: #fff; height: 100px; margin-top: 10px; }
    #section_banner0{ width: 100%;height:auto; float: left;} /*Toma el tamño de a imagen*/
    #section1{ width: 100%;height:150px; float: left;background: #e2d9d9f3;margin-top: 20px;margin-bottom: 20px;} 
    #section2{ width: 100%;height:auto; float: left;}
    #section3{ width: 100%;height:auto; float: left;background: #e2d9d9f3;} /*height:450px;*/
    #section4{ width: 100%;height:auto; float: left;}/*height:750px;*/
    #pag1-1{width: 100%;height: auto;float: left;}
    #pag1-2{width: 100%;height: auto;float: left;
            font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag3-1{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
    .pag3-5{width: 80%;margin-left: auto;height: 50px; margin-right: auto; margin-bottom: 40px;}
    #pag3-2{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-3{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-4{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
    
    #pag4-1{width: 100%;height:auto;float: left;margin-top: 50px;}
    #pag4-2{width: 100%;height: auto;float: left;margin-top: 80px; }
    #section5{ width: 100%;height:auto; float: left;margin-top: 40px;margin-bottom: 20px;background:#38281c;}
    #footer{   width: 100%;height:50px; float: left; background: #000;}
    
    
    /* Menu principal */
           /* Style the top navigation bar */
    .topnav {overflow: hidden;width: 45%;  margin:0 auto;background: #000;} /* #333*/
           /* Style the topnav links */
    .topnav a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;  
               text-decoration: none;}
    .topnav a:hover {color: black; background: #3ead47;}
    
    /*header 1*/
    #conteHeader1{width: 500px;height: auto;margin-left: auto;margin-right: auto;}
    #conteHeader1 img{width: 90px;height: 90px; float:left; margin-left: 0px;}
    #conteHeader1 h1{ float:left; margin-top: 20px;margin-left: 10px;}
    /*header 1*/
    
    
    /* Section0_banner0 */ 
    .slider {width: 95%;margin: auto;height:450px ; overflow: hidden;}
    .slider ul{display: flex;padding: 0;width: 400%;
              animation: cambio 20s infinite alternate linear;}
    .slider li {width: 100%;list-style: none;}
    .slider img{width: 100%;}
    @keyframes cambio{
        0% {margin-left: 0;}
        20% {margin-left: 0;}
    
        25% {margin-left: -100%;}
        45% {margin-left: -100%;}
    
        50% {margin-left: -200%;}
        70% {margin-left: -200%;}
    
        75% {margin-left: -300%;}
        100% {margin-left: -300%;}
    }
    
    
    
    
    /* Section1              texto de bienveida */
    #section1 h1{width: 60%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000;font-size: 25px;}
    #section1 h4{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000;}
    /* Section2 galeria*/
    #section2-0{width:30%; height: auto;float: left;}
    #section2-0 h4{width:90%; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
    #section2-0 video{width:268px; height:500px ; margin-left: 50px; margin-bottom: 10px;}
    
    #section2-1{width: 70%;height: auto; float: left;} /* background: #f36a1b; */
    .section2cuadro{width: 60%; height: 350px; margin-top: 40px;margin-bottom: 10px;
        margin-left: auto;margin-right: auto; text-align: center;/*centra la imagen*/
       overflow: hidden;}
    .section2cuadroImg{width: 40%;height:auto;float: left; }
    .section2cuadroImg img{max-width: 200px;height:300px;}
    .section2cuadroText{width: 60%;height: 300px;float: left;}
    .section2cuadroText h1{width:90%; margin-left: auto;margin-bottom: auto;}
    .section2cuadroText p{width:90%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h4{width:90%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h2{width:90%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    
    /* Section3 historia*/
    #section3-1{width: 50%;float: left;}
    #section3-1 h1{width: 60%; margin-left: auto;margin-right: auto;margin-top: 100px; text-align: center;
                   color: #000;}
    #section3-1 h4{width: 80%; margin-left: auto;margin-right: auto;margin-top: 30px; text-align: center;
                   color: #000;}
    #section3-2{width: 50%;float: left;}
    #section3-2 img{max-width: 90%; height: 400px; margin-top: 25px;margin-bottom: 25px;}
    
    /* section4 solicitar */
    #section4-1{width: 100%;height: 50px;background: #fff;margin-top: 50px;}
    #section4-1 h4{width: 50%; margin-left: auto;margin-right: auto;padding-top: 15px ; text-align: center;
                  color: #000;} 
    #section4-2{width: 100%;height: 50px;background: #fff;}
    #section4-2 h2{width: 50%; margin-left: auto;margin-right: auto; text-align: center;color: #000;} 
    #section4-3{width: 100%;height: 100px;background: #fff;}
    #section4-3 h3{width: 60%; margin-left: auto;margin-right: auto; text-align: center;color: #000;}
    #section4-4{width: 100%;height: 500px;background: #fff;padding-left:20%;}
    .section4-4Cuadro{width: 30%;height: 400px;float: left;}
    .section4-4Cuadro h1{width: 80%; margin-top: 20px;margin-left: 5%;color: #000;}
    .section4-4Cuadro h3{width: 80%; margin-top: 20px;margin-left: 5%;color: #000; }
    #section4-5{width: 100%;height: 50px;background: #fff;}
    #section4-5 h1{width: 50%;margin-left: auto;margin-right: auto;}
    
    /*pag1y2*/
    /*pag1-1*/
    #pag1-1-0{width: 100%; height: 70px; float: left; }
    #pag1-1-0 h2 {padding-top: 30px; padding-left: 3%;}
    #pag1-1-1{width: 30%; height:auto; float: left; }/*background: #88570f44;*/
    #pag1-1-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 10px;margin-bottom: 10px;}
    #pag1-1-2{width: 70%; height: auto; float: left; background: #f8f5f5f3; 
              font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag1-1-2 h3{ text-align: center; margin-top: 30px;margin-bottom: 30px;}
    #pag1-1-2 p{ text-align:justify; margin-top: 10px;margin-bottom: 30px;width: 90%;margin-left: auto;
               margin-right: auto;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
               line-height: 1.5;}
    /*pag1-2*/
    #pag1-2-0{width: 100%; height: 20px; float: left; }
    #pag1-2-1{width: 30%; height:380px; float: left;background: #38281c;}
    #pag1-2-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 30px;margin-bottom: 30px;}
    #pag1-2-2{width: 70%; height:auto; float: left;background:#38281c;}
    #pag1-2-2-1{width: 50%; height: 380px;float: left;}
    #pag1-2-2-1 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-1 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
                 text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
                 line-height: 1.5;}
    #pag1-2-2-2{width: 50%; height: 380px;float: left;}
    #pag1-2-2-2 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-2 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
                  text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
                  line-height: 1.5;}
    /*Pag 3*/
    #pag3-1  h1 {width: 100%; margin-top: 10px;margin-bottom: 10px; float: left;}
    #pag3-2  h1 {width: 100%; margin-top: 10px;margin-bottom: 10px;float: left; }
    #pag3-3  h1 {width: 100%; margin-top: 10px;margin-bottom: 10px; }
    #pag3-4  h1 {width: 100%; margin-top: 10px;margin-bottom: 10px; }
    .pag3-cuadro{width: 27%;height: 400px; margin: 20px; float: left; text-align: center;}
    .pag3-cuadro img{ width: 200px;height: 350px; }
    .pag3-cuadro h4{ width: 100%;text-align: center;}
    .pag3-cuadro p{ width: 100%;}
    .pag3-cuadroLamina{width: 27%;height: 400px; margin: 20px; float: left; text-align: center;}
    .pag3-cuadroLamina img{ width: 200px;height: 350px; }
    
    
    .pag3-5  h1 {width: 100%;float: left; margin-left: 32%; margin-bottom: 40px;}
    
    
    /*pag 4*/
    #pag4-1-1{width: 40%;height: 500px;float: left;}
    #pag4-1-1 h4{width: 80%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 h2{width: 80%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 table{width: 80%; margin-left: auto;margin-right: auto;margin-top: 10px;}
    #pag4-1-1 .pag4-1-1-RS{width: 10%;}
    #pag4-1-1 img{max-width: 50%; height:auto;}
    
    #pag4-1-2{width: 60%;height: 500px;float: left; }
    #soyFormulario{width: 90%; height: 500px;background: #fff;margin-left:auto; margin-right:auto;
        margin-bottom: 10%;}
    #soyFormulario fieldset{width: 70%;font-size: 100%;margin-left:auto; margin-right:auto;}
    #soyFormulario fieldset table{width: 80%;margin-left:auto; margin-right:auto;}
    #soyFormulario textarea, img,input{width: 100%}
    #soyFormulario #btnNuevo{height: 40px;}
    #imgActualizar{margin-left: 4%; width: 40px;height: 40px;}
    
    /* section5 solicitar */
    #section5-1{ width: 60%;height:300px; float: left;}
    #section5-1 h1{ width: 60%;color:#fff ;margin-top: 100px;margin-left: auto;margin-right: auto;
                   font-size: 38px;}
    #section5-2{ width: 40%;height:300px; float: left;}
    #section5-2 img{ width: 80%;height:300px;}
    
    footer{color: #fff;text-align: center;padding-top: 10px;}
    
}

@media only screen and (min-width: 1400px) {
    #soyTitulo{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;}
    #soyTitulo{ width: 100%;background: #fff; height: 25px; margin-top: 2px; }
    
    .col1H1,.col2H1,.col3H1,.col4H1,.col5H1,.col6H1{font-weight: normal;
        background:#fff; color:#003; }
    .col1H1,.col2H1,.col3H1,.col4H1 {width:16.6%; height: 25px; float: left;}
    .col5H1{width:10%; height: 25px; float: left;}
    .col6H1{width:23%; height: 25px; float: right;}
    .col1H1{width:16%;margin-left: .6% ;float: left;}
    
    
    #menuPrincipal{width: 100%;background: #000;  }
    /*position: fixed;z-index: 50;*/
    #header0{ width: 100%;background: #6e3636; height: 48px; margin-top: 2px;
        border-collapse: collapse; border-bottom: 2px solid rgb(13, 3, 51); }
    #header1{ width: 100%;background: #fff; height: 100px; margin-top: 10px; }
    #section_banner0{ width: 100%;height:auto; float: left;} /*Toma el tamño de a imagen*/
    #section1{ width: 100%;height:150px; float: left;background: #e2d9d9f3;margin-top: 20px;margin-bottom: 20px;} 
    #section2{ width: 100%;height:auto; float: left;}
    #section3{ width: 100%;height:auto; float: left;background: #e2d9d9f3;} /*height:450px;*/
    #section4{ width: 100%;height:auto; float: left;}/*height:750px;*/
    #pag1-1{width: 100%;height: auto;float: left;}
    #pag1-2{width: 100%;height: auto;float: left;
            font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag3-1{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
    .pag3-5{width: 80%;margin-left: auto;height: 50px; margin-right: auto; margin-bottom: 40px;}
    #pag3-2{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-3{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
    #pag3-4{width: 80%;margin-left: auto;height: 520px; margin-right: auto;}
    
    #pag4-1{width: 100%;height:auto;float: left;margin-top: 50px;}
    #pag4-2{width: 100%;height: auto;float: left;margin-top: 80px; }
    #section5{ width: 100%;height:auto; float: left;margin-top: 40px;margin-bottom: 20px;background:#38281c;}
    #footer{   width: 100%;height:50px; float: left; background: #000;}
    
    
    /* Menu principal */
           /* Style the top navigation bar */
    .topnav {overflow: hidden;width: 38%;  margin:0 auto;background: #000;} /* #333*/
           /* Style the topnav links */
    .topnav a {float: left;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;  
               text-decoration: none;}
    .topnav a:hover {color: black; background: #3ead47;}
    
    /*header 1*/
    #conteHeader1{width: 500px;height: auto;margin-left: auto;margin-right: auto;}
    #conteHeader1 img{width: 90px;height: 90px; float:left; margin-left: 0px;}
    #conteHeader1 h1{ float:left; margin-top: 20px;margin-left: 10px;}
    /*header 1*/
    
    
    /* Section0_banner0 */ 
    .slider {width: 95%;margin: auto;height:700px ; overflow: hidden;}
    .slider ul{display: flex;padding: 0;width: 400%;
              animation: cambio 20s infinite alternate linear;}
    .slider li {width: 100%;list-style: none;}
    .slider img{width: 100%;}
    @keyframes cambio{
        0% {margin-left: 0;}
        20% {margin-left: 0;}
    
        25% {margin-left: -100%;}
        45% {margin-left: -100%;}
    
        50% {margin-left: -200%;}
        70% {margin-left: -200%;}
    
        75% {margin-left: -300%;}
        100% {margin-left: -300%;}
    }
    
    
    
    
    /* Section1              texto de bienveida */
    #section1 h1{width: 60%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000;font-size: 25px;}
    #section1 h4{width: 90%; margin-left: auto;margin-right: auto;margin-top: 20px; text-align: center;
        color: #000;}
    /* Section2 galeria*/
    #section2-0{width:30%; height: auto;float: left;}
    #section2-0 h4{width:90%; margin-left: auto;margin-right: auto;margin-bottom: 10px;}
    #section2-0 video{width:268px; height:500px ; margin-left: 50px; margin-bottom: 10px;}
    
    #section2-1{width: 70%;height: auto; float: left;} /* background: #f36a1b; */
    .section2cuadro{width: 60%; height: 350px; margin-top: 40px;margin-bottom: 10px;
        margin-left: auto;margin-right: auto; text-align: center;/*centra la imagen*/
       overflow: hidden;}
    .section2cuadroImg{width: 40%;height:auto;float: left; }
    .section2cuadroImg img{max-width: 200px;height:300px;}
    .section2cuadroText{width: 60%;height: 300px;float: left;}
    .section2cuadroText h1{width:90%; margin-left: auto;margin-bottom: auto;}
    .section2cuadroText p{width:90%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h4{width:90%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    .section2cuadroText h2{width:90%; margin-left: auto;margin-bottom: auto;margin-top: 30px;}
    
    /* Section3 historia*/
    #section3-1{width: 50%;float: left;}
    #section3-1 h1{width: 60%; margin-left: auto;margin-right: auto;margin-top: 100px; text-align: center;
                   color: #000;}
    #section3-1 h4{width: 80%; margin-left: auto;margin-right: auto;margin-top: 30px; text-align: center;
                   color: #000;}
    #section3-2{width: 50%;float: left;}
    #section3-2 img{max-width: 90%; height: 400px; margin-top: 25px;margin-bottom: 25px;}
    
    /* section4 solicitar */
    #section4-1{width: 100%;height: 50px;background: #fff;margin-top: 50px;}
    #section4-1 h4{width: 50%; margin-left: auto;margin-right: auto;padding-top: 15px ; text-align: center;
                  color: #000;} 
    #section4-2{width: 100%;height: 50px;background: #fff;}
    #section4-2 h2{width: 50%; margin-left: auto;margin-right: auto; text-align: center;color: #000;} 
    #section4-3{width: 100%;height: 100px;background: #fff;}
    #section4-3 h3{width: 60%; margin-left: auto;margin-right: auto; text-align: center;color: #000;}
    #section4-4{width: 100%;height: 500px;background: #fff;padding-left:20%;}
    .section4-4Cuadro{width: 30%;height: 400px;float: left;}
    .section4-4Cuadro h1{width: 80%; margin-top: 20px;margin-left: 5%;color: #000;}
    .section4-4Cuadro h3{width: 80%; margin-top: 20px;margin-left: 5%;color: #000; }
    #section4-5{width: 100%;height: 50px;background: #fff;}
    #section4-5 h1{width: 50%;margin-left: auto;margin-right: auto;}
    
    /*pag1y2*/
    /*pag1-1*/
    #pag1-1-0{width: 100%; height: 70px; float: left; }
    #pag1-1-0 h2 {padding-top: 30px; padding-left: 3%;}
    #pag1-1-1{width: 30%; height:auto; float: left; }/*background: #88570f44;*/
    #pag1-1-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 10px;margin-bottom: 10px;}
    #pag1-1-2{width: 70%; height: auto; float: left; background: #f8f5f5f3; 
              font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif}
    #pag1-1-2 h3{ text-align: center; margin-top: 30px;margin-bottom: 30px;}
    #pag1-1-2 p{ text-align:justify; margin-top: 10px;margin-bottom: 30px;width: 90%;margin-left: auto;
               margin-right: auto;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
               line-height: 1.5;}
    /*pag1-2*/
    #pag1-2-0{width: 100%; height: 20px; float: left; }
    #pag1-2-1{width: 30%; height:380px; float: left;background: #38281c;}
    #pag1-2-1 img{max-width: 90%; height:auto;margin-left: 5%; margin-top: 30px;margin-bottom: 30px;}
    #pag1-2-2{width: 70%; height:auto; float: left;background:#38281c;}
    #pag1-2-2-1{width: 50%; height: 380px;float: left;}
    #pag1-2-2-1 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-1 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
                 text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
                 line-height: 1.5;}
    #pag1-2-2-2{width: 50%; height: 380px;float: left;}
    #pag1-2-2-2 h3{margin-left: 15%;margin-top: 50px; color: #997c1c;}
    #pag1-2-2-2 p{margin-left: 15%; margin-right:5% ; margin-top: 20px; color: #dad0b1;
                  text-align:justify;font-size:14px; font-style:normal;left: 10px; word-spacing: 4px;
                  line-height: 1.5;}
    /*Pag 3*/
    #pag3-1  h1 { margin-top: 10px;margin-bottom: 10px; }
    #pag3-2  h1 { margin-top: 10px;margin-bottom: 10px; }
    #pag3-3  h1 { margin-top: 10px;margin-bottom: 10px; }
    #pag3-4  h1 { margin-top: 10px;margin-bottom: 10px; }
    .pag3-cuadro{width: 27%;height: 400px; margin: 20px; float: left; text-align: center;}
    .pag3-cuadro img{ width: 200px;height: 350px; }
    .pag3-cuadro h4{ width: 100%;text-align: center;}
    .pag3-cuadro p{ width: 100%;}
    
    .pag3-5  h1 {width: 100%;float: left; margin-left: 32%; margin-bottom: 40px;}
    
    /*pag 4*/
    #pag4-1-1{width: 40%;height: 500px;float: left;}
    #pag4-1-1 h4{width: 80%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 h2{width: 80%; margin-left: auto;margin-right: auto;margin-top: 20px;}
    #pag4-1-1 table{width: 80%; margin-left: auto;margin-right: auto;margin-top: 10px;}
    #pag4-1-1 .pag4-1-1-RS{width: 10%;}
    #pag4-1-1 img{max-width: 30%; height:auto;}
    
    #pag4-1-2{width: 60%;height: 500px;float: left; }
    #soyFormulario{width: 90%; height: 500px;background: #fff;margin-left:auto; margin-right:auto;
        margin-bottom: 10%;}
    #soyFormulario fieldset{width: 80%;font-size: 100%;margin-left:auto; margin-right:auto;}
    #soyFormulario fieldset table{width: 80%;margin-left:auto; margin-right:auto;}
    #soyFormulario textarea, img,input{width: 100%}
    #soyFormulario #btnNuevo{height: 40px;}
    #imgActualizar{margin-left: 4%; width: 40px;height: 40px;}
    
    /* section5 solicitar */
    #section5-1{ width: 60%;height:300px; float: left;}
    #section5-1 h1{ width: 60%;color:#fff ;margin-top: 100px;margin-left: auto;margin-right: auto;
                   font-size: 38px;}
    #section5-2{ width: 40%;height:300px; float: left;}
    #section5-2 img{ width: 70%;height:300px;}
    
    footer{color: #fff;text-align: center;padding-top: 10px;}
         
    
}