/****** reglas generales ******/
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on May 19, 2016 */
@font-face {
    font-family: 'lato-bold-webfont';
    src: url('lato-bold-webfont.eot');
    src: url('lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-bold-webfont.woff2') format('woff2'),
         url('lato-bold-webfont.woff') format('woff'),
         url('lato-bold-webfont.ttf') format('truetype'),
         url('lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lato-light-webfont';
    src: url('lato-light-webfont.eot');
    src: url('lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('lato-light-webfont.woff2') format('woff2'),
         url('lato-light-webfont.woff') format('woff'),
         url('lato-light-webfont.ttf') format('truetype'),
         url('lato-light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;}


*{ 
                font-family: 'lato-light-webfont';

    }

   body{
       box-sizing: border-box;
        width: 100%;
       margin:0;
    }
    header> nav> div>div {
    
        flex-direction:row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        justify-content: center;
        align-items: center;
        background-color: #ffffff;
    }
    .item1 a{
        background-color: #ffffff;
        text-align: center;
        border-top: solid #cecece 1px;
        color: #09a0a0;
        text-decoration: none;
        display: flex;
        justify-content: center;
        font-size: 1.5em;
        font-family:"lato-light-webfont";
        width: 20em;
         -webkit-transition: background-color 1s;
    transition: background-color 1s;
        padding: 1em 0em 1em 0em;
            
    }
  a:hover{
    color: rgb(0, 0, 0);
    background-color: rgba(0, 185, 178, 0.17);
    border-bottom: 1px solid #09a0a0;
    color: #09a0a0;
      font-family:"lato-bold-webfont";
}

.divflex{
    box-sizing: content-box;
    width: 30em;
    margin-right: 2em;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

}
main>section>div>figure>a>img {
    width: 100vw;
        }   
main>figure>img{
width: 100vm;
}

.imagen{
justify-content: space-between;
    margin-left: -1.3em;
    
}
.imagen figure {
    
	position: relative;
	margin: 0em 1em 1em -1em;
    width: 33em;
    font-family:"lato-bold-webfont";
    max-width: 400px;
    max-height: 600px;
    
    
}
.imagen figure figcaption {
	
	color: #09a0a0;
	font-size: 2em;
    text-align:left;
    margin-left: 5em;
max-width: 400px;
    max-height: 400px;
    
    padding: 2em 3em 2.2em 5em; 

}
.imagen figure figcaption,
.imagen figure figcaption > a {
	position: absolute;
	top: 0.2em;

}



figure.compras img {
	max-width: 35em;
	height: 390px;
	-webkit-transition opacity 1s, -webkit-transform 1s;
	transition opacity 1s, transform 1s;

}

figure p {
	display: inline-block;
    margin: -0.5em;
	padding: 0.5em 4em;
	background: rgba(255,255,255,0.9);
	color: #2f3238;
	font-weight: 500;
	font-size: 0.5em;
	font-family:"lato-light-webfont";
    text-align: center;
    align-content: center;
    align-items: center;
    
	
}



figure {
    opacity: 100%;
    width: inherit;
    height: auto;
    box-sizing: content-box;
margin-left: -0.5em
    }

figure :hover img {
	opacity: 0.4;
}




/****novedades - otrs - promociones****/
#reg {
    color: #09a0a0;
        border: none;
    text-decoration: none;
    font-family: "lato-light-webfont";
}
#reg:hover{
    text-decoration: none;
    border: none;
    font-family: "lato-bold-webfont";
    background-color: #ffffff;
}
    main {
        width: 30em;
}
    main> figure> img {
        box-sizing:border-box;
        width: 28em;
        
        
    }
    main>section>section{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        align-content: flex-end;
        
    }

    main>section>section>a>article
    {
        
        width: 15em;
        height: 4em;
        display: flex;
        justify-content: center;
        font-size: 2.5em;
        align-items: center;
        font-family: "lato-light-webfont";
        margin: 0.1em;
        
       
        
    }
    main>section>section>a{ 
        text-align: center;
        text-decoration: none;
        border: none;
        color: #000000;    
    }
main>section>section>a:hover {
border: none;
    background-color: #09a0a0;
    color: white;
     font-family: "lato-bold-webfont";
     }



    /**********foter**********/

    footer{
    height: 10em;
    margin: 0em 0em 0em -1em;
    
    background-color: #2e2e2e;
    display: flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:flex-start;
    align-items:center;
    align-content:center;
    box-sizing: border-box;
        width: 100vw;
        font-family: "lato-light-webfont";
    
}
footer section {
    display: flex;
    justify-content:space-around;
    flex-direction: row;
    align-items:flex-start;
    width: 100vw;
    box-sizing: border-box;
    height: 15em;
    color: #919191;
    font-size: 0.5em;
}
footer section div {
    display: flex;
    flex-direction: column;
    justify-content:center; 
    align-items: flex-start;
    font-family: "lato-light-webfont";
    color: #969696;
    
}
footer section div a { 
border: none;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
    text-decoration: none;
    color: #09a0a0;
}
/*copyright*/
footer >div >h2 {
    font-size: 0.5em;
    font-family: sans-serif;
    text-align: center;
    word-spacing: 0.5em;
    color: #9d9d9d;
    font-family: "lato-light-webfont";
}
footer>div>p {
    font-size: 0.4em;
    text-align: center;
    word-spacing: 0.0em;
    font-family: sans-serif;
    font-family: "lato-light-webfont";
    color: #5a5a5a;
    
    
}


















/*Menos de 480*/
@media screen  and (max-width: 30em)
{
    
    * {
    box-sizing: border-box;
}

    .divflex figure a {
            display: block;
            display: inline-block;
        width: 100%;
        left: 2em !importat;
        top: 3px;
    }

body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap:wrap;
    box-sizing: border-box;
    width: auto;
    background-color: #2f2f2f;
    
}
    


    
    header{
    width: 100%;
    background-color: #ffffff;
    margin-top: 0em;
    margin-left: 0em;
    margin-right: 0em;

}
    
.div a {
    font-size:3em;
    }

nav{
    background-color: #ffffff;
    width: 100%;
}

.divflex {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    background-color: #ff0000;
    box-sizing: border-box;
    width: auto;
    background-color: #ffffff;
    margin: 1em ;
}


    .div a {
        background-color: white;
            padding-left: 4px;

    }
    
.div{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
    box-sizing: border-box;
    width: 100%;
    font-size: 7px;
    left:0;
    right:0;
    margin: 1.5em -30em -0.5em -2em;
    padding:  1em;
    align-items: center;
}

    
    
a {
    text-decoration: none;
    color: #09a0a0;
    font-size: 5px;
    border-left: solid #e5e5e5 1px;
    
}

a:hover{
    color: rgb(0, 0, 0);
}


#reg{
    background-color: #ffffff;
    color: #09a0a0;
    font-size: 15px;
    box-sizing: border-box;
    position: absolute;
    right: 0;
}
    .arrib{
        top: 30px;
        margin-right: 2em;
    }
    .arribdos{
        top: 5px;
        margin-right: 2em;

    }
  
    .divflex figure{
        box-sizing: border-box;
 
    }
    

    
  div>#reg {
      box-sizing: border-box;
    }

    
    
    
    /*FIN HEADER*/
    
    
    /*COMPRAS*/
    .leyenda{
    color:#09a0a0;
    font-size: 15px;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.37);
    margin: 0em 0.5emm -0.5em 0.5em;
    padding: 0.5em;
    border-radius: 20px ;
    }
    
        .opciones{
    display: flex;
    font-size: 10px;
    justify-content:space-around;
    padding-bottom: 0em;
    padding-top: 0em;
    margin-bottom: 1em;
    color: rgb(255, 255, 255);
    margin-top: 1em;
    background-color: #333333;
    margin-top: auto;
    }  
    
    .opciones .item h2{
    color:#09a0a0
    }
    
    main>div {
    margin-top: 4em;
    margin-left:5em;
        padding-left:7.5em;
      background-color: #09a0a0;
    margin: -2em 0em 0em -0.5em;
        padding-left:11em;
    color: rgb(255, 255, 255);
}


    
    .imagen{
        height: 50%;
        margin-left: 1em;
        justify-content: center;
    }
    

