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

.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.padd-left-10{padding-left: 10px;}
.texto-azul{color: #4577A4 !important;}
.texto-azul a{color: #4577A4 !important;} 
.menu-fijo-tb{ width:100%; position: fixed; height:70px; background-color:rgba(255,255,255,.9); font-family: 'Roboto', sans-serif; font-weight:400; font-size:14pt; color:#0F0F0F; letter-spacing:1pt; z-index:900; top: 0;}
.menu-fijo-tb a{text-decoration:none; color:#0F0F0F;}
.menu-fijo-tb a:active{text-decoration:none; color:#0F0F0F;}
.menu-fijo-tb a:visited{text-decoration:none; color:#0F0F0F;}
.menu-fijo-tb a:hover{color:#4E4E4E; text-decoration:none;}
.contenidor-menu-tb{ width:100%; position: fixed; height:70px; font-family: 'Roboto', sans-serif; font-weight:400; font-size:12pt; color:#0F0F0F; letter-spacing:1pt; z-index:900; top: 0;}
.contenidor-menu-tb a{text-decoration:none; color:#0F0F0F;}
.contenidor-menu-tb a:active{text-decoration:none; color:#0F0F0F;}
.contenidor-menu-tb a:visited{text-decoration:none; color:#0F0F0F;}
.contenidor-menu-tb a:hover{color:#4E4E4E; text-decoration:none;}
.menu-fons-tb{ width:100%; height:70px; /*-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.50); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.50);*/}
.menu-tb{width:100%; margin:00 auto; height:70px; }
.element-logo-tb{display: inline-block; vertical-align: middle; padding: 15px 10px 10px 5px;}
.element-tb{display: inline-block; vertical-align: middle; padding: 00 8px 10px 8px;}
.element-tb a{text-decoration:none; color:#0F0F0F !important;;}
.element-tb a:active{text-decoration:none; color:#0F0F0F !important;;}
.element-tb a:visited{text-decoration:none; color:#0F0F0F !important;;}
.element-tb a:hover{color:#4E4E4E !important;; text-decoration:none;}
.sub-element-tb{display:block; text-align:left;  padding:10px; font-size: 14pt;}
.sub-element-tb-2{display:inline-block; text-align:left;  padding:10px; font-size: 14pt; line-height:22pt; vertical-align: top;}
.footer-logo-tb{width:210px; display:inline-block; padding:15px 00 00 00; vertical-align:top; text-align:left;}
.footer-tb{ display:block; width:100%; background-color:#222222 !important; color:#F7F7F7 !important; font-size:11pt;}
.footer-tb a, .footer a:active, .footer a:visited{ text-decoration:none; color:#F7F7F7 !important; padding:00 3px;}
.footer-tb a:hover{ text-decoration:none; color:#F7F7F7 !important; background-color:#444444 !important}
.footer-content-tb{max-width:960px; margin:00 auto; padding:30px 15px; text-align:center;}
.img-footer-tb a:hover{text-decoration:none; background-color:#222222 !important;}
.sub-menu-tb{width:100%; margin: 00 auto; background-color:rgba(255,255,255,.9); height:auto; text-align:left;  /*-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.50); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.50);*/  z-index:800; vertical-align:bottom;}
.sub-menu-tb img{ padding-bottom:8px}
.sub-menu-tb a{text-decoration:none; color:#0F0F0F;}
.sub-menu-tb a:active{text-decoration:none; color:#0F0F0F;}
.sub-menu-tb a:visited{text-decoration:none; color:#0F0F0F;}
.sub-menu-tb a:hover{color:#4E4E4E; text-decoration:none;}

#ContenedorFakeGods {
	width: 100%;
	height: 100vh;
	background-image: url("../img-tb/FONS-FAKE-GODS.jpg");
	background-size: cover;
	background-position: center; 
	margin: auto;
}
.centra-div-FakeGods {
    position: absolute;
	width: 40%;
	max-width: 43%;
	text-align: left;
	margin-left: 100px;
    left: 65%;
    top: 50%;
    padding: 30px;
    background-color: rgba(255,255,255,.9);
    transform: translate(-55%, -40%); /*(ancho, alto)*/
    -webkit-transform: translate(-55%, -40%);
}

#ContenedorFakeGods2 {
	width: 100%;
	height: 100vh;
	background-image: url("../img-tb/FONS-FAKE-GODS.jpg");
	background-size: cover;
	background-position: center; 
	margin: auto;
}

#ContenedorRacholas {
	width: 100%;
	height: 100vh;
	background-image: url("../img-tb/FONS-RACHOLA-ROTA.jpg");
	background-size: cover;
	background-position: left; 
	margin: auto;
}
.centra-div-Racholas {
    position: absolute;
	width: 40%;
	max-width: 43%;
	text-align: left;
	margin-left: 100px;
    left: 65%;
    top: 50%;
    padding: 30px;
    background-color: rgba(255,255,255,.9);
    transform: translate(-55%, -40%); /*(ancho, alto)*/
    -webkit-transform: translate(-55%, -40%);
}

#ContenedorPardoHats {
	width: 100%;
	height: 100vh;
	background-image: url("");
	background-size: cover;
	background-position: center; 
	margin: auto;
}
.centra-div-PardoHats {
    position: absolute;
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin-left: 0px;
    left: 50%;
    top: 45%;
    padding: 30px;
    background-color: rgba(255,255,255,.9);
    transform: translate(-50%, -50%); /*(ancho, alto)*/
    -webkit-transform: translate(-50%, -50%);
}
.centra-div-PardoHats-index {
    position: relative;
	width: 100%;
	max-width: 100%;
	text-align: center;
	margin-left: 0px;
    left: 50%;
    top: 45%;
    padding: 30px;
    background-color: rgba(255,255,255,.9);
    transform: translate(-50%, -50%); /*(ancho, alto)*/
    -webkit-transform: translate(-50%, -50%);
}


@media screen and (max-width: 1000px) {
.centra-div-FakeGods {margin-left: 00; left:55%;}
.centra-div-Racholas {margin-left: 00; left:55%; width: 80%; max-width: 80%; top: 50%;}
}


/* GALERIA GRID RESPONSIVE----------------*/

.gallery-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 150px;
	padding: 20px;
	grid-gap: 10px;
}
.gallery__item {
	position: relative;
}
.gallery__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*.gallery__title {
	position: absolute;
	bottom: 0;
	color: white;
	background: linear-gradient(rgba(255,255,255,0),rgba(0,0,0,1));
	width: 100%;
	margin: 0;
	padding: 10px;
}*/
.grid-2-casillas-v{grid-row-start: span 2;}
.grid-3-casillas-v{grid-row-start: span 3;}
.grid-2-casillas-h{grid-column-start: span 2;}
.grid-3-casillas-h{grid-column-start: span 3;}
.grid-4-casillas{grid-column-start: span 2;grid-row-start: span 2;}

/*.gallery__item:nth-child(4) {
	grid-column-start: span 2;
	
}
.gallery__item:nth-child(6) {
	grid-row-start: span 2;
	
}
.gallery__item:nth-child(9) {
	grid-column-start: span 2;
	
}*/

/*@media (min-width:768px) {
	.gallery-container {
		grid-template-columns: repeat(2, 1fr);
	}
}*/
	

@media (min-width:1024px) {
	.gallery-container {
		grid-auto-rows: 300px;
	}
}
@media (min-width:1024px) {
	.gallery-container {
		grid-auto-rows: 400px;
	}
}


@media (orientation: portrait) {
	.banner-fijo {
		margin-top: 50px;
	}
}