/*
 * Descripción: Secure Billing
 * Copyright (c) 2019
 *
 */





/*=========================
		H1-H2-H3
=========================*/

.titulo { font-family: 'Fjalla One', sans-serif; font-size: 3.5em; font-weight: bold; color: red; line-height: 1.3em }
.resaltado { color: #ff8b00; }

.subtitulo { font-family: 'Fjalla One', sans-serif; font-size: 2em; color: #8f8f8f; }
.subtitulo-big { font-family: 'Fjalla One', sans-serif; font-size: 1.6em; color: #8f8f8f; }

@media (max-width: 991px) {
	.titulo { font-size: 3em }
	.subtitulo { font-size: 2em }
}
@media (max-width: 600px) {
	.titulo { font-size: 2.5em }
	.subtitulo { font-size: 1.5em }
}



/*=========================
		 TEXTOS
=========================*/

 /*Zona menu */
.menu-desktop {font-family: 'Fjalla One', sans-serif; font-size: 1em }
.menu-desktop.color { color: #4b4b4b; }

.menu-movil {font-family: 'Fjalla One', sans-serif }
.menu-movil.color { color: #4b4b4b; }

/*Slogan*/
.titulo-slogan{ font-family: arial; font-size: 2.285em; line-height: 2em; letter-spacing: 10px; color: #fff;}
@media (max-width: 1200px){ .titulo-slogan { font-size: 2em; } }
@media (max-width: 500px){ .titulo-slogan { font-size: 2em; line-height: 1em } }

.subtit-slogan { font-family: 'Fjalla One', sans-serif; font-size: 3em; line-height: 1.2em; color: #fff; text-align: left; margin-left: 30px; margin-right: 30px}
@media (max-width: 1200px){ .subtit-slogan { font-size: 3em; } }
@media (max-width: 500px){   .subtit-slogan { font-size: 2em; line-height: 1.5em;margin-left: 10px; margin-right: 10px; padding: 10px } }

.txt-slogan{ font-family: 'Fjalla One', sans-serif; font-size: 2.928em; color: #ffffff; line-height: 2em; }
.txt-slogan span { letter-spacing: 6.5px; color: #ffa500; }
@media (max-width: 1200px) { .txt-slogan{ font-size: 1.8em; } }
@media (max-width: 500px) { .txt-slogan{ font-size: 1.3em; } }

.caja-estadisticas { font-family: 'Fjalla One', sans-serif;
	display: inline-block; background-color: red; padding: 5px 20px 10px 20px; margin: 10px; color: white; }

.tit-estadisticas { font-size: 1.2em; line-height: 1em }
.datos-estadisticas { font-size: 3em; line-height: 1.3em }
@media (max-width: 768px) { .tit-estadisticas { font-size: .8em; line-height: 1em }
							.datos-estadisticas { font-size: 1.5em; line-height: 1.3em }
 }



/* zona QUIENES SOMOS -------------------------------------------------------- */

.tit-h2{font-family: 'Open Sans', sans-serif; font-size: 3.5em; font-weight: bolder; line-height: 1.2em}


@media (max-width:768px) { 
	.tit-h2{font-size: 2em; line-height: 1.2em}
}


.parrafo{font-family: 'Open Sans', sans-serif; font-size: 1.8em; font-weight: normal; line-height: 1.2em; margin: 45px 0}

@media (max-width:768px) { 
	.parrafo{font-size: 1.3em; line-height: 1.2em}
}


.box-quienes0, .box-quienes1, .box-quienes2, .box-quienes3 {
		font-family: 'Open Sans', sans-serif; font-size: 2em; font-weight: bolder;line-height: 1.3em;
		margin-top: 15px;overflow: hidden}

@media (max-width:768px) { 
	.box-quienes0, .box-quienes1, .box-quienes2, .box-quienes3 {
		font-size: 1.5em; font-weight: bolder;line-height: 1.3em;}
}
	
	/*TEXTO QUE SUBE*/
	.up-texto0 span, .up-texto1 span, .up-texto2 span, .up-texto3 span{font-size: 1em} /*la comilla*/
	@media (max-width:768px) { .up-texto0 span, .up-texto1 span, .up-texto2 span, .up-texto3 span{line-height: 1em} } /*la comilla*/

	.up-texto0, .up-texto1, .up-texto2, .up-texto3 {
			z-index:2; 
			font-size: 1em; line-height: 1em; font-weight: normal; color: #ffffff;
			background-color: #b03737; padding: 25px; margin-left: -30px; height: 600px; top: 500px ; }

	@media (max-width:1200px) { 
		.up-texto0, .up-texto1, .up-texto2, .up-texto3 {font-size: .7em; line-height: 1em;padding: 10px;}}
	@media (max-width:768px) { 
		.up-texto0, .up-texto1, .up-texto2, .up-texto3 {font-size: 1.1em; line-height: 1.2em;padding: 10px;}}
	@media (max-width:450px) { 
		.up-texto0, .up-texto1, .up-texto2, .up-texto3 {font-size: .8em; line-height: 1.2em;padding: 10px;}}
}
/* FIN zona QUIENES SOMOS ---------------------------------------------------- */




/*Zona suscripciones*/
.c-usuario { color: #4b4b4b }
.c-producto { color: #ff8b00 }
.c-descripcion { color: #5e5e5e }

 /*Zona Legal*/
 .c-tit-legal { color: #343434 }




.txtmin { font-size: 0.8571em; color: #666; line-height: 1.5em; text-decoration: none; }

.txt404 { font-size: 7em; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1em; color: #ad0000; }
.txt404_msg { font-family: Arial, Helvetica, sans-serif; font-size: 2.5em; color: #333; line-height: 1.2em; }

/*=========================
		 COLORES
=========================*/

/*Colores identidad de la web TEXTO*/
 .c-destacado1 { color: #ff8b00 }
 .c-destacado2 { color: #ffa700 }
 .c-destacado3 { color: #4b4b4b }

/*Colores generales de TEXTO*/
.c-naranja  { color: orange; }
.c-verde    { color: #00ff12; }
.c-verdeoscuro { color: #4e6f50; }
.c-rojo     { color: #ff0000; }
.c-negro    { color: #000000; }
.c-blanco   { color: #ffffff; }
.c-gris     { color: grey;    }



.texto{font-size:1.0714em;}

.textshadow-black{text-shadow: 1px 1px 10px rgba(0,0,0,0.4);}
.textshadow-white{text-shadow: 1px 1px 6px rgba(255,255,255,0.5);}


/*=========================
       MEDIA QUERIES
=========================*/


@media (max-width: 768px){
	.txt404 {font-size: 4.375em;}
	.txt404_msg, .txtbig {font-size: 1.875em;}
}