:root {
  --blanco: #ffffff;
  --oscuro: #212121;
  --primario: #FFC107;
  --secundario: #0097A7;
  --gris: #757575;
  --grisClaro: #DFE9F3;
  --rojo: #FF0000;
  --azul: #99e7f5;
  --azulOscuro: #2397a9;
}

/*  Globales **/
html {
  font-size: 62.5%;
  box-sizing: border-box; /* Hack para Box Model **/
  scroll-snap-type: y mandatory;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
  font-size: 16px; /* 1rem = 10px */
  font-family: 'Krub', sans-serif;
  /*background-image: linear-gradient(to top, var(--grisClaro) 0%, var(--blanco) 100% );*/
}

.contenedor {
  max-width: 120rem;
  margin: 0 auto;
}
.boton {
  color: var(--blanco);
  background-color: var(--azulOscuro);
  padding: 1rem 3rem;
  margin-top: 3rem;
  font-size: 2rem;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: .5rem;
  width: 100%;
  text-align: center;
  border: none;
}
@media (min-width: 768px) {
  .boton {
      width: auto;
      text-align: center;
  }
}
.boton:hover {
  cursor: pointer;
  color: var(--oscuro);
  background-color: var(--azul);
}
.sombra {
  box-shadow: 0px 5px 15px 0px rgba(112,112,112,0.48);
  background-color: var(--blanco);
  padding: 2rem;
  border-radius: 1rem;
}

/* Tipografia */
h1 {
  font-size: 3.8rem;
}
h2 {
  font-size: 2.8rem;
}
h3 {
  font-size: 1.8rem;
}
h1,h2,h3 {
  text-align: center;
}


/** Header **/
.header__logo {
  margin: 3rem 0;
  width: 100%;
  padding: 1rem;
}
@media (min-width: 768px) {
  .header__logo { 
    max-width: 80rem;
  }
}

/** Login **/
.formulario {
  background-color: var(--gris);
  width: min( 60rem, 100% ); /** Utilizar el valor más pequeño **/
  margin: 0 auto;
  padding: 2rem;
  border-radius: 1rem;
}
.formulario fieldset {
  border: none;
}
.formulario legend {
  text-align: center;
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 2rem;
  color: var(--primario);
}
.campo {
  margin-bottom: 1rem;
}
.campo label {
  color: var(--blanco);
  font-weight: bold;
  margin-bottom: .5rem;
  display: block;
}
.input-text {
  width: 100%;
  border: none;
  padding: 1.5rem;
  border-radius: .5rem;
}
.error {
  font-family: Verdana, Arial, sans-serif; 
  font-size: 2rem;
  padding: 2rem;
  color: var(--rojo);
  background-color : var(--primario);
  border-radius: .5rem;
}
.contenedor-campos {
  margin-top: 3.5rem;
}





