/* 
   con # se inicia configuracion de ID
   con . se inicia configuracion de CLASS
*/



.TablaCod{
  border: 1px solid black;
  border-collapse: collapse;
  font-size: 13px;
}

.barralogo { height: 80px; }
.barrah    { height: 40px; }
.barralogo , .barrah {
    background-color: #79abe1; 
    border-collapse: collapse;
    border-style: none;
    margin-left: auto; 
    margin-right: auto;
    width: 60%;
}

.tdartic {
  width:200px;
  cursor: pointer;
}
.itemmenu {color: white; vertical-align: middle;}
.itemlogo {  color: white; display: table-cell;  vertical-align: middle; float:right; height: 50px;padding: 6px 4px;}
.busca {  color: white; display: table-cell;  vertical-align: middle; whdth:'40%';}
/* .logo { width: 250px;} */
.logo {height:100PX;}
a.ltabpro{font-size: 17px;}
a.ltabpro:link {color: black;}
a.ltabpro:visited {color: black;}


.thumb {
       max-height: 90px;
       max-width: max-content;
}
  .tablacarri {
     border-collapse: collapse;
     border: 1px solid black;
     font-Family:myriad,verdana,arial;
     font-size:10pt;
     width: 60%;
     text-align: left;  
  }
.bga{ 
    line-height: 1.6;
    font-family: 'Homervetica-Black', Ubuntu, arial, serif; 
/*    font-weight: lighter; */
    font-size: 17px;
}

.bgaanterior{
    border-radius: 6px;
/*
    background: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#66ccff));
    background: -moz-linear-gradient(top, #0088cc, ##66ccff);
*/
    background:#77aad7;
    color: white;
    font-size: 14px;
    padding: 4px;
    font-family: arial, sans-serif;
  }

p8 {
    font-size: 13px;
    color: #FFFFFF;
    background-color: #D80029;
    border-radius: 4px;
    line-height: 2.0em;
    font-weight: 700;
    font-family: arial, sans-serif;
    margin: 0;
    -moz-box-sizing: border-box;
}

p7 {
    font-size: 16px;
    color: #000000;
    font-weight: 700;
    font-family: arial, sans-serif;
    margin: 0;
}
p2 {
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    font-family: arial, sans-serif;
    margin: 0;
}
p3 {    font-size: 15px; color:white;}

p9 {
    font-size: 13px;
    color: #FFFFFF;
    background-color: #79abe1;
    border-radius: 4px;
    line-height: 2.0em;
    font-weight: 700;
    font-family: arial, sans-serif;
    margin: 0;
    -moz-box-sizing: border-box;
}

P11a{
    border-radius: 6px;
    background: #77aad7;
    color: white;
    padding: 4px;
    font-family: arial, sans-serif;
  }

P12a{
    border-radius: 6px;
    background: #77aad7;    
    color: white;
    padding: 4px;
    font-family: arial, sans-serif;
  }
P13a{
    border-radius: 6px;
    background: #77aad7;
    color: white;
    padding: 4px;
    font-family: arial, sans-serif;
  }
P11,P12,P13{
    line-height: 1.6;
    font-family: 'Homervetica-Black', Ubuntu, arial, serif; 
/*    font-weight: lighter; */
    width: 800px;
}


P11{font-size: 17px;
    display: block;
    border-top: 1px solid gray;
    border-bottom: 1px solid grey;
    padding-bottom: 4px;
}
P12{font-size: 15px;
    display: block;
    border-bottom: 1px solid grey;
    padding-bottom: 4px;
}
P13{font-size: 13px;
    display: block;
    border-bottom: 1px solid grey;
    padding-bottom: 4px;
}
#precioProducto {
	    font-family: Arial, sans-serif;
            margin: 20px;	
            font-size: 24px;
            color: green;
        }
#cantidadProducto {
	    font-family: Arial, sans-serif;
            margin: 20px;	
            font-size: 20px;
            color: black;
       	    font-weight: bold;
        }

