@import url(https://fonts.googleapis.com/css?family=Squada+One);
*{margin: 0px;padding: 0px;z-index: 1;}
body{width:100%;}
div{width: 100%;}

h2, h3{color:#000;font-size: 35px;font-family: 'Squada One', sans-serif;letter-spacing: 0.5px;padding-bottom: 10px;}
h2 > b, h3 > b{font-size: 10px;letter-spacing: 0.5px;}
a{color: #619DB8;font-weight: bold;}
a:hover {color: #8CB9CC;}
header{/*Header Principal*/background:#000;color:#ffffff;width:100%;text-align:center;margin-bottom:20px;box-shadow: 0px 5px 3px 3px #000;overflow:hidden;position: fixed;z-index: 999;-webkit-transition: all 150ms ease;-moz-transition: all 150ms ease;-o-transition: all 150ms ease;-ms-transition: all 150ms ease;transition: all 150ms ease;}
nav {margin: 5px;margin-right: 15px;float:right;-webkit-transition: all 50ms ease;-moz-transition: all 50ms ease;-o-transition: all 50ms ease;-ms-transition: all 50ms ease;transition: all 50ms ease;}
nav ul {margin-top: -10px;list-style: disc;}
nav ul li {color:#3b3b3b;font-size:21px;text-align: center;margin:0;padding-top: 10px;display:-moz-inline-stack;display:inline-block;line-height: 15px;*display:inline;}
nav ul li:after {content: "/";margin:10px;}
nav ul li:last-child:after {content: none!important;margin:0px!important;}
nav ul li a {color:#fff;font-size:14px;font-family: 'Arial', cursive;font-weight: bold;text-decoration:none;}
nav ul li a span{font-size:9px;margin-right: 20px;text-decoration:none;}
nav ul li a:hover {color:#c0392b;text-decoration:none;}
nav li a {-webkit-transition: color 250ms linear;-moz-transition: color 250ms linear;-o-transition: color 250ms linear;-ms-transition: color 250ms linear;transition: color 250ms linear;}
li{list-style-position: inside;margin-left: 10px;padding-right: -10px;}
footer{/*Pie de página*/
	color:#ffffff;
	background:#252932;
	width:97%;
	padding: 1.5%;
	margin-bottom: -5px;
	text-align:center;

	-webkit-transition: all 150ms ease;
	-moz-transition: all 150ms ease;
	-o-transition: all 150ms ease;
	-ms-transition: all 150ms ease;
	transition: all 150ms ease;
}

.ct_hdr{/*Contenedor del Header Principal*/
	width:100%;
	max-width:1000px;
	margin:auto;
	overflow:hidden;
}
.lg_hdr{/*Logo del Header Principal*/
	width:150px;
	height:auto;
	float:left;
	margin:15px;

	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	transition: all 500ms ease;
}

.tp_hdr{font-size: 40px;font-weight: bold;}/*Título Principal del Header Principal*/
.ts_hdr{font-size: 20px;}/*Título Secundario del Header Principal*/
.tp_hdr, .ts_hdr{
	margin:2.5px;
	font-family: 'Squada One', sans-serif;
	letter-spacing: 1px;
	align-content: center;
	display:block;

	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	transition: all 500ms ease;
}
.tp_ftr{font-size: 40px;font-weight: bold;}/*Título Principal del Footer*/
.ts_ftr{font-size: 20px;}/*Título Secundario del Footer*/
.tp_ftr, .ts_ftr{
	margin:2.5px;
	font-family: 'Squada One', sans-serif;
	letter-spacing: 1px;
	align-content: center;
	display:block;

	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	transition: all 500ms ease;
}

.gr_rpb{/*Rompe Banner, evita que el contenido quede abajo del banner*/
	width:100%;
	height:120px;
	/*background: #252932;*/
	background: #000;
}

.fd_rjo{/*Fondo Rojo*/
	margin-top: -1px;
	color:#eee;
	background: #c0392b;
	text-shadow: 1px 1px 1px #000;
}
.fd_rjo h2, .fd_rjo h3{/*Fondo Rojo*/
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}
.fd_blc{/*Fondo Blanco*/
	color:#4D4D4D;
	background: #FFF;
}
.fd_grs{/*Fondo Gris*/
	color:#000;
	background: #eee;
}
.fd_ngr{/*Fondo Negro*/
	color:#fff;
	background: #000;
}
.fd_gro{/*Fondo Gris Obscuro*/
	color:#fff;
	background: #4D4D4D;
}
.fd_ngr a{color:#999;}
.fd_ngr a:hover{color:#eee;}
.fd_gro a{color:#999;}
.fd_gro a:hover{color:#eee;}

.tx_nrm{font-size: 20px;}
.tx_pqo{font-size: 15px;}

.cs_prp{/*Contenido Sección Pre*/
	color:#646464;
	text-shadow: 2px 2px 2px #eee;
}
.cs_art, .cs_min{
	display:block;
	overflow: hidden;
	text-align: justify;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cs_art{/*Articulo (Contenido secundario) de las secciones principales*/
	width:95%;
	padding:2.5%;
	font-size: 20px;
	font-family: 'Arial', cursive;
}
.cs_min{/*Main (Contenido principal) de las secciones principales*/
	width:90%;
	padding:5%;
	font-size: 50px;
	font-family: 'Squada One', sans-serif;
}

.sp_izq{margin-left:15px;}

/*Imágenes*/
.im_fet  h1,  .im_fet  h2{
	text-align: center;
	font-family: 'Squada One', sans-serif;
	color:#fff;
	text-shadow: 2px 2px 5px #000;
}
.im_fet  h1{
	width: 100%;
	padding: 20px;
	font-size: 50px;
	line-height: 30px;
	letter-spacing: 1px;
	background:rgba(51,51,51, .7) ;
	border-radius: 10px;
}
.im_fet  h1 > b{
	font-size: 25px;
	letter-spacing: 0.5px;
}
.im_fet  h2 {
	font-size: 50px;
	letter-spacing: 1px;
	align-content: center;
	display:block;
}
.im_fet_fnd {
	display: flex;
	margin:-1%;
	padding: 1%;
	float: left;
	width:100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}
.im_fet{/*Imágen estática de fondo (Se mantiene estática mientras el contenido se mueve)*/
	width:98%;
	height:400px;
	padding:1%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
  	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;

	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	transition: all 500ms ease;
}
.im_nrm{display: block;}
/*Imágenes*/

/*Tablas*/
.tb_fla{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: auto;
}
.tb_cla_2, .tb_cla_3, .tb_cla_4,.tb_cla_5, .tb_cla_6, .tb_cla_7{
	display: flex;
	font-size: 12px; 
	text-align: left;
	overflow: hidden;
}
.tb_cla_2{width: 45.5%;}
.tb_cla_3{width: 33%;}
.tb_cla_4{width: 24.5%;}
.tb_cla_5{width: 19.5%;}
.tb_cla_6{width: 16.5%;}
.tb_cla_7{width: 14%;}
/*Tablas*/

/*Menú teléfono*/
.el_tlf_s{/*Elemento solo visible en teléfonos*/display:none;}
.el_tlf_n{/*Elemento no visible en teléfonos*/display:block;}
#mnMo,#mnOc {display:none;}
#mnGrl{display:block;}
.el_mmo{/*Elemento Menú mostrar*/cursor:pointer;display:none;}
.el_moc{/*Elemento Menú Ocultar*/cursor:pointer;display:none;}
input#mnMo:checked ~ nav#mnGrl {display:block;}
input#mnMo:checked ~ label.el_mmo {display:none;}
input#mnMo:checked ~ label.el_moc {display:block;}
input#mnOc:checked ~ nav#mnGrl {display:none;}
input#mnOc:checked ~ label.el_mmo {display:block;}
input#mnOc:checked ~ label.el_moc {display:none;}
/*Menú teléfono*/

/* Tamaño de Pantalla Mayor a 1500px*/
@media screen and (min-width: 1500px) { 
	nav{margin-right:10%;}
	nav ul li {font-size:35px;margin:0;padding-top: 10px;line-height: 15px;}
	nav ul li a {font-size:20px;}
	li{margin-left: 10px;padding-right: -10px;}
footer{width:97%;padding: 1.5%;margin-bottom: -5px;}
	h2, h3{font-size: 40px;letter-spacing: 0.5px;padding-bottom: 10px;}
	h2 > b, h3 > b{font-size: 10px;letter-spacing: 0.5px;}
	.tp_hdr{font-size: 60px;}
	.ts_hdr{font-size: 40px;}
	.lg_hdr{width:290px;}
	.tp_hdr, .ts_hdr{margin:5px;}
	.ct_hdr{max-width:1500px;}
	.gr_rpb{height:200px;}
	.cs_min{font-size: 70px;width:89%;padding:6%;}
	.cs_art{font-size: 25px;width:95%;padding:2.5%;}
	.tx_nrm{font-size: 20px;}
	.tx_pqo{font-size: 15px;}
	/*Imágenes*/
	.im_fet  h1{padding: 20px;font-size: 70px;line-height: 35px;letter-spacing: 1.5px;}
	.im_fet  h1 > b{font-size: 35px;letter-spacing: 1px;}
	.im_fet  h2 {font-size: 50px;letter-spacing: 1px;}
	.im_fet_fnd {margin:-1%;padding: 1%;}
	.im_fet{width:98%;height:400px;padding:1%;}
	/*Imágenes*/

	/*Tablas*/
	.tb_cla_2, .tb_cla_3, .tb_cla_4,.tb_cla_5, .tb_cla_6, .tb_cla_7{font-size: 25px;}
	.tb_cla_2{width: 45.5%;}
	.tb_cla_3{width: 33%;}
	.tb_cla_4{width: 24.5%;}
	.tb_cla_5{width: 19.5%;}
	.tb_cla_6{width: 16.5%;}
	.tb_cla_7{width: 14%;}
	/*Tablas*/
}
/* Tamaño de Pantalla Menor a 1500px*/
@media screen and (max-width: 1500px) { 
	nav{margin-right:15px;}
	nav ul li {font-size:21px;margin:0;padding-top: 10px;line-height: 15px;}
	nav ul li a {font-size:14px;}
	li{margin-left: 10px;padding-right: -10px;}
footer{width:97%;padding: 1.5%;margin-bottom: -5px;}
	h2, h3{font-size: 35px;letter-spacing: 0.5px;padding-bottom: 10px;}
	h2 > b, h3 > b{font-size: 10px;letter-spacing: 0.5px;}
	.tp_hdr{font-size: 40px;}
	.ts_hdr{font-size: 20px;}
	.tp_hdr, .ts_hdr{margin:2.5px;}
	.lg_hdr{width:150px;}
	.ct_hdr{max-width:1000px;}
	.gr_rpb{height:120px;}
	.cs_min{font-size: 50px;width:90%;padding:5%;}
	.cs_art{font-size: 17px;width:95%;padding:2.5%;}
	.tx_nrm{font-size:17px;}
	.tx_pqo{font-size: 13px;}

	/*Imágenes*/
	.im_fet  h1{padding: 20px;font-size: 50px;line-height: 30px;letter-spacing: 1px;}
	.im_fet  h1 > b{font-size: 25px;letter-spacing: 0.5px;}
	.im_fet  h2 {font-size: 50px;letter-spacing: 1px;}
	.im_fet_fnd {margin:-1%;padding: 1%;}
	.im_fet{width:98%;height:400px;padding:1%;}
	/*Imágenes*/

	/*Tablas*/
	.tb_cla_2, .tb_cla_3, .tb_cla_4,.tb_cla_5, .tb_cla_6, .tb_cla_7{font-size: 15px;}
	.tb_cla_2{width: 45.5%;}
	.tb_cla_3{width: 33%;}
	.tb_cla_4{width: 24.5%;}
	.tb_cla_5{width: 19.5%;}
	.tb_cla_6{width: 16.5%;}
	.tb_cla_7{width: 14%;}
	/*Tablas*/
}

/* Tamaño de Pantalla Menor a 1200px*/
@media screen and (max-width: 1200px) {
	h2, h3{font-size: 32px;letter-spacing: 0.5px;padding-bottom: 10px;}
	.tx_nrm{font-size:16px;}
	.tx_pqo{font-size: 13px;}
	/*Tablas*/
	.tb_cla_2, .tb_cla_3, .tb_cla_4,.tb_cla_5, .tb_cla_6, .tb_cla_7{font-size: 13px;}
	/*Tablas*/
}
/* Tamaño de Pantalla Menor a 1050px*/
@media screen and (max-width: 1050px) { 
	h2, h3{font-size: 25px;letter-spacing: 0.5px;padding-bottom: 10px;}
	h2 > b, h3 > b{font-size: 10px;letter-spacing: 0.5px;}
	.cs_min{font-size: 40px;width:90%;padding:5%;}
	.cs_art{font-size: 15px;width:95%;padding:2.5%;}
	.tx_nrm{font-size: 13px;}
	.tx_pqo{font-size: 10px;}
	/*Tablas*/
	.tb_cla_2, .tb_cla_3, .tb_cla_4,.tb_cla_5, .tb_cla_6, .tb_cla_7{font-size: 12px;}
	/*Tablas*/
}

/* Tamaño de Pantalla Menor a 950px*/
@media screen and (max-width: 950px) { 
	nav ul li {font-size:14px;margin:0;padding-top: 10px;line-height: 15px;}
	nav ul li a {font-size:12px;}
	h2, h3{font-size: 16px;letter-spacing: 0.5px;padding-bottom: 10px;}
	h2 > b, h3 > b{font-size: 10px;letter-spacing: 0.5px;}
	.cs_min{font-size: 30px;width:95%;padding:2.5%;}
	.cs_art{font-size: 12px;width:95%;padding:2.5%;}
	.tx_nrm{font-size: 12px;}
	.tx_pqo{font-size: 8px;}
	/*Imágenes*/
	.im_fet  h1{padding: 20px;font-size: 35px;line-height: 20px;letter-spacing: 1px;}
	.im_fet  h1 > b{font-size: 15px;letter-spacing: 0.5px;}
	.im_fet  h2 {font-size: 50px;letter-spacing: 1px;}
	.im_fet_fnd {margin:-1%;padding: 1%;}
	.im_fet{width:98%;height:400px;padding:1%;}
	/*Imágenes*/
}
@media screen and (min-width: 800px) {
	#mnGrl{display:block;}
	.el_tlf_s{display:none;}
	.el_tlf_n{display:block;}
	.el_mmo{display:none;}
	.el_moc{display:none;}
	input#mnMo:checked ~ nav#mnGrl {display:block;}
	input#mnMo:checked ~ label.el_mmo {display:none;}
	input#mnMo:checked ~ label.el_moc {display:none;}
	input#mnOc:checked ~ nav#mnGrl {display:block;}
	input#mnOc:checked ~ label.el_mmo {display:none;}
	input#mnOc:checked ~ label.el_moc {display:none;}

	/*Tablas*/
	.tb_fla{display: flex;}
	.tb_cla_2, .tb_cla_3, .tb_cla_4,.tb_cla_5, .tb_cla_6, .tb_cla_7{
		display: flex;
		padding: 0px;
	}
	.tb_cla_2{width: 45.5%;}
	.tb_cla_3{width: 33%;}
	.tb_cla_4{width: 24.5%;}
	.tb_cla_5{width: 19.5%;}
	.tb_cla_6{width: 16.5%;}
	.tb_cla_7{width: 14%;}
	/*Tablas*/
}
/* Tamaño de Pantalla Menor a 800px*/
@media screen and (max-width: 800px) { 
	nav{margin-right:10px;}
	nav ul li {font-size:15px;margin:0;padding-top: 10px;line-height: 15px;}
	nav ul li a {font-size:12px;}
	h2, h3{font-size: 25px;letter-spacing: 0.5px;padding-bottom: 10px;}
	h2 > b, h3 > b{font-size: 15px;letter-spacing: 0.5px;}
	.cs_min{font-size: 25px;width:95%;padding:2.5%;}
	.cs_art{font-size: 15px;width:95%;padding:2.5%;}
	.tx_nrm{font-size: 15px;}
	.tx_pqo{font-size: 12px;}
	/*Imágenes*/
	.im_fet  h1{padding: 20px;font-size: 25px;line-height: 20px;letter-spacing: 1px;}
	.im_fet  h1 > b{font-size: 15px;letter-spacing: 0.5px;}
	.im_fet  h2 {font-size: 30px;letter-spacing: 1px;}
	.im_fet_fnd {margin:-1%;padding: 1%;}
	.im_fet{width:98%;height:400px;padding:1%;}
	/*Imágenes*/
	/*Tablas*/
	.tb_fla{display: block;}
	.tb_cla_2, .tb_cla_3, .tb_cla_4,.tb_cla_5, .tb_cla_6, .tb_cla_7{
		display: block;
		font-size: 15px; 
		width: 100%;
		padding: 15px; 
	}
	/*Tablas*/
	/*Menú teléfonos*/
	#mnGrl{display:none;}
	.el_tlf_s{display:block;}
	.el_tlf_n{display:none;}
	.el_mmo{display:block;}
	.el_moc{display:none;}
	/*Menú teléfonos*/

}