/*

#general { 
	  width: 100%;
	  margin: 0 auto;
	  text-align: left;
} 

#encabezado {
    padding: 10px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    background: -webkit-linear-gradient(top, #ccc, #fff, #fff);
    background: -moz-linear-gradient(top, #ccc, #fff, #fff);
    background: -o-linear-gradient(top, #ccc, #fff, #fff);
    background: linear-gradient(top, #ccc, #fff, #fff);
    background-color: #ccc;
} 

#encabezado h1 {
	color: #644a10;
	font-style: italic;
	font-weight: bolder;
}

#colIzq {
	float: left;
	width: 33%;
	padding: 10px 0;
}

#colDer {
	padding: 10px 0;
	width: 33%;
	float: left;
}

.menu{
	text-align: center;
}

#pie {
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	background: -webkit-linear-gradient(top, #fff, #fff, #ccc);
	background: -moz-linear-gradient(top, #fff, #fff, #ccc);
	background: -o-linear-gradient(top, #fff, #fff, #ccc);
	background: linear-gradient(top, #fff, #fff, #ccc);
	background-color: #fff;
	padding: 0 10px;
} 


.tbody tr:nth-child(odd){ background-color:#ccc; }

.boton{
  width: 100px;
  margin:2px 0;
  background: #A5C632;
  background: -webkit-gradient(linear, left top, left bottom, from(#A5C632), to(#febe4d));
  background: -moz-linear-gradient(top,  #A5C632,  #febe4d);
  background-color: #A5C632;
  -moz-opacity: 0.75;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  font-weight: bolder;
}

.boton:hover{
  cursor: pointer;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #febe4d;
  background: -webkit-gradient(linear, left top, left bottom, to(#febe4d), from(#A5C632));
  background: -moz-linear-gradient(top, #febe4d, #A5C632 );
}

.boton2{
  font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #351f00;
  font-style: italic;
  border-bottom: 4px solid #b98a37; 
	height: 30px;
	
	width: 300px;
	margin:2px 0;
	background: -webkit-linear-gradient(left, #CCC, #FFF, #CCC);
	background: -moz-linear-gradient(left, #CCC, #FFF, #CCC);
	background: -o-linear-gradient(left, #CCC, #FFF, #CCC);
	background: linear-gradient(left, #CCC, #FFF, #CCC);
	background-color: #644a10;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: bolder;
}

.boton2:hover{
  cursor: pointer;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #ccc;
  background: -webkit-gradient(linear, left top, left bottom, to(#ccc), from(#fff));
  background: -moz-linear-gradient(top, #ccc, #fff );
  background-color: #ccc;
}

.botonEsp{
  font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #000;
  font-style: italic;
  border-bottom: 4px solid #00f; 
	height: 30px;
	width: 300px;
	margin:2px 0;
	background: -webkit-linear-gradient(left, #FFF, #FFF, #CCC);
	background: -moz-linear-gradient(left, #FFF, #FFF, #CCC);
	background: -o-linear-gradient(left, #FFF, #FFF, #CCC);
	background: linear-gradient(left, #FFF, #FFF, #CCC);
	background-color: #644a10;
	-moz-opacity: 0.75;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: bolder;
}

.botonEsp:hover{
  cursor: pointer;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #ccc;
  background: -webkit-gradient(linear, left top, left bottom, to(#ccc), from(#fff));
  background: -moz-linear-gradient(top, #ccc, #fff );
  background-color: #ccc;
}

.editar_centrar label {
	text-align:center;
}

label {
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
}

.msg {
	text-align: center;
	color:#FF0000;
}

.centrar {
	text-align: center;
}

.derecha {
	text-align: right;
}

.titulo {
	text-align: center;
	font-family : Arial, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	color:#333;
}

.consulta_esp{
  background-color: #aaaaaa;
}

.consulta:hover{
  background-color: #ffe6b6;
}

#alta {
	float:none;
	display:block;
	}

#historico {
	float:none;
	display:none; 
	}

#viajero {
	float:none;
	display:none; 
	}
	
input[type="text"]{
	margin-left: 10px;
}

input[type="password"]{
	margin-left: 10px;
}

.inputEsp{
	width:100px;
	border:#000 solid 0px;
	background: inherit;
	background-color:transparent;
	text-align: right;
	font-family : Arial, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	color:#333;
}

textarea{
	margin-left: 10px;
}

select{
	margin-left: 10px;
}

fieldset{
	  background: -webkit-linear-gradient(left top, #e1f0ff, #fff, #e1f0ff);
	  background: -moz-linear-gradient(left top, #e1f0ff, #fff, #e1f0ff);
	  background: -o-linear-gradient(left top, #e1f0ff, #fff, #e1f0ff);
	  background: linear-gradient(left top, #e1f0ff, #fff, #e1f0ff);
	  background-color: #e1f0ff;
	  -moz-border-radius: 15px;
	  border-radius: 15px;
	  -webkit-border-radius: 15px;
}

legend{
	  color: #0b0b79;
	  font-style: italic;
	  font-weight: bolder;
}

.error {
	  font-family: Verdana, Arial, sans-serif; 
	  font-size: 0.7em;
	  color: #900;
	  background-color : #ffff00;
}

.divisor {
	  clear:both;
	  height: 0px;
	  font-size: 4px;
	  line-height: 20px;
}

#login2 fieldset {
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  width: 230px;
	  margin-left: -115px;
	  height: 200px;
	  margin-top: -80px;
	  padding:10px;
	  border:1px solid #ccc;
	  background-color: #eee;
	}
	
#login2 legend {
	  font-family : Arial, sans-serif;
	  font-size: 1.3em;
	  font-weight:bold;
	  color:#333;
}

#login2 .campo {
	  margin-top:8px;
	  margin-bottom: 10px;
}

#login2 label {
	  font-family : Arial, sans-serif;
	  font-size:0.8em;
	  font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
}

#login2 input[type="text"], #login2 input[type="password"] {
	  font-family : Arial, Verdana, sans-serif;
	  font-size: 0.8em;
	  line-height:140%;
	  color : #000; 
	  padding : 3px; 
	  border : 1px solid #0b1bfa;
	  height:18px;
	  width:220px;
	  background-color: #99e7f5;
	  margin-left:0px;
}

#login2 input[type="submit"] {
	  width:100px;
	  height:30px;
	  padding-left:0px;
}
	
#login fieldset {
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  width: 230px;
    height: auto;
	  margin-left: -115px;
	  margin-top: -80px;
	  padding:10px;
	  border:1px solid #ccc;
	  background-color: #eee;
	}

#login legend {
	  font-family : Arial, sans-serif;
	  font-size: 1.3em;
	  font-weight:bold;
	  color:#333;
}

#login .campo {
	  margin-top:8px;
	  margin-bottom: 10px;
}

#login label {
	  font-family : Arial, sans-serif;
	  font-size:0.8em;
	  font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
}

#login input[type="text"], #login input[type="password"] {
	  font-family : Arial, Verdana, sans-serif;
	  font-size: 0.8em;
	  line-height:140%;
	  color : #000; 
	  padding : 3px; 
	  border : 1px solid #0b1bfa;
	  height:18px;
	  width:220px;
	  background-color: #99e7f5;
	  margin-left:0px;
}

#login input[type="submit"] {
	  width:100px;
	  height:30px;
	  padding-left:0px;
}

.pagproductos body, .pagcesta body  {
	  font: 100% Verdana, Arial, Helvetica, sans-serif;
	  background: #666;
	  margin: 0;
	  padding: 0;
	  text-align: center;
	  color: #000000;
}


.izq{
	float: left;
	margin-left: 10px;
	position: relative;
	width: 100px;
}
.dch{
	float: right;
	margin-right: 10px;
	position: relative;
	width: 100px;
}

.just{
	text-align: justify;
	text-justify: auto;
}

#productos .codigo {
	width: 20%;
	float: left;
} 

#productos .nombre {
	width: 60%;
	float: left;
} 

#productos .precio {
	width: 20%;
	text-align: right;
	font-weight: bold;
}

#productos form:hover{
	background-color: #ffe6b6;
}


#cargador{
    position:absolute;
    top:50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}

.texta{
	width: 95%;
    display: block;
    margin-left: auto;
    margin-right: auto;	
}

@media all {
  div.saltopagina{
     display: none;
  }
}
 
@media print{
	div.saltopagina{
		display:block;
		page-break-before:always;
	}

	.oculto {display:none}
} 

.tab tr:nth-child(odd){ background-color:#ffe6b6; }


  #contenedor {
    width: 1000px;
    margin: 0px auto;
    list-style: none;
  }
  
  #contenedor li { display: inline; }

  a.button {
    display: block;
    float: left;
    position: relative;
    height: 25px;
    width: 300px;
    margin: 0 80px 25px 0;
    
    text-decoration: none;
    font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  a.button:before,
  a.button:after {
    content: '';
    position: absolute;
    left: -1px;
    height: 25px;
    width: 300px;
    bottom: -1px;
    
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;
  }

  a.button:before { 
    height: 23px;
    bottom: -4px;
    border-top: 0;
    
    -webkit-border-radius: 0 0 3px 3px; 
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    
    -webkit-box-shadow: 0 1px 1px 0px #bfbfbf;
    -moz-box-shadow: 0 1px 1px 0px #bfbfbf;
    box-shadow: 0 1px 1px 0px #bfbfbf;
  }


  a.yellow,
  a.yellow:hover,
  a.yellow:visited {
    color: #644a10;
    font-style: italic;
    border-bottom: 4px solid #b98a37;
    text-shadow: 0px 1px 0px #fff;
    
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#febe4d));
    background: -moz-linear-gradient(top,  #fff,  #febe4d);
    
    box-shadow: inset 1px 1px 0 #fff;
  }

  .yellow:before,
  .yellow:after {
    border: 1px solid #eab551;
    border-bottom: 1px solid #9f7630;
  }

  a.yellow:hover {
    background: #febe4d;
    background: -webkit-gradient(linear, left top, left bottom, from(#febe4d), to(#fff));
    background: -moz-linear-gradient(top,  #febe4d,  #fff);
  }

  .boton2{
	color: #000;
	text-decoration: none;
    font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    text-align: center;
	font-style: italic;
	height: 30px;
	width: 300px;
	margin:2px 0;
    background: #A5C632;
    background: -webkit-gradient(linear, left top, left bottom, from(#A5C632), to(#febe4d));
    background: -moz-linear-gradient(top,  #A5C632,  #febe4d);
  
  -moz-opacity: 0.75;
  opacity: 0.75;
  filter: alpha(opacity=75);
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  font-weight: bolder;
}

.boton2:hover{
  cursor: pointer;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
background: #febe4d;
background: -webkit-gradient(linear, left top, left bottom, from(#febe4d), to(#A5C632));
background: -moz-linear-gradient(top,  #febe4d,  #A5C632);
  background-color: #febe4d;
}


  a.blue,
  a.blue:hover,
  a.blue:visited {
    color: #644a10;
    font-style: italic;
    border-bottom: 4px solid #b98a37;
    text-shadow: 0px 1px 0px #fff;
    
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#9cf));
    background: -moz-linear-gradient(top,  #fff,  #9cf);
    
    box-shadow: inset 1px 1px 0 #fff;
  }

  .blue:before,
  .blue:after {
    border: 1px solid #3a7999;
    border-bottom: 1px solid #3a7999;
  }

  a.blue:hover {
    background: #9cf;
    background: -webkit-gradient(linear, left top, left bottom, from(#9cf), to(#fff));
    background: -moz-linear-gradient(top,  #9cf,  #fff);
  }
  
  
  a.green,
  a.green:hover,
  a.green:visited {
    color: #644a10;
    font-style: italic;
    border-bottom: 4px solid #b98a37;
    text-shadow: 0px 1px 0px #fff;
    
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#A5C632));
    background: -moz-linear-gradient(top,  #fff,  #A5C632);
    
    box-shadow: inset 1px 1px 0 #fff;
  }

  .green:before,
  .green:after {
    border: 1px solid #A5C632;
    border-bottom: 1px solid #A5C632;
  }

  a.green:hover {
    background: #A5C632;
    background: -webkit-gradient(linear, left top, left bottom, from(#A5C632), to(#fff));
    background: -moz-linear-gradient(top,  #A5C632,  #fff);
  }
  
  a.brown,
  a.brown:hover,
  a.brown:visited {
    color: #644a10;
    font-style: italic;
    border-bottom: 4px solid #b98a37;
    text-shadow: 0px 1px 0px #fff;
    
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#B68869));
    background: -moz-linear-gradient(top,  #fff,  #B68869);
    
    box-shadow: inset 1px 1px 0 #fff;
  }

  .brown:before,
  .brown:after {
    border: 1px solid #B68869;
    border-bottom: 1px solid #B68869;
  }

  a.brown:hover {
    background: #B68869;
    background: -webkit-gradient(linear, left top, left bottom, from(#B68869), to(#fff));
    background: -moz-linear-gradient(top,  #B68869,  #fff);
  }
  

  a.red,
  a.red:hover,
  a.red:visited {
    color: #644a10;
    font-style: italic;
    border-bottom: 4px solid #b98a37;
    text-shadow: 0px 1px 0px #fff;
    
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#FA8072));
    background: -moz-linear-gradient(top,  #fff,  #FA8072);
    
    box-shadow: inset 1px 1px 0 #fff;
  }

  .red:before,
  .red:after {
    border: 1px solid #FA8072;
    border-bottom: 1px solid #FA8072;
  }

  a.red:hover {
    background: #FA8072;
    background: -webkit-gradient(linear, left top, left bottom, from(#FA8072), to(#fff));
    background: -moz-linear-gradient(top,  #FA8072,  #fff);
  }
  

  a.gray,
  a.gray:hover,
  a.gray:visited {
    color: #644a10;
    font-style: italic;
    border-bottom: 4px solid #b98a37;
    text-shadow: 0px 1px 0px #fff;
    
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#CCC));
    background: -moz-linear-gradient(top,  #fff,  #CCC);
    
    box-shadow: inset 1px 1px 0 #fff;
  }

  .gray:before,
  .gray:after {
    border: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
  }

  a.gray:hover {
    background: #CCC;
    background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#fff));
    background: -moz-linear-gradient(top,  #CCC,  #fff);
  }

  
  a.amaretto,
  a.amaretto:hover,
  a.amaretto:visited {
    color: #644a10;
    font-style: italic;
    border-bottom: 4px solid #b98a37;
    text-shadow: 0px 1px 0px #F8FD4E;
    
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#F8FD4E));
    background: -moz-linear-gradient(top,  #fff,  #F8FD4E);
    
    box-shadow: inset 1px 1px 0 #fff;
  }

  .amaretto:before,
  .amaretto:after {
    border: 1px solid #F8FD4E;
    border-bottom: 1px solid #F8FD4E;
  }

  a.amaretto:hover {
    background: #F8FD4E;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8FD4E), to(#fff));
    background: -moz-linear-gradient(top,  #F8FD4E,  #fff);
  }
  

  a.lile,
  a.lile:hover,
  a.lile:visited {
    color: #644a10;
    font-style: italic;
    border-bottom: 4px solid #b98a37;
    text-shadow: 0px 1px 0px #E080FF;
    
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E080FF));
    background: -moz-linear-gradient(top,  #fff,  #E080FF);
    
    box-shadow: inset 1px 1px 0 #fff;
  }

  .lile:before,
  .lile:after {
    border: 1px solid #E080FF;
    border-bottom: 1px solid #E080FF;
  }

  a.lile:hover {
    background: #E080FF;
    background: -webkit-gradient(linear, left top, left bottom, from(#E080FF), to(#fff));
    background: -moz-linear-gradient(top,  #E080FF,  #fff);
  }
  
  a.esp,
  a.esp:hover,
  a.esp:visited {
    color: #000;
    font-style: italic;
    border-bottom: 4px solid #00f;
    text-shadow: 0px 1px 0px #fff;
    
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#CCC));
    background: -moz-linear-gradient(top,  #fff,  #CCC);
    
    box-shadow: inset 1px 1px 0 #fff;
  }

  .esp:before,
  .esp:after {
    border: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
  }

  a.esp:hover {
    background: #CCC;
    background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#fff));
    background: -moz-linear-gradient(top,  #CCC,  #fff);
  }
  
  
  a.button:active {
    border: none;
    bottom: -4px;
    margin-bottom: 22px;
    
    -webkit-box-shadow: 0 1px 1px #fff;
    -moz-box-shadow:  0 1px 1px #fff;
    box-shadow:  1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.3);
  }

  a.button:active:before,
  a.button:active:after {
    border: none; 
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .no-cssgradients a.brown,
  .no-cssgradients a.brown:visited,
  .no-cssgradients a.brown:hover { background-position-x: -574px; }
  .no-cssgradients a.yellow,
  .no-cssgradients a.yellow:visited,
  .no-cssgradients a.yellow:hover { background-position-x: -574px; }
  .no-cssgradients a.red,
  .no-cssgradients a.red:visited,
  .no-cssgradients a.red:hover { background-position-x: -574px; }
  .no-cssgradients a.green,
  .no-cssgradients a.green:visited,
  .no-cssgradients a.green:hover { background-position-x: -574px; }
  .no-cssgradients a.blue,
  .no-cssgradients a.blue:visited,
  .no-cssgradients a.blue:hover { background-position-x: -574px; }
  .no-cssgradients a.gray,
  .no-cssgradients a.gray:visited,
  .no-cssgradients a.gray:hover { background-position-x: -574px; }
  .no-cssgradients a.lile,
  .no-cssgradients a.lile:visited,
  .no-cssgradients a.lile:hover { background-position-x: -574px; }
  
  #encabezado h1 {
	color: #644a10;
	font-style: italic;
	font-weight: bolder;
}

 #popup { 
	 visibility: hidden; 
	 display: none; 
	 opacity: 0; 
	 margin-top: -300px 
 } 
 #popup:target { 
	 visibility: visible; 
	 display: block; 
	 opacity: 1; 
	 background-color: rgba(0, 0, 0, .8); 
	 position: fixed; 
	 top: 0; 
	 left: 0; 
	 right: 0; 
	 bottom: 0; 
	 margin: 0; 
	 z-index: 999; 
	 transition: all 1s 
 }

	.popup-contenedor {
		position: relative;
		margin:7% auto;
		padding:2px 5px;
		background-color: #fafafa;
		color:#333;
		border-radius: 3px;
		width:80%;
	}
	a.popup-cerrar {
		position: absolute;
		top:3px;
		right:3px;
		background-color: #333;
		padding:7px 10px;
		font-size: 20px;
		text-decoration: none;
		line-height: 1;
		color:#fff;
	}
    
	a.popup-link {
	    text-align: center;
	    display: block;
	    margin: 30px 0;
	}

*/