body{

    background:white;
    font-family: 'Open Sans', sans-serif;

}

/*.decasystem{*/

    /*background:  url("../images/log-deca-012.png");*/
    /*background-size: 400px;*/
    /*width:100%;*/
    /*height: 300px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*justify-content: center;*/

/*}*/


.decasystem{


 height: 100px;
 margin-left:20px ;
}

header
{
    background:white;
    width:100%;
    height:auto;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;


}

.cabeza{
    width: 100%;

    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */

    display: flex;
    background-image: linear-gradient(to bottom right, #F4F4F4, #ABABAB);
    /*background-image: linear-gradient(to bottom, #A6A8A9 , #505050);*/

}

.sub0{

    padding-right: 25px;
    float: left;
}

.sub{
     margin: 25px;
     padding-top: 20px;
     color:white ;
 }

.sub2{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */

    display: flex;
}
.link{

    font-size: 20px;
    color: white;


}


.link:hover{

    font-size: 20px;
    color: black;


}
.slideshow-container {
    max-width: 100%;
    position: relative;
    margin-top: auto;

}


.prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;

    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}


 .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-left:95%;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}


.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
}

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;

    display: inline-block;
    transition: background-color 0.6s ease;
}

.active, .dot:hover {
    background-color: #717171;
}

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;



}




.aire{

    width: 100%;
    height: 100px;
    background: #0b333c;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
}

.pc{

    color: white;
    font-size: 20px;
}

.mono{
    margin-top: 30px;
    width: 100%;
    height: 100px;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
}
.slider{

    width:80%;
    height: 100px;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */

    display: flex;
    justify-content: center;
}
.bueno{

     width:100%;
     height: 100px;
    margin-left: 15px;
.transform(0px,0px,1);
.transition;

 }



.bueno2{

    width:100%;
    height: 100px;
    margin-left: 15px;
.transform(0px,0px,1);
.transition;
}


.bueno3{

    width:100%;
    height: 100px;
    margin-left: 15px;
.transform(0px,0px,1);
.transition;
}


.bueno4{

    width:100%;
    height: 100px;
    margin-left: 15px;
.transform(0px,0px,1);
.transition;

}




.bueno5{

    width:20%;
    height: 100px;
    margin-left: 15px;
}



.bueno:hover{
    .transform(0px,-30px,0.5);
    border-radius: 50%;
}


.bueno2:hover{
.transform(0px,-30px,0.5);
    border-radius: 50%;
}

.bueno3:hover{
.transform(0px,-30px,0.5);
    border-radius: 50%;
}

.bueno4:hover{
.transform(0px,-30px,0.5);
    border-radius: 50%;
}