.imagen figure {
	position: relative;
	overflow: hidden;
	margin: 10px;
    margin-right: 1em;
    width: 100%;
    height: 20%;    
}
.imagen figure figcaption {
	padding: 2em;
	color: rgb(0, 0, 0);
	font-size: 1.5em;
}
.imagen figure figcaption,
.imagen figure figcaption > a {
	position: absolute;
	top: 0;
	left: ;
	width: 100%;
    height: 10%;    
}

.imagen figure h2 {
	font-weight: 100;
}
    
.imagen figure h2 span {
	font-weight: 800;
}

    .comprar{
        display: none;
    }
figure.compras {
	background: #ffffff;
    width: 100em;

}

figure.compras img {
	max-width: none;
	height: 20%;
}

figure.compras p {
	display: inline-block;
	margin: 0 0 0.25em;
	padding: 0.4em 1em;
	background: rgba(255,255,255,0.9);
	color: #2f3238;
	font-weight: 500;
	font-size: 75%;
}


figure.compras:hover img {
    
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figure.compras:hover p {
	
	
}
    
    .compras {
    display: block;
	overflow: hidden;
	margin: 0px;
    width: 30em;
    height: 15em;
    background-color: #2f2f2f;
    
}

    .imagen figure img{
        width: 100%;
        height: 10%;    
        margin-left: -0.8em;
    }
    
.imagen figure figcaption {
	color: rgb(255, 255, 255);
    text-shadow: 0 0 1rem #000000;
	font-size: 1.2em;
    text-align:left;
    padding: 2em 0em 0em 2em; 
    margin-top: -0.2em;
    margin-left: 0em;
    top: 0.2em;
    border-left: none;
    height: 10%;    
}
    .exep {
	color: white;
    text-shadow: 0 0 1rem #000000;
	font-size: 6em;
    text-align:left;
    padding: 2em 0em 0em 2em; 
    margin-top: -0.2em;
    margin-left: 0em;
    top: 0.2em;
    border-left: none;
    height: 10%;    
}
    
    .imagen figure a {
        border:none;
    }
    .imagen figure a:hover{
        background-color: rgba(255, 255, 255, 0);
        border: none;
    }
 
    .imagen info{
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 2em;
    padding-bottom: 1em;
    color: #1a7676;
    font-size: 10pt;
    }
 
    
    .comprar {
        color: black;
          -webkit-transition color 1s;
        transition color 1s;
        background-color: rgb(43, 190, 173);
         
    }
    
     .comprar:hover{
        color: rgb(43, 190, 173);
    }
        .sectioncompras{
        background-color: #2f2f2f;
       justify-content: center;
        margin-bottom: 0em;
        width: 100vw;
        margin-top: 0.5em;
    }
    
        .kits    {   
         margin-top: 0em;
         color: white;
    }
    
    
    .kits:hover{
        color: rgb(43, 190, 173);
    }
    
    

    
    
    
    
    
    /*HOME SWEET HOME*/
    
    
     span {-webkit-transition: color 1s;
    transition: color 1s;
        font-family:"lato-light-webfont";
    }

    span:hover{
        color: white;
        -webkit-transition color 1s;
    transition color 1s;
    }
    .imagen info{
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 2em;
    padding-bottom: 1em;
    color: #1a7676;
    font-size: 10pt;
    }
 
    
    .figure {margin-left: 0em;
margin-top: 0em;
    display: flex;
        width: 100%;
}
    
    info { display:block;
     background-color: rgba(255, 255, 255, 0);
    }

    
.figu img{
box-sizing: border-box;
width: 100%;
margin-left: 0px;
margin-top: -2em;
margin-bottom: -1em;
overflow: hidden;
}
    
.somos{
    color: white;
    width: 100%;
    background-color: #09a0a0;
    margin: 0em 3em 0.5em 0.5em;
    padding:  1em;
    border-radius: 20px ;
	font-size: 7px;
     box-sizing:content-box;
    }
    
      .info {
     margin: 0.5em 3em 0.5em 0.5em;
    box-sizing: border-box;
    }
    
    
    .compras figcaption p{
        display: none;
    }
    
.compras {
    display: block;
    font-family:"lato-bold-webfont";
	overflow: hidden;
	margin: 0px;
    width: 32em;
    background-color: #2f2f2f;
    

}
    
    .ovideos{
        display: none;
    }
    /* GIFFFF*/
.articlesaside {
     display: flex;
    width: 100%;
    height: auto;
    margin: 0;
    align-items:  center;
    text-align: center;
    justify-content:center;
    }
    
    
    
    
    /*REGISTRO*/
     
    
    .acepto a:hover{
    color: rgb(0, 0, 0);
}
    
  .acepto a{
     width: 40%;
    margin-left: 13em;
    position: relative;
    background-color: #ffffff;
    color: black;
    font-size: 18px;
    text-align: center;
    padding: 0.1em;
    margin-top: 0em;
    margin-bottom: 0em;
    border: 1px solid black;
    border-radius: 0.4em;
    }
    
    .acepto p {
      margin: 2em;
    font-size: 10pt;
    max-width: 30em;
    } 
        
    
   .elemento1{
    display: block;
    width:90%;
    margin-top: -1em;
    margin-left: 1em;
    background-color:white;
    margin-right:-14em;
    height: auto;
       box-sizing: content-box;
           padding-bottom: 1em;

    }    
    
    .contenedor{
    display: flex;
    flex-direction: column; 
flex-wrap: nowrap;
    }
    
    
    
     h4{
        margin-left: 4em;
         color:#000000; 
         text-align:right; 
        padding-right: 4em;
         display: flex;
         flex-direction: column;
}

.elemento1 h2{
color:white;
margin-top: 1em;
text-align: center;
}
    .videos{
display: none;
}
    
    
.elemento2{
    display:flex;
    flex-direction: column;
    background-color: #09a0a0;
    justify-content: center;
    align-items: center;
    width:90%;
    margin-left: 1em;
    margin-right:-14em;
    padding: -8em;
           padding-bottom: 1em;
}

    .elemento2 figure img{
    margin-top:0em;    
    margin-bottom: -1em;
    }  
    .elemento2 figure h1{
    font-size:13pt;
    min-width: 9em;
    }
    .elemento2 p{
    font-size: 14pt;    
     max-width: 20em;
     margin-bottom: -1em;   
    }
    
    .foto{
        margin-left: 2em;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    
    .foto2{
        display: none;
    }

    /*REGISTRO ACEPTADO*/
.serega {
    background-color:beige;
    }
    
.serega. p{
    margin-left: 25em;
    padding-bottom: 2em;
    padding-top: 2em;
    font-size: 2px;
    }
        
    
    
    
    
    
}












































/* Mas de 480*/
@media screen and (min-width:30em) 
{
* {
    box-sizing: border-box;
}


body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap:wrap;
    box-sizing: border-box;
    width: 100vw;
    background-color: #2f2f2f;
    
}

    /*INICIO HEADER*/
header{
    width: 100%;
    background-color: #ffffff;
    margin-top: -0.5em;
    margin-left: -0.5em;
    margin-right: -1em;

}
    
.div a {font-size:5em;}

nav{
    display: flex;
    flex-direction: row;
    background-color: #ffffff;
    width: 100%;
}

.divflex {
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    flex-grow: 1;
    background-color: #ff0000;
    box-sizing: border-box;
    width: 40vw;
    background-color: #ffffff;
    margin-right: -1em;
}

.div{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    box-sizing: border-box;
    margin-left: -3em;
    width: 60em;
}

a {
    text-decoration: none;
    color: black;
    padding: 50px 20px 10px 20px;
    font-size: 1.5em;
    -webkit-transition background-color 1s;
    transition background-color 1s;
    border-left: solid #e5e5e5 1px;
}

a:hover{
    color: rgb(0, 0, 0);
  
    background-color: rgba(0, 185, 178, 0.17);
    
    color: #09a0a0;
}


#reg{
    background-color: #ffffff;
    color: #09a0a0;
    font-size: 1em;
    border: none;
    padding-bottom: 1em;
    box-sizing: border-box;

}
    
    /*fin header */
    
    div>main>figure{
        width: 97vw;
        box-sizing: border-box;
        padding-left: 10em; 
    }


