/* inicio declaracion de fuentes */ 
@font-face {
font-family: 'Streetwear';
src: url(' ../font/Streetwear.otf') format('opentype'), 
url(' ../font/Streetwear.woff') format('woff'),
url(' ../font/Streetwear.ttf') format('truetype');
}  

@font-face {
font-family: 'Strattos';
src: url(' ../font/Strattos.otf') format('opentype'), 
url(' ../font/Strattos.woff') format('woff'),
url(' ../font/Strattos.ttf') format('truetype');
}  


/* fin declaracion de fuentes */
body {
	background-image: URL('../img/fondo.png');
}
.cabecera	{
  position: relative;
  width:100%;
  height: auto;
  padding: 0px;
  
  top:0px;
}
.fdoCab {
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    height: 679px;
    width: 920px;
    background-image: URL('../img/todos_pie.png');
    /*background-color: #999999;*/
    margin:0px auto;
    box-sizing: content-box;
}

.cabInt {
	margin-top: 0;
  background-repeat: no-repeat !important;
  background-position: top left !important;
  height: 117px;
  width: auto;
  background-image: URL('../img/logo_def.png');
  background-color: #999999;
  background-color: #131C1D;
}

#barMenu {
	position: relative;
	width: 920px;
	min-height: 35px;
	margin: 0px auto 5px;
	background-color: #131C1D;
	color: #E0AD64;
	text-align: center;
	line-height: 35px;
	
}

.aMenu {
	position: relative;
	color: #E0AD64;
	font-weight: bold;
	font-size: 14px;
	margin-right: 5px;
}

.aMenu:hover {
	color: #999999;
	text-decoration: none;
}

.fa-rojo {
	color: #FF0000;
}

.main, .main-inner, .container {
	position: relative;
}

.main {
	margin-bottom: 25px;
}

.row {
	background-color: #FFF;
	padding: 5px;
	opacity: 80%;
	border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -moz-border-radius: 6px, 0, 6px, 0;	/* top-left, top-right, bottom-right, bottom-left */
  -webkit-border-radius: 6px, 0, 6px, 0;
  
}

.pie {
	margin-top: 10px;
	position: fixed;
	width: 99%;
	left: 0%;
	bottom: 0;
	height: 30px;
	line-height: 30px;
	background-color: #999;
	color: #000;
	text-align: right;
	padding-right: 10px;
}

.pie.after {
	clear: both;
}

.pieCab {
	position: absolute;
	width: auto;
	left: 25%;
	bottom: 0px;
	height: 30px;
	line-height: 30px;
	/*background-color: #999;*/
	color: #000;
	text-align: left;
	padding-right: 10px;
}
.pieCab.after {
	clear: both;
}

._oculto {display: none; }
._visible {display: block; }


.activa {
	background-color: #00BA8B !important;
}


.activo {
  background-color: #DFF0D8 !important;
}


.div50 {
	position: relative;
	float: left;
	width: 48%;
	margin: 5px 5px 5px 0;		/* top right bottom left */
	
}

.estabiliza {
	height: 60px;
}

.pie50 {
	position: relative;
	float: left;
	width: 49%;
	min-height: 25px;
}

.div100 {
	position: relative;
	float: left;
	width: 100%;
	margin: 5px 5px 5px 0;		/* top right bottom left */
	
}

.titulo {
	font-family: Arial, verdana, Sans Serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}

.texto {
	font-family: Arial, verdana, Sans Serif;
	font-size: 15px;
	font-weight: normal;
	text-align: justify;
	color: #000000;
}

.fotoHistoria {
	/* wrap */
	float: right;
	margin: 10px;
}

.fotoHoriz {
	height: 90%; width: 90%;
}

.videos {
	text-align: center;
	position: relative;
	width: 99%;
	margin-left: 10%;
}

.video {
	position: relative;
	float: left;
	width: 290px;
	height: 290px;
	border: 1px solid #000;
	margin-left: 5px;
	margin-bottom: 5px;
	
}

.pieVideo {
	position: absolute;
	width: 100%;
	/*left: 0%;*/
	bottom: 0px;
	height: auto;
	line-height: 25px;
	background-color: #999;
	color: #000;
	font-weight: bold;
}

.foto {
	max-width: 98%;
	max-height: 98%;
	margin-left: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

/* galeria fotos */
#foto {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	max-height: 100%;
}
.divGaleria {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .8 ) ;
}

body.galeria {
    overflow: hidden;   
}

body.galeria .divGaleria {
    display: block;
}

.nav--prev{display:none}
.nav--prev{opacity:0;-webkit-transition:opacity .5s ease-out .3s;transition:opacity .5s ease-out .3s}
.nav--prev{opacity:1!important;-webkit-transition:opacity .15s ease-in 0s;transition:opacity .15s ease-in 0s}
.nav--prev,.nav--next{opacity:1!important}
.nav--next,.nav--prev{
  display:none;position:absolute;z-index:3;text-align:center;cursor:pointer;-webkit-user-select:none;
  -moz-user-select:none;-ms-user-select:none;user-select:none;top:50%;
  -webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;opacity:1
}

.cruzCierra {
	position:absolute;
	display: block;
	z-index: 999;
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	background-color: #FFF;
	height: 20px;
	width: 20px;
	right: 5px;
	top: 5px;
	text-align: center;
}
.cruzCierra:hover {
	color: #000000;
	text-decoration: none;
	opacity: 0.4;
	filter: alpha(opacity=40);
	cursor: pointer;
}

/* fin galeria */

.audio {
	position: relative;
	float: left;
}

.tituMusica {
	position: relative;
	float: left;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
}

