@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto:wght@100;400&display=swap');


/*****************************/
/* TEXOTOS APPS NUEVOS 2020 */
/* Este archivo controla todos los textos de la App y de la Web.
/* Al modificar se modificara todo.
/*****************************/

a:link {text-decoration: none }
a:hover { text-decoration: none }
a:visited {text-decoration: none }


h1{
	margin:0;
  width: auto;
  margin: 0px;
  padding:10px;
  font-family: 'Raleway', sans-serif;
  font-size:1.8em;
  font-style:normal;
  line-height: 1.2;
  color:#333;
}


h3{
	margin:0;
  width: auto;
  margin: 0px;
  padding:10px;
  font-family: 'Raleway', sans-serif;
  font-size:1.2em;
  font-style:normal;
  line-height: 1.2;
  color:#333;
}

.icono-home-app{
	font-size: 24px;
	text-align: right;
	margin-top: -23px;
	color:#F60;
  text-decoration: none;
  padding-right: 10px;
	}
	
.icono-home-eventos-hoy{
	font-size: 24px;
	text-align: right;
	margin-top: -23px;
	font-color:#F60;
  text-decoration: none;
  padding-right: 45px;
	}

.super-titulo-app {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:2.2em;
  font-style:normal;
  line-height: 1.2;
  color:#333;
}

.gran-titulo-app {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:2em;
  font-style:normal;
  line-height: 1.2;
  color:#333;
}


.titulo-app {
  width: auto;
  /*margin-left:10px;*/
  font-family: 'Raleway', sans-serif;
  font-size:1.4em;
  font-style:normal;
  line-height: 1.2;
  color:#333;
}

.subtitulo-app {
  width: auto;
  /* margin-left:10px; */ 
  font-family: 'Raleway', sans-serif;
  font-size:1.2em;
  font-weight: bold;
  line-height: 1.4; /* estaba en 2.5 */
  color:#333;
}


.texto-app-info {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:1em;
  font-style:normal;
  text-decoration:none;
  line-height: 1.5;
  color:#333;
}

.item-app {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:0.9em;
  font-style:normal;
  line-height: 1.5;
  color:#333;
}

.item-app-arial {
  width: auto;
  font-family: 'arial', sans-serif;
  font-size:0.9em;
  font-style:normal;
  line-height: 1.5;
  color:#333;
}


.mini-item-app {
  width: auto;
  font-family: 'Raleway', sans-serif;
  font-size:0.8em;
  font-style:normal;
  line-height: 1.2;
  color:#333;
}


/********************************
Textos Roboto Configuracion 
*********************************/
.titulo-roboto-app {
  width: auto;
  /*margin-left:10px;*/
  font-family: 'Roboto', sans-serif;
  font-size:1.4em;
  font-style:400;
  wid
  line-height: 1.5;
  color:#333;
}

.subtitulo-roboto-app {
  width: auto;
  /* margin-left:10px; */ 
  font-family: 'Roboto', sans-serif;
  font-size:0.9em;
  font-weight: 400;
  line-height: 1.5; /* estaba en 2.5 */
  color:#333;
}


.texto-roboto-app-info {
  width: auto;
  font-family: 'Roboto', sans-serif;
  font-size:14px;
  font-style:100;
  text-decoration:none;
  line-height: 1.2;
  color:#85929E ;
}

.item-roboto-app {
  width: auto;
  font-family: 'Roboto', sans-serif;
  font-size:13px;
  font-style:100;
  line-height: 1.2;
  color:#85929E;
}

.div-blanco-basico{
  width:100%;
	height:auto;
	background-color:white;
	padding:50px 100px 50px 100px;
	overflow:hidden;
	box-sizing: border-box;
}

/*************************/
/* mybutton */
/*************************/
.myButton {
	box-shadow: 0px 0px 0px 0px #fce2c1;
	background-color:#ffc477;
	border-radius:28px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:24px;
	font-weight:bold;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #cc9f52;
}
.myButton:hover {
	background-color:#fb9e25;
}
.myButton:active {
	position:relative;
	top:1px;
}

/* Recuadro Info Uso App
*****************************************/
.reuadro-texto-app{
	width: 100%;
	height: auto;
	overflow:hidden;
	box-sizing: border-box;
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
}

.recuadro-info-recibo{
	width:98%;
	height:auto;
	background-color:#fafbfd;
	
	border-color:#f8f8ff;
	border-style:solid;
	
	padding:10px !important;
	margin-right: 5px;
	margin-top:5px;
	margin-bottom: 20px;
	
	font-family: 'Comfortaa', cursive;
  font-size:0.9em;
  font-style:normal;
  line-height: 1.6;
  color:#fff;
  text-align:center;
  border-radius:3px;
  
	}

  .fondo-body{
    width:960px;
    height:auto;
    margin:0 auto;
    background-color:#fff;
	border-top-color:#ff8000;
	border-top-width:0px;
	border-top-style:solid;
	-webkit-box-shadow: 0px 2px 48px -1px rgba(0,0,0,0.40);
-moz-box-shadow: 0px 2px 48px -1px rgba(0,0,0,0.40);
box-shadow: 0px 2px 48px -1px rgba(0,0,0,0.40);
	
	
}