*{
	/*margin: 0px;*/
	padding: 0px;
	box-sizing: border-box;
}

/* PARA HACER COLUMNAS */
.flex-container{
  display: flex;
  flex-wrap: wrap;
}

.flex1{flex:1;}
.flex2{flex:2;}
.flex3{flex:3;}
.flex4{flex:4;}
.flex5{flex:5;}
.flex6{flex:6;}


header{
	/*margin: 0px;*/
	
	background-image: url('/imagenes/template/Flag_of_PakistanColorsBW.svg');
	background-size: cover;
	background-position: left;
	border-radius: 11px;
	box-shadow: 3px 3px 3px #03f;
	margin-bottom: 0.3em;
	max-height: 260px;
	
}

#app {
	display: flex;
    flex-wrap: wrap;
    background-position: left;
	flex: 1;
	max-width: 100px;
}

@font-face{
  font-family: 'Magilio-Regular';
  src: url('../fonts/Magilio-Regular 400.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'star';
  src: url('../fonts/Starjedi.ttf');
  font-weight: normal;  
  font-style: normal;
}
@font-face{
  font-family: 'Alegreya';
  src: url('../fonts/Alegreya/static/Alegreya-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'Orbitron';
  src: url('../fonts/Orbitron/static/Orbitron-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'Honk';
  src: url('../fonts/Honk/Honk-Regular-VariableFont_MORF,SHLN.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'Sixtyfour';
  src: url('../fonts/Sixtyfour/static/Sixtyfour-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face{
  font-family: 'Stardos';
  src: url('../fonts/Stardos_Stencil/StardosStencil-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

header figure{
  margin: 0px;
  padding: 32px;
  background-color: none ;

  }
header figure img{
  width: 111%;
  border-radius: 11px;
  
}

header h3{
	margin: auto;
}

header h2{
  		
  margin: auto;
  
  margin-left: 3px;
  /*font-family: Magilio-Regular;*/
  font-family: Tangiang;
  /*font-family: Day Roman*;*/
  /*font-family: Barrero Times;*/
  /*font-family: 'star';*/
  
  text-align-last: left;
  text-align: left;
  
  color: blue;
  font-size: 0.5vw;
  /*text-shadow: 2px 2px 2px blue;*/
}
#pagi {
	color: white;
}
header h1{
  margin: auto;
  margin-Top: 10px;
  margin-left: 1px;
  margin-right: 22px;
  font-family: Magilio-Regular;
  /*font-family: Tangiang;*/
  /*font-family: Day Roman*;*/
  /*font-family: Barrero Times;*/
  /*font-family: 'star';*/
  text-align-last: center;
  text-align: center;
  color: orange;
  font-size: 1vw;
  text-shadow: 2px 2px 2px yellow;
  flex:1;
  

}

body{
	font-family: arial, helvetica, verdana;
	width: 90%;
	margin: 20px auto;
	padding: 10px;	
}

body {
    transition: background-color 0.5s ease;
}

#cambiarColor {
    /*position: fixed;
    top: 50%;
    left: 20px;*/
    /*background-image: url('/imagenes/social/cambcolor.png');*/
    background-color: orange;
    font-family: Poppins;
    font-size: 0.62em;
    margin: 19px 0px 0px 0em;
    padding: 0px 0px 0px 0em;
    height: 40px;
    width: 40px;
    border-radius: 8px 8px 8px 8px;
    transform: translateY(-50%);
    
    
}

h1{margin-bottom: 20px;}
h2,h3{margin-bottom: 15px}
h4,h5,h6{margin-bottom: 10px;}

.csem {
	font-family; poppins;
	font-size: 1rem;
	margin: 0px;
	padding: 0px;
	
}
p{margin-bottom: 5px;}

.fotoapp {
  display: block;
  object-fit: cover;
  box-shadow: 3px 3px 3px #333;
  width: 130%;
  height: auto; /* set to 'auto' in IE11 to avoid distortions */
  max-width: 250px;
}

.nombreapp {
  display: block;
  object-fit: cover;
  width: 150%;
 
  height: auto; /* set to 'auto' in IE11 to avoid distortions */
  max-width: 800px;
}


.exito{background-color: #afa;}
.error{background-color: #faa;}

.tasaslet {
	font-family: poppins;
	/*margin: 0px;*/
	
}
.tiempop {
	/*padding: 1px 1px 0 auto;*/
	font-family: poppins;
	margin: 1px 1px 0 5px;
}
#tasasp {
		list-style-type: circle;
 		display: inline;
 		display: flex;
 		flex-wrap: wrap;
 		flex: 5;
 	 	}		
 #busquedap {
 		list-style-type: circle;
 		display: block;
 		display: flex;
 		flex-wrap: wrap;
 		/*flex: 5;*/
 		margin: 5px;
		/*padding-right: 11px;*/
 	}	
 #busquedap label {
 	margin: 2px;
 	font-family: poppins;
 	font-size: 1.11em;
 }
 #quitarf{
	margin: 5px; 
	font-family: poppins;
	font-size: 1.11em;
	
 }
 #tptmdr section{
		/*background-color: red;*/
		display: flex;
		flex-wrap: wrap;
		
		/*height: 200%;*/		
	}
  #cada51{
  	width: 92%;
  }	
  #cada51b{
  	width: 39%;
  }	
 
 
/* Template amta */



/* Fin Template amta */
 
@media screen and (min-width: 361px) and (max-width: 480px) {
	
}	
@media only screen and (max-width: 360px) {
	#forgotpwd {
	margin: 1px 1px 0 auto;
	font-family: poppins;
	list-style: none;
	font-size: 18px;
	padding: 1px 0.4em 0.4em;
	background-color: orange;
	border: green;
	border-radius: 5px 5px 5px 5px;
	text-decoration: none;
 	}
 	#inic {
  	font-size: 20px;
  	text-align: right;
  	background-color: red;
  	padding: 1px 0.4em 0.4em;
	border: solid 1px lightgreen;  	
	text-decoration: none;
    }	
    #inir {
  	font-size: 22px;
  	text-align: right;
  	background-color: yellow;
	border: solid 1px lightgreen;
	text-decoration: none;  	
    }		

}
 	
@media only screen and (max-width: 980px) {

 header .background-image {
 	background-image: none;
	background-position: left;
	border-radius: 1px;
 }	
 
 .fotoapp {
 	display: flex;
    flex-wrap: wrap;
    background-position: left;
	flex: 1;
	box-shadow: 3px 3px 3px #333;
	max-width: 300px;
 }	
 header figure:first-child {
  padding-right: 11px;
  display: block;
 }
 
 .fotoapp {
 	width: 273%;
 	
 	
 }	
 
 .nombreapp {
 	width: 53%;
 }
 #napp h1{
 	color:black; 	
 	border-color: black;
 	font-size: 4px;
 	width: 8%;
 }
 
 .ident {
 	font-size: 15px;
 	font-weight: bold;
 	text-transform: capitalize;
  } 
  
.ident:hover {
	background-color: orange;
 }

.ident:active {
	color: red;
 }
 
