body {
	background-color:#19A715;	border:0;/*color fondo*/
    margin: 0 auto;
	/*text-align : justify;*/
}
a:link{color:transparent;text-decoration: none}
a:active{color:transparent;text-decoration: none}
a:visited{color:transparent;text-decoration: none}
a:hover{color:transparent;text-decoration: none}

#cabecera{
	
	background: #19A715;/*color fondo*/
	width:100%;
	border:0;
   /* margin: 0 auto; 
	 background-color:gray;*/
	font-size: 36px;
line-height: 36px;

/*margin: 30px auto 25px;*/
font-weight: 900;
font-family: 'Marcin Ant B', sans-serif;
color: white;
   
	 /*width:800px;*/
	display: flex;
	justify-content: center;
	align-items: center;
}

#intro{
	
	background: white;
}

#fil{
	
    
	border:0;
   /* 29*/
	font-size: 16px;
	line-height: 19px;
	color: black;
	font-family: 'Marcin Ant B', sans-serif;
	width:600px;
	
}


#filt{cursor:pointer;color: black;font-weight: bold;}
#amo{cursor:pointer;color: red;font-weight: bold;}
#agra{cursor:pointer;color: orange;font-weight: bold;}
#conf{cursor:pointer;color: yellow;font-weight: bold;}
#arre{cursor:pointer;color: blue;font-weight: bold;}
#prom{cursor:pointer;color: green;font-weight: bold;}


#instruc{
	
    
	border:0;
   /* margin: 0 auto; 
	 background-color:gray;*/
	font-size: 16px;
line-height: 19px;
color: #5E5E5E;
   font-family: 'Marcin Ant B', sans-serif;
	 width:500px;
	
}

#presen {
	
font-size: 36px;
line-height: 36px;
max-width: 100%;
margin: 30px auto 25px;
font-weight: 900;
font-family: 'Marcin Ant B', sans-serif;
color: #2D2733;
}

#presen span {
display: block;
font-weight: normal;
font-size: 36px;
line-height: 36px;
margin: 10px auto 25px;
font-family: 'Marcin Ant B', sans-serif;
color: #19A715;/*color fondo*/
}


#botonm {
font-weight: 900;
font-size: 20px;
line-height: 20px;
color: white;
text-transform: uppercase;
padding: 25px;
min-width: 260px;
background: #19A715;/*color fondo*/
text-align: center;
border-radius: 35px;
display: inline-block;
margin: 35px auto 5px;
cursor:pointer;
}

@media (orientation:landscape) {

#Minicarta{
	float:left;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
	/*height:280px;*/
	/*width:260px;*/
	 width:327px;
	border: 1px solid #CCC;
	background-color:white;
	margin:4px 2px 4px 2px;
	/*28*/
	border-radius: 6px 6px 6px 6px;
	border-bottom-width: 6px;
	/*border-bottom-color: #E75063;*/
	cursor:pointer;
}

.mensaje{
	display: none;
	text-align:justify;
	width:310px;
	/*margin:0 auto;
	font-family: Cambria,Georgia,serif; 
	font-style: bold;*/
    font-size : 18px;
	color: #5E5E5E;
   font-family: 'Marcin Ant B', sans-serif;
}

#titulo {
	text-align:center;
	margin:0 auto;
	
	font-style: bold;
	font-weight: bold;
    font-size : 36px;
	
	font-family: 'Marcin Ant B', sans-serif;
color: white;
}

#Textotitulo {
	text-align : center;
	/*text-align:center;*/
/*	margin:0 auto;
	font-family: Cambria,Georgia,serif; 
	font-style: bold;*/
	font-size : 18px;
	font-weight: bold;
	color: black;
		width:310px;/*23*/
}

#Textopara {
	text-align:center;
	margin:0 auto;
	font-family: Cambria,Georgia,serif; 
	font-style: bold;
    font-size : 18px;
	color: black;
		width:310px;/*23*/
}

#Textode {
	text-align:center;
	margin:0 auto;
	font-family: Cambria,Georgia,serif; 
	font-style: bold;
    font-size : 18px;
	color: black;
		width:310px; /*23*/
}