.item1{
    font-size: 0.6em;
    color: black;
    background-color: #ffffff;
    width: 30em;
}


.figure {
    box-sizing: border-box;
    }

main {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    margin-top: 1em;
    box-sizing: border-box;
    width: 100vw;
    background-color: #2f2f2f;

}

main section {
    margin-top: -1em;
    padding-top: 2em;
    box-sizing:border-box;
    display: flex;
    flex-direction: row;
    align-items:flex-start;
    justify-content: center;
    flex-wrap:wrap;
    background-color: #2f2f2f;
    
}
    main>section>section{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
    justify-content: center;
    
    }
main section section a {

    flex-wrap: wrap;
    border: none;
    padding: 0em 0em 0em 0em;
    box-sizing: border-box;
    height: 7em;
    background-color: #2f2f2f;
     
}
    main>section>section>a>article
    {
        
        width: 1em;
        height: 4em;
        display: flex;
        justify-content: center;
        font-size: 0.7em;
        align-items: center;
        font-family: "lato-light-webfont";
        
        background-color: #f08900;
        
    }
/*compras*/

main>div {
    background-color: #ffffff;
    margin-top: 4em;
    margin-left:5em;
padding-left:7.5em;
    color: #09a0a0;
  
}

.articles {
    display: flex;
    flex-direction: column;
    flex-wrap:wrap;
    background-color: cadetblue;
    box-sizing: border-box;
    height: 10em;
    width: 25em;
    margin-right: 2em;
    align-items:center;
    justify-content:center;
}