#cantidadProducto {
	    font-family: Arial, sans-serif;
            margin: 20px;	
            font-size: 20px;
            color: black;
       	    font-weight: bold;
        }

  .slideshow-container {
    position: relative;
    margin-top: 35px; 
    text-align: center;
    align-content: center;
}

  .slideshow-muesart {
    position: relative;
    text-align: center;
    align-content: center;
	display: table-caption
}


/*  para MuesArti.EXE */
 .mySlides {display: none} 
 img {
      vertical-align: middle;
      border-radius: 5px;
  }

video {
    vertical-align: middle;
    horizontal-align: middle;
    border-radius: 5px;
}

#cabecera{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

  .contope{
    width: 100%;
/*     background-color:#c6d9ec;  */ 
    background-color:white;
    color:white;
}
.tablaartic {
  border-collapse: collapse;
  border: 1px solid black;
  font-Family:myriad,verdana,arial;
  font-size:10pt;
  text-align: center;  
}

.tablaprod {
  border: 1px solid black;
  border-collapse: collapse;
  border-radius: 10px;
  text-align: center;
  font-family: "Arial", "sans-serif";
}

.tablapij {  border-collapse: collapse;}

  .carri {
  float: left;
}
/*--------- CSS RESPONSIVE  INICIO */

@media only screen and (max-width:1930px) {            /* PARA PC */
#content1 {width: 1000px;}
#titulo{font-size: 30px;    font-family: sans-serif;}
.dropdown-content {display: none;min-width: 177px; left: 36px;}
.dropdown-content a {padding: 14px 16px;}
.dropdown{height: 80px;}
.dropbtn{height: 60px; margin-top: 16px;}
#ingresa {margin-top: 0px;}
a {font-size: 16px;}
.hide {right: -80px;}
.show {right: 25px; top: 54px; }
#box.show {right: 512px; top:134px;}
#box.hide {right: -110px; top:220px;}
h5{font-size: 30px;    font-family: sans-serif;}
/* td{max-width:30%} */

.slideshow-muesart {width: 800px;}
.slideshow-container {width: 800px;}
  video {height: 480px}
  .pdf {height: 480px}
/*  .mySlides {width: 800px;  margin-top: -35px;} */
/*  .mySlides {width: 800px; } */
  .bga{font-size: 20px;}
P6 { font-size: 24px;color:GREEN; }
P11{ font-size: 20px; }
P12{ font-size: 18px; }
P13{ font-size: 18px; }
#precioProducto {
	    font-family: Arial, sans-serif;
            margin: 20px;	
            font-size: 24px;
            color: green;
       	    font-weight: bold;
        }
#cantidadProducto {
	    font-family: Arial, sans-serif;
            margin: 20px;	
            font-size: 20px;
            color: black;
       	    font-weight: bold;
        }

.tablaartic {font-size:10pt;}

  .tablaprod {
     height:70px;
     width:170px;
     font-size: 15pt;
     display: table-cell;
     padding-top: 20px;
}
  .slideshow-imagen{
   /*   width: 800px; */
   height:300px; 
}
  .tablapij { 
            font-size:16pt;	
            width=800;
   }
  .lg{     height:150px  }
  .lgico{     height:30px  }
  .busca{ width:50%; height:30px  }
  .imgsl    { height: 100%;
              max-height: 310px; 
              border: 0;
  }

}                                                  /* FIN PARA PC */

/*-------------------------------------------------------------*/
@media only screen and (max-width:800px) {  /* phones: horizontal */
* {font-size: 20px;}
a {font-size: 11px;} 
h5{font-size: 15px;    font-family: sans-serif;}
#titulo{font-size: 15px;    font-family: sans-serif;}
.barralogo , .barrah {width: 100%;}
.logo { width: 179px;}
/*   Contenedor de google maps y datos de contacto */
#content1 {width: 100%; height:600px; font-size: 7pt;} 
iframe{width:50%; height:100%;}

video {height: 200px;}
.pdf {height: 200px;}
.dropbtn{height: 80px;}
.dropdown-content {display: none;min-width: 84px; left: 16px;}
.dropdown-content a {padding: 16px 16px;}
.dropdown{height: 76px;}

.lg{     height:50px  }
.lgico{ height:23px; width:23px;}
.busca{ width:56%; height:30px  }

.show {right: -105px; top: 6px; }

#box.show {right: 420px; top:102px;}

a.ltabpro {font-size: 12px;}
.slideshow-muesart {width: 100%; margin-top: 30px;}
.slideshow-container {width: 100%;}
.mySlides { width: fit-content; }
.imgsl    { height:280px; }
.tablacarri {width: max-content; width: -moz-fit-content; font-size: 9pt;}
P6 { font-size: 24px;color:GREEN; }
P11{ font-size: 14px; width: 400px}}
P12{ font-size: 12px; width: 800px}
P13{ font-size: 12px; width: 800px}
#precioProducto {
	    font-family: Arial, sans-serif;
            margin: 20px;	
            font-size: 24px;
            color: green;
       	    font-weight: bold;
        }
