/*
selector :  "*"    todos los elementos de la página
selector :  "p {"  de tipo o etiqueta
selector :  "."    es class
selector :  "#"    es id
*/
body {
  margin: 0;
/*  background-color: #171616;  */
/* Esto ('../') llega a 'web/themes/mitheme01' */
/*  background:url('../images/fondo02.png'); */
	background:url('../images/master3.jpg');
/*
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  filter: opacity(opacity: 30%);
  z-index: -1; 
/*
/*  color: #FFFFFF !important; */
}
#p_justificado {
	font-size: 15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	/*font-weight: bold;*/
	text-align: justify; 
	text-justify: inter-word;
}

#id01 {
  display: block; 
  margin-top: -30px;
  margin-right: auto;
  margin-left: 0 !important;
  padding: 0px;
  max-width: 100%;
  width: 100%;
/*
  position: absolute;
  top: 70px;
  z-index: -1;
*/
/* Siguientes lineas para forzar todo el ancho de pantalla*/
/*  position: relative;*/
/*  width: 100vw; */       /* La unidad 'vw' es para que tome toto el ancho de la pantalla e ignore el width de de las clases 'wrap' y 'container' */
/*  margin-left: -50vw; */ /* width dividido para 2 */
/*  left: 50%;*/
}

#id02 {
  display: block; 
  margin: 0 auto;
  margin-top: -20px;
  margin-bottom: -20px;
  max-width: 100%;
  width: 100%;
 /* size: cover; */
}

.a {
  color: #000044;
}

/*
.navbar {
  //background-color: #000044;
  background: -webkit-linear-gradient(black, #555555);
  background: -o-linear-gradient(black, #555555);
  background: linear-gradient(black, #555555);
  //background: -webkit-linear-gradient(black, #333333, black);
  //background: -o-linear-gradient(black, #333333, black);
  //background: linear-gradient(black, #333333, black);
  //border-color: #E7E7E7;
}
*/

.navbar-brand {
    padding: 4px;
   /* background: #000044; */
}
.navbar-brand img {
   /* height: 100%;*/
   /* width: 265px; 
    display: block;
    margin-left: auto;
    margin-right: auto; */
    width: 100%;
}

/*
selector :  "*"    todos los elementos de la página
selector :  "p {"  de tipo o etiqueta
selector :  "."    es class
selector :  "#"    es id
*/

.breadcrumb {
    padding: 0px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
}

#titleh1 {
    font-size: 2.7em;
  	font-weight: bold;
   /* margin: 0.67em 0; */
    margin: 0 0; 
   /* padding-top: -10px; */
   /* padding-bottom: -10px; */
    text-align: center;
    background-color: transparent;
    color: #000066;
    font-family: "Matura MT Script Capitals";
}

