﻿/*
 * Descripción: 
 * Copyright (c) 2019
 *
 */


/*=========================
		H1-H2-H3
=========================*/


.titulo {       /*40px*/ font-size: 2.5em; font-family: 'Fjalla One', sans-serif;   font-weight: bold; color: #4b4b4b; line-height: 1.3em; }
.subtitulo-big {/*26px*/ font-size: 1.625em; font-family: 'Fjalla One', sans-serif; color: #8f8f8f; line-height: 1.2em;  }
.subtitulo {    /*20px*/ font-size: 1.25em; font-family: 'Fjalla One', sans-serif; color: #8f8f8f; line-height: 1em }
.tit-parrafo {  /*24px*/ font-size: 1.5em;  font-weight: bold; line-height: 1em}
.parrafo {      /*16px*/ font-size: 1em; line-height: 1em }
.pieparrafo {   /*14px*/ font-size: 0.875em; line-height: 1em }

@media (max-width: 991px){ 
	.titulo { font-size: 2em;  line-height: 1.2em; }
	.subtitulo-big { font-size: 1.4em; line-height: 1.3em; }
	.subtitulo {  font-size: 1.1em;  }
	.tit-parrafo { font-size: 1em;  line-height: 0.9em }
	.parrafo { font-size: 0.9em;  line-height: 1.4em }
	.pieparrafo { font-size: 0.8em;  line-height: 1.4em }
}
@media (max-width: 768px){ 
	.titulo { font-size: 1.8em;  line-height: 1.3em;  }
	.subtitulo-big { font-size: 1.3em; line-height: 1.3em; }
	.subtitulo {  font-size: 1em;  }
	.tit-parrafo { font-size: 0.9em;  line-height: 0.9em }
	.parrafo { font-size: 0.8em;  line-height: 1.4em }
	.pieparrafo { font-size: 0.7em;  line-height: 1.4em }
}


.resaltado { color: #ff8b00; }


/*=========================
		 TEXTOS
=========================*/

 /*Zona menu */
.menu-desktop {font-family: arial; font-size: 1em }
.menu-desktop.color { color: #4b4b4b; }

.menu-movil {font-family: 'Fjalla One', sans-serif }
.menu-movil.color { color: #4b4b4b; }
.menu-opcionm.resaltado a{color: #fff}

/*404*/
.txt404 {font-size: 7em; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height:1em; color:#ad0000;}
.txt404_msg, .txtbig{font-family: Arial, Helvetica, sans-serif; font-size:2.5em; color:#333;	line-height:1.2em;}

.notfound-404 { /*font-family: 'Fjalla One', 'Montserrat', sans-serif;*/
	font-family: 'Arial Black', sans-serif;
	font-size: 250px;
	font-weight: bolder;
	line-height: 230px;
	color: #262626;
	text-transform: uppercase;
	letter-spacing: -63px;
	margin-top: -20px
	}

.notfound-404 {  margin-left: -52px; }
.notfound-404 > span { text-shadow: -8px 0px 0px #fff;  }
/*.notfound-404 > h2*/

.tresd { text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2),  0 5px 10px rgba(0,0,0,.25),  0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); }

.blockquote {  background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px;  padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019";}
.blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }

.capitular:first-letter { display: block; margin: 5px 0px 0 5px; float: left; color: #0c54a0; font-size: 5.4em; font-family: Georgia, Times New Roman, serif; }

.txtmin{ font: normal 0.857em Arial, Helvetica, sans-serif; color: #585f69; line-height: 1.5em; text-decoration: none; }
.txtmin a{color:#585f69; text-decoration:underline}
.txtmin a:hover{color:#585f69; text-decoration:none;}

/*=========================
		 COLORES
=========================*/

.c-destacado { color: #0098ff }
.c-destacado2{ color: #35546a }

/*Colores generales de TEXTO*/
.c-naranja     { color: orange; }
.c-verde       { color: #38a640; }
.c-verdeoscuro { color: #4e6f50; }
.c-rojo        { color: #e84e40; }
.c-negro       { color: #000000; }
.c-blanco      { color: #ffffff; }
.c-gris        { color: grey;    }
.c-azul        { color: #106ac1; }



.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;}
	.notfound-404 { font-size: 200px; line-height: 200px; letter-spacing: -53px; 	}
}