#cantidadProducto {
	    font-family: Arial, sans-serif;
            margin: 20px;	
            font-size: 20px;
            color: black;
       	    font-weight: bold;
        }

.tablaartic {font-size:8pt;}
.bga{font-size: 14px;}
.slideshow-imagen{height:150px;}
.tablaprod {height:40px; width:130px; font-size: 9px; padding-top: 10px; }
#EstadoCompra{ font-size:10pt; }
TEXTAREA { font-size: 10px; }

                            /* FIN phones: horizontal */

/*-------------------------------------------------------------*/
@media only screen and (max-width:451px)    { /* phones: vertical */
.TablaCod{ font-size: 8px;}
.itemlogo { height: 45px;padding: 1px 6px;}
* {
font-size: 12px;
width: auto;
/*  */width: stretch;
}
a {font-size: 9px;} 
	h5 {
        font-size: 12px;
        font-family: sans-serif;
        width: max-content;
        display: grid;
    }
.tdartic {width: 30%; font-size: 10px;}
.barralogo , .barrah {width: 100%;}
/* .logo {height: 35px;} */
.logo { width: 160px;}
.fencabe {height: 96px;}
#titulo{font-size: 15px;    font-family: sans-serif;}
/*   Contenedor de google maps y datos de contacto */
 #content1 {width: 100%; height:600px; font-size: 7pt;} 
iframe{width:150px; height:400px;}
input{font-size: 7pt;}
.show {right: -105px; top: -10px; }
#box.show {right: 266px; top: 97px;}
#box.hide {right: -101px; top:86px;}
.tdcarri {width:200px}
.tablacarri {width: 450;}

.dropbtn{ 
  height: 44px;  
/*  margin-top: 40px;
  margin-left: 12px;
*/
}
#ingresa {margin-top: 0px; margin-left: 6px;}
#central{margin-top: 15px;}
P3{font-size: 12px;}
  video {height: 380px;}
  .pdf {height: 380px;}
  .slideshow-muesart {width: 100%;}
  .slideshow-container {width: 100%;}
   fit-content;}
  .imgsl { height: auto; max-width: 70%;  }

P6 { font-size: 24px;color:GREEN; }
P8 { font-size: 10px; }
P11{ font-size: 12px; width: 400px}
P12{ font-size: 10px; width: 400px}
#precioProducto {
	    font-family: Arial, sans-serif;
            margin: 10px;	
            font-size: 24px;
            color: green;
       	    font-weight: bold;
        }
#cantidadProducto {
	    font-family: Arial, sans-serif;
            margin: 20px;	
            font-size: 20px;
            color: black;
       	    font-weight: bold;
        }


TEXTAREA {width: 400px;font-size: 10px;}

  .bga{font-size: 12px;}
  .slideshow-imagen{height:140px;}

  .tablaprod { height:40px; width:115px;}
  .tablaartic { font-size: 7pt; }
  .tablapij { font-size:10pt; width=450;}
  .lg{     height:70px  }
  .lgico{ height:23px; width:23px;}
  .busca{ width:30%; height:30px  }
  #EstadoCompra{ font-size:10pt; }
   
  }
}                                         /* fin phones: vertical */
/*-------------------------------------------------------------*/

/*--------- CSS RESPONSIVE FINAL */