#centrar01 {
  text-align: center;
  font-size: 1.5em;
 /* margin: 0.67em 0; */
  margin: 0 0 -20px 0px; 
 /* padding-top: -10px;
  padding-bottom: -10px; */

  background-color: transparent;
  padding-bottom: 40px;
  color: #005500;
}
#centrar02 {
 /* text-align: center; */
  font-size: 1.7em;
  font-weight: bold;
  margin-left: 0.5em;
  margin-top: -1em;
  background-color: transparent;
  color: #46463C;
}
/*
#centrardesc {
 // text-align: center; 
  font-size: 1.7em;
  font-weight: bold;
  margin-left: 0.5em;
  margin-top: -1em;
  background-color: transparent;
  color: #46463C;
}
*/
.style16 {
  font-size: 18px;
  font-weight: 800;
  color: #000088 !important;   
//  text-align: center;  
}
.style17 {
  font-size: 15px;
}
.style18 {
  font-size: 16px;
  font-weight: 600;
  color: #000088 !important;   
}
.footer {
  margin-top: 20px;
  padding-top: 20px;
  color: #ffffff;
  background-color: #ff9800;
}
.footer-copyright {
  line-height: 20px;
  color: rgba(245,255,225, 0.8);
  background-color: rgba(205, 102, 0, 0.25);
	font-size: 1.5rem;
	padding-top: 10px;
}
.orange {
	color: #ffffff;
	background-color: #ff9800;
}
.orange.lighten-3 {
  background-color: #000000 !important; }
.white-text {
	color: #ffffff;
}
.white-text2 {
	color: #ffffff;
	padding-left: 2.5rem;
}
.orange.lighten-3 {
  background-color: #ffcc80 !important; }
h5 {
  font-size: 1.94rem;
  line-height: 1.804rem;
  margin: 0.82rem 0 0.656rem 0;
  font-weight: 400;
}
.col {
    padding-left:  20px;
    padding-right: 20px;
}

@media only screen and (max-width : 400px) {
	.col {
	    padding-left:  25px;
	    padding-right: 25px; }
}
/* Samsung Galaxy S8+ de pie */
@media only screen and (min-width: 400px) and (max-width: 600px) {
	.col {
	    padding-left:  30px;
	    padding-right: 30px; }
}
/* Samsung Galaxy S8+ acostado */
@media only screen and (min-width: 600px) and (max-width: 992px) {
	.col {
	    padding-left:  40px;
	    padding-right: 40px; }
}

/* *** ANCHO DEL BODY *** */
@media only screen and (min-width : 992px) {
  /*
	.col {
	    padding-left:  120px;
	    padding-right: 120px;
       }
  */
  .col {
      padding-left:  120px;
      padding-right: 120px;
       }

  .coldesc {
     /* text-align: center; */
      padding-left:  0px;
      padding-right: 0px;
       }
  .ventas-index {
     /* text-align: center; */
      padding-left : 0px !important;
      padding-right: 0px !important;
    /*  margin-left  : -120px;
      margin-right : -120px;*/
      margin-left  : -56px;
      margin-right : -56px;

/*
  overflow: scroll !important;
  overflow-y: hidden !important;
  Height:30% !important;
  margin-left: : 5px;
*/

       }

}

/* C.Gallego - Ojo el orden DEBE SER ESTE para que funcionen los colores en el link */
.milink01 a:link{ color: #0000cc; }
.milink01 a:visited{ color: #000077; }
.milink01 a:hover{ color: #000077; }
.milink01 a:active{ color: green; }
ul.decorado01 {
  list-style-type: square;
  margin-bottom: 50px;
}
li.espacio01 {
  margin-bottom: -9px;
}

/*
@supports  ( initial-letter :  7 )  or  ( -webkit-initial-letter :  7 )  { 
p:first-letter { 
    font-size: 350%;
    color: #446633;
    font-weight: bold;
   // line-height: 19px; 
    margin-right: 0.04em;
    float: left;
    initial-letter: 7;
    -webkit-initial-letter: 7;
  }
}
*/

.firstletter p:first-letter { 
  font-size: 180%;
  color: #446633;
  font-weight: bold;
  line-height: 19px; 
  margin-right: 0.04em;
 /* siguientes líneas funcionan sólo con safari desde 2016*/
 /* float: left;
  initial-letter: 7;
  -webkit-initial-letter: 7; */
}

.MiH1_01 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #000000;
   /* margin: 10px 0;*/
    margin: 0 0; 
   /* padding-top: -10px;
    padding-bottom: -10px; */
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility;
    text-align: center;
}

.ventas-form {
    position: relative; 
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
}

.Mifrm1{
  padding: 3px 3px;
  margin: -14px;
  -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box; 
          box-sizing: border-box;
  margin-top: -5px; 
  margin-bottom: -50px;
  text-transform:uppercase;
  line-height: 0px;
}

.row01{
/*
  padding: 0px 0px;
  margin: 0px;
  margin-top: -5px; 
  margin-bottom: -5px; */
  line-height: 15px;
}

form div.required label.control-label:after {
  content:" * ";
  color:red;
}

.p01 {
  font-size: 16px;
 /* width: 100%;*/
  font-weight: bold;
}

label {
/*       display: block;
       position:relative;
       text-align: right;
       width: 100px;
       margin: -5 0 5px 0; 
*/
 /* font-size: 34px; */
  margin-top: -7px; 
 /* margin-bottom: -3px; */
}

.lingrid {
   /* font-family: Helvetica, Arial, sans-serif; */
    font-size: 12px;
   /* color: #000000; */
    width: 100%; 
}

.MiRowHeight td{ padding: 2px 2px !important; height: 12px !important; }
.MiRowHeight:nth-child(odd) {
    color: black;
    background-color: #eeeeee !important;
}
.MiRowHeight:nth-child(even) {
    color: black;
    background-color: #ffffff !important;
}

.FullClavs td{ padding: 2px 2px !important; height: 12px !important; }
.FullClavs:nth-child(odd) {
    color: #ffff00;
    background-color: #ff0000 !important;
}
.FullClavs:nth-child(even) {
    color: #ffff00;
    background-color: #ff0000 !important;
}

.mihscroll {
   /* overflow-x: auto; */
   /* overflow-y: hidden; */
    width: 100%;
/*    padding-left : 50px;
    padding-right: 0px;
    margin-left  : -20px; */
   /* margin-right : 120px; */
}

.ajustamrg {
  margin: -10px 0; 
 /* padding-top: -10px;
  padding-bottom: -10px; */

}