#Emoji{
    width:124px; /*42*/
	height:162px;/*54*/
}

hr {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-width: 1px;
	color: #fffffff;
	height: 0px;
	border:1px dashed;
	width: 95%;
}
/*tabla de editar*/

#beditar {
	background-color:white;
	/*text-align : justify;*/
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 
}

#beditar button {
	 background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#tmensajes {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

button.eb {
	 width: 300px;
}


#tmensajes td, #tmensajes th {
  border: 1px solid #ddd;
  padding: 8px;
}

#tmensajes tr:nth-child(even){background-color: #f2f2f2;}

#tmensajes tr:hover {background-color: #ddd;}

#tmensajes th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}





/*fin tabla*/



}


/* movil ***************************************************************************************************************************
************************************************************************************************************************************
************************************************************************************************************************************/

 @media (orientation:portrait){

#titulo {
	text-align:center;
	margin:0 auto;

	font-style: bold;
	font-weight: bold;
    font-size : 40px;
	
	
	
	font-family: 'Marcin Ant B', sans-serif;
color: white;
	
}

#Minicarta{
	display:block;
	
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
	/*height:280px;*/
	/*width:260px;*/
	width: 650px;
	border: 1px solid #CCC;
	background-color:white;
	margin-bottom:20px;
	/*28*/
	border-radius: 6px 6px 6px 6px;
	border-bottom-width: 6px;
	/*border-bottom-color: #E75063;*/
	cursor:pointer;
	
}


#Emoji{
    width:336px; /*42*/
	height:432px;/*54*/
}


#Textopara {
	text-align:center;
	margin:0 auto;
	font-family: Cambria,Georgia,serif; 
	font-style: bold;
    font-size : 36px;
	color: black;
		width:620px;/*23*/
}


#Textotitulo {
	text-align : center;
	/*text-align:center;*/
/*	margin:0 auto;
	font-family: Cambria,Georgia,serif; 
	font-style: bold;*/
	font-size : 36px;
	font-weight: bold;
	color: black;
		width:620px;/*23*/
}


.mensaje{
	display: none;
	text-align:justify;
	width:620px;
	/*margin:0 auto;
	font-family: Cambria,Georgia,serif; 
	font-style: bold;
    font-size : 18px;
	color: black;*/
	font-size : 36px;
	color: #5E5E5E;
   font-family: 'Marcin Ant B', sans-serif;
	
}


hr {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-width: 1px;
	color: #fffffff;
	height: 0px;
	border:1px dashed;
	width: 95%;
}


#Textode {
	text-align:center;
	margin:0 auto;
	font-family: Cambria,Georgia,serif; 
	font-style: bold;
    font-size : 36px;
	color: black;
	width:620px; /*23*/
}



/*tabla de editar*/

#beditar {
	background-color:white;
	/*text-align : justify;*/
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 
}

#beditar button {
	 background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#tmensajes {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

button.eb {
	 width: 300px;
}


#tmensajes td, #tmensajes th {
  border: 1px solid #ddd;
  padding: 8px;
}

#tmensajes tr:nth-child(even){background-color: #f2f2f2;}

#tmensajes tr:hover {background-color: #ddd;}

#tmensajes th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}





/*fin tabla*/




}


#Cuerpo{
    border:0;
    margin: 0 auto; 
	/*background-color:gray;*/
	
    width:1000px;
	 /*width:800px;*/
	display: flex;
	justify-content: center;
	align-items: center;
}



/*for usu*/
.cuadro{
	font-family: 'Nosifer', cursive;
border-radius: 19px;
 -moz-border-radius: 19px;
 -webkit-border-radius:19px;
-webkit-box-shadow: 12px 20px 11px -1px rgba(0,0,0,0.64);
-moz-box-shadow: 12px 20px 11px -1px rgba(0,0,0,0.64);
box-shadow: 12px 20px 11px -1px rgba(0,0,0,0.64);
/*height:170px;*/
width:260px;
margin-left:40%;
background-color:#D8D8D8;
}

.for{
	font-family: 'Nosifer', cursive;
	 font-size:14px;
border-radius: 9px;
height:30px;
width:100px;
/*background-color:gray;*/
}

/*fin formulare*/