#pai {
	font-size: 17px;
	font-family: poppins;
 	/*font-weight: bold;*/
 	text-transform: capitalize;	
} 
#pag {
	font-size: 17px;
	font-family: poppins;
 	/*font-weight: bold;*/
 	text-transform: capitalize;
}

#tas {
	font-size: 17px;
	font-family: poppins;
 	/*font-weight: bold;*/
 	text-transform: capitalize;	
}
#mond {
	font-size: 11px;
 	font-weight: bold;
 	text-transform: capitalize;
}
 #social{
 		padding: 11px 10px 11px 8px;
		background-color: transparent;
 }
	
#chatbot{
 		padding: 11px 10px 11px 8px;
		background-color: transparent;
 }		
.app1 {
	display: block;
	
	padding: 1px 1em 1px 1px;
	border: solid 3px red;
	border-radius: 5px 15px 5px;
	/*height: 50%;*/
	width: 230%;
  	height: auto; /* set to 'auto' in IE11 to avoid distortions */
  	margin: 1px 1em 2px 1px;
	display: flex;
    flex-wrap: wrap;
    background-position: left;
	flex: 1;
	max-width: 600px;
	text-align: center;
  	
  	
}

.app {
	display: block;
	display: flex;
    flex-wrap: wrap;
    flex: 1;
	border: solid 3px yellow;
	padding: 1px 1em 1px 1px;
	margin: 1px 1em 2px 1px;
	width: 280%;
	max-width: 600px;
	}
.app:nth-of-type(2) {
	border: solid 3px red;
	}	
/*#contacto a {
	font-size: 10px;
	text-align: right;
	background-color: blue;
	}*/
	#qrg1 {
 		display: none;
 	}
 	#qrg2 {
 		display: inline;
 	}	
 	#forgotpwd {
	margin: 1px 1px 0 auto;
	font-family: poppins;
	list-style: none;
	font-size: 20px;
	padding: 1px 0.5em 0.5em;
	background-color: orange;
	border: green;
	border-radius: 5px 5px 5px 5px;
	text-decoration: none;
 	}
 	#inic {
  	font-size: 22px;
  	text-align: right;
  	background-color: yellow;
	border: solid 1px lightgreen;  	
	text-decoration: none;
    }	
    #inir {
  	font-size: 22px;
  	text-align: right;
  	background-color: yellow;
	border: solid 1px lightgreen;  	
	text-decoration: none;
    }	
    .flex-container2{
  	display: flex;
  	flex-wrap: wrap;
  }
	.asidec{
	display: inline-flex;
	display: flex;
	/*flex-wrap: wrap;*/
	/*box-sizing: content-box;*/
	align-items: center;
	justify-content: center;
	
  }
  .asideca {
  
 
  }
  .asidecb {
  
 
  }
	
}


.estadol {
	color: transparent;
	display:inline-block;
	display: none;
}	 
.topnav{
	background-color: rgb(255, 128, 0) ; /*#ffaf18; #fce235;*/
  	/*border: solid 3px pink;*/
  	border-radius: 5px 11px 5px;
	
}

nav ul li{
  list-style-type: circle;
  display: inline-block;
  padding: 10px 15px;
  text-transform: capitalize;
  color: purple;
  font-weight: bold;
  text-shadow: 0px 0px 2px greenyellow;
  transition: 0.9s;

}
nav {
	background-color: lightyellow;/* #04AA6D;*/
	border-radius: 5px 15px 5px;
	border-top: solid rgba(0,0,0,0.5);
	/*box-shadow: 3px 4px 5 px 6px #000;*/
	/*padding: 5px;*/
}

#menu3{
	background-color: rgb(255, 128, 0) ; /*#ffaf18; #fce235;*/
	
  	/*border: solid 3px pink;*/
  	border-radius: 5px 11px 5px;
}

#menu3 a{
	color: greenyellow;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 0px 0px 2px blue;
}
#login{
	background-color: rgb(255, 128, 0);/* #04AA6D;*/
	border-radius: 5px 15px 5px;
	border-top: solid rgba(0,0,0,0.5);
	/*border: solid 3px pink;*/
	padding: 7px;
}

/* Todo lo relacionado con el aside clima*/
#climafig{
	
	text-align: right;
	align-items: right;
	
	
}
#city{
	display: inline-block;
	font-family: poppins;
	font-size: 21px;  
	text-align: right;
	align-items: right;
	color: red;
  }
  #climadia{
	  padding: 11px 10px 11px 8px;
	  background-color: transparent;
  }
  
  #climadia{
  	  
	  position: fixed;
	  
	  top: 69%;
	  /*left: 0px;*/
	  right: 2px;
	  /*background-color: white;*/
	  /*padding: 20px 10px 20px 10px;*/
	  border-top-left-radius: 11px;
	  border-bottom-left-radius: 11px;
	  box-shadow: 3px 3px 3px #333;
	  z-index: 90;
	  text-decoration: none;
	  text-align: right;
	  align-items: right;
	  margin: 0 0 0 auto;
	  padding: 0 0 0 auto;
	}
	
  #spanchat {
  	font-family: 'Stardos';
  	
  }	
  #chatbot{
	  position: fixed;
	  top: 69%;
	  /*left: 0px;*/
	  left: 1px;
	  /*background-color: white;*/
	  /*padding: 20px 10px 20px 10px;*/
	  border-top-right-radius: 11px;
	  border-bottom-right-radius: 11px;
	  box-shadow: 3px 3px 3px #333;
	  z-index: 100;
	  text-decoration: none;
	  text-align: center;
	  align-items: center;
	  margin: 0 0 0 auto;
	  padding: 0 0 0 auto;
	 
	}
	#temp{
	  font-family: poppins;
	  
	  font-size: 21px;
	  text-align: right;
	  align-items: right;
	  margin: 0 0 0 auto;
	}
	
	#climadia img{
	  height: 60px;
	  width: 50%;
	  /*justify-content: space-between;*/
      align-items: center;
	}
	#climadia figcaption{
		display: inline-block;
		
		
		font-family: poppins;
		font-size: 18px;
		text-align: right;
		align-items: right;
		color: black;
		color:rgb(141, 64, 100);
	}
	
	#climadia figure {     
		padding: 0 0 0 auto;
		margin: 0px 0px 0px auto;
		
	}
	#clima {
		
		max-width: 233px;
	}
/* Fin del aside clima*/
.csem {
	padding: 10px;
}
.hero {
    /*background-image: url('hero-image.jpg');*/
	/*background-image: url('3.svg');*/
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 1rem 1rem;
    color: rgb(226, 233, 214);
    display: inline-flex;
    flex-wrap: wrap;
    
    
}

