@font-face {
    font-family: "brandon-grot-w01-light";
    src: url("./brandongrotw01-light.eot");
    src: url("./brandongrotw01-light.eot?#iefix")format("embedded-opentype"),
		 url("./brandongrotw01-light.woff2")format("woff2"),
		 url("./brandongrotw01-light.woff")format("woff"),
		 url("./brandongrotw01-light.ttf")format("truetype"),
		 url("./brandongrotw01-light.svg#brandon-grot-w01-light")format("svg");
}

@font-face {
    font-family: "brandon-grot-w01-bold";
    src: url("./brandongrotw01-bold.eot");
    src: url("./brandongrotw01-bold.eot?#iefix")format("embedded-opentype"),
		 url("./brandongrotw01-bold.woff2")format("woff2"),
		 url("./brandongrotw01-bold.woff")format("woff"),
		 url("./brandongrotw01-bold.ttf")format("truetype"),
		 url("./brandongrotw01-bold.svg#brandon-grot-w01-bold")format("svg");
}

html, body {
    background-color: #fff;
    font-size: 18px;
    color: #000000;
    width: 100%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    font-family: 'brandon-grot-w01-light', sans-serif;
    font-weight: 300;
}

img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
	max-width: 100%;
}
a, a:hover, a:active, a:focus {
    text-decoration: none;
    outline: none;
}
a, button, a span {
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    direction: ltr;
}
p { margin: 0 0 15px; line-height: 1.375rem;  margin-bottom:30px; }
p:last-child { margin-bottom: 0px; }
.clear { clear: both; }
h1, h2, h3, h4, h5, h6 {  margin: 0;  color:#000000; font-family: 'brandon-grot-w01-light', sans-serif;}
h1 { font-size: 2.75rem; font-weight: 900; }
h2 { font-size:2rem; line-height: 2.1rem; font-weight: 700; }
h3 { font-size:1.875rem; line-height: 2rem; font-weight: 300; margin: 1rem 0;}
h4 { font-size:1.5rem; line-height: 1.2rem; font-weight: 600; margin: 1rem 0;}
h5 { font-size:1.125rem; line-height: 2rem; font-weight: 300; margin: 1rem 0; color:#223d61; }
h6 { font-size:1rem; margin-bottom: .9rem; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#000;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color:unset;}

.marginContent { }
@media (min-width:768px){ .marginContent { padding-left:20px; padding-right:20px;} }
@media (min-width:992px){ .marginContent { padding-left:50px; padding-right:50px;} }
@media(min-width:1200px){ .marginContent { padding-left:150px; padding-right:150px;} }

header { margin-top:15px; }
header .brand{ width:100%;}
header .brand h1 {color:#000; font-size:32px; font-stretch:100%; font-style: normal; font-weight:700; letter-spacing:3.2px;}
header .brand h1 a {color:#000;}
header .brand h1 a:hover {color:unset;}
header .brand .name{ text-align:left; width:100%;}
header .brand .lema{ text-align:left; }

header .navbar { width:100%; right: -18px; }
header .navbar .navbar-nav {
	justify-content:flex-end; 
	display:inline-flex; 
	min-width: 70%; 
	float: inline-end;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border-radius: .25rem;
	color: rgba(0, 0, 0, .5);
}
header .navbar .navbar-nav .nav-link {
	display:inline-block; color:#bbb; font-size:16px; font-weight:800; text-align: right;
    /*border: 1px solid rgba(0, 0, 0, .1);*/
    /*outline: 5px auto -webkit-focus-ring-color;*/
	padding: .25rem .75rem;
	margin-bottom:.25rem;	
}

header .navbar .navbar-nav .nav-link:hover {font-weight:900;}
header .navbar .navbar-nav .nav-link.active {font-weight:900;}

@media (min-width:992px){ 
	header .navbar { top: unset; right: unset; margin-top: 18px;}
	header .navbar .navbar-nav { /*border: unset;*/	/*outline: unset;*/	width:100%; }
	header .navbar .navbar-nav .nav-link{  border: unset; outline: unset; padding: .5rem .5rem;	}
}
header .navbar-light .navbar-toggler {	margin-top:20px; }
header .navbar-light .navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' %3F%3E%3Csvg viewBox='0 0 30 30' version='1.1' id='svg1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M 3.9960938,23.00542 15,7 26.012943,22.992483' style='fill:none' /%3E%3C/svg%3E%0A");
	transform: rotate(180deg);
	-webkit-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
header .navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	transform: rotate(0deg);
	-webkit-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
 


footer{	background-color: #000; z-index: 0; color: #eee; font-weight: 400; font-size: 16px;  -webkit-font-smoothing: antialiased; padding-top:20px; }
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {  color:#ffffff; }
footer p { color: #eee;}
footer a { color: #eee; }
footer a:hover { color: #fff; text-decoration: none; }
footer h4 { color: #777; text-transform: uppercase;	margin-bottom: 5px; font-size: 16px; position: relative; z-index: 2; }

footer .main{ margin-top:50px; margin-bottom:10px;}

footer .brand { margin-bottom:10px;}
footer .brand img.logo-footer { max-height:50px; margin-bottom: 20px;}

footer .contacto {}
footer .contacto span {	font-weight: 900; }
footer .contacto a { color: #fff; }
footer .contacto a:hover { color: #777;}

footer .links {margin-bottom:10px;}
footer .links a{ color: #fff; font-size: 16px; text-decoration: none; }
footer .links a:hover{ color: #777; }
footer .links ul { padding-left:0px; }
footer .links ul li { display: block; margin-right: 4px; margin-bottom: 4px; }
footer .links ul li a {    
    display: block;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}


footer .copyright {margin-bottom:10px;}
footer .copyright  { padding: 10px 0; font-size: 15px; border-top: 1px solid #777; }
footer .copyright  p { font-size: 15px; }




.home .mainsection {display:block; text-align:center; position:relative; margin-bottom:2em;}
.home .mainsection a { 
	position:absolute; top:0; left:0; margin: auto; 
	width:100%; height:100%; 
	text-align:center; display:block; line-height:200px; 
	color:#000; 
	font-family: "brandon-grot-w01-bold"; 
	font-weight:900;
	font-size:60px;
	text-shadow: #fff 1px 0 10px;
}
@media (min-width:1200px){ .home .mainsection a { line-height:200px; } }
@media (min-width:768px){ .home .mainsection a { line-height:120px !important; } }
@media (min-width:992px){ .home .mainsection a { line-height:200px !important; } }

.main_content h2 {border-bottom:#eee 1px solid; margin-bottom:10px; text-align: left; font-size:22px; }
.main_content .subtitulo {text-align:center; }
.main_content .body {text-align:center; margin-bottom:15px; text-align:justify; margin: 25px auto 15px auto;}
.main_content .nav {margin-bottom:4px;}
.main_content .nav .nav-link  { color:#666; font-size:20px; font-weight:700;}
.main_content .nav .nav-link:hover { color:#000; }




.seccion {margin-bottom:15px;}

.seccion .img-thumbnail {border:none;}

.grid {  max-width: 576px; margin: 0 auto;}
.grid:after { content: ''; display: block; clear: both;}


/*hack square responsive*/
.grid-item:after {  content: "";  display: block;  padding-bottom: 100%; position:absolute;}

.grid-sizer,
.grid-item { width: 33%; float: left; overflow:hidden; position:relative; display:block;}
.grid-item-big {   width: 66%; }
.grid-item-selected { width:100%;  border:#000000 1px solid;}


.grid-item .content { margin:0.25em; width: auto; height: auto; display:block; position:relative; }
.grid-item .content .pub-img img { display: block;  width: 100%; }
.grid-item .content .pub-data {display: none; }


.grid-item-selected .content { }
.grid-item-selected .content .pub-img { display: inline-block;}
.grid-item-selected .content .pub-img img {  display: block;  width: unset; max-width:100%}
.grid-item-selected .content .pub-data {display: inline-block; margin-left: 2em; vertical-align:top; }
@media (min-width:992px){
	.grid-item-selected .content .pub-img { width: 500px;}
	.grid-item-selected .content .pub-data {width: calc(100% - 610px); }
}

@media (min-width:768px){
	.grid { max-width:768px }
	.grid-sizer,
	.grid-item { width: 20%; }
	.grid-item-big { width: 60%; }
	.grid-item-selected { width:100%; }
}
@media (min-width:992px){
	.grid { max-width:992px}
	.grid-sizer,
	.grid-item { width: 20%; }
	.grid-item-big { width: 40%; }
	.grid-item-selected { width:100%;}
	.grid-item .content { margin:0.5em; }
}
@media(min-width:1200px){
	.grid { max-width:1200px}
	.grid-sizer,
	.grid-item { width: 20%; }
	.grid-item-big { width: 40%; }
	.grid-item-selected { width:100%;}
}

/*
sm-
md-
lg-
xl-
*/