.articlesaside {
     display: flex;
    background-color: #09a0a0;
            text-decoration: none;
        border-bottom: none;
        background-color: rgba(0, 185, 178, 0);
    height: 10em;
    width:15em;
    align-items:  center;
    text-align: center;
    justify-content:center;
    
}

.imagen figure {
    
	position: relative;
	overflow: hidden;
	margin: 10px;
    margin-right: 1em;
    width: 30em;
    
}
.imagen figure figcaption {
	padding: 2em;
	color: rgb(0, 0, 0);
	font-size: 1.5em;

}
.imagen figure figcaption,
.imagen figure figcaption > a {
	position: absolute;
	top: 0;
	left: ;
	width: 100%;
	height: 100%;
}

.imagen figure h2 {
	
	font-weight: 100;
}
.imagen figure h2 span {
	font-weight: 800;
}


figure.compras {
	background: #ffffff;
}

figure.compras img {
	max-width: none;
	height: 390px;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;

}

figure.compras p {
	display: inline-block;
	margin: 0 0 0.25em;
	padding: 0.4em 1em;
	background: rgba(255,255,255,0.9);
	color: #2f3238;
	font-weight: 500;
	font-size: 75%;
	-webkit-transition opacity 0.35s, -webkit-transform 0.35s;
	transition opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px,0,0);
}