/*Todo el climasemanal*/
  
  .asidec{
	display: inline-flex;
	display: flex;
	/*flex-wrap: wrap;*/
	/*box-sizing: content-box;*/
	align-items: center;
	justify-content: center;
	
  }
  
  .container {
    margin: 10px 1px 1px 11%;
  }

  
  .amta{
	display: inline-block;
	/*display: grid;*/
	/*grid-template-columns: repeat(3, 1fr);*/
	/*display: inline-flex;*/
	text-align: center;
	max-width: fit-content;
    min-height: auto;
    min-width: fit-content;
	background-color: white;
    padding: 1px 1px 1px 1px;
	margin: 3px;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
	border-bottom-left-radius: 11px;
    box-shadow: 3px 3px 3px #333;
	text-decoration: none;
  }

  .amta span {
	display: block;
	font-family: poppins;
	color: darkgreen;
  }

  .alba {
	/*font-size: 16px;*/
	/*font-family: Impact;*/
	color: darkblue;
  }
  .amta img{
    height: 60px;
    /*width: 50%*/
	border-radius: 11px;
}

.amta2{
	display: inline-block;
	/*display: grid;*/
	/*grid-template-columns: repeat(3, 1fr);*/
	/*display: inline-flex;*/
	text-align: center;
	max-width: fit-content;
    min-height: auto;
    min-width: fit-content;
	background-color: white;
    padding: 1px 1px 1px 1px;
	margin: 3px;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
	border-bottom-left-radius: 11px;
    box-shadow: 3px 3px 3px #333;
	text-decoration: none;
  }

  .amta2 span {
	display: block;
	font-family: poppins;
	color: darkgreen;
  }

  .amta2 img{
    height: 60px;
    /*width: 50%*/
	border-radius: 11px;
}

  .csocial{
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    display: inline-flex;
    text-align: center;
    margin: 1rem 0.5rem;
    max-width: fit-content;
    min-height: auto;
    min-width: fit-content;
    /*position: fixed;*/
    /*top: 22%;*/
    /*left: 100px;*/
    background-color: white;
    padding: 1px 1px 1px 1px;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
    box-shadow: 3px 3px 3px #333;
    /*z-index: 100;*/
    text-decoration: none;
  }
  .datos{
	background-color: rgb(155, 204, 236);
	
  }
  .csocial span {
	display: block;
	font-family: poppins;
	color: darkgreen;
  }
  .ciudad{
	font-family: poppins;
	font-size: 1.3rem;
	text-align: left;
	color:blue;
	background-color: rgb(214, 228, 241);
  }
  .csocial img{
    height: 60px;
    /*width: 50%*/
  }
  
  .csocial figure {
      margin: 1px 1px 1px 1px;
      
  }
  #clima2 {
	text-align: left;
	color:rgb(141, 64, 100);
  }
  .tempc{
    font-family: poppins;
    font-size: 18px;
    text-align: left;
    color: orange;
	/*margin-bottom: -1rem;*/
    /*margin: 0 0 0 auto;*/
  }

  .tm{
    font-family: poppins;
    font-size: 18px;
    text-align: left;
    color: orange;
	/*margin-bottom: -1rem;*/
    /*margin: 0 0 0 auto;*/
  }

  /**/
  
#social{
  position: fixed;
  top: 5%;
  left: 0px;
  /*background-color: white;*/
  /*padding: 20px 10px 20px 10px;*/
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
  box-shadow: 3px 3px 3px #333;
  z-index: 99;
  text-decoration: none;
}
#social img{
  height: 40px;
  width: 40px;
}

#social figure {
    margin: 10px 0px 0px 0px;
    
}
#socialc {
	text-decoration: none;
}
#socialc img{
	display: flex;
	flex-wrap: wrap;
	display: inline;
 	height: 20px;
 	width: 22px;
 	padding: 0.01em 0.01em 0.01em 0.01em;
 	margin: 0.01em 0.01em 0.001em 0.01em; 
 	border-radius: 5px 5px 5px 5px;
}

div .topnav {
  border: solid 3px pink;
  border-radius: 5px 15px 5px;
  flex:5;
  } 
.topnav {
  overflow: hidden;
  background-color: orange;
}
.topnav a {
  float: left;
  display: block;
  color: #492d96;
  text-align: center;
  padding: 14px 19px;
  text-decoration: none;
  font-weight: bold;
  font-size: 17px;
}
.topnav a:hover {
  background-color: #ddd;
  color: black;
}
.topnav a.active {
  background-color: #0c3626;
  color: yellow;
}
.topnav a.icon {
  
  display: none;
}