@media (max-width: 360px) {
	body {
		padding: 0px !important;
	}
	.fdoCab {
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    height: 388px;
    width: 360px;
    background-image: URL('../img/todos_pie.png');
    margin: 0px 0px 0px 0px;
    box-sizing: content-box;
	}
	#barMenu {
		position: relative;
		width: 100%;
		min-height: 30px;
		margin: 0px 0px 0px 0px;
		background-color: #111;
		color: #FFF;
		text-align: center;
		line-height: 30px;
	}
	.fotoHistoria {
		width: 200px;
		height: 300px;
	}
}

@media (max-width: 375px) {
	body {
		padding: 0px !important;
	}
	.fdoCab {
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    height: 388px;
    width: 375px;
    background-image: URL('../img/todos_pie.png');
    margin: 0px 0px 0px 0px;
    box-sizing: content-box;
	}
	#barMenu {
		position: relative;
		width: 100%;
		min-height: 30px;
		margin: 0px 0px 0px 0px;
		background-color: #111;
		color: #FFF;
		text-align: center;
		line-height: 30px;
	}
	.fotoHistoria {
		width: 200px;
		height: 300px;
	}
}

@media (min-width: 376px) and (max-width: 414px) {
	body {
		padding: 0px !important;
	}
	.fdoCab {
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    height: 388px;
    width: 414px;
    background-image: URL('../img/todos_pie.png');
    margin: 0px 0px 0px 0px;
    box-sizing: content-box;
	}
	#barMenu {
		position: relative;
		width: 100%;
		min-height: 30px;
		margin: 0px 0px 0px 0px;
		background-color: #111;
		color: #FFF;
		text-align: center;
		line-height: 30px;
	}
	.fotoHistoria {
		width: 240px;
		height: 360px;
	}
}

@media (min-width: 415px) and (max-width: 731px) {
	body {
		padding: 0px !important;
	}
	.fdoCab {
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    height: 383px;
    width: 411px;
    background-image: URL('../img/todos_pie.png');
    margin: 0px 0px 0px 0px;
    box-sizing: content-box;
	}
	#barMenu {
		position: relative;
		width: 100%;
		min-height: 30px;
		margin: 0px 0px 0px 0px;
		background-color: #111;
		color: #FFF;
		text-align: center;
		line-height: 30px;
	}
	.fotoHistoria {
		width: 300px;
		height: 452px;
	}
}

@media (min-width: 732px) and (max-width: 768px) {
	body {
		padding: 0px !important;
	}
	.fdoCab {
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    height: 567px;
    width: 768px;
    background-image: URL('../img/todos_pie.png');
    margin: 0px 0px 0px 0px;
    box-sizing: content-box;
	}
	#barMenu {
		position: relative;
		width: 100%;
		min-height: 30px;
		margin: 0px 0px 0px 0px;
		background-color: #111;
		color: #FFF;
		text-align: center;
		line-height: 30px;
	}
	.fotoHistoria {
		width: 600px;
		height: 903px;
	}
}

@media (min-width: 769px) and (max-width: 1366px) {
	body {
		padding: 0px !important;
	}
	.fdoCab {
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    height: 808px;
    width: 100%;
    background-image: URL('../img/todos_pie.png');
    margin: 0px 0px 0px 0px;
    box-sizing: content-box;
	}
	#barMenu {
		position: relative;
		width: 100%;
		min-height: 30px;
		margin: 0px 0px 0px 0px;
		background-color: #111;
		color: #FFF;
		text-align: center;
		line-height: 30px;
	}
	.fotoHistoria {
		width: 600px;
		height: 903px;
	}
}

@media (width: 1080px) and (height: 2340px) {
	body {
		padding: 0px !important;
	}
	.fdoCab {
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    height: 808px;
    width: 100%;
    background-image: URL('../img/todos_pie.png');
    margin: 0px 0px 0px 0px;
    box-sizing: content-box;
	}
	#barMenu {
		position: relative;
		width: 100%;
		min-height: 30px;
		margin: 0px 0px 0px 0px;
		background-color: #111;
		color: #FFF;
		text-align: center;
		line-height: 30px;
	}
	.fotoHistoria {
		width: 600px;
		height: 903px;
	}
}

/* Poster, color de la fuente en razón del poster */
.f001 { color: #D3AC65; }
.f002 { color: #EED187; }
.f003 { color: #D67041; }
.f004 { color: #D3AC65; }
.f005 { color: #E6C892; }
.f006 { color: #DFD4B4; }
.f007 { color: #DBE3CE; }

.poster { height: 500px; width: 300px; margin: 50px auto ; display: block; }

.anticipadas { 
	position: absolute; height: 300px; width: 220px; margin: 50px auto ; display: block; bottom: 0; left: 25%; background-image: URL('../img/tabaco_entrada.png');
	border: 4px solid #FFF; cursor: pointer;
}

.nFecha, .lFecha, .pTit, .pTe, .teEsp { 
	position: relative; float: left; text-align: center; line-height: 25px;
	text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
	width: 300px;
	letter-spacing: 2px;
}


.nFecha { height: 25px;  margin-top: 50px; margin-bottom: 15px; font-family: "Strattos"; font-size: 35px; letter-spacing: 5px;}
.lFecha { height: 25px; margin-top: 80px; font-family: Arial; font-size: 18px; font-style: bold; }
.pTit { height: 25px; font-family: Verdana; font-size: 20px; font-style: bold; }
.pTe { height: 25px; font-family: Arial; font-size: 18px; font-style: bold; }
.teEsp { height: 25px; margin-top: 80px; font-size: 25px; font-style: bold; font-family: "Streetwear"; font-size: 28px;}