figure.compras:hover img {
    
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figure.compras:hover p {
	
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
footer{
    height: 12em;
    margin: 5em 0em 0em 0em;
    background-color: #1e1e1e;
    display: flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content: space-around;
    align-items: center;
    align-content:center;
    box-sizing: border-box;
    
}
footer section {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items:baseline;
    width: 100em;
    box-sizing: border-box;
    height: 20em;
    color: white;
    font-size: 0.6em;
}
footer section div {
    display: flex;
    flex-direction: column;
    justify-content:center;
    
}
footer section div a { 
border: none;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
}
/*copyright*/
footer >div >h2 {
    font-size: 0.6em;
    font-family: sans-serif;
    text-align: center;
    word-spacing: 0.5em;
    color: white;
}
footer>div>p {
    font-size: 0.5em;
    text-align: center;
    word-spacing: 0.2em;
    font-family: sans-serif;
    
}



/* a partir de 320px */
    body{ background-color: #2f2f2f;
    width: 100%;
        margin-top: 0em;
    }
    
    .figure {margin-left: 0em;
margin-top: 0em;
    display: flex;
        width: 100%;
}
info { display:block;
     background-color: rgba(255, 255, 255, 0);}
    
    
    .divflex{
    box-sizing: border-box;
    display: flex;
    flex-direction:row;
    flex-wrap: nowrap;
    justify-content: space-around;
        width: 100%;
        height: 5.4em;
    }
    

  
    .divflex figure{
        box-sizing: border-box;
        margin-left: 9.5em;
        margin-right: -10em;
    }
    .divflex figure a{
    width: 100%;
    }
    
  div>#reg {
      padding-top: 1em;
      padding-bottom: 0em;
      order: 3;
      align-self: flex-start;
      box-sizing: border-box;
    }
    .div {
        box-sizing: border-box;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
        font-size: 0.2em;
        font-family:"lato-light-webfont";
        width: 100%;
        margin-left: 10em;
        height: 7.5em;  
    }
     
    
.serega {
    background-color:beige;
    }
    
.serega. p{
    margin-left: 25em;
    padding-bottom: 2em;
    padding-top: 2em;
    font-size: 15pt;
    }
           
  a:hover{
    color: rgb(0, 0, 0);
    background-color: rgba(0, 185, 178, 0.17);
    border-bottom: solid rgb(43, 190, 173) 3px; 
    color: rgb(43, 190, 173);
      font-family:"lato-light-webfont";   
}
    
    
.contenedor{
display: flex;
flex-direction: row;
background-color: white;
width: 99%;
justify-content: center;
margin-top: 4em;
margin-bottom: -6em;
}
    
.elemento1{
display: block;
width:1100px;
background-repeat: no-repeat;
background-size: auto;
padding-left: 30em;
margin-top: 1em;
margin-bottom: 0em;
background-color: white;
margin-left: -30em;
margin-right: 37em;
height: 700px
    
} 

.elemento1 .videos{
margin-left: -9.5em;
padding-top: 5em;

}
 .elemento1 .videos .lisvideo {
margin-left: 1.8em;}   
.acepto a:hover{
color: rgb(0, 0, 0);
background-color: rgba(0, 185, 178, 0.17);
border-bottom: solid rgb(43, 190, 173) 1px; 
color: rgb(43, 190, 173);
font-family:"lato-light-webfont";  
padding-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}

.acepto a{
margin:7em;
padding-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
color:#000000;
font-family:"lato-light-webfont"
}
    
.acepto p {margin-left: -2em;
padding-right: 10em;
font-size: 10pt;
max-width: 80em;
font-family:"lato-light-webfont";} 
    
    
   
h4{
margin-left:-6em;
color:#000000; 
margin-right: 0em;
margin-right: 12em;
padding-right: 7em;
margin-top: -1em;
text-align: right;
font-family:"lato-light-webfont"
}
    
   
.elemento2{
display:block;
background-color: rgb(43, 190, 173);
justify-content: center;
margin-left: -35em;
margin-right: -10em;
margin-top: -2em;
height: 747.3px;
width:27%;
}

    .elemento2 figure img{
    margin-top:0em;    
    margin-left: 3.2em;
    width: 250px;
    height: 245px;
    margin-bottom: 0em;
    }  
    .elemento2 figure h1{
   margin-left: 1.6em;    
    font-size:23pt;
    min-width: 9em;
    margin-top: -0em;
        
    }
    .elemento2 p{
    font-size: 14pt;    
    margin-left: 2em;
     max-width: 14em; 
    }
    
    
    
    
    
.item1{
display: block;
color:aqua;
background-color:#333333;
border: 5pt solid #333333;
padding-left: 12em;
padding-right: 5em;
margin-left: 5em;
margin-right:5em; 
padding-bottom: 5em;
padding-top: 5em;
margin-bottom: 2em;
}
    
main{
flex-direction: column;
margin-bottom: 3em;
    } 
    
  

    
.figu img{
box-sizing: border-box;
width: 100%;
height: 400px;
margin-left: 0px;
margin-top: -2em;
overflow: hidden;
}
    
    .somos{
        position: absolute;
	color: black;
	font-size: 9px ;
    text-align:center;
    margin-top: 15em;
    text-shadow: 0 0 1rem white;
    padding: 1em 0em 0em 0em; 
    	top: 6em;
        margin-left: -33em;
     box-sizing:content-box;

    }
    
      .info {
        width: 40em;
        margin-left: 35em;
        position: relative;      
          box-sizing: border-box;
    }

    
.compras {
    display: block;
    font-family:"lato-bold-webfont";
	overflow: hidden;
	margin: 0px;
    width: 32em;
    background-color: #2f2f2f;
    
}

    .imagen figure img{
        width: 30em;
        margin-left: -0.8em;
    }
.imagen figure figcaption {
	
	color: rgb(255, 255, 255);
    text-shadow: 0 0 1rem #000000;
	font-size: 1.2em;
    text-align:left;
    padding: 2em 0em 0em 2em; 
    margin-top: -0.2em;
    margin-left: 0em;
    	top: 0.2em;
    border-left: none;

}
    .imagen figure a {
        border:none;
    }
    .imagen figure a:hover{
        background-color: rgba(255, 255, 255, 0);
        border: none;
        font-family:"lato-bold-webfont"; 
        
    }
 
    .imagen info{
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 2em;
    padding-bottom: 1em;
    color: #1a7676;
    font-size: 10pt;
    }
    
    main>section>section>a>article
    {
     
        background-color: rgba(9, 160, 160, 0.49);
        display: flex;
        justify-content: space-around;
        font-size: 1em;
        align-items: center;
        font-family: "lato-light-webfont";
        max-width: 45em;
	height: 200px;
        
    }
    main>section>section>a>article{ 
        text-align: center;
        text-decoration: none;
        border: none;
        color: #000000; 
        -webkit-transition opacity 50% 1s;
        transition opacity 50% 1s, 
        -webkit-transition background-color 1s;
    transition background-color 1s;
    }
main>section>section>a>article:hover {

    color: white;
     font-family: "lato-bold-webfont";
    background-color: #1a7676;
   
	
    }
    .opciones{
    display: flex;
    justify-content:space-around;
    background-color: #09a0a0;
    padding-bottom: 0em;
    padding-top: 0em;
    margin-bottom: 2em;
    margin-top: 1em}
    
    section h1{
    color: white;
    }
    .item{
    display: block;
    }
    
    .leyenda{
    color:#09a0a0;
    font-size: 10pt;
    margin: auto
    }
   
    footer{
    width:100%;
        background-color: #1e1e1e;
        display: flex;
        justify-content: center;
        align-content: space-between;
    }
    footer section {
        justify-content: space-between;
        background-color: #1e1e1e;
    }
  
/*******compras********/
    /*compras*/

main>div {
    background-color: #09a0a0;
    margin: -1em 0em 0em -0.5em;
padding-left:11em;
    color: rgb(255, 255, 255);
    font-family: "lato-light-webfont";
}

    .opciones{
    background-color: #333333;
    margin-top: auto
    }  
    .opciones .item h2{
    color:#09a0a0
    }
   

    .kits
     {
        color: black;
         "lato-light-webfont"
          webkit-transition color 1s;
    transition color 1s;
    }
    .kits:hover{
        color: rgb(43, 190, 173);
    }
    span {-webkit-transition: color 1s;
    transition: color 1s;
        font-family:"lato-light-webfont";
    }
    
    .comprar {
        color: black;
         "lato-light-webfont"
          -webkit-transition color 1s;
    transition color 1s;
        background-color: rgb(43, 190, 173);
         
    }
    .comprar:hover{
        color: rgb(43, 190, 173);
    }
    span {-webkit-transition: color 1s;
    transition: color 1s;
        font-family:"lato-light-webfont";
    }
    span:hover{
        color: white;
        -webkit-transition color 1s;
    transition color 1s;
    }
    
    .sectioncompras{
        background-color: #2f2f2f;
        margin-bottom: 2em;
        width: 100vw;
        margin-top: 0.5em;
    }
    
      .ov{
    padding-right: 2em;
          margin-top: 1em;
          
    display: flex;
}
    
    .ovideos{
    background-color: #09a0a0;
    display: flex;
    flex-direction:column;
    justify-content: space-around;
    width: 100%;
    margin: 0em 8em 0em 6em;
    height: 300px;
}
    .vsegtitu{
    color: aliceblue;
    font-size: 2em;
    font-style: oblique;
    box-sizing: content-box;
    width: 100%;
    margin-top: -1em;
    background-color: rgba(0, 0, 0, 0.43);
}
    .articlesaside:hover{
        text-decoration: none;
        border-bottom: none;
        background-color: rgba(0, 185, 178, 0);
    }
.lisvideo{
    display: flex;
    box-sizing: content-box;
    align-content: stretch;
    justify-content: center;
    flex-direction: row;
    padding: 1em;
    margin: -2em 0em 0em 3em;
}
    
    .qr{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .qr p {
        font-size: 14px;
        text-decoration: none;
        background-color: rgba(240, 248, 255, 0);
        color: white;
        margin-top: -0.5em;
        padding: 2em;
    }
    
    
    .qr img{
        width: 80%;

    
}
    
     
    
    
    
        }