@media screen and (min-width: 600px) {
	#napp h1{
	color:black;
 	border-color: black;
 	font-size: 4px;
 	width: 8%;
	}
	#qrg1 {
 		display: none;
 	}
 	#qrg2 {
 		display: inline;
 	}	
 	#forgotpwd {
	margin: 1px 1px 0 auto;
	font-family: poppins;
	list-style: none;
	font-size: 20px;
	padding: 1px 0.5em 0.5em;
	background-color: orange;
	border: green;
	border-radius: 5px 5px 5px 5px;
	text-decoration: none;
 	}
 	#inic {
	margin: 1px 1px 2px auto;
	font-family: poppins;
	list-style: none;
	font-size: 20px;
	padding: 2px 0.5em 0.5em;
	background-color:yellow;
	border: green;
	border-radius: 5px 5px 5px 5px;
	text-decoration: none;
}
	#inir {
	margin: 1px 1px 2px auto;
	font-family: poppins;
	list-style: none;
	font-size: 20px;
	padding: 2px 0.5em 0.5em;
	background-color: yellow;
	border: green;
	border-radius: 5px 5px 5px 5px;
	text-decoration: none;
	}
   .mensaservi {
	display: inline;
	padding: 25px 25px 0 20px;
	
	border: solid 3px orange;
	border-radius: 5px 15px 5px;
  	object-fit: cover;
  	width: 330%;
  	height: auto; /* set to 'auto' in IE11 to avoid distortions */
  	margin: 11px 62px 1px auto;
	display: flex;
    flex-wrap: wrap;
    background-position: center;
	flex: 1;
	max-width: 400px;
	}
   .mensaservi last-child {
	margin: 11px 1em 1px auto;
	
	}
}
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  #ubica {
	margin: 1px 1px 2px 1em;
	background-color: lightyellow;
 	}
  #ubiloc{
  	width: 90%;
  	height: 300px;
  	display: block;
  	margin: 5px auto;
 	}
 	#disai{
 	
	background-color: none;
 	}
 	#disa{
		width: 100%;
  		/*width: 3320px;*/
  		height: 800px;
  		display: block;
  		margin: 1px auto;
  		border-radius: 5px 15px 5px;	  		
	}
 	#recargas div {
 	width: 100%;
	min-width: 133px;
	max-width: 133px;
	}
	#hub {
	margin: 16px 26px 1px auto;
	}
  #contacto textarea{
 	resize: none;
  	width: 90%;
  	margin:auto;
  	min-height: 130px;
  	max-height: 150px;
  	vertical-align: text-top;
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
	}  	
  #direccion div a {
  	border: solid 1px blue;
  	margin: 1px 1px 0.3em 0px;
  	padding: 2px 0.05em 2px 0px;
  	border-top-right-radius: 10px;
  	border-bottom-left-radius: 10px;
  	border-bottom-right-radius: 10px;
  	background-color: #f4a900;
  	display: inline-block;
  }	
  	
  #forgotpwd {
	margin: 1px 1px 0 auto;
	font-family: poppins;
	list-style: none;
	font-size: 20px;
	padding: 1px 0.5em 0.5em;
	background-color: orange;
	border: green;
	border-radius: 5px 5px 5px 5px;
}
 
   
/* Registro area*/
  #registro textarea{
 	resize: none;
  	width: 90%;
  	margin:auto;
  	min-height: 130px;
  	max-height: 150px;
  	vertical-align: text-top;
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
	}  	
  
  #inic {
	margin: 1px 1px 2px auto;
	font-family: poppins;
	list-style: none;
	font-size: 20px;
	padding: 2px 0.5em 0.5em;
	background-color:yellow;
	border: green;
	border-radius: 5px 5px 5px 5px;
	}
	#inir {
	margin: 1px 1px 2px auto;
	font-family: poppins;
	list-style: none;
	font-size: 20px;
	padding: 2px 0.5em 0.5em;
	background-color: yellow;
	border: green;
	border-radius: 5px 5px 5px 5px;
	}
	.app1 {
	display: block;
	
	padding: 1px 0.5em 1px 0.3em;
	border: solid 3px red;
	border-radius: 5px 15px 5px;
	/*height: 50%;*/
	width: 230%;
  	height: auto; /* set to 'auto' in IE11 to avoid distortions */
  	margin: 2px 0.5em 5px 0.3em;
	display: flex;
    flex-wrap: wrap;
    background-position: left;
	flex: 1;
	max-width: 600px;
	text-align: center;
	}
}
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  #social img{
  	height: 36px;
  	width: 36px;
   }
  #cambiarColor{
  	padding: 3px;
    font-size: 0.5em;
  	display: flex;
  	height: 36px;
  	width: 36px;
  } 
  #ubica {
	margin: 1px 1px 2px 1em;
	background-color: lightyellow;
 	}
  #ubiloc{
  	width: 90%;
  	height: 300px;
  	display: block;
  	margin: 5px auto;
 	}
 	#napp h1{
	color:black;
 	border-color: black;
 	font-size: 4px;
 	width: 8%;
	}
	
   .mensaservi {
	display: inline;
	padding: 25px 25px 0 20px;
	
	border: solid 3px orange;
	border-radius: 5px 15px 5px;
  	object-fit: cover;
  	width: 330%;
  	height: auto; /* set to 'auto' in IE11 to avoid distortions */
  	margin: 11px 62px 1px auto;
	display: flex;
    flex-wrap: wrap;
    background-position: center;
	flex: 1;
	max-width: 400px;
}
   .mensaservi last-child {
	margin: 11px 1em 1px auto;
	
	}
 	#qrg1 {
 		display: none;
 	}
 	#qrg2 {
 		display: inline;
 	}
 	#disai{
 	
	background-color: none;
	border-radius: 5px 15px 5px;	
 	}
 	#disa{
		width: 100%;
  		/*width: 320px;*/
  		height: 800px;
  		display: block;
  		margin: 1px auto;
  		border-radius: 5px 15px 5px;				
	}
 	#recargas div {
	min-width: 133px;
	max-width: 133px;
	}
	/**/
	
	/**/
	#inic {
	margin: 1px 1px 2px auto;
	font-family: poppins;
	list-style: none;
	font-size: 20px;
	padding: 2px 0.5em 0.5em;
	background-color:yellow;
	border: green;
	border-radius: 5px 5px 5px 5px;
}
	#inir {
	margin: 1px 1px 2px auto;
	font-family: poppins;
	list-style: none;
	font-size: 20px;
	padding: 2px 0.5em 0.5em;
	background-color: yellow;
	border: green;
	border-radius: 5px 5px 5px 5px;
  }
}  

#movem {
	
	padding-left: 2px;
	width: auto;
	/*background: lightyellow;*/
	margin: 11px 22px 0 2px;
	display: flex;
    flex-wrap: wrap;
    background-position: left;
	flex: 1;
	max-width: 545px;
}
#bienvenido {
	margin: 5px 1em 0 2px;
	display: flex;
	flex: wrap;
	width: 100%;
}

.basmt {
	padding: 11px;
	color: black;
	top: 0px;
	border-radius: 5px 15px 5px;
	padding-left: auto;
	display: flex;
	width: auto;
	margin: 1px 1px 1px auto;
	text-shadow: 2px 2px 2px yellow;
	display:inline-block;
	background:orange;
}

/*slider paises*/
.slider-frame1p{
	border-radius: 5px 15px 5px;
	height: auto;
	margin: 12px 42px 0 auto;
	/*overflow: hidden;*/
	
	
}

.slider-framep{
	width: 260px;
	height: auto;
	margin: 22px auto 0;
	position: relative;
	
	
}

.slide-text {
	border: solid 3px pink;
	border-radius: 5px 15px 5px;
	border-color: #6ba6ff;
	height: 100%;
	width: 100%;
	font-family: poppins;
	display: flex;
	justify-content: center;
	align-items: center;
    font-size: 2vw;
    text-shadow: 2px 2px 2px yellow;
    box-shadow: 3px 3px 3px #03f;
   
}

.slide-text h2 {
	font-size: 20px;
	padding-right: 20px;
	color: blue;
	
}

.coutry {
	overflow: hidden;
	
}

.slide-text ul, li {
	color: blue;
	list-style: none;
}

.slide-text ul{
	width: 220px;
	height: 70px;
	position: relative;
	animation: slideanup 22s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
	
}

.slide-text li{
	position: relative;
	height: 70px;
	top: 100%;
	line-height: 70px;
	font-size: 35px;
	
	
}
.slide-text li:first-child {
	top: 100%;
}

.slide-text li:last-child {
	top:100%;
}

@keyframes slideanup {
	0% {transform: translateY(0);}
	10%, 20% {transform: translateY(-100%);}
	25%, 35% {transform: translateY(-200%);}
	40%, 50% {transform: translateY(-300%);}
	65%, 75% {transform: translateY(-400%);}
	80%, 90% {transform: translateY(-500%);}
	95%, 100% {transform: translateY(-600%);}
}

.slider-frame1p2{
	border-radius: 5px 15px 5px;
	height: auto;
	margin: 12px 42px 0 auto;
	/*overflow: hidden;*/
	
}

.slider-framep2{
	width: 180px;
	height: auto;
	margin: 22px auto 0;
	position: relative;
	
}

.slide-text2 {
	border: solid 3px pink;
	border-radius: 5px 15px 5px;
	border-color: #6ba6ff;
	height: 100%;
	width: 110%;
	font-family: poppins;
	display: flex;
	justify-content: center;
	align-items: center;
    font-size: 2vw;
    text-shadow: 2px 2px 2px yellow;
    box-shadow: 3px 3px 3px #03f;
   
}
.slide-text2 h2 {
	font-size: 20px;
	padding-left: 3px;
	padding-right: 20px;
	color: blue;
}

.tasa {
	overflow: hidden;
	
}
.actu {
	color: red;
	font-size: 1rem;
	position: relative;
	left: 1%;
	overflow: hidden;
	z-index: 100;
}