.franja{

    width: 100%;
    height: 75px;
    background-image: linear-gradient(to bottom, #505050  ,#A6A8A9  );
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
}

.franja2{

  color: white;
}

.imagen{

    background:  url("../images/promociones decasystem-07.png");
    background-size: 1200px;
    width:100%;
    height: 500px;
    background-repeat: no-repeat;

    position: relative;
    filter: contrast(150%);

}

.nos{

    width: 100%;
    height: 300px;
    background: #C72710;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display:flex;
    justify-content: center;


}

.nos2{

    width: 100%;
    height: 330px;
    background: #505050;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display:flex;
    justify-content: center;

}

.nos3{


    width: 100%;
    height: 200px;
    background: #C72710;


}

.x1 {

    background-position: center;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
    font-size:40px;
    color: white;
}

.letras{

    width: 80%;
    height: 200px;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display:flex;
    margin-right: 150px;
    margin-top: 50px;
}



.letras2{

    width: 100%;
    height: 180px;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display:flex;
    justify-content: center;
}

.literatura{
    width: 70%;
    margin-left: 50px;
    color: white;
}

.literatura2{
    width: 70%;
    margin-left: 150px;
    color: white;
}


.contenedor{
    width: 100%;
    height: 900px;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    margin-top: -28px;
}

.logo{
    margin-top:-10px;
    width:100%;
    height: 450px;
    background:#455D8E;
}

.logo2{

    width: 100%;
    display: block;
    justify-content:center ;
    color: white;
    height: 450px;
}


.promocion1{
    background: #659AA9;
    height: 900px;
    width: 25%;


}

.super1{
     margin:10px;
    margin-right: 40px;
 }

.promocion2{
    background: gray;
    height: 900px;
    width: 25%;


}

.super2{
    margin:10px;
    margin-right: 40px;
}

.promocion3{
    background: #99B287;
    height: 900px;
    width: 25%;

}

.super3{
    margin:10px;
    margin-right: 40px;
}

.promocion4{
    background: darkgray;
    height: 900px;
    width: 25%;

}

.super4{
    margin:10px;
    margin-right: 40px;
}

.logos{
    width: 100%;
    height: 250px;
    background:#2F7E9E ;
}

.logos2{

    width:95%;
    height: 200px;
    display: flex;
    justify-content: center;
}

.b1{
    background-image: url("../images/Facebook_logo_(square).png") ;
    background-repeat: no-repeat;
    width: 25%;
    height:150px;
    background-size:100px ;
    background-position: center;
    transform:scale(1);
    -ms-transform:scale(1); // IE 9
-moz-transform:scale(1); // Firefox
-webkit-transform:scale(1); // Safari and Chrome
-o-transform:scale(1); // Opera
-webkit-transition: all 500ms ease-in-out; // IE 9
-moz-transition: all 500ms ease-in-out; // Firefox
-ms-transition: all 500ms ease-in-out; // Safari and Chrome
-o-transition: all 500ms ease-in-out; // Opera
}

.b2{
    background-image: url("../images/Twitter_Icon.png") ;
    background-repeat: no-repeat;
    width: 25%;
    height:150px;
    background-size:100px ;
    background-position: center;
    transform:scale(1);
    -ms-transform:scale(1); // IE 9
-moz-transform:scale(1); // Firefox
-webkit-transform:scale(1); // Safari and Chrome
-o-transform:scale(1); // Opera
-webkit-transition: all 500ms ease-in-out; // IE 9
-moz-transition: all 500ms ease-in-out; // Firefox
-ms-transition: all 500ms ease-in-out; // Safari and Chrome
-o-transition: all 500ms ease-in-out; // Opera

}

.b3{
    background-image: url("../images/social-instagram-new-circle-512.png") ;
    background-repeat: no-repeat;
    width: 25%;
    height:150px;
    background-size:100px ;
    background-position: center;
    transform:scale(1);
    -ms-transform:scale(1); // IE 9
-moz-transform:scale(1); // Firefox
-webkit-transform:scale(1); // Safari and Chrome
-o-transform:scale(1); // Opera
-webkit-transition: all 500ms ease-in-out; // IE 9
-moz-transition: all 500ms ease-in-out; // Firefox
-ms-transition: all 500ms ease-in-out; // Safari and Chrome
-o-transition: all 500ms ease-in-out; // Opera

}

.b4{
    background-image: url("../images/1280px-Logo_of_YouTube_(2015-2017).svg.png") ;
    background-repeat: no-repeat;
    width: 25%;
    height:150px;
    background-size:100px ;
    background-position: center;
    transform:scale(1);
    -ms-transform:scale(1); // IE 9
-moz-transform:scale(1); // Firefox
-webkit-transform:scale(1); // Safari and Chrome
-o-transform:scale(1); // Opera
-webkit-transition: all 500ms ease-in-out; // IE 9
-moz-transition: all 500ms ease-in-out; // Firefox
-ms-transition: all 500ms ease-in-out; // Safari and Chrome
-o-transition: all 500ms ease-in-out; // Opera

}


.b1:hover{

    transform:scale(0.8);
    -ms-transform:scale(0.8); // IE 9
-moz-transform:scale(0.8); // Firefox
-webkit-transform:scale(0.8); // Safari and Chrome
-o-transform:scale(0.8); // Opera
}

.b2:hover{

    transform:scale(0.8);
    -ms-transform:scale(0.8); // IE 9
-moz-transform:scale(0.8); // Firefox
-webkit-transform:scale(0.8); // Safari and Chrome
-o-transform:scale(0.8); // Opera
}

.b3:hover{

    transform:scale(0.8);
    -ms-transform:scale(0.8); // IE 9
-moz-transform:scale(0.8); // Firefox
-webkit-transform:scale(0.8); // Safari and Chrome
-o-transform:scale(0.8); // Opera
}

.b4:hover{

    transform:scale(0.8);
    -ms-transform:scale(0.8); // IE 9
-moz-transform:scale(0.8); // Firefox
-webkit-transform:scale(0.8); // Safari and Chrome
-o-transform:scale(0.8); // Opera
}


footer{
    width: 100%;
    height: auto;
    background: #505050;
    display: block;
}

.pie{

    width: 100%;
    height: 200px;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
    color: white;
    padding-top: 30px;
}


.derechos{
    width: 100%;
    margin-top: 25px;
    height: 75px;
    background: #292929;
    color:white;
    padding-top: 30px;
}

.empresa1{
    width:30%; height:200px; padding: 20px; border-radius: 25%;
}

.empresa2{
    width:30%; height:200px; padding: 20px; border-radius: 25%;
}


.empresa3{
    width:30%; height:200px; padding: 20px; border-radius: 25%;
}

.sty1{

    width:100%;
    height: 150px;
    transform:scale(1);
    -ms-transform:scale(1); // IE 9
-moz-transform:scale(1); // Firefox
-webkit-transform:scale(1); // Safari and Chrome
-o-transform:scale(1); // Opera
-webkit-transition: all 500ms ease-in-out; // IE 9
-moz-transition: all 500ms ease-in-out; // Firefox
-ms-transition: all 500ms ease-in-out; // Safari and Chrome
-o-transition: all 500ms ease-in-out; // Opera
}

.sty2{

    width:100%;
    height: 150px;
    transform:scale(1);
    -ms-transform:scale(1); // IE 9
-moz-transform:scale(1); // Firefox
-webkit-transform:scale(1); // Safari and Chrome
-o-transform:scale(1); // Opera
-webkit-transition: all 500ms ease-in-out; // IE 9
-moz-transition: all 500ms ease-in-out; // Firefox
-ms-transition: all 500ms ease-in-out; // Safari and Chrome
-o-transition: all 500ms ease-in-out; // Opera
}

.sty3
{
    width:100%;
    height: 150px;
    transform:scale(1);
    -ms-transform:scale(1); // IE 9
-moz-transform:scale(1); // Firefox
-webkit-transform:scale(1); // Safari and Chrome
-o-transform:scale(1); // Opera
-webkit-transition: all 500ms ease-in-out; // IE 9
-moz-transition: all 500ms ease-in-out; // Firefox
-ms-transition: all 500ms ease-in-out; // Safari and Chrome
-o-transition: all 500ms ease-in-out; // Opera

}

.sty4{
    width:100%;
    height: 150px;
    transform:scale(1);
    -ms-transform:scale(1); // IE 9
-moz-transform:scale(1); // Firefox
-webkit-transform:scale(1); // Safari and Chrome
-o-transform:scale(1); // Opera
-webkit-transition: all 500ms ease-in-out; // IE 9
-moz-transition: all 500ms ease-in-out; // Firefox
-ms-transition: all 500ms ease-in-out; // Safari and Chrome
-o-transition: all 500ms ease-in-out; // Opera
}


.sty1:hover{

    transform:scale(0.8);
    -ms-transform:scale(0.8); // IE 9
-moz-transform:scale(0.8); // Firefox
-webkit-transform:scale(0.8); // Safari and Chrome
-o-transform:scale(0.8); // Opera
}

.sty2:hover{

    transform:scale(0.8);
    -ms-transform:scale(0.8); // IE 9
-moz-transform:scale(0.8); // Firefox
-webkit-transform:scale(0.8); // Safari and Chrome
-o-transform:scale(0.8); // Opera
}
.sty3:hover{

    transform:scale(0.8);
    -ms-transform:scale(0.8); // IE 9
-moz-transform:scale(0.8); // Firefox
-webkit-transform:scale(0.8); // Safari and Chrome
-o-transform:scale(0.8); // Opera
}

.sty4:hover{

    transform:scale(0.8);
    -ms-transform:scale(0.8); // IE 9
-moz-transform:scale(0.8); // Firefox
-webkit-transform:scale(0.8); // Safari and Chrome
-o-transform:scale(0.8); // Opera
}

.good{

    width: 20%;
    height: 100px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color:gray;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;

}

.dropdown:hover .dropdown-content {
    display: block;
}


.nos4{

    width:100%;
    height:300px;
    background: gray;
    margin-top: -25px;
}


.noss4{

    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
    margin:10px;
    color:white;
}


.lite{
    width: 70%;
    display: block;
}


/*nosotros*/

/*.animacion{*/

    /*background-image:  url("../images/Technology.jpg");*/
    /*background-size: 100%;*/
    /*width:100%;*/
    /*height: 500px;*/
    /*background-repeat: no-repeat;*/



/*}*/


.memo{

    width: 100%;
    height: 600px;
}

.nosotros{

    width: 100%;
    height: 400px;
    background: #7EA4C2;
    margin-top: -10px;
}


.nosotros2{


    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display:flex;
    justify-content: center;

}

.avion{

    width:50%;
    height: 300px;
}

.barco
{
    width:50%;
    height: 250px;
    display: block;
    color: white;
    text-align: center;
    font-size: 20px;

    margin-top: -20px;

}

.java {
    background-position:center ;
    width: 60%;
    height: 200px;
    border-radius: 10%;
    margin-top: 50px;
    margin-left: 10%;
}

.cont
{
    width:100%;
    height: 800px;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
}

.form1{

    width: 33.333%;
    height:800px ;
    background: #585858;
    display: block;
    justify-content: center;
    color:white;
}

.form2{

    width: 33.333%;
    height:800px ;
    background: #767575;
    display: block;
    justify-content: center;
    color:white;

}

.form3{

    width: 33.333%;
    height:800px ;
    background: #B7B7B7;
    display: block;
    justify-content: center;
    color:white;
}

.mini{

    margin:10px;
}

.pom1{

    width:100%;
    height:200px;
    border-radius: 10px;

}



.tech{

    width: 100%;
    height: 900px;
    margin-top: -25px;

}

.tech0{
    width: 100%;
    height: 50px;
    background: #787979;
    color: white;
    text-align: center;
    background-position: center;

}

.tech2{
    width: 100%;
    height: 250px;
    background: #F0F5F7;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;

}

.tech3{
    width: 100%;
    height: 250px;
    background: #F0F5F7;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
}


.tech4{
    width: 100%;
    height: 300px;
    background: #F0F5F7;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;

}


.tacos{
    margin-top:10px;
    width: 15%;
    height: 180px;
}

.text{
    top: 20px;
}


.parrafo{
   width: 100%;
    height: 100px;
    background: #A6A8A9;
    margin-top: -20px;
}

.parrafo2{
    margin: 5px;
    color: white;
    text-align: center;
    font-size: 20px;
}


.con1{

    width: 100%;
    height: 450px;
    background: #DA2424;
    margin-top: -10px;
}


.cons1{

    margin: 5px;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
}

.lapiz{
    margin-top:10px;
    width: 25%;
    height: 300px;
    padding: 10px;
    border-radius: 20px;
}

.ok{
   width: 75%;
   display: block;
    color: white;
}



.con2{

    width: 100%;
    height: 450px;
    background: #DABC24;
    margin-top: -10px;
}


.cons2{

    margin: 5px;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
}

.lapiz2{
    margin-top:10px;
    width: 25%;
    height: 300px;
    padding: 10px;
    border-radius: 20px;
}

.ok2{
     width:75%;
    display: block;
    color: white;
}



.con3{

    width: 100%;
    height: 450px;
    background: #DA7424 ;
    margin-top: -10px;
}


.cons3{

    margin: 5px;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
}

.lapiz3{
    margin-top:10px;
    width: 25%;
    height: 300px;
    padding: 10px;
    border-radius: 20px;
}

.ok3{
    width: 75%;
    display: block;
    color: white;
}

.con4{

    width: 100%;
    height: 450px;
    background: #5B795B ;
    margin-top: -10px;
}


.cons4{

    margin: 5px;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
}

.lapiz4{
    margin-top:10px;
    width: 25%;
    height: 300px;
    padding: 10px;
    border-radius: 20px;
}

.ok4{
    width: 75%;
    display: block;
    color: white;
}


.con5{

    width: 100%;
    height: 450px;
    background: #439C43 ;
    margin-top: -10px;
}


.cons5{

    margin: 5px;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
}

.lapiz5{
    margin-top:10px;
    width: 25%;
    height: 300px;
    padding: 10px;
    border-radius: 20px;
}

.ok5{
    width: 75%;
    display: block;
    color: white;
}


/*.organigrama{*/

    /*background-image:  url("../images/Diapositiva3.JPG");*/
    /*background-size: 100%;*/
    /*width:100%;*/
    /*height: 700px;*/
    /*background-repeat: no-repeat;*/



/*}*/

.dia{

    width: 100%;
    height: 800px;

}


/*micromarket*/

/*.productos{*/

    /*background-image:  url("../images/ima.jpg");*/
    /*background-size: 100%;*/
    /*width:100%;*/
    /*height: 600px;*/
    /*background-repeat: no-repeat;*/

/*}*/
.vue{

    height: 40px;
    width:120px;
    border-radius: 20px;
    background: #99321C;
    border: white;
    color: white;
}

.adminV{


    width:100%;
    height: 800px;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
}


.caq{

    width: 90%;
    height: 200px;
}


.mono1{

     width:33.333%;
     height: 800px;
     background: #2193B8;

 }

.monos1{

    display: block;
    justify-content: center;
    margin: 10px;
    color: white;

}



.mono2{

    width:33.333%;
    height: 800px;
    background: #347496;


}

.monos2{

    display: block;
    justify-content: center;
    margin: 10px;
    color: white;

}



.mono3{

    width:33.333%;
    height: 800px;
    background: #6D93B2;

}

.monos3{

    display: block;
    justify-content: center;
    margin: 10px;
    color: white;


}



.mono4{

    width:100%;
    height: 345px;
    background: #8F671B;
    margin-top: -20px;

}

.monos4{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
    margin: 10px;
    color: white;


}


.caq2{

    width: 20%;
    height: 300px;
    margin: 10px;

}


.dell{
    width: 75%;
    display: block;
}


.por{

    width:100%;
    height:600px;
}


.intro{

    width:100%;
    height: 480px;
    background: #809AA6;
    margin-top: -25px;

}


.in{

    margin:5px;
    color: white;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;


}

.app{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
}


.app2{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
}

.hero{
    margin: 30px;
    width: 40%;
    height: 400px;
}

.hero2{
    margin: 20px;
    width: 90%;
    height: 800px;
}

.hero3{
    margin: 20px;
    width: 30%;
    height: 300px;

}

.intro2{

    width:100%;
    height: 465px;
    background: #BD6B33;
    margin-top: -25px;

}


.in2{

    margin:5px;
    color: white;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;


}

.intro3{

    width:100%;
    height: 454px;
    background: #C1891F;
    margin-top: -25px;

}


.in3{

    margin:5px;
    color: white;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;


}


.intro4{

    width:100%;
    height: 875px;
    background: #33ACBD;
    margin-top: -25px;

}


.in4{

    margin:5px;
    color: white;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;


}


.intro5{

    width:100%;
    height: 1410px;
    background: #336BBD;
    margin-top: -25px;

}


.in5{

    margin:5px;
    color: white;
    display: block;
    justify-content: center;


}


.intec{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
}


.in6{

    margin:5px;
    color: white;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;


}




.intro6{

    width:100%;
    height: 355px;
    background: #72B08F;
    margin-top: -25px;

}






.in7{

    margin:5px;
    color: white;
    display: block;
    justify-content: center;


}




.intro7{

    width:100%;
    height: 6000px;
    background: gray;
    margin-top: -25px;

}


.btn{
    margin-top: 30px;
    height: 40px;
    width:120px;
    border-radius: 20px;
    background: #0b333c;
    border: white;
    color: white;
}

.ap3{

    text-align: center;
}

.dominio{

    width: 75%;
    display:block ;


}


.dominio2{
    width: 75%;
    display:block ;

}


.dominio3{
    width: 75%;

    display:block ;

}


.dominio4{

    width: 75%;
    display:block ;

}


.dominio5{

    width: 75%;
    display:block ;

}


.dominio6{

    width: 75%;
    display:block ;

}


/*#planes{*/
    /*background-image:  url("../images/publicidad micro.jpg");*/
    /*background-size: 100%;*/
    /*width:100%;*/
    /*height: 7200px;*/
    /*display: none;*/
    /*background-repeat: no-repeat;*/
/*}*/

.cable{

    width: 100%;
    height: 6000px;
}


.intro8{
     width: 100%;
     height: 1500px;
     background: #0b333c ;
     margin-top: -25px;

 }


.intro9{
    width: 100%;
    height: 1800px;
    background: #0b333c ;
    margin-top: -25px;

}


.cp1{

    display: flex;
    justify-content: center;
    margin:20px;
}


.column{

    margin-top: 20px;
}

.perfil{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
    color: white;
}

.column:hover{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.30);
    margin-top: 10px;
}


.row{

    width:90%;
    height: 200px;
}

.row2{

     width:100%;
     height: 800px;
 }

