/*open window modal #1 - login*/
  .overlay-container .button:hover {
  cursor: pointer;}      

  .overlay-container {
    display: none;
    content: " ";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999999999999999;
    position: fixed;
    font-family: sans-serif;}
  
  .window-container {
    display: block;
    background: #fff;
    margin: 5em auto;
    width: 300px;
    padding: 1.5em .5em 2em .5em;
    text-align: left;
    z-index: 3;
    border-radius: 3px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    opacity: 0;  } 

  .window-container input.text{
    width: 100%;
    padding: .7em;
    background-color: #EBEBEB;
    color: #000;
    text-align: left;
    border-radius: .5em;
    border: 0;
    margin: .4em 0;}
  .window-container input.button1{
    width: 70%;
    margin-top: .5em;
    text-align: center;
    background-color: #06B6BC;
    color: #fff;
    width: 90%;
    padding: .7em;
    border-radius: .5em;
    border: 0;}
  .window-container input.button1:hover{
    background-color: #086F72;
    color: #fff;}
  .window-container a{
    color: #5E5E5E;  
    }
  .window-container form  > a { margin: 10px auto;  display: table; }
  .window-container a:hover{
    opacity: .7;  }        

  .zoomout {
    -webkit-transform:  scale(0.7);
    -moz-transform:  scale(0.7);
    -ms-transform:  scale(0.7);
    transform:  scale(0.7);  }

  .window-container-visible {
    -webkit-transform:  scale(1);
    -moz-transform:  scale(1);
    -ms-transform:  scale(1);
    transform:  scale(1);
    opacity: 1;  }
      
  .close {
    position: absolute;
    top: -1.5em;
    right: -1.8em;
    display: block;
    cursor: pointer;
    width: 36px;
    height: 36px;
    opacity: 1;}
  
  .close:hover {
    -webkit-filter: grayscale(0); 
    -webkit-filter: grayscale(0.5); 
    -webkit-filter: grayscale(1);}  
/*close window modal #1 - login*/

/* open window modal #2 - recover */
.modalDialogo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 99999;
  opacity:0;
  -webkit-transition: opacity 100ms ease-in;
  -moz-transition: opacity 100ms ease-in;
  transition: opacity 100ms ease-in;
  pointer-events: none;
 }

 .modalDialogo:target {
  opacity:1;
  pointer-events: auto;
 }

 .modalDialogo > div {
  width: 100%;
  position: relative;
  margin: 10% auto;
  padding: 0 .5em 2em .5em;
  border-radius: 10px;
  background: #fff;
 }
/*2do cerrar recuperar*/
.cerrar{
    position: absolute;
    top: -4.3em;
    right: -2.7em;
    cursor: pointer;
    width: 36px;
    height: 36px;}
.cerrar:hover {
  -webkit-filter: grayscale(0); 
  -webkit-filter: grayscale(0.5); 
  -webkit-filter: grayscale(1);
  opacity: 0;}

.cerrar2{
    position: relative;
    cursor: pointer;
    font-size: .8em;}
.cerrar2:hover {
  -webkit-filter: grayscale(0); 
  -webkit-filter: grayscale(0.5); 
  -webkit-filter: grayscale(1);
  opacity: 0;}  

.btTxt {
  -webkit-column-rule: 
  #3F3F3F;  ;
  -moz-column-rule:   ;
  -o-column-rule:   ;
  column-rule:  ;
/* close window modal #2 - recover*/}

.modal-login-car{
  position: absolute;
  right: 29%;}
.modal-login-car a{
  cursor: pointer;
  color: #fff;}  
.modal-login-car a:hover{
  opacity: .2;}    

.overlay-container{
  color: #494949;}
.overlay-container h2{
  margin: 0;
  padding: 0;
  font-size: 14px;
  display: inline-block;}  
.overlay-container center > h2 {
    font-size: 2.2em;
}
.overlay-container p{
  margin: 0 0 1em 0;
  padding: 0;}  
.overlay-container input.text-login-tienda{
  width: 85%;
  padding: 1em;
  background-color: #E7E7E7;
  border: 0px;
  border-radius: .4em;
  margin: .5em 0;
  font-size: 16px;}  
.overlay-container input.text-login-tienda:hover{
  background-color: #D1CFCF;}   
.overlay-container input.buttonlogin-tienda{
  width: 85%;
  color: #fff;
  padding: 1em;
  background-color: #06B6BC;
  border: 0px;
  border-radius: .4em;
  font-size: 16px;
  margin: 0 auto;
  margin-top: .5em;
  margin-bottom: 1em;
  cursor: pointer;} 
.overlay-container input.buttonlogin-tienda:hover{
   background-color: #079BA0; }   
.overlay-container .inline-modal-tienda{
  display: inline-block;
  vertical-align: top;}   
.overlay-container .enlaces-tienda{
  font-size: 10px;
  color: #999999;
  text-decoration: none;
  font-weight: normal;} 
.overlay-container .enlaces-tienda i{
  font-size: 14px; } 
.overlay-container .enlaces-tienda:hover{
  color: #000;}  

#openModal{
  width: 100%;}
#openModal input.text-login-tienda{
  width: 85%;
  padding: 1em;
  background-color: #E7E7E7;
  border: 0px;
  border-radius: .4em;
  margin: .5em 0;
  font-size: 16px;}  
#openModal input.text-login-tienda:hover{
   background-color: #D1CFCF; }   
#openModal input.buttonlogin-tienda{
  width: 85%;
  color: #fff;
  padding: 1em;
  background-color: #06B6BC;
  border: 0px;
  border-radius: .4em;
  font-size: 16px;
  margin: 0 auto;
  margin-top: .5em;
  margin-bottom: 1em;
  cursor: pointer;}    
#openModal input.buttonlogin-tienda:hover{ 
  background-color: #079BA0;}