.slide-text2 ul, li {
	color: blue;
	list-style: none;
}

.slide-text2 ul{
	width: 220px;
	height: 70px;
	position: relative;
	animation: slideanup2 22s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
	
}

.slide-text2 li{
	position: relative;
	height: 70px;
	top: 100%;
	line-height: 70px;
	font-size: 35px;
	display: flex;
	
	
}
.slide-text2 li:first-child {
	top: 100%;
}

.slide-text2 li:last-child {
	top:100%;
}

@keyframes slideanup2 {
	0% {transform: translateY(0);}
	10%, 20% {transform: translateY(-100%);}
	25%, 35% {transform: translateY(-200%);}
	40%, 50% {transform: translateY(-300%);}
	65%, 75% {transform: translateY(-400%);}
	80%, 90% {transform: translateY(-500%);}
	95%, 100% {transform: translateY(-600%);}
}

/*slider anuncios*/
.slider-frame1{
	border-radius: 5px 15px 5px;
	width: 280px;
	height: auto;
	margin: 12px 42px 0 auto;
	overflow: hidden;
	/*animation: slideanu 11s infinite alternate ease-in-out; */
}

.slider-frame{
	width: 280px;
	height: auto;
	margin: 22px auto 0;
	/*overflow: hidden;*/
	animation: slideanu 35s infinite alternate ease-in-out; 
}

.slider-frame ul{
	display: flex;
	padding: 0;
	
	width: 500%;
}

.slider-frame li{
	width: 100%;
	display: flex;
	list-style: none;
}

.slider-frame img{
	object-fit: cover;
	width: 100%;
	opacity: 1;
}

@keyframes slideanu{
	0% {margin-left: 0%}
	18% {margin-left: 0%}
	
	20% {margin-left: -100%}
	38% {margin-left: -100%}
	
	40% {margin-left: -200%}
	58% {margin-left: -200%}
	
	60% {margin-left: -300%}
	78% {margin-left: -300%}
	
	80% {margin-left: -400%}
	100% {margin-left: -400%}
	
}
/* slider envios */
.slider-frame3{
	/*border-radius: 5px 15px 5px;*/
	width: 280px;
	height: auto;
	margin: 2px 42px 0 auto;
	overflow: hidden;
	/*animation: slideanu 11s infinite alternate ease-in-out; */
}

.slider-frameb{
	width: 280px;
	height: auto;
	margin: 2px auto 0;
	/*overflow: hidden;*/
	animation: slideanub 55s infinite alternate ease-in-out; 
}

.slider-frameb ul{
	display: flex;
	padding: 0;
	
	width: 600%;
}

.slider-frameb li{
	width: 100%;
	display: flex;
	list-style: none;
}

.slider-frameb img{
	object-fit: cover;
	width: 100%;
	opacity: 1;
	/*position: relative;*/
	z-index: 50;
}
.slider-frameb a{
	text-decoration: none;
	z-index: 10;
}
.slider-frameb span{
	z-index: 100;
}
#promo {
	/*position: absolute;*/
	
	color: #FF5F1F;
	border-color: yellow;
	text-shadow: 1px 2px 4px #1F51FF;
	font-family: poppins;
	font-size: 25px;
	padding: 2px 2px 0 50px;
	margin: 2px 2px 0 auto;
	text-decoration: none;
	overflow: hidden;
	z-index: 1000;
}
#promo2 {
	color:#0FFF50;
	text-shadow: 1px 2px 4px #1F51FF;
	font-family: poppins;
	font-size: 18px;
}
#promo3 {
	color:#0FFF50;
	text-shadow: 1px 2px 4px #1F51FF;
	font-family: poppins;
	font-size: 22px;
}
@keyframes slideanub{
	0% {margin-left: 0%}
	15% {margin-left: 0%}
	
	17% {margin-left: -100%}
	32% {margin-left: -100%}
	
	34% {margin-left: -200%}
	49% {margin-left: -200%}
	
	51% {margin-left: -300%}
	66% {margin-left: -300%}
	
	68% {margin-left: -400%}
	83% {margin-left: -400%}
	
	85% {margin-left: -500%}
	100% {margin-left: -500%}	
}

.mensaservi {
	display: inline;
	padding: 15px;
	padding-left: 15px;
	padding-right: 25px;
	border: solid 3px orange;
	border-radius: 5px 15px 5px;
  	object-fit: cover;
  	width: 430%;
  	height: auto; /* set to 'auto' in IE11 to avoid distortions */
  	margin: 11px 62px 1px auto;
	display: flex;
    flex-wrap: wrap;
    background-position: center;
	flex: 1;
	max-width: 400px;
}
.mensaservi last-child {
	margin: 11px 1em 1px auto;
	
}	
a {
	/*font-family: Tangiang;
	font-size: 1.5vw;
	color: red;*/
}
span {
	/*font-family: Tangiang;
	font-size: 1.5vw;
	color: orange;*/
}

.novedades {
	width: 11%;
	
}
.lomejordeti {
	width: 40%;
	
	}
.recibemovil {
	width: 33%;	
	margin: 10px 2em 2px 2em;
	}
.app {
	display: block;
	
	padding: 15px 2em 11px 11px;
	border: solid 3px red;
	border-radius: 5px 15px 5px;
	width: 180%;
  	height: auto; /* set to 'auto' in IE11 to avoid distortions */
  	margin: 12px 0.5em 2px auto;
	display: flex;
    flex-wrap: wrap;
    background-position: center;
	flex: 1;
	max-width: 115px;
}
@media only screen and (max-width: 720px) {
	#napp h1{
	color:black;
 	border-color: black;
 	font-size: 4px;
 	width: 8%;
	}
	#qrg1 {
 		display: none;
 	}
 	#qrg2 {
 		display: inline;
 		}
 	#pai {
	font-size: 17px;
	font-family: poppins;
 	/*font-weight: bold;*/
 	text-transform: capitalize;	
	} 
	#pag {
	font-size: 17px;
	font-family: poppins;
 	/*font-weight: bold;*/
 	text-transform: capitalize;
	}

	#tas {
	font-size: 17px;
	font-family: poppins;
 	/*font-weight: bold;*/
 	text-transform: capitalize;	
}
 	#mond {
	font-size: 11px;
 	font-weight: bold;
 	text-transform: capitalize;
	}	
 	.mensaservi {
	display: inline;
	padding: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border: solid 3px orange;
	border-radius: 5px 15px 5px;
  	object-fit: cover;
  	width: 430%;
  	height: auto; /* set to 'auto' in IE11 to avoid distortions */
  	margin: 11px 2px 1px auto;
	display: flex;
    flex-wrap: wrap;
    background-position: center;
	flex: 1;
	max-width: 400px;
	}	
/**/	
	#tptmdr{
		
		display: block;
		margin: 1px 1px 1px auto;
		
	}	
	#tptmdr section{
		/*background-color: yellow;*/
		display: block;
		
		/*height: 200%;*/		
	}
	#tptmdr div{
		/*background-color: red;*/
		display: block;
		
		/*height: 200%;*/
		margin: 1px 1px 5px auto;		
	}
	#ipromoa figure{
		display: block;
		min-width: 15em;
		
		margin: 1px 1px 1px auto;
		
	}
	#ipromoc img:hover{
		transition: 0.5s;
  		border-radius: 8px;		
  		transform: scale(1.5, 1.5) rotate(1deg);
 	 	transform-origin: rigth;
  		box-shadow: 10px 10px 10px rgba(60,60,60,0.6);  
	}
	#ienvio{
		display: flex;
		flex-wrap: wrap;
		
	}
	#icard {
		display: block;
		margin: 0 auto;
		padding: 0 auto;
		min-width: 18em;
		
	}
/**/	
}

@media only screen and (min-width: 980px) {
	
	#napp h1{
	color:black;
 	border-color: black;
 	font-size: 11px;
 	width: 50%;
	}
	
	.app:nth-of-type(2) {
		border: solid 3px white;

		}
		
	#social{
		background-color: lightcyan;
		padding: 20px 11px 20px 11px;
		}	
		
	
	#ubica {
		margin: 1px 1px 2px 0.5em;
		background-color: lightcyan;
		}	
	#ubiloc {
 		width: 77%;
  		/*height: 500px;*/
  		display: block;
  		margin: 10px auto;
	}	
	#qrg1 {
 		display: none;
 	}
 	#qrg2 {
 		display: inline;
 	}
	#disai{
 	
	background-color: none;
	border-radius: 5px 15px 5px;	
 	}
 	#disa{
		width: 100%;
  		/*width: 320px;*/
  		height: 800px;
  		display: block;
  		margin: 1px auto;
  		border-radius: 5px 15px 5px;			
	}
	#inic {
  	font-size: 22px;
  	text-align: right;
  	background-color: yellow;
	border: solid 1px lightgreen;  	
    }	
    #inir {
  	font-size: 22px;
  	text-align: right;
  	background-color: yellow;
	border: solid 1px lightgreen;  	
    }
	
}		

@media only screen and (min-width: 1200px) {
	
	#napp h1{
	color:black;
 	border-color: black;
 	font-size: 11px;
 	width: 50%;
	}
	
	#ubica {
	margin: 1px 5px 2px 15em;
	padding: 2px 1em 0.2em;
	background-color: lightblue;
	}

	#ubiloc{
 	width: 90%;
  	width: 400px;
  	height: 650px;
  	display: block;
  	margin: 10px auto;
	} 	
	#qrg1 {
 		display: inline;
 	}
 	#qrg2 {
 		display: none;
 	}
	#disai{
 	
	background-color: none;
	border-radius: 5px 15px 5px;	
 	}
	#disa{
		width: 100%;
  		/*width: 320px;*/
  		height: 800px;
  		display: block;
  		margin: 1px auto;
  		border-radius: 5px 15px 5px;	
	}
	#recargas div {
	width: 100%;
	min-width: 133px;
	max-width: 133px;
	}
	#forgotpwd {
	margin: 1px 1px 0 auto;
	font-family: poppins;
	list-style: none;
	font-size: 21px;
	padding: 1px 0.5em 0.5em;
	background-color: orange;
	border: green;
	border-radius: 5px 5px 5px 5px;
 	}
 	#inic {
	margin: 1px 1px 2px auto;
	font-family: poppins;
	list-style: none;
	font-size: 21px;
	padding: 2px 0.5em 0.5em;
	background-color: #ffa420;
	border: green;
	border-radius: 5px 5px 5px 5px;
}
	#inir {
	margin: 1px 1px 2px auto;
	font-family: poppins;
	list-style: none;
	font-size: 21px;
	padding: 2px 0.5em 0.5em;
	background-color: #ffa420;
	border: green;
	border-radius: 5px 5px 5px 5px;
	}
}	

@media only screen and (min-width: 1400px) {
	#napp h1{
	color:black;
 	border-color: black;
 	font-size: 18px;
 	width: 80%;
	}
	#ubica {
		margin: 1px 5px 2px 15em;
		padding: 2px 1em 0.2em;
		background-color: #f4a900;
		}

	#ubiloc {
 		width: 90%;
  		width: 700px;
  		height: 650px;
  		display: block;
  		margin: 10px auto;
	} 	
	#qrg1 {
 		display: inline;
 	}
 	#qrg2 {
 		display: none;
 	}
	#disai {
		background-color: none;	
	}
	#disa{
		width: 100%;
  		/*width: 320px;*/
  		height: 800px;
  		display: block;
  		margin: 1px auto;
  		border-radius: 5px 15px 5px;
	}
	#recargas div {
	width: 100%;
	min-width: 133px;
	max-width: 133px;
	}
	#forgotpwd {
	margin: 1px 1px 0 auto;
	font-family: poppins;
	list-style: none;
	font-size: 22px;
	padding: 1px 0.5em 0.5em;
	background-color: orange;
	border: green;
	border-radius: 5px 5px 5px 5px;
 	}
 	#inic {
	margin: 1px 1px 2px auto;
	font-family: poppins;
	list-style: none;
	font-size: 21px;
	padding: 2px 0.5em 0.5em;
	background-color: #ffa420;
	border: green;
	border-radius: 5px 5px 5px 5px;
}
	#inir {
	margin: 1px 1px 2px auto;
	font-family: poppins;
	list-style: none;
	font-size: 21px;
	padding: 2px 0.5em 0.5em;
	background-color: #ffa420;
	border: green;
	border-radius: 5px 5px 5px 5px;
	}
	.asidec{
	display: inline-flex;
	display: flex;
	/*flex-wrap: wrap;*/
	box-sizing: content-box;
	align-items: center;
	justify-content: center;
	/*margin: 0%;*/
  }
}	

.flex-container >.asidec{
	display: inline-flex;
	display: flex;
	/*flex-wrap: wrap;*/
	/*box-sizing: border-box;*/
	align-items: center;
	justify-content: center;
	
  }
.slide-text2 {
	width: 110%;
	/*border: solid 3px pink;
	border-radius: 5px 15px 5px;
	border-color: #6ba6ff;
	height: 100%;
	
	font-family: poppins;
	display: flex;
	justify-content: center;
	align-items: center;
    font-size: 2vw;
    text-shadow: 2px 2px 2px yellow;
    box-shadow: 3px 3px 3px #03f;*/
   
}
#smt {
	
	font-family: poppins;
	font-size: 20px;
	
	border-color:yellow;
	color: darkorange;
}

.mensaport {
	display: inline;
	margin: 22px 2px 0 auto;
	padding: 15px 2.5em 0 auto;
	font-family: poppins;
	font-size: 22px;
	
	border-color:yellow;
	color: darkorange;
	
}
.rotate{
	display: inline-block;
	transform: rotate(90deg);
	font-weight: inline;
	color: black;
	
}
#fotos figure img{
  
  	
  /*width: 33%;
  height: 44%;*/
  /*max-width: 100px;
  max-height: 100px;*/
  
  box-shadow: 1px 1px 1px rgb(60,60,60,0.6);
  transition: 0.5s;
  border-radius: 11px;	
}