.ligthbox{
    width: 100%;
    height: 100vh;
    position: fixed;
    top:40px;

    background: rgba(0,0,0,.8);
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-close{
    width: 70px;
    height: 70px;
    background: #AE4545;
    border: 3px solid #fff;
    border-radius: 100%;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding-top: 12px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

/*.intro9{*/
    /*position: fixed;*/
    /*display:none;*/
    /*width:100%;*/
    /*height: 100%;*/
    /*opacity: 0.8;*/
    /*overflow:auto ;*/
    /*z-index: 1;*/
    /*background: black;*/

/*}*/
/*farmacom*/

/*.farmacia{*/

    /*background-image:  url("../images/farmacia-salome-pacheco-velasco-badajoz-2 (1).jpg");*/
    /*background-size: 100%;*/
    /*width:100%;*/
    /*height: 550px;*/
    /*background-repeat: no-repeat;*/

/*}*/

.plato{

    width: 100%;
    height: 500px;
}

.acont1{

    width:100%;
    height: 400px;
    background: #25A0AF;
    margin-top: -25px;
}

.aconts1{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;
    margin:10px;
    color: white;
}


.empanada{
   width: 55%;
   display: block;
}



.farma1{

    width:100%;
    height: 400px;
    background: #188285;
    margin-top: -10px;
}

.farmas1{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;

}





.medi1{
    width: 55%;
    color: white;
    display: block;
}


.villa{
    width:45%;
    height: 300px;
    margin: 30px;
}

.content1{

    width: 100%;
    height:650px ;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display:flex ;
     justify-content: center;
}


.mochila1{

    width: 33.333%;
    height: 650px;
    background: #3DA68B;
}


.mochila2{

    width: 33.333%;
    height: 650px;
    background: #2D7865;
}


.mochila3{

    width: 33.333%;
    height: 650px;
    background: #13A580;
}

.mochi1{
    display: block;
    margin:5px;
    color: white;
}

.mochi2 {
    display: block;
    margin: 5px;
    color: white;
}

.mochi3{
    display: block;
    margin:5px;
    color: white;
}

.brochur{

    width: 100%;
    height: 250px;
    border-radius: 5px;

}



.AdminCalen{

    width: 100%;
    height:800px;
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;

}



.calen1{

    width: 33.333%;
    height: 800px;
    background: #5B7FAC;
}


.calen2{

    width: 33.333%;
    height: 800px;
    background: #5B98AC;
}



.calen3{

    width: 33.333%;
    height: 800px;
    background: #15B3AF;
}


.calens1{
 display: block;
    justify-content: center;
    color: white;
    margin: 10px;
}


.calens2{
    display: block;
    justify-content: center;
    color: white;
    margin: 10px;

}


.calens3{
    display: block;
    justify-content: center;
    color: white;
    margin: 10px;
}


.villa3{

    width: 90%;
    height: 200px;

}

.farma2{

    width:100%;
    height: 400px;
    background: #50A474;
}

.farmas2{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;

}





.medi2{
    color: white;
    display: block;
    width: 55%;
}



.farma3{

     width:100%;
     height: 400px;
     background: #11909D;
 }

.farmas3{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;

}





.medi3{
    color: white;
    display: block;
    width: 55%;
}


.farma4{

    width:100%;
    height: 400px;
    background: #4C966E;
}

.farmas4{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;

}





.medi4{
    color: white;
    display: block;
    width: 55%;
}

.farma5{

    width:100%;
    height: 750px;
    background: #4C8496;
}

.farmas5{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    -webkit-justify-content: center; /* Safari 6.1+ */
    display: flex;
    justify-content: center;

}





.medi5{
    color: white;
    display: block;
    width: 55%;
}

.villa2{
    width: 60%;
    height: 400px;
    margin: 30px;

}


/*resolucion 1024px */
@media screen and (max-width: 1024px) and (min-width: 600px){

    .decasystem{

        width: 100%;
        height: 100px;
        margin-left:20px ;
    }

    header
    {
        background:white;
        width:100%;
        height:auto;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .cabeza{
        width: 100%;

        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */

        display: flex;
        background-image: linear-gradient(to bottom right, #F4F4F4, #ABABAB);
        /*background-image: linear-gradient(to bottom, #A6A8A9 , #505050);*/

    }

    .sub0{

        padding-right: 25px;
        float: left;
    }

    .sub{
        margin: 25px;
        padding-top: 20px;
        color:white ;
    }

    .sub2{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */

        display: flex;
    }
    

    .link{

        font-size: 15px;
        color: white;


    }


    .link:hover{

        font-size: 20px;
        color: black;


    }
    .slideshow-container {
        max-width: 100%;
        position: relative;
        margin: auto;
    }


    .prev {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;

        margin-top: -22px;
        color: white;
        font-weight: bold;
        font-size: 18px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
    }


    .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-left:95%;
        margin-top: -22px;
        color: white;
        font-weight: bold;
        font-size: 18px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
    }


    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
    }

    .dot {
        cursor: pointer;
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }

    .active, .dot:hover {
        background-color: #717171;
    }

    .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.5s;
        animation-name: fade;
        animation-duration: 1.5s;
    }


    .aire{

        width: 100%;
        height: 100px;
        background: #0b333c;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .pc{

        color: white;
        font-size: 20px;
    }

    .mono{
        margin-top: 30px;
        width: 100%;
        height: 100px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }
    .slider{

        width:80%;
        height: 100px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */

        display: flex;
        justify-content: center;
    }
    .bueno{

        width:100%;
        height: 100px;
        margin-left: 15px;
    .transform(0px,0px,1);
    .transition;
    }

    .bueno2{

        width:100%;
        height: 100px;
        margin-left: 15px;
    .transform(0px,0px,1);
    .transition;
    }


    .bueno3{

        width:100%;
        height: 100px;
        margin-left: 15px;
    .transform(0px,0px,1);
    .transition;
    }


    .bueno4{

        width:100%;
        height: 100px;
        margin-left: 15px;
        margin-top: 50px;
    .transform(0px,0px,1);
    .transition;
    }


    .bueno:hover{
    .transform(0px,-30px,0.5);
        border-radius: 50%;
    }


    .bueno2:hover{
    .transform(0px,-30px,0.5);
        border-radius: 50%;
    }

    .bueno3:hover{
    .transform(0px,-30px,0.5);
        border-radius: 50%;
    }

    .bueno4:hover{
    .transform(0px,-30px,0.5);
        border-radius: 50%;
    }



    .bueno5{

        width:20%;
        height: 100px;
        margin-left: 15px;
    }

    .franja{

        width: 100%;
        height: 75px;
        background-image: linear-gradient(to bottom, #505050  ,#A6A8A9  );
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .franja2{

        color: white;
    }

    .imagen{

        background:  url("../images/promociones decasystem-07.png");
        background-size: 1200px;
        width:100%;
        height: 500px;
        background-repeat: no-repeat;

        position: relative;
        filter: contrast(150%);

    }

    .nos{

        width: 100%;
        height: 400px;
        background: #C72710;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display:flex;
        justify-content: center;
        margin-top: -50px;

    }

    .nos2{

        width: 100%;
        height: 400px;
        background: #505050;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display:flex;
        justify-content: center;

    }

    .nos3{


        width: 100%;
        height: 200px;
        background: #C72710;


    }

    .x1 {

        background-position: center;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
        font-size:40px;
        color: white;
    }

    .letras{

        width: 80%;
        height: 200px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display:flex;
        margin-right: 150px;
        margin-top: 50px;
    }



    .letras2{

        width: 100%;
        height: 180px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display:flex;
        justify-content: center;
    }

    .literatura{
        width: 70%;
        margin-left: 50px;
        color: white;
    }

    .literatura2{
        width: 70%;
        margin-left: 150px;
        color: white;
    }


    .contenedor{
        width: 100%;
        height: 1200px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        margin-top: -28px;
    }

    .logo{
        margin-top:-10px;
        width:100%;
        height: 450px;
        background:#455D8E;
    }

    .logo2{

        width: 100%;
        display: block;
        justify-content:center ;
        color: white;
        height: 450px;
    }


    .promocion1{
        background: #659AA9;
        height: 1200px;
        width: 25%;


    }

    .super1{
        margin:10px;
        margin-right: 40px;
    }

    .promocion2{
        background: gray;
        height: 1200px;
        width: 25%;


    }

    .super2{
        margin:10px;
        margin-right: 40px;
    }

    .promocion3{
        background: #99B287;
        height: 1200px;
        width: 25%;

    }

    .super3{
        margin:10px;
        margin-right: 40px;
    }

    .promocion4{
        background: darkgray;
        height: 1200px;
        width: 25%;

    }

    .super4{
        margin:10px;
        margin-right: 40px;
    }

    .logos{
        width: 100%;
        height: 350px;
        background:#2F7E9E ;
    }

    .logos2{

        width:95%;
        height: 200px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }


    .nos4{

        width:100%;
        height:300px;
        background: gray;
        margin-top: -25px;
    }


    .noss4{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
        margin:10px;
        color:white;
    }


    .lite{
        width:70%;
        display: block;
    }

    .b1{
        background-image: url("../images/Facebook_logo_(square).png") ;
        background-repeat: no-repeat;
        width: 25%;
        height:150px;
        background-size:100px ;
        background-position: center;
        transform:scale(1.0);
        -ms-transform:scale(1.0); // IE 9
    -moz-transform:scale(1.0); // Firefox
    -webkit-transform:scale(1.0); // Safari and Chrome
    -o-transform:scale(1.0); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera
    }

    .b2{
        background-image: url("../images/Twitter_Icon.png") ;
        background-repeat: no-repeat;
        width: 25%;
        height:150px;
        background-size:100px ;
        background-position: center;
        transform:scale(1.0);
        -ms-transform:scale(1.0); // IE 9
    -moz-transform:scale(1.0); // Firefox
    -webkit-transform:scale(1.0); // Safari and Chrome
    -o-transform:scale(1.0); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera

    }

    .b3{
        background-image: url("../images/social-instagram-new-circle-512.png") ;
        background-repeat: no-repeat;
        width: 25%;
        height:150px;
        background-size:100px ;
        background-position: center;
        transform:scale(1.0);
        -ms-transform:scale(1.0); // IE 9
    -moz-transform:scale(1.0); // Firefox
    -webkit-transform:scale(1.0); // Safari and Chrome
    -o-transform:scale(1.0); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera

    }

    .b4{
        background-image: url("../images/1280px-Logo_of_YouTube_(2015-2017).svg.png") ;
        background-repeat: no-repeat;
        width: 25%;
        height:150px;
        background-size:100px ;
        background-position: center;
        transform:scale(1.0);
        -ms-transform:scale(1.0); // IE 9
    -moz-transform:scale(1.0); // Firefox
    -webkit-transform:scale(1.0); // Safari and Chrome
    -o-transform:scale(1.0); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera

    }

    .b1:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .b2:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .b3:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .b4:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    footer{
        width: 100%;
        height: auto;
        background: #505050;
        display: block;
    }

    .pie{

        width: 100%;
        height: 225px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
        color: white;
        padding-top: 30px;
    }


    .derechos{
        width: 100%;
        margin-top: 25px;
        height: 75px;
        background: #292929;
        color:white;
        padding-top: 30px;
    }

    .empresa1{
        width:30%; height:200px; padding: 20px; border-radius: 25%;
    }

    .empresa2{
        width:30%; height:200px; padding: 20px; border-radius: 25%;
    }


    .empresa3{
        width:30%; height:200px; padding: 20px; border-radius: 25%;
    }


    .sty1{

        width:100%;
        height: 150px;
        transform:scale(1);
        -ms-transform:scale(1); // IE 9
    -moz-transform:scale(1); // Firefox
    -webkit-transform:scale(1); // Safari and Chrome
    -o-transform:scale(1); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera
    }

    .sty2{

        width:100%;
        height: 150px;
        transform:scale(1);
        -ms-transform:scale(1); // IE 9
    -moz-transform:scale(1); // Firefox
    -webkit-transform:scale(1); // Safari and Chrome
    -o-transform:scale(1); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera
    }

    .sty3
    {
        width:100%;
        height: 150px;
        transform:scale(1);
        -ms-transform:scale(1); // IE 9
    -moz-transform:scale(1); // Firefox
    -webkit-transform:scale(1); // Safari and Chrome
    -o-transform:scale(1); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera

    }

    .sty4{
        width:100%;
        height: 150px;
        transform:scale(1);
        -ms-transform:scale(1); // IE 9
    -moz-transform:scale(1); // Firefox
    -webkit-transform:scale(1); // Safari and Chrome
    -o-transform:scale(1); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera
    }

    .sty1:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .sty2:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }
    .sty3:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .sty4:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }


    .good{

        width: 20%;
        height: 100px;
    }


    /*nosotros*/

    /*.animacion{*/

        /*background-image:  url("../images/Technology.jpg");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 500px;*/
        /*background-repeat: no-repeat;*/



    /*}*/


    .memo{

        width: 100%;
        height: 500px;
    }

    .nosotros{

        width: 100%;
        height: 500px;
        background: #7EA4C2;
    }


    .nosotros2{

        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */

        display:flex;
        justify-content: center;

    }

    .avion{

        width:50%;
        height: 400px;
    }

    .barco
    {
        width:50%;
        height: 350px;
        display: block;
        color: white;
        text-align: center;
        font-size: 20px;

        margin-top: -20px;

    }

    .java {
        background-position:center ;
        width: 60%;
        height: 200px;
        border-radius: 10%;
        margin-top: 50px;
        margin-left: 10%;
    }

    .cont
    {
        width:100%;
        height: 900px;
        display: flex;
        justify-content: center;
    }

    .form1{

        width: 33.333%;
        height:900px ;
        background: #585858;
        display: block;
        justify-content: center;
        color:white;
    }

    .form2{

        width: 33.333%;
        height:900px ;
        background: #767575;
        display: block;
        justify-content: center;
        color:white;

    }

    .form3{

        width: 33.333%;
        height:900px ;
        background: #B7B7B7;
        display: block;
        justify-content: center;
        color:white;
    }

    .mini{

        margin:10px;
    }

    .pom1{

        width:100%;
        height:200px;
        border-radius: 10px;

    }


    .tech{

        width: 100%;
        height: 900px;
        margin-top: -25px;

    }

    .tech0{
        width: 100%;
        height: 50px;
        background: #787979;
        color: white;
        text-align: center;
        background-position: center;

    }

    .tech2{
        width: 100%;
        height: 250px;
        background: #F0F5F7;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;

    }

    .tech3{
        width: 100%;
        height: 250px;
        background: #F0F5F7;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }


    .tech4{
        width: 100%;
        height: 300px;
        background: #F0F5F7;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;

    }


    .tacos{
        margin-top:10px;
        width: 15%;
        height: 180px;
    }

    .text{
        top: 20px;
    }


    .parrafo{
        width: 100%;
        height: 100px;
        background: #A6A8A9;
        margin-top: -20px;
    }

    .parrafo2{
        margin: 5px;
        color: white;
        text-align: center;
        font-size: 20px;
    }


    .con1{

        width: 100%;
        height: 350px;
        background: #DA2424;
        margin-top: -10px;
    }


    .cons1{

        margin: 5px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .lapiz{
        margin-top:10px;
        width: 25%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok{
         width: 75%;
        display: block;
        color: white;
    }



    .con2{

        width: 100%;
        height: 350px;
        background: #DABC24;
        margin-top: -10px;
    }


    .cons2{

        margin: 5px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .lapiz2{
        margin-top:10px;
        width: 25%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok2{
        width: 75%;
        display: block;
        color: white;
    }



    .con3{

        width: 100%;
        height: 350px;
        background: #DA7424 ;
        margin-top: -10px;
    }


    .cons3{

        margin: 5px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .lapiz3{
        margin-top:10px;
        width: 25%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok3{
        width: 75%;
        display: block;
        color: white;
    }

    .con4{

        width: 100%;
        height: 300px;
        background: #5B795B ;
        margin-top: -10px;
    }


    .cons4{

        margin: 5px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .lapiz4{
        margin-top:10px;
        width: 25%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok4{
        width: 75%;
        display: block;
        color: white;
    }


    .con5{

        width: 100%;
        height: 250px;
        background: #439C43 ;
        margin-top: -10px;
    }


    .cons5{

        margin: 5px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .lapiz5{
        margin-top:10px;
        width: 25%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok5{
        width: 75%;
        display: block;
        color: white;
    }


    /*.organigrama{*/

        /*background-image:  url("../images/Diapositiva3.JPG");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 700px;*/
        /*background-repeat: no-repeat;*/



    /*}*/

    .dia{

        width: 100%;
        height: 800px;

    }


    /*micromarket*/

    /*.productos{*/

        /*background-image:  url("../images/ima.jpg");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 600px;*/
        /*background-repeat: no-repeat;*/

    /*}*/

    .vue{

        height: 40px;
        width:120px;
        border-radius: 20px;
        background: #99321C;
        border: white;
        color: white;
    }

    .adminV{


        width:100%;
        height: 800px;
        display: flex;
        justify-content: center;
    }


    .caq{

        width: 90%;
        height: 200px;
    }


    .mono1{

        width:33.333%;
        height: 800px;
        background: #2193B8;

    }

    .monos1{

        display: block;
        justify-content: center;
        margin: 10px;
        color: white;

    }



    .mono2{

        width:33.333%;
        height: 800px;
        background: #347496;

    }

    .monos2{

        display: block;
        justify-content: center;
        margin: 10px;
        color: white;

    }



    .mono3{

        width:33.333%;
        height: 800px;
        background: #6D93B2;

    }

    .monos3{

        display: block;
        justify-content: center;
        margin: 10px;
        color: white;


    }



    .mono4{

        width:100%;
        height: 370px;
        background: #AF8249;
        margin-top: -20px;

    }

    .monos4{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
        margin: 10px;
        color: white;


    }


    .caq2{

        width: 20%;
        height: 300px;
        margin: 10px;

    }


    .dell{
        width: 75%;
        display: block;
    }

    .por{

        width:100%;
        height:300px;
    }


    .intro{

        width:100%;
        height: 540px;
        background: #809AA6;


    }


    .in{

        margin:5px;
        color: white;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;


    }

    .app{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }


    .app2{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .hero{
        margin: 30px;
        width: 40%;
        height: 100%;
    }

    .hero2{
        margin: 30px;
        width: 67%;
        height: 100%;
    }


    .intro2{

        width:100%;
        height: 320px;
        background: #BD6B33;


    }


    .in2{

        margin:5px;
        color: white;
        display: flex;
        justify-content: center;


    }

    .intro3{

        width:100%;
        height: 275px;
        background: #C1891F;
        margin-top: -25px;

    }


    .in3{

        margin:5px;
        color: white;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;


    }


    .intro4{

        width:100%;
        height: 1070px;
        background: #33ACBD;
        margin-top: -25px;

    }


    .in4{

        margin:5px;
        color: white;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;


    }


    .intro5{

        width:100%;
        height: 980px;
        background: #336BBD;
        margin-top: -25px;

    }


    .in5{

        margin:5px;
        color: white;
        display: block;
        justify-content: center;


    }

     .intec{
         display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
         display: -ms-flexbox;  /* TWEENER - IE 10 */
         display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
         -webkit-justify-content: center; /* Safari 6.1+ */
         display: flex;
         justify-content: center;
     }


    .intro6{

        width:100%;
        height: 370px;
        background: #72B08F;
        margin-top: -25px;

    }


    .in6{

        margin:5px;
        color: white;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;


    }



    .hero3{
        margin: 20px;
        width: 30%;
        height: 300px;

    }

    .in7{

        margin:5px;
        color: white;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;


    }




    .intro7{

        width:100%;
        height: 6000px;
        background: gray;
        margin-top: -25px;

    }


    .btn{
        margin-top: 30px;
        height: 40px;
        width:120px;
        border-radius: 20px;
        background: #0b333c;
        border: white;
        color: white;
    }

    /*#planes{*/
        /*background-image:  url("../images/publicidad micro.jpg");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 6000px;*/
        /*display: none;*/
        /*background-repeat: no-repeat;*/
    /*}*/


    .cable{

        width: 100%;
        height: 6000px;
    }

    .ap3{

        text-align: center;
    }

    .dominio{

        width: 75%;
        display:block ;

    }


    .dominio2{
        width: 75%;
        display:block ;

    }


    .dominio3{

        width: 75%;
        display:block ;

    }


    .dominio4{

        width: 75%;
        display:block ;

    }


    .dominio5{

        width: 75%;
        display:block ;

    }


    .dominio6{

        width: 75%;
        display:block ;

    }


    .intro8{
        width: 100%;
        height: 1500px;
        background: #0b333c ;
        margin-top: -25px;

    }

    .intro9{
        width: 100%;
        height: 1800px;
        background: #0b333c ;
        margin-top: -25px;

    }

    .cp1{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
        margin:20px;
    }


    .column{

        margin-top: 20px;
    }

    .perfil{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
        color: white;
    }

    .column:hover{
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.30);
        margin-top: 10px;
    }


    .row{

        width:90%;
        height: 200px;
    }

    .row2{

        width:100%;
        height: 800px;
    }

    .ligthbox{
        width: 100%;
        height: 100vh;
        position: fixed;
        top:40px;

        background: rgba(0,0,0,.8);
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .btn-close{
        width: 70px;
        height: 70px;
        background: #AE4545;
        border: 3px solid #fff;
        border-radius: 100%;
        color: #fff;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        padding-top: 12px;
        position: absolute;
        top: 30px;
        right: 30px;
        cursor: pointer;
    }





    /*farmacom*/

    /*.farmacia{*/

        /*background-image:  url("../images/farmacia-salome-pacheco-velasco-badajoz-2 (1).jpg");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 500px;*/
        /*background-repeat: no-repeat;*/

    /*}*/

    .plato{

        width: 100%;
        height: 500px;
    }

    .acont1{

        width:100%;
        height: 500px;
        background: #25A0AF;
        margin-top: -25px;
    }

    .aconts1{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
        margin:10px;
        color: white;
    }


    .empanada{

        display: block;
        width: 55%;
    }


    .AdminCalen{

        width: 100%;
        height:1000px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;

    }



    .calen1{

        width: 33.333%;
        height: 1000px;
        background: #5B7FAC;
    }


    .calen2{

        width: 33.333%;
        height: 1000px;
        background: #5B98AC;
    }



    .calen3{

        width: 33.333%;
        height: 1000px;
        background: #15B3AF;
    }


    .calens1{
        display: block;
        justify-content: center;
        color: white;
        margin: 10px;
    }


    .calens2{
        display: block;
        justify-content: center;
        color: white;
        margin: 10px;

    }


    .calens3{
        display: block;
        justify-content: center;
        color: white;
        margin: 10px;
    }


    .villa3{

        width: 90%;
        height: 200px;

    }

    .farma1{

        width:100%;
        height: 400px;
        background: #188285;
    }

    .farmas1{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;

    }





    .medi1{
        color: white;
        display: block;
        width: 55%;
    }


    .villa{
        width:45%;
        height: 300px;
        margin: 30px;
    }

    .content1{

        width: 100%;
        height:700px ;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display:flex ;
        justify-content: center;
    }


    .mochila1{

        width: 33.333%;
        height: 700px;
        background: #3DA68B;
    }


    .mochila2{

        width: 33.333%;
        height: 700px;
        background: #2D7865;
    }


    .mochila3{

        width: 33.333%;
        height: 700px;
        background: #13A580;
    }

    .mochi1{
        display: block;
        margin:5px;
        color: white;
    }

    .mochi2 {
        display: block;
        margin: 5px;
        color: white;
    }

    .mochi3{
        display: block;
        margin:5px;
        color: white;
    }

    .brochur{

        width: 100%;
        height: 250px;
        border-radius: 5px;

    }


    .farma2{

        width:100%;
        height: 450px;
        background: #50A474;
    }

    .farmas2{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;

    }





    .medi2{
        color: white;
        display: block;
        width: 55%;
    }



    .farma3{

        width:100%;
        height: 450px;
        background: #11909D;
    }

    .farmas3{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;

    }





    .medi3{
        color: white;
        display: block;
        width: 55%;
    }


    .farma4{

        width:100%;
        height: 500px;
        background: #4C966E;
    }

    .farmas4{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;

    }





    .medi4{
        color: white;
        display: block;
        width: 55%;
    }

    .farma5{

        width:100%;
        height: 900px;
        background: #4C8496;
    }

    .farmas5{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;

    }





    .medi5{
        color: white;
        display: block;
        width: 55%;
    }

    .villa2{
        width: 60%;
        height: 100%;
        margin: 30px;

    }


}

/* celular       */

@media screen and (max-width: 450px){
    .decasystem{


        height: 100px;
        margin-left:20px ;
    }

    header
    {
        background:white;
        width:100%;
        height:700px;
        display: flex;
        justify-content: center;
    }

    .cabeza{
        width: 100%;


        display: block;
        background-image: linear-gradient(to bottom right, #F4F4F4, #ABABAB);
        /*background-image: linear-gradient(to bottom, #A6A8A9 , #505050);*/

    }

    .sub0{

        padding-right: 25px;
        float: left;
    }

    .sub2{

        display: block;
        margin-top:100px;
    }

    .sub{
        margin: 25px;
        padding-top: 20px;
        color:white ;
    }

    .link{

        font-size: 20px;
        color: white;


    }


    .link:hover{

        font-size: 20px;
        color: black;


    }
    .slideshow-container {
        max-width: 100%;
        position: relative;
        margin: auto;
    }


    .prev {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;

        margin-top: -22px;
        color: white;
        font-weight: bold;
        font-size: 18px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
    }


    .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-left:95%;
        margin-top: -22px;
        color: white;
        font-weight: bold;
        font-size: 18px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
    }


    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
    }

    .dot {
        cursor: pointer;
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }

    .active, .dot:hover {
        background-color: #717171;
    }

    .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.5s;
        animation-name: fade;
        animation-duration: 1.5s;
    }


    .aire{

        width: 100%;
        height: 100px;
        background: #0b333c;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .pc{

        color: white;
        font-size: 20px;
    }

    .mono{
        margin-top: 30px;
        width: 100%;
        height: 100px;
        display: flex;
        justify-content: center;
    }
    .slider{

        width:80%;
        height: 100px;

        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }
    .bueno{

        width:100%;
        height: 250px;
        margin-left: -15px;
        padding: 20px;
    .transform(0px,0px,1);
    .transition;
    }

    .bueno2{

        width:100%;
        height: 250px;
        margin-left: -15px;
        padding: 20px;
    .transform(0px,0px,1);
    .transition;
    }


    .bueno3{

        width:100%;
        height: 250px;
        margin-left: -15px;
        padding: 20px;
    .transform(0px,0px,1);
    .transition;
    }


    .bueno4{

        width:100%;
        height: 250px;
        margin-left: -15px;
        padding: 20px;
    .transform(0px,0px,1);
    .transition;
    }


    .bueno:hover{
    .transform(0px,-30px,0.5);
        border-radius: 50%;
    }


    .bueno2:hover{
    .transform(0px,-30px,0.5);
        border-radius: 50%;
    }

    .bueno3:hover{
    .transform(0px,-30px,0.5);
        border-radius: 50%;
    }

    .bueno4:hover{
    .transform(0px,-30px,0.5);
        border-radius: 50%;
    }


    .bueno5{

        width:20%;
        height: 100px;
        margin-left: 15px;
    }

    .franja{

        width: 100%;
        height: 75px;
        background-image: linear-gradient(to bottom, #505050  ,#A6A8A9  );
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .franja2{

        color: white;
    }

    .imagen{

        background:  url("../images/promociones decasystem-07.png");
        background-size: 1200px;
        width:100%;
        height: 500px;
        background-repeat: no-repeat;

        position: relative;
        filter: contrast(150%);

    }

    .nos{

        width: 100%;
        height: 1100px;
        background: #C72710;
        display:block;
        justify-content: center;
        margin-top: -80px;

    }

    .nos2{

        width: 100%;
        height: 1200px;
        background: #505050;
        display:block;
        justify-content: center;
        margin-top: -50px;

    }

    .nos3{


        width: 100%;
        height: 300px;
        background: #C72710;


    }

    .x1 {

        background-position: center;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
        font-size:40px;
        color: white;
    }

    .letras{

        width: 80%;
        height: 500px;
        display:block;
        margin-right: 150px;
    }



    .letras2{

        width: 100%;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display:flex;
        justify-content: center;
    }

    .literatura{
        width: 70%;

        color: white;
    }

    .literatura2{
        width: 70%;
        margin-left:30%;
        color: white;
    }


    .contenedor{
        width: 100%;
        height: 4500px;
        display:block;
        margin-top: -40px;
    }

    .logo{
        margin-top:-10px;
        width:100%;
        height: 450px;
        background:#455D8E;
    }

    .logo2{

        width: 100%;
        display: block;
        justify-content:center ;
        color: white;
        height:450px;
    }


    .promocion1{
        background: #659AA9;
        height: 1200px;
        width: 100%;
        margin-top: -20px;


    }

    .super1{
        margin:10px;
        margin-right: 40px;
    }

    .promocion2{
        background: gray;
        height: 1300px;
        width: 100%;
        margin-top: -20px;


    }

    .super2{
        margin:10px;
        margin-right: 40px;
    }

    .promocion3{
        background: #99B287;
        height: 1100px;
        width: 100%;
        margin-top: -20px;

    }

    .super3{
        margin:10px;
        margin-right: 40px;
    }

    .promocion4{
        background: darkgray;
        height: 900px;
        width: 100%;
        margin-top: -20px;

    }

    .super4{
        margin:10px;
        margin-right: 40px;
    }

    .logos{
        width: 100%;
        height: 1000px;
        background:#2F7E9E;
        margin-top: -25px;
    }

    .logos2{

        width:100%;
        height: 600px;
        display: block;
        justify-content: center;
    }



    .nos4{

        width:100%;
        height:700px;
        background: gray;
        margin-top: -25px;
    }


    .noss4{

        display: block;
        justify-content: center;
        margin:10px;
        color:white;
    }


    .lite{
        width:90%;
        display: block;
    }

    .b1{
        background-image: url("../images/Facebook_logo_(square).png") ;
        background-repeat: no-repeat;
        width: 50%;
        height:150px;
        background-size:50% ;
        background-position: center;
        transform:scale(1.0);
        -ms-transform:scale(1.0); // IE 9
    -moz-transform:scale(1.0); // Firefox
    -webkit-transform:scale(1.0); // Safari and Chrome
    -o-transform:scale(1.0); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera
    }

    .b2{
        background-image: url("../images/Twitter_Icon.png") ;
        background-repeat: no-repeat;
        width: 50%;
        height:150px;
        background-size:50% ;
        background-position: center;
        transform:scale(1.0);
        -ms-transform:scale(1.0); // IE 9
    -moz-transform:scale(1.0); // Firefox
    -webkit-transform:scale(1.0); // Safari and Chrome
    -o-transform:scale(1.0); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera

    }

    .b3{
        background-image: url("../images/social-instagram-new-circle-512.png") ;
        background-repeat: no-repeat;
        width: 50%;
        height:150px;
        background-size:50% ;
        background-position: center;
        transform:scale(1.0);
        -ms-transform:scale(1.0); // IE 9
    -moz-transform:scale(1.0); // Firefox
    -webkit-transform:scale(1.0); // Safari and Chrome
    -o-transform:scale(1.0); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera

    }

    .b4{
        background-image: url("../images/1280px-Logo_of_YouTube_(2015-2017).svg.png") ;
        background-repeat: no-repeat;
        width: 50%;
        height:150px;
        background-size:50% ;
        background-position: center;
        transform:scale(1.0);
        -ms-transform:scale(1.0); // IE 9
    -moz-transform:scale(1.0); // Firefox
    -webkit-transform:scale(1.0); // Safari and Chrome
    -o-transform:scale(1.0); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera

    }

    .b1:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .b2:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .b3:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .b4:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }


    .sty1{

        width:100%;
        height: 250px;
        transform:scale(1);
        -ms-transform:scale(1); // IE 9
    -moz-transform:scale(1); // Firefox
    -webkit-transform:scale(1); // Safari and Chrome
    -o-transform:scale(1); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera
    }

    .sty2{

        width:100%;
        height: 250px;
        transform:scale(1);
        -ms-transform:scale(1); // IE 9
    -moz-transform:scale(1); // Firefox
    -webkit-transform:scale(1); // Safari and Chrome
    -o-transform:scale(1); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera
    }

    .sty3
    {
        width:100%;
        height: 250px;
        transform:scale(1);
        -ms-transform:scale(1); // IE 9
    -moz-transform:scale(1); // Firefox
    -webkit-transform:scale(1); // Safari and Chrome
    -o-transform:scale(1); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera

    }

    .sty4{
        width:100%;
        height: 250px;
        transform:scale(1);
        -ms-transform:scale(1); // IE 9
    -moz-transform:scale(1); // Firefox
    -webkit-transform:scale(1); // Safari and Chrome
    -o-transform:scale(1); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera
    }


    .sty1:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .sty2:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }
    .sty3:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .sty4:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    footer{
        width: 100%;
        height: auto;
        background: #505050;
        display: block;
    }

    .pie{

        width: 100%;
        height: 515px;
        display: block;
        justify-content: center;
        color: white;
        padding-top: 30px;
    }


    .derechos{
        width: 100%;
        margin-top: -25px;
        height: 150px;
        background: #292929;
        color:white;
        padding-top: 30px;
    }

    .empresa1{
        width:90%; height:300px;  border-radius: 25%;
    }

    .empresa2{
        width:90%; height:300px;  border-radius: 25%;
    }


    .empresa3{
        width:90%; height:300px;  border-radius: 25%;
    }


    .good{

        width: 100%;
        height: 100px;
    }


    /*nosotros*/

    /*.animacion{*/

        /*background-image:  url("../images/Technology.jpg");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 500px;*/
        /*background-repeat: no-repeat;*/



    /*}*/


    .memo{

        width: 100%;
        height: 500px;
    }


    .nosotros{

        width: 100%;
        height: 1000px;
        background: #7EA4C2;
    }


    .nosotros2{

        display:block;
        justify-content: center;

    }

    .avion{

        width:100%;
        height: 250px;
    }

    .barco
    {
        width:100%;
        height: 350px;

        color: white;
        text-align: center;
        font-size: 20px;



    }

    .java {
        background-position:center ;
        width: 80%;
        height: 200px;
        border-radius: 10%;
        margin-top: 50px;
        margin-left: 10%;
    }

    .cont
    {   margin-top: -25px;
        width:100%;
        height: 3000px;
        display: block;
        justify-content: center;
    }

    .form1{
        margin-top: -10px;
        width: 100%;
        height:1000px ;
        background: #585858;
        display: block;
        justify-content: center;
        color:white;
    }

    .form2{
        margin-top: -25px;
        width: 100%;
        height:1000px ;
        background: #767575;
        display: block;
        justify-content: center;
        color:white;

    }

    .form3{
        margin-top: -25px;
        width: 100%;
        height:1000px ;
        background: #B7B7B7;
        display: block;
        justify-content: center;
        color:white;
    }

    .mini{

        margin:20px;
    }

    .pom1{

        width:90%;
        height:200px;
        border-radius: 10px;

    }


    .tech{

        width: 100%;
        height: 4400px;
        margin-top: -25px;

    }

    .tech0{
        width: 100%;
        height: 100px;
        background: #787979;
        color: white;
        text-align: center;
        background-position: center;

    }

    .tech2{
        width: 100%;
        height: 1000px;
        background: #F0F5F7;
        display: block;
        justify-content: center;
        margin-top: -10px;

    }

    .tech3{
        width: 100%;
        height: 1500px;
        background: #F0F5F7;
        display: block;
        justify-content: center;
        margin-top: -10px;
    }


    .tech4{
        width: 100%;
        height: 1500px;
        background: #F0F5F7;
        display: block;
        justify-content: center;
        margin-top: -10px;

    }


    .tacos{
        margin-top:10px;
        width: 90%;
        height: 180px;
        display: block;
    }

    .text{
        top: 20px;
    }


    .parrafo{
        width: 100%;
        height: 300px;
        background: #A6A8A9;
        margin-top: -20px;
    }

    .parrafo2{
        margin: 5px;
        color: white;
        text-align: center;
        font-size: 20px;
    }


    .con1{

        width: 100%;
        height: 900px;
        background: #DA2424;
        margin-top: -23px;
    }


    .cons1{

        margin: 5px;
        display: block;
        justify-content: center;
    }

    .lapiz{
        margin-top:10px;
        width: 90%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok{
        width: 90%;
        display: block;
        color: white;
    }



    .con2{

        width: 100%;
        height: 900px;
        background: #DABC24;
        margin-top: -30px;
    }


    .cons2{

        margin: 5px;
        display: block;
        justify-content: center;
    }

    .lapiz2{
        margin-top:10px;
        width: 90%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok2{
        width: 90%;
        display: block;
        color: white;
    }



    .con3{

        width: 100%;
        height: 900px;
        background: #DA7424 ;
        margin-top: -10px;
    }


    .cons3{

        margin: 5px;
        display: block;
        justify-content: center;
    }

    .lapiz3{
        margin-top:10px;
        width: 90%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok3{
        width: 90%;
        display: block;
        color: white;
    }

    .con4{

        width: 100%;
        height: 800px;
        background: #5B795B ;
        margin-top: -10px;
    }


    .cons4{

        margin: 5px;
        display: block;
        justify-content: center;
    }

    .lapiz4{
        margin-top:10px;
        width: 90%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok4{
        width: 90%;
        display: block;
        color: white;
    }


    .con5{

        width: 100%;
        height: 800px;
        background: #439C43 ;
        margin-top: -25px;
    }


    .cons5{

        margin: 5px;
        display: block;
        justify-content: center;
    }

    .lapiz5{
        margin-top:10px;
        width: 90%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok5{
        width: 90%;
        display: block;
        color: white;
    }


    /*.organigrama{*/

        /*background-image:  url("../images/Diapositiva3.JPG");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 200px;*/
        /*background-repeat: no-repeat;*/



    /*}*/


    .dia{

        width: 100%;
        height: 200px;

    }

    /*micromarket*/

    /*.productos{*/

        /*background-image:  url("../images/ima.jpg");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 680px;*/
        /*background-repeat: no-repeat;*/

    /*}*/
    .vue{

        height: 40px;
        width:120px;
        border-radius: 20px;
        background: #99321C;
        border: white;
        color: white;
    }

    .adminV{


        width:100%;
        height: 2424px;
        display: block;
        justify-content: center;
    }


    .caq{

        width: 90%;
        height: 200px;
        margin: 20px;
    }


    .mono1{

        width:100%;
        height: 800px;
        background: #2193B8;
        margin-top: -20px;


    }

    .monos1{

        display: block;
        justify-content: center;
        margin: 10px;
        color: white;

    }



    .mono2{

        width:100%;
        height: 824px;
        background: #347496;
        margin-top: -20px;

    }

    .monos2{

        display: block;
        justify-content: center;
        margin: 10px;
        color: white;

    }



    .mono3{

        width:100%;
        height: 800px;
        background: #6D93B2;
        margin-top: -20px;


    }

    .monos3{

        display: block;
        justify-content: center;
        margin: 10px;
        color: white;


    }

    .mono4{

        width:100%;
        height: 1200px;
        background: #AF8249;
        margin-top: -25px;

    }

    .monos4{

        display: block;
        justify-content: center;
        margin: 10px;
        color: white;


    }


    .caq2{

        width: 90%;
        height: 450px;
        margin: 10px;

    }


    .dell{
        width: 90%;
        display: block;
    }

    .por{

        width:100%;
        height:200px;
    }


    .intro{

        width:100%;
        height: 1000px;
        background: #809AA6;


    }


    .in{

        margin:5px;
        color: white;
        display: block;
        justify-content: center;


    }

    .app{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }


    .app2{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .hero{
        margin: 20px;
        width: 90%;
        height: 100%;
    }

    .hero2{
        margin: 30px;
        width: 80%;
        height: 100%;
    }


    .intro2{

        width:100%;
        height: 685px;
        background: #BD6B33;
        margin-top: -30px;

    }


    .in2{

        margin:5px;
        color: white;
        display: block;
        justify-content: center;


    }

    .intro3{

        width:100%;
        height: 620px;
        background: #C1891F;
        margin-top: -25px;

    }


    .in3{

        margin:5px;
        color: white;
        display: block;
        justify-content: center;


    }


    .intro4{

        width:100%;
        height: 2000px;
        background: #33ACBD;
        margin-top: -25px;

    }


    .in4{

        margin:5px;
        color: white;
        display: block;
        justify-content: center;


    }


    .intro5{

        width:100%;
        height: 1700px;
        background: #336BBD;
        margin-top: -25px;

    }


    .in5{

        margin:5px;
        color: white;
        display: block;
        justify-content: center;


    }



    .hero3{
        margin: 20px;
        width: 90%;
        height: 300px;

    }

    .intec{

        display: block;
        justify-content: center;
    }


    .in6{

        margin:5px;
        color: white;
        display: block;
        justify-content: center;


    }




    .intro6{

        width:100%;
        height: 1000px;
        background: #72B08F;
        margin-top: -25px;

    }


    .in7{

        margin:5px;
        color: white;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;


    }




    .intro7{

        width:100%;
        height: 3000px;
        background: gray;
        margin-top: -25px;

    }


    .btn{
        margin-top: 30px;
        height: 40px;
        width:120px;
        border-radius: 20px;
        background: #0b333c;
        border: white;
        color: white;
    }


    /*#planes{*/
        /*background-image:  url("../images/publicidad micro.jpg");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 3000px;*/
        /*display: none;*/
        /*background-repeat: no-repeat;*/
    /*}*/

    .cable{

        width: 100%;
        height: 3000px;
    }

    .ap3{

        text-align: center;
    }

    .dominio{
        width: 90%;
        display:block ;

    }


    .dominio2{
        width: 90%;
        display:block ;

    }


    .dominio3{

        width: 90%;
        display:block ;

    }


    .dominio4{

        width: 90%;
        display:block ;

    }


    .dominio5{

        width: 90%;
        display:block ;

    }


    .dominio6{

        width: 90%;
        display:block ;

    }


    .intro8{
        width: 100%;
        height: 4000px;
        background: #0b333c ;
        margin-top: -25px;

    }

    .intro9{
        width: 100%;
        height: 4500px;
        background: #0b333c ;
        margin-top: -25px;

    }


    .cp1{

        display: block;
        justify-content: center;
        margin:20px;
    }


    .column{

        margin-top: 20px;
    }

    .perfil{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
        color: white;
    }

    .column:hover{
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.30);
        margin-top: 10px;
    }


    .row{

        width:90%;
        height: 200px;
    }

    .row2{

        width:100%;
        height: 200px;
    }

    .ligthbox{
        width: 100%;
        height: 100vh;
        position: fixed;
        top:40px;

        background: rgba(0,0,0,.8);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .btn-close{
        width: 70px;
        height: 70px;
        background: #AE4545;
        border: 3px solid #fff;
        border-radius: 100%;
        color: #fff;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        padding-top: 12px;
        position: absolute;
        top: 30px;
        right: 30px;
        cursor: pointer;
    }

    /*farmacom*/




    /*.farmacia{*/

        /*background-image:  url("../images/farmacia-salome-pacheco-velasco-badajoz-2 (1).jpg");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 400px;*/
        /*background-repeat: no-repeat;*/

    /*}*/


    .plato{

        width: 100%;
        height: 250px;
    }

    .acont1{

        width:100%;
        height: 900px;
        background: #25A0AF;

    }

    .aconts1{

        display: block;
        justify-content: center;
        margin:10px;
        color: white;
    }


    .empanada{
        width: 90%;
        display: block;
    }




    .AdminCalen{

        width: 100%;
        height:3000px;
        display: block;
        justify-content: center;

    }



    .calen1{

        width: 100%;
        height: 1000px;
        background: #5B7FAC;
        margin-top: -20px;
    }


    .calen2{

        width: 100%;
        height: 1000px;
        background: #5B98AC;
        margin-top: -20px;
    }



    .calen3{

        width: 100%;
        height: 1000px;
        background: #15B3AF;
        margin-top: -20px;
    }


    .calens1{
        display: block;
        justify-content: center;
        color: white;
        margin: 10px;
    }


    .calens2{
        display: block;
        justify-content: center;
        color: white;
        margin: 10px;

    }


    .calens3{
        display: block;
        justify-content: center;
        color: white;
        margin: 10px;
    }


    .villa3{

        width: 90%;
        height: 300px;

    }



    .farma1{

        width:100%;
        height: 1000px;
        background: #188285;


    }

    .farmas1{

        display: block;
        justify-content: center;

    }





    .medi1{
        color: white;
        display: block;
        width: 90%;
    }


    .villa{
        width:80%;
        height: 300px;
        margin: 30px;
    }

    .content1{

        width: 100%;
        height:3300px ;
        display:block ;
        justify-content: center;
        margin-top: -20px;
    }


    .mochila1{

        width: 100%;
        height: 1100px;
        background: #3DA68B;
    }


    .mochila2{

        width: 100%;
        height: 1100px;
        background: #2D7865;
        margin-top: -20px;
    }


    .mochila3{

        width: 100%;
        height: 1100px;
        background: #13A580;
        margin-top: -20px;
    }

    .mochi1{
        display: block;
        margin:10px;
        color: white;
    }

    .mochi2 {
        display: block;
        margin: 10px;
        color: white;
    }

    .mochi3{
        display: block;
        margin:10px;
        color: white;
    }

    .brochur{

        width: 100%;
        height: 400px;
        border-radius: 5px;

    }


    .farma2{

        width:100%;
        height: 1000px;
        background: #50A474;
        margin-top: -50px;
    }

    .farmas2{

        display: block;
        justify-content: center;

    }





    .medi2{
        color: white;
        display: block;
        width: 90%;
    }



    .farma3{

        width:100%;
        height: 1000px;
        background: #11909D;
    }

    .farmas3{

        display: block;
        justify-content: center;

    }





    .medi3{
        color: white;
        display: block;
        width: 90%;
    }


    .farma4{

        width:100%;
        height: 1000px;
        background: #4C966E;
        margin-top: -50px;
    }

    .farmas4{

        display: block;
        justify-content: center;

    }





    .medi4{
        color: white;
        display: block;
        width: 90%;
    }

    .farma5{

        width:100%;
        height: 1100px;
        background: #4C8496;
    }

    .farmas5{

        display: block;
        justify-content: center;

    }





    .medi5{
        color: white;
        display: block;
        width: 90%;
    }

    .villa2{
        width: 60%;
        height: 100%;
        margin: 30px;

    }





}

/* table      */

@media screen and (max-width: 850px) and (min-width: 451px){
    .decasystem{


        height: 100px;
        margin-left:20px ;
    }

    header
    {
        background:white;
        width:100%;
        height:700px;
        display: flex;
        justify-content: center;
    }

    .cabeza{
        width: 100%;


        display: block;
        background-image: linear-gradient(to bottom right, #F4F4F4, #ABABAB);
        /*background-image: linear-gradient(to bottom, #A6A8A9 , #505050);*/

    }

    .sub0{

        padding-right: 25px;
        float: left;
    }

    .sub2{

        display: block;
        margin-top:100px;
    }

    .sub{
        margin: 25px;
        padding-top: 20px;
        color:white ;
    }

    .link{

        font-size: 20px;
        color: white;


    }


    .link:hover{

        font-size: 20px;
        color: black;


    }
    .slideshow-container {
        max-width: 100%;
        position: relative;
        margin: auto;
    }


    .prev {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;

        margin-top: -22px;
        color: white;
        font-weight: bold;
        font-size: 18px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
    }


    .next {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: auto;
        padding: 16px;
        margin-left:95%;
        margin-top: -22px;
        color: white;
        font-weight: bold;
        font-size: 18px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
    }


    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
    }

    .dot {
        cursor: pointer;
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
    }

    .active, .dot:hover {
        background-color: #717171;
    }

    .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.5s;
        animation-name: fade;
        animation-duration: 1.5s;
    }


    .aire{

        width: 100%;
        height: 100px;
        background: #0b333c;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .pc{

        color: white;
        font-size: 20px;
    }

    .mono{
        margin-top: 30px;
        width: 100%;
        height: 100px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }
    .slider{

        width:80%;
        height: 100px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }
    .bueno{

        width:90%;
        height: 300px;
        margin: 25px;
    .transform(0px,0px,1);
    .transition;
    }

    .bueno2{

        width: 90%;
        height: 300px;
        margin: 25px;
    .transform(0px,0px,1);
    .transition;
    }


    .bueno3{

        width:90%;
        height: 300px;
        margin-left: 25px;
    .transform(0px,0px,1);
    .transition;
    }


    .bueno4{

        width:90%;
        height: 300px;
        margin: 25px;
    .transform(0px,0px,1);
    .transition;
    }


    .bueno:hover{
    .transform(0px,-30px,0.5);
        border-radius: 50%;
    }


    .bueno2:hover{
    .transform(0px,-30px,0.5);
        border-radius: 50%;
    }

    .bueno3:hover{
    .transform(0px,-30px,0.5);
        border-radius: 50%;
    }

    .bueno4:hover{
    .transform(0px,-30px,0.5);
        border-radius: 50%;
    }


    .bueno5{

        width:20%;
        height: 100px;
        margin-left: 15px;
    }

    .franja{

        width: 100%;
        height: 75px;
        background-image: linear-gradient(to bottom, #505050  ,#A6A8A9  );
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .franja2{

        color: white;
    }

    .imagen{

        background:  url("../images/promociones decasystem-07.png");
        background-size: 1200px;
        width:100%;
        height: 500px;
        background-repeat: no-repeat;

        position: relative;
        filter: contrast(150%);

    }

    .nos{

        width: 100%;
        height: 800px;
        background: #C72710;
        display:block;
        justify-content: center;
        margin-top:-100px ;


    }

    .nos2{

        width: 100%;
        height: 800px;
        background: #505050;
        display:block;
        justify-content: center;
        margin-top: -50px;

    }

    .nos3{


        width: 100%;
        height: 300px;
        background: #C72710;


    }

    .x1 {

        background-position: center;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
        font-size:40px;
        color: white;
    }

    .letras{

        width: 80%;
        height: 500px;
        display:block;
        margin-right: 150px;
    }



    .letras2{

        width: 100%;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display:flex;
        justify-content: center;
    }

    .literatura{
        width: 70%;

        color: white;
    }

    .literatura2{
        width: 70%;
        margin-left:30%;
        color: white;
    }


    .contenedor{
        width: 100%;
        height: 4400px;
        display:block;
        margin-top: -40px;
    }

    .logo{
        margin-top:-10px;
        width:100%;
        height: 450px;
        background:#455D8E;
    }

    .logo2{

        width: 100%;
        display: block;
        justify-content:center ;
        color: white;
        height:450px;
    }


    .promocion1{
        background: #659AA9;
        height: 1100px;
        width: 100%;
        margin-top:-20px ;


    }

    .super1{
        margin:10px;
        padding: 20px;
    }

    .promocion2{
        background: gray;
        height: 1100px;
        width: 100%;
        margin-top:-20px ;


    }

    .super2{
        margin:10px;
        padding: 20px;
    }

    .promocion3{
        background: #99B287;
        height: 1100px;
        width: 100%;
        margin-top:-20px ;

    }

    .super3{
        margin:10px;
        padding: 20px;
    }

    .promocion4{
        background: darkgray;
        height: 1100px;
        width: 100%;
        margin-top:-20px ;

    }

    .super4{
        margin:10px;
        padding: 20px;
    }

    .logos{
        width: 100%;
        height: 700px;
        background:#2F7E9E ;
        margin-top: -25px;
    }

    .logos2{

        width:100%;
        height: 600px;
        display: block;
        justify-content: center;
    }


    .nos4{

        width:100%;
        height:800px;
        background: gray;
        margin-top: -25px;
    }


    .noss4{

        display: block;
        justify-content: center;
        margin:10px;
        color:white;
    }


    .lite{
        width:90%;
        display: block;
    }

    .b1{
        background-image: url("../images/Facebook_logo_(square).png") ;
        background-repeat: no-repeat;
        width: 50%;
        height:150px;
        background-size:50% ;
        background-position: center;
        transform:scale(1.0);
        -ms-transform:scale(1.0); // IE 9
    -moz-transform:scale(1.0); // Firefox
    -webkit-transform:scale(1.0); // Safari and Chrome
    -o-transform:scale(1.0); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera
    }

    .b2{
        background-image: url("../images/Twitter_Icon.png") ;
        background-repeat: no-repeat;
        width: 50%;
        height:150px;
        background-size:50% ;
        background-position: center;
        transform:scale(1.0);
        -ms-transform:scale(1.0); // IE 9
    -moz-transform:scale(1.0); // Firefox
    -webkit-transform:scale(1.0); // Safari and Chrome
    -o-transform:scale(1.0); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera

    }

    .b3{
        background-image: url("../images/social-instagram-new-circle-512.png") ;
        background-repeat: no-repeat;
        width: 50%;
        height:150px;
        background-size:50% ;
        background-position: center;
        transform:scale(1.0);
        -ms-transform:scale(1.0); // IE 9
    -moz-transform:scale(1.0); // Firefox
    -webkit-transform:scale(1.0); // Safari and Chrome
    -o-transform:scale(1.0); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera

    }

    .b4{
        background-image: url("../images/1280px-Logo_of_YouTube_(2015-2017).svg.png") ;
        background-repeat: no-repeat;
        width: 50%;
        height:150px;
        background-size:50% ;
        background-position: center;
        transform:scale(1.0);
        -ms-transform:scale(1.0); // IE 9
    -moz-transform:scale(1.0); // Firefox
    -webkit-transform:scale(1.0); // Safari and Chrome
    -o-transform:scale(1.0); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera

    }

    .b1:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .b2:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .b3:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .b4:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }



    .b1:hover{

        transform:scale(1);
        -ms-transform:scale(1); // IE 9
    -moz-transform:scale(1); // Firefox
    -webkit-transform:scale(1); // Safari and Chrome
    -o-transform:scale(1); // Opera
    }


    .sty1{

        width:100%;
        height: 250px;
        transform:scale(1);
        -ms-transform:scale(1); // IE 9
    -moz-transform:scale(1); // Firefox
    -webkit-transform:scale(1); // Safari and Chrome
    -o-transform:scale(1); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera

    }

    .sty2{

        width:100%;
        height: 250px;
        transform:scale(1);
        -ms-transform:scale(1); // IE 9
    -moz-transform:scale(1); // Firefox
    -webkit-transform:scale(1); // Safari and Chrome
    -o-transform:scale(1); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera
    }

    .sty3
    {
        width:100%;
        height: 250px;
        transform:scale(1);
        -ms-transform:scale(1); // IE 9
    -moz-transform:scale(1); // Firefox
    -webkit-transform:scale(1); // Safari and Chrome
    -o-transform:scale(1); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera

    }

    .sty4{
        width:100%;
        height: 250px;
        transform:scale(1);
        -ms-transform:scale(1); // IE 9
    -moz-transform:scale(1); // Firefox
    -webkit-transform:scale(1); // Safari and Chrome
    -o-transform:scale(1); // Opera
    -webkit-transition: all 500ms ease-in-out; // IE 9
    -moz-transition: all 500ms ease-in-out; // Firefox
    -ms-transition: all 500ms ease-in-out; // Safari and Chrome
    -o-transition: all 500ms ease-in-out; // Opera
    }


    .sty1:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .sty2:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }
    .sty3:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    .sty4:hover{

        transform:scale(0.8);
        -ms-transform:scale(0.8); // IE 9
    -moz-transform:scale(0.8); // Firefox
    -webkit-transform:scale(0.8); // Safari and Chrome
    -o-transform:scale(0.8); // Opera
    }

    footer{
        width: 100%;
        height: auto;
        background: #505050;
        display: block;
    }

    .good{

        width: 30%;
        height: 100px;
    }

    .pie{

        width: 100%;
        height:400px;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
        color: white;
        padding-top: 30px;
    }

    .margin{
        width: 40%;


    }


    .derechos{
        width: 100%;
        margin-top: 25px;
        height: 75px;
        background: #292929;
        color:white;
        padding-top: 30px;
    }

    .empresa1{
        width:90%; height:300px;  border-radius: 25%;
    }

    .empresa2{
        width:90%; height:300px;  border-radius: 25%;
    }


    .empresa3{
        width:90%; height:300px;  border-radius: 25%;
    }

  /*nosotros*/

    /*.animacion{*/

        /*background-image:  url("../images/Technology.jpg");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 500px;*/
        /*background-repeat: no-repeat;*/



    /*}*/

    .memo{

        width: 100%;
        height: 500px;
    }


    .nosotros{
        margin-top: -50px;
        width: 100%;
        height: 900px;
        background: #7EA4C2;
    }


    .nosotros2{

        display:block;
        justify-content: center;

    }

    .avion{

        width:90%;
        height: 400px;
    }

    .barco
    {
        width:90%;
        height: 350px;
        display: block;
        color: white;
        text-align: center;
        font-size: 20px;

        margin-top: -20px;

    }

    .java {
        background-position:center ;
        width: 90%;
        height: 300px;
        border-radius: 10%;
        margin-top: 50px;
        margin-left: 10%;
    }

    .cont
    {   margin-top: -25px;
        width:100%;
        height: 2400px;
        display: block;
        justify-content: center;
    }

    .form1{
        margin-top: -10px;
        width: 100%;
        height:800px ;
        background: #585858;
        display: block;
        justify-content: center;
        color:white;
    }

    .form2{
        margin-top: -25px;
        width: 100%;
        height:800px ;
        background: #767575;
        display: block;
        justify-content: center;
        color:white;

    }

    .form3{
        margin-top: -25px;
        width: 100%;
        height:800px ;
        background: #B7B7B7;
        display: block;
        justify-content: center;
        color:white;
    }

    .mini{

        margin:20px;
    }

    .pom1{

        width:90%;
        height:300px;
        border-radius: 10px;

    }


    .tech{

        width: 100%;
        height: 6600px;
        margin-top: -25px;

    }

    .tech0{
        width: 100%;
        height: 50px;
        background: #787979;
        color: white;
        text-align: center;
        background-position: center;

    }

    .tech2{
        width: 100%;
        height: 2200px;
        background: #F0F5F7;
        display: block;
        justify-content: center;

    }

    .tech3{
        width: 100%;
        height: 2200px;
        background: #F0F5F7;
        display: block;
        justify-content: center;
    }


    .tech4{
        width: 100%;
        height: 2200px;
        background: #F0F5F7;
        display: block;
        justify-content: center;

    }


    .tacos{
        margin-top:10px;
        width: 90%;
        height: 300px;
    }

    .text{
        top: 20px;
    }


    .parrafo{
        width: 100%;
        height: 200px;
        background: #A6A8A9;
        margin-top: -20px;
    }

    .parrafo2{
        margin: 5px;
        color: white;
        text-align: center;
        font-size: 20px;
    }


    .con1{

        width: 100%;
        height: 1000px;
        background: #DA2424;
        margin-top: -25px;
    }


    .cons1{

        margin: 5px;
        display: block;
        justify-content: center;
    }

    .lapiz{
        margin-top:10px;
        width: 90%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok{
        width: 90%;
        display: block;
        color: white;
    }



    .con2{

        width: 100%;
        height: 900px;
        background: #DABC24;
        margin-top: -30px;
    }


    .cons2{

        margin: 5px;
        display: block;
        justify-content: center;
    }

    .lapiz2{
        margin-top:10px;
        width: 90%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok2{
        width: 90%;
        display: block;
        color: white;
    }



    .con3{

        width: 100%;
        height: 900px;
        background: #DA7424 ;
        margin-top: -10px;
    }


    .cons3{

        margin: 5px;
        display: block;
        justify-content: center;
    }

    .lapiz3{
        margin-top:10px;
        width: 90%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok3{
        width: 90%;
        display: block;
        color: white;
    }

    .con4{

        width: 100%;
        height: 750px;
        background: #5B795B ;
        margin-top: 40px;
    }


    .cons4{

        margin: 5px;
        display: block;
        justify-content: center;
    }

    .lapiz4{
        margin-top:10px;
        width: 90%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok4{
        width: 90%;
        display: block;
        color: white;
    }


    .con5{

        width: 100%;
        height: 750px;
        background: #439C43 ;
        margin-top: -25px;
    }


    .cons5{

        margin: 5px;
        display: block;
        justify-content: center;
    }

    .lapiz5{
        margin-top:10px;
        width: 90%;
        height: 100%;
        padding: 10px;
        border-radius: 20px;
    }

    .ok5{
        width: 90%;
        display: block;
        color: white;
    }


    /*.organigrama{*/

        /*background-image:  url("../images/Diapositiva3.JPG");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 425px;*/
        /*background-repeat: no-repeat;*/



    /*}*/

    .dia{

        width: 100%;
        height: 400px;

    }


    /*micromarket*/

    /*.productos{*/

        /*background-image:  url("../images/ima.jpg");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 630px;*/
        /*background-repeat: no-repeat;*/

    /*}*/

    .vue{

        height: 40px;
        width:120px;
        border-radius: 20px;
        background: #99321C;
        border: white;
        color: white;
    }
    .adminV{


        width:100%;
        height: 2100px;
        display: block;
        justify-content: center;
    }


    .caq{

        width: 90%;
        height: 200px;
        margin: 10px;
    }


    .mono1{

        width:100%;
        height: 700px;
        background: #2193B8;
        margin-top: -20px;


    }

    .monos1{

        display: block;
        justify-content: center;
        margin: 10px;
        color: white;

    }



    .mono2{

        width:100%;
        height: 700px;
        background: #347496;
        margin-top: -20px;

    }

    .monos2{

        display: block;
        justify-content: center;
        margin: 10px;
        color: white;

    }



    .mono3{

        width:100%;
        height: 700px;
        background: #6D93B2;
        margin-top: -20px;


    }

    .monos3{

        display: block;
        justify-content: center;
        margin: 10px;
        color: white;


    }


    .mono4{

        width:100%;
        height: 900px;
        background: #AF8249;
        margin-top: -25px;

    }

    .monos4{

        display: block;
        justify-content: center;
        margin: 10px;
        color: white;


    }


    .caq2{

        width: 90%;
        height: 450px;
        margin: 10px;

    }


    .dell{

        width: 90%;
        display: block;
    }


    .por{

        width:100%;
        height:400px;
    }


    .intro{

        width:100%;
        height: 855px;
        background: #809AA6;


    }


    .in{

        margin:5px;
        color: white;
        display: block;
        justify-content: center;


    }

    .app{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }


    .app2{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
    }

    .hero{
        margin: 30px;
        width: 90%;
        height: 100%;
    }

    .hero2{
        margin: 30px;
        width: 90%;
        height: 100%;
    }

    .hero3{
        margin: 20px;
        width: 90%;
        height: 300px;

    }


    .intro2{

        width:100%;
        height: 555px;
        background: #BD6B33;
        margin-top: -25px;

    }


    .in2{

        margin:5px;
        color: white;
        display: block;
        justify-content: center;


    }

    .intro3{

        width:100%;
        height: 600px;
        background: #C1891F;
        margin-top: -25px;

    }


    .in3{

        margin:5px;
        color: white;
        display: block;
        justify-content: center;


    }


    .intro4{

        width:100%;
        height: 1300px;
        background: #33ACBD;
        margin-top: -25px;

    }


    .in4{

        margin:5px;
        color: white;
        display: block;
        justify-content: center;


    }


    .intro5{

         width:100%;
         height: 1300px;
         background: #336BBD;
         margin-top: -25px;

     }


    .in5{

        margin:5px;
        color: white;
        display: block;
        justify-content: center;


    }



    .intro6{

        width:100%;
        height: 800px;
        background: #72B08F;
        margin-top: -25px;

    }


    .in6{

        margin:5px;
        color: white;
        display: block;
        justify-content: center;


    }


    .intec{

        display: block;
        justify-content: center;
    }

    .in7{

        margin:5px;
        color: white;
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;


    }




    .intro7{

        width:100%;
        height: 6000px;
        background: gray;
        margin-top: -25px;

    }


    .btn{
        margin-top: 30px;
        height: 40px;
        width:120px;
        border-radius: 20px;
        background: #0b333c;
        border: white;
        color: white;
    }


    /*#planes{*/
        /*background-image:  url("../images/publicidad micro.jpg");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 5000px;*/
        /*display: none;*/
        /*background-repeat: no-repeat;*/
    /*}*/


    .cable{

        width: 100%;
        height: 6000px;
    }


    .ap3{

        text-align: center;
    }

    .dominio{
        width: 90%;
        display:block ;

    }


    .dominio2{
        width: 90%;
        display:block ;

    }


    .dominio3{

        width: 90%;
        display:block ;

    }


    .dominio4{

        width: 90%;
        display:block ;

    }


    .dominio5{

        width: 90%;
        display:block ;

    }



    .intro8{
        width: 100%;
        height: 4500px;
        background: #0b333c ;
        margin-top: -25px;

    }

    .intro9{
        width: 100%;
        height: 6000px;
        background: #0b333c ;
        margin-top: -25px;

    }


    .cp1{

        display: block;
        justify-content: center;
        margin:20px;
    }


    .column{

        margin-top: 20px;
    }

    .perfil{
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
        color: white;
    }

    .column:hover{
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.30);
        margin-top: 10px;
    }


    .row{

        width:90%;
        height: 300px;
    }

    .row2{

        width:100%;
        height: 600px;
    }

    .ligthbox{
        width: 100%;
        height: 100vh;
        position: fixed;
        top:40px;

        background: rgba(0,0,0,.8);
        display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;  /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        -webkit-justify-content: center; /* Safari 6.1+ */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .btn-close{
        width: 70px;
        height: 70px;
        background: #AE4545;
        border: 3px solid #fff;
        border-radius: 100%;
        color: #fff;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        padding-top: 12px;
        position: absolute;
        top: 30px;
        right: 30px;
        cursor: pointer;
    }

    /*farmacom*/

    /*.farmacia{*/

        /*background-image:  url("../images/farmacia-salome-pacheco-velasco-badajoz-2 (1).jpg");*/
        /*background-size: 100%;*/
        /*width:100%;*/
        /*height: 400px;*/
        /*background-repeat: no-repeat;*/

    /*}*/


    .plato{

        width: 100%;
        height: 500px;
    }

    .acont1{

        width:100%;
        height: 800px;
        background: #25A0AF;

    }

    .aconts1{

        display: block;
        justify-content: center;
        margin:10px;
        color: white;
    }


    .empanada{

        display: block;
        width: 90%;
    }



    .AdminCalen{

        width: 100%;
        height:2400px;
        display: block;
        justify-content: center;

    }



    .calen1{

        width: 100%;
        height: 800px;
        background: #5B7FAC;
        margin-top: -20px;
    }


    .calen2{

        width: 100%;
        height: 800px;
        background: #5B98AC;
        margin-top: -20px;
    }



    .calen3{

        width: 100%;
        height: 800px;
        background: #15B3AF;
        margin-top: -20px;
    }


    .calens1{
        display: block;
        justify-content: center;
        color: white;
        margin: 10px;
    }


    .calens2{
        display: block;
        justify-content: center;
        color: white;
        margin: 10px;

    }


    .calens3{
        display: block;
        justify-content: center;
        color: white;
        margin: 10px;
    }


    .villa3{

        width: 90%;
        height: 300px;

    }




    .farma1{

        width:100%;
        height: 800px;
        background: #188285;
    }

    .farmas1{

        display: block;
        justify-content: center;

    }





    .medi1{
        color: white;
        display: block;
        width: 90%;
    }


    .villa{
        width:90%;
        height: 400px;
        margin: 30px;
    }

    .content1{

        width: 100%;
        height:2400px ;
        display:block ;
        justify-content: center;
        margin-top: -20px;
    }


    .mochila1{

        width: 100%;
        height: 800px;
        background: #3DA68B;
    }


    .mochila2{

        width: 100%;
        height: 800px;
        background: #2D7865;
        margin-top: -20px;
    }


    .mochila3{

        width: 100%;
        height: 800px;
        background: #13A580;
        margin-top: -20px;
    }

    .mochi1{
        display: block;
        margin:10px;
        color: white;
    }

    .mochi2 {
        display: block;
        margin: 10px;
        color: white;
    }

    .mochi3{
        display: block;
        margin:10px;
        color: white;
    }

    .brochur{

        width: 100%;
        height: 400px;
        border-radius: 5px;

    }


    .farma2{

        width:100%;
        height: 900px;
        background: #50A474;
        margin-top: -35px;
    }

    .farmas2{

        display: block;
        justify-content: center;

    }





    .medi2{
        color: white;
        display: block;
        width: 90%;
    }



    .farma3{

        width:100%;
        height: 900px;
        background: #11909D;
    }

    .farmas3{

        display: block;
        justify-content: center;

    }





    .medi3{
        color: white;
        display: block;
        width: 90%;
    }


    .farma4{

        width:100%;
        height: 900px;
        background: #4C966E;
        margin-top: -30px;
    }

    .farmas4{

        display: block;
        justify-content: center;

    }





    .medi4{
        color: white;
        display: block;
        width: 90%;
    }

    .farma5{

        width:100%;
        height: 1200px;
        background: #4C8496;
    }

    .farmas5{

        display: block;
        justify-content: center;

    }





    .medi5{
        color: white;
        display: block;
        width: 90%;
    }

    .villa2{
        width: 90%;
        height: 100%;
        margin: 30px;

    }





}