#fotos figure img:hover{
  transition: 0.5s;
  border-radius: 8px;		
  transform: scale(2, 2) rotate(2deg);
  transform-origin: left;
  box-shadow: 10px 10px 10px rgba(60,60,60,0.6);
  
}

#direccion p {
	display: inline-block;
	
}
#click {
  border: solid 1px blue;
  margin: 1px 1px 0.3em auto;
  padding: 2px 1em 2px 2px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #f4a900;
  display: inline-block;
}

.chachi {
	font-family: poppins;
	font-size: 17px;
}

#iniciobutton {
	width: 20%;	
	margin: 1px 1px 0px auto;
	padding: 1px 1px 0 auto;
	display: flex;
	display: inline-block;
}
.inicio {
	width: 8%;	
	margin: 1px 1px 0 auto;
	padding: 1px 1px 0 auto;
	display: flex;
	display: inline-block;
	}
.flex-container #recargas>div{
    display: flex;
    flex-wrap: wrap;
    display: block;
   
    width: 100%;
    padding: 10px;
  	/*text-align: justify;*/
}  
#recargas section{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
    display: inline;
    flex: flex1;
}
#recargas div {
	display: inline;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	/*border: solid 3px orange;*/
	border-radius: 5px 15px 5px;
  	object-fit: cover;
  	width: 100%;
  	height: auto; /* set to 'auto' in IE11 to avoid distortions */
  	margin: 6px 6px 1px auto;
	display: flex;
    flex-wrap: wrap;
    background-position: center;
	flex: 5;
	min-width: 133px;
	max-width: 133px;
}

.recarg {
  display: block;
  object-fit: cover;
  width: 120%;
 
  height: auto; /* set to 'auto' in IE11 to avoid distortions */
  max-width: 140px;
}
.recargnac {
	display: block;
  	object-fit: cover;
 	 width: 90%;
 
  	height: auto; /* set to 'auto' in IE11 to avoid distortions */
  	max-width: 90px;
}
#disai {
		background-color: none;	
	}
#disa {
		width: 100%;
  		/*width: 320px;*/
  		height: 800px;
  		display: block;
  		margin: 1px auto;
  		border-radius: 5px 15px 5px;
	}
/**/	
.flex-container #paqueteria>div{
    display: flex;
    flex-wrap: wrap;
    display: inline;
   
    width: 100%;
    padding: 10px;
  	/*text-align: justify;*/
}  
#paqueteria{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
    /*display: block;*/
    flex: flex1;
    background-color: lightyellow;
}
#paqueteria div {
	display: inline-block;
	padding: 5px;
	padding-left: 5px;
	padding-right: 5px;
	/*border: solid 3px orange;*/
	border-radius: 35px 35px 35px 35px;
  	object-fit: cover;
  	width: 100%;
  	height: auto; /* set to 'auto' in IE11 to avoid distortions */
  	margin: 6px 26px 1px auto;
	display: flex;
    flex-wrap: wrap;
    background-position: center;
	flex: 5;
	min-width: 100px;
	max-width: 133px;
}

.paquet {
  display: block;
  object-fit: cover;
  width: 120%;
  border-radius: 35px 35px 35px 35px;
  height: auto; /* set to 'auto' in IE11 to avoid distortions */
  max-width: 144px;
}

#hub {
	padding: 5px 11px 5px 1px;
	margin: 36px 16px 1px auto;
}
/**/	
	#tptmdr{
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		
	}
	
	#tptmdr div{
		/*background-color: red;*/
		display:flex;
		flex-wrap:wrap;
		

		
		/*height: 200%;*/
		margin: 1px 1px 1px auto;		
	}
	
	
	#ipromoc{
		/*display: inline-block;*/
		margin: 1px 1px 1px auto;
	}
	#ipromoa {
		display: flex;
		flex-wrap: wrap;
		/*width: 40%;*/
		/*height: 50%;*/
		
		margin: 1px 1px 1px auto;
	}
	#ipromoa figure{
		/*display: inline-block;*/
		background-color: #FFD580;
		border-radius: 15px 15px 15px 15px;
		margin: 1px 1px 5px auto;
		width: 40%;
	}
	#ipromoa figure a{
		display: flex;
		flex-wrap: wrap;
		height: 100%;
		text-decoration:none;
	}
	#ipromoa figure a span{
		display:flex;
		flex-wrap: wrap;
		width: 95%;		
	}
	#ipromoc img:hover{
		transition: 0.5s;
  		border-radius: 8px;		
  		transform: scale(1.5, 1.5) rotate(1deg);
 	 	transform-origin: rigth;
  		box-shadow: 10px 10px 10px rgba(60,60,60,0.6);  
	}		
	
	.ipromob {		
  		display:flex;
		flex-wrap: wrap;
 		/*object-fit: cover;*/
 		/*width: 230%;*/
  		
 	 	/*height: auto; /* set to 'auto' in IE11 to avoid distortions */
  		/*max-width: 200vm;*/
  		margin: 10px 10px 10px auto;
	}
	#ienvio{
		
		width: 100%;
		border-radius: 15px 15px 15px 15px;
		margin: 10px 0px 33px 0px;
		padding: 10px 1px 10px auto;
	}
	#icard {
		
		width: 70%;
		max-width: 90%;
		border-radius: 15px 15px 15px 15px;
		padding: 1px 1px 1px auto;
		margin: 1px 10px 5px auto;
	}
/**/
.contacto div {
	/*display: block;*/
	/*display: inline-block;*/
	display: flex;
    flex-wrap: wrap;
}

#contacto label{
  display: inline-block;
  width: 60px;
}
#contacto input{
	display: inline-block;
}

#colortext{
	background-color: white;
	color: red;
}

#contacto textarea{
  resize: none;
  width: 100%;
  margin:auto;
  min-height: 200px;
  max-height: 400px;
  vertical-align: text-top;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}  
.flex-container #contacto>div{
    display: flex;
    flex-wrap: wrap;
    display: block;
    /*                                              */
    padding: 10px;
  	text-align: justify;
}  


.flex-container>#contacto >div{
    flex: 1;
} 

#contacto form {
	/*background-color: lightcyan;*/
	margin: 2px 18px 2px auto;
	width: 100%;
	min-width: 300px;
		
}
#contacto fieldset{
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px; 
	margin: 1em auto 0.5em;
	padding: 1px;
	
}

#enviar {
	margin: 1px 11px 2px auto;
	padding: 5px 0.5em 0.5em;
	font-family: Helvetica;
	font-size: 18px;
	
	color: blue;
	background-color: lightgrey;
	border-radius: 10px 10px 10px 10px;
}

/*#contacto a:first-child {
	border: solid 1px blue;
  	margin: 1px 1px 0.3em auto;
  	padding: 2px 1em 2px 2px;
  	border-top-right-radius: 10px;
  	border-bottom-left-radius: 10px;
  	border-bottom-right-radius: 10px;
  	background-color: #f4a900;
  	display: inline-block;
	}*/
	
/*#contacto a {
	margin: 1px 1px 2px auto;
	font-family: poppins;
	list-style: none;
	font-size: 21px;
	padding: 2px 0.5em 0.5em;
	background-color: #ffa420;
	border: green;
	border-radius: 5px 5px 5px 5px;
	
}*/
/*#contacto a:nth-of-type(2) {
	margin: 1px 1px 2px auto;
	font-family: poppins;
	list-style: none;
	font-size: 21px;
	padding: 2px 0.5em 0.5em;
	background-color: #ffa420;
	border: green;
	border-radius: 5px 5px 5px 5px;
	
}*/

.datoscon {
	margin: 10px 10px 2px 0.2em;
	font-family: poppins;
	display: flex;
	font-size: 18px;
	font-style: bold thin 2vh;
	color: blue;
	padding: 1px 0.1em 0.1em 0.1em;
}
#titmencon {
	margin: 10px 1px 2px 0.2em;
	font-family: poppins;
	display: flex;
	font-size: 19px;
	font-style: bold thin 2vh;
	color: red;
	padding: 2px 0.3em 0.3em;
}
#titmencon2 {
	margin: 10px 1px 2px 0.2em;
	font-family: poppins;
	display: flex;
	font-size: 19px;
	font-style: bold thin 2vh;
	color: blue;
	padding: 2px 0.3em 0.3em;
}

.novedades {
	margin: 10px 1px 2px 0.2em;
	display: flex;
	display: inline-block;
}
.lomejordeti {
	margin: 10px 1px 2px 4em;
	display: flex;
	display: inline-block;
}
.recibemovil {
	margin: 10px 1px 2px 3em;
	display: flex;
	display: inline-block;
	width: 77%;
	border-radius: 15px 15px 15px 15px;
}
#ven {
	margin: 10px 1px 2px 0.2em;
	font-family: poppins;
	display: flex;
	font-size: 19px;
	font-style: bold thin 2vh;
	color: red;
	padding: 2px 0.3em 0.3em;
	background-color:orange;
	border: solid 2px yellow;
	display: inline-block;
	border-radius: 15px 15px 15px 15px;
}
.mensaport {
	display: inline;
	margin: 22px 2px 0 auto;
	padding: 15px 2.5em 0 auto;
	font-family: poppins;
	font-size: 22px;
	
	border-color:yellow;
	color: darkorange;
	
}
/* registro area*/
.registro div {
	/*display: block;*/
	/*display: inline-block;*/
	display: flex;
    flex-wrap: wrap;
}

#registro label{
  display: inline-block;
  width: 60px;
}
#registro input{
	display: inline-block;
}

#registro textarea{
  resize: none;
  width: 100%;
  margin:auto;
  min-height: 200px;
  max-height: 400px;
  vertical-align: text-top;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}  
.flex-container #registro>div{
    display: flex;
    flex-wrap: wrap;
    display: block;
    /*                                              */
    padding: 10px;
  	text-align: justify;
}  


.flex-container>#registro >div{
    flex: 1;
} 

#registro form {
	/*background-color: lightcyan;*/
	margin: 2px 18px 2px auto;
	width: 100%;
	min-width: 300px;
		
}
#registro fieldset{
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px; 
	margin: 1em auto 0.5em;
	padding: 1px;
	
}

#enviar {
	margin: 1px 11px 2px auto;
	padding: 5px 0.5em 0.5em;
	font-family: Helvetica;
	font-size: 18px;
	
	color: blue;
	background-color: lightgrey;
	border-radius: 10px 10px 10px 10px;
}

/*#registro a:last-child {
	margin: 1px 1px 2px auto;
	font-family: poppins;
	list-style: none;
	font-size: 21px;
	padding: 2px 0.5em 0.5em;
	background-color: #ffa420;
	border: green;
	border-radius: 5px 5px 5px 5px;
	
}*/

/*#forgotpwd {
	margin: 1px 1px 0 auto;
	font-family: poppins;
	list-style: none;
	font-size: 21px;
	padding: 1px 0.5em 0.5em;
	background-color: orange;
	border: green;
	border-radius: 5px 5px 5px 5px;
}*/


.datosreg {
	margin: 10px 10px 2px 0.2em;
	font-family: poppins;
	display: flex;
	font-size: 18px;
	font-style: bold thin 2vh;
	color: blue;
	padding: 1px 0.1em 0.1em 0.1em;
}
#titmenreg {
	margin: 10px 1px 2px 0.2em;
	font-family: poppins;
	display: flex;
	font-size: 19px;
	font-style: bold thin 2vh;
	color: red;
	padding: 2px 0.3em 0.3em;
}
#titmenreg2 {
	margin: 10px 1px 2px 0.2em;
	font-family: poppins;
	display: flex;
	font-size: 19px;
	font-style: bold thin 2vh;
	color: blue;
	padding: 2px 0.3em 0.3em;
}

.omc {
	font-size: 11px;
}
#init {
	margin: 1px 1px 2em 2em;
	font-family: poppins;
	font-size: 20px;
	padding: 0.05em 0.3em 0.1em 0.3em;
	background-color: lightyellow;
	/*border: solid 0.005em yellow;*/
	border-radius: 5px 5px 5px 5px;
}
.mensa li.a{
	margin-left: 22px; 
	
	list-style-type: circle;
	list-style-position: outside;
	list-style-image: linear-gradient(to left bottom, darkorange, darkred);
}
.mensa li.b{
	margin-left: 20px;  
	list-style-type: none;
	list-style-position: outside;
}
.terminos li.a {
	margin-left: 20px;  
	list-style-type: circle;
	list-style-position: outside;
	font-size: 100%;
  	list-style-image: linear-gradient(to left bottom, darkorange, darkred);
	color: darkblue;
}
.terminos li.b {
	margin-left: 20px;  
	list-style-type: none;
	list-style-position: outside;
	font-size: 100%;
  	/*list-style-image: linear-gradient(to left bottom, white, black);*/
	color: darkblue;
}
.terminos li.t {
	margin-left: 5px;  
	list-style-type: none;
	list-style-position: outside;
	font-size: 100%;
  	/*list-style-image: linear-gradient(to left bottom, white, black);*/
	color: black;
}

.fondolist{
	background: lightblue;
}

footer{
  list-style-type: none;
  text-transform: capitalize;
  padding: 20px 10px 5px 10px;
  padding-left: 33px;
  background-color: rgb(241, 163, 84); /*#ffaf18; #fce235;*/
  border-top: solid rgba(0,0,0,0.5);
  /*box-shadow: 3px 4px 5 px 6px #000;*/
  text-align: left;
  color: purple;
  font-size: 0.8em;
  font-family:poppins;
  border-radius: 5px 15px 5px;
  /*top: 100px;*/
  	
}

footer p{
  text-align: right;
  color: purple;
  font-size: 1.11em;
  font-family:poppins;
  border-radius: 5px 15px 5px;
  margin: 2px 42px 0px auto;
}

#author {
	font-family: Stardos;
	font-size: 17px;
	margin-top: 13%;
}