/*
	General styles
*/
body {
	background: #000;

}
body, html {
	height: 100%
}

h1, h2, h3, h4, h5, h6 { 
	padding: 0;
	margin: 0;

}
h1 {
	color: #9f6e1c;
	font-size: 3rem;
}
h2 {
	font-size: 2.5rem;
	color: #010000;
}

h3 {
	font-size: 8vh;
	color: #dab16d;
	font-weight: 100;
	line-height: 6vh;
}

h4 {
	font-size: 22px;
	color: #e8d9af;
}

h5 {
	font-size: 20px;
	color: #e8d9af;
	text-transform: uppercase;
	letter-spacing: 10px;
}

h6 {
	font-size: 18px;
	color: #e8d9af;
}

p {
	font-size: 16px;
	color: #e8d9af;
}
.example {
	-webkit-columns: 4 280px;
	-moz-columns: 4 280px;
	columns: 4 280px;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
}
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;
}
blockquote p {
  display: inline;
}
p.primer_parrafo::first-letter {
  font-size: 200%;
}

a, a:visited {
	text-decoration: none;
	color: #2e639e;
}
a:hover {
	text-decoration: underline;
}
.touchonly {
	display: none;
}
html.touch .touchonly {
	display: block;
}
.noselect * {
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}
.doselect * {
	user-select: auto;
	-webkit-user-select: auto;
	-khtml-user-select: auto;
	-moz-user-select: auto;
	-o-user-select: auto;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

section{
	font-family: 'Philosopher', sans-serif;
}

.centrado_vert {
	position: absolute;
	float: left;
	width: 34%;
	padding: 15% 33%;
	margin: 0 auto;
	z-index: 1;
}
.centrado_vert .logo{
	width: 50%;
	margin: 0 auto;
}
.centrado_vert .barra{
	width: 100%;
	margin: 20px auto 0 auto;
}
.centrado_vert .texto{
	font-style: italic;
	padding-top: 20px;
}

.boton{
	padding-top: 30px;
}
.boton a:link, .boton a:visited{
	padding: 10px;
	background: #211709;
	color: #dab16d;
	border: 1px solid #e3b872;
}
.boton a:hover, .boton a:focus{
	color: #fff;
	border: 1px solid #fff;
}

.middle{
	position: fixed;
	bottom: 0%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}
.mouse{
	width: 25px;
	height: 45px;
	border: 2px solid #e3b872;
	border-radius: 15px;
}
.mouse::before{
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 10px;
	background: #e3b872;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%;
	opacity: 1;
	animation: mouse 2s infinite;
}
@keyframes mouse {
	from{
		opacity: 1;
		top: 10px;
	}
	to{
		opacity: 0;
		top: 30px;
	}
}



#videoini #videosList {
	width: 100%;
	height: 100%;
	display: block;
	/*overflow: hidden;*/
}
#videolila #videosList2 {
	width: 100%;
	height: 100%;
	display: block;
	/*overflow: hidden;*/
}
#videoini .video {
	width: 100%;
	height: 100%;
	background-image: url("../../video/intro.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
}
#videolila .video2 {
	width: 100%;
	height: 100%;
	background-image: url("../../video/lila.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
}

/* Hide Play button + controls on iOS */
#videoini video::-webkit-media-controls, #videolila video::-webkit-media-controls {
	display:none !important;
}
#videoini .thevideo, #videolila .thevideo2 {
	height: 100%;
	width: 100%;
	display: block;
}

#videoini .play_flotante, #videolila .play_flotante{
	position: absolute;
	width: 300px;
	height: 120px;
	display: none;
	z-index: 2;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -60px;
	text-align: center;
	color: #dab16d;
}
#videoini .play_flotante a:link, #videolila .play_flotante a:link{
	display: block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
#videoini .play_flotante a:hover, #videolila .play_flotante a:hover{
	background: rgba(255,255,255,0.1);
	cursor: pointer;
}


#ediciones .col_izq{
	width: 26%;
	float: left;
	height: 100%;
	display: table;
}

ul.tabs {
	display: table-cell;
    vertical-align: middle;
}
ul.tabs li {
	/*background: #333;*/
	margin-bottom: 40px;
	padding: 5px 0;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 5.2em;
	outline: none;
}
ul.tabs li a:link, ul.tabs li a:visited {
	color: #fff;
}
ul.tabs li a:hover {
	/*background: #ccc;*/
	color: #dab16d;
}

html ul.tabs li.active, html ul.tabs li.active a:link  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	/*background-color: #180E01;*/
	color: #916C2D!important;
}
.tab_container {
	color: #fff;
	
}
.tab_content {
	
}


#ediciones .col_izq .menu__item{
	position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

}
.menu__item-number{
	font-size: 0.85rem;
	display: block;
	color: #fff;
}
.menu__item-textwrap{
	line-height: 6vh;
	text-decoration: none;
}
.menu__item-link{
	font-weight: bold;
    align-self: flex-end;
	font-size: 0.85rem;
	color: #fff;
}

a span.menu__item-textwrap:hover, a .menu__item span.menu__item-textwrap:focus{
	-webkit-text-stroke: 2px #fff;
	text-stroke: 2px #fff;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	color: transparent;
	display: inline-block;
	
}



#ediciones .col_der{
	width: 74%;
	float: right;
	height: 100%;
}
#ediciones .col_der #pages{
	height: 100%;
}
#ediciones col_der #ini{
	background-image: url("../../img/ini.jpg");
	background-size: contain;
	background-position: top right;
	background-repeat: no-repeat;
	height: 100%	
}

.doble .col_izq{
	width: 50%;
	float: left;
	height: 100%;
}
#video1 .col_izq, #video2 .col_der, #video3 .col_izq, #video4 .col_der, #video5 .col_izq{
	display: table;
}
.transtel .contenedor{
	display: table-cell;
    vertical-align: middle;
	padding: 0% 20%;
	text-align: left;
}
.transtel .contenedor p{
	color: #333;
}
.transtel .contenedor p.italic {
	font-style: italic;
	color: #888;
	border-left: 2px solid #ccc;
	padding-left: 15px;
}
.transtel .contenedor p.italic span {
	font-size: 150%;
}

.doble .col_der{
	width: 50%;
	float: right;
	height: 100%;
}
#video1 .col_der, #video2 .col_izq, #video3 .col_der, #video4 .col_izq, #video5 .col_der, #colombiamoda .col_izq, #colombiamoda .col_der{
	position: relative;
}
.transtel #videobg1, .transtel #videobg2, .transtel #videobg3, .transtel #videobg4, .transtel #videobg5, .transtel #videobg6, .transtel #videobg7, .transtel #videobg8, .transtel #videobg9, .transtel #videobg10, .transtel #videobgcol1, .transtel #videobgcol2{
	z-index: 1;	
}

.transtel .play_flotante{
	position: absolute;
	width: 130px;
	height: 100px;
	display: block;
	z-index: 2;
	left: 50%;
	top: 50%;
	margin-left: -65px;
	margin-top: -50px;
	text-align: center;
	color: #fff;
}
.transtel .play_flotante a:link{
	display: block;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.transtel .play_flotante a:hover{
	background: rgba(255,255,255,0.1);
	cursor: pointer;
}

.relativ{position: relative; height: 100%;}

#video3 .credit, #historiademoda .credit{
	position: absolute;
	bottom: 40px;
	right: 20px;
	z-index: 500;
	display: flex;
	

}

.tit{
	position: absolute;
	z-index: 500;
	left: 50%;
	top: 50%;
	width: 640px;
	margin-left: -320px;
	margin-top: -150px;
	text-align: center;
}
.titfull{
	position: absolute;
	z-index: 500;
	left: 50%;
	top: 25%;
	width: 100%;
	margin-left: -50%;
	text-align: center;
}



#video3 .credit small, #historiademoda .credit small{
	color: #fff;
	font-size: 9px;
}


.hide {
	display: none;
}
.slider2 h1{text-align: center; margin-top: 2em;}
.slider2 .logo{
	width: 15%;
	margin: 3em auto 0 auto;
}
.vcent{
	
    
}
.vcenter_slider{
	padding-top: 6rem;
}
.panel.videoini {
    height: 600px;
}
.panelx {
	position: relative;
}
.panelx.audio {
	height: 200px;
	padding: 50px 0;
}
.panelx.audio h4{
	text-align: center;
	color: #dab16d;
	padding-bottom: 10px;
	font-weight: 300;
}
.panelx.audio p{
	text-align: center;
}
.content_audio{
	width: 33%;
	margin: 0px auto;
	position: relative;
	display: block;
}

#info h5{
	color: #caa569;
	text-align: center;
}
#info h3{
	color: #fff;
	text-align: center;
	font-size: 6vh;
}
#info h4{
	color: #fff;
	text-align: center;
	font-size: 2vh;
}
#info p{
	text-align: center;
	font-size: 1.5vh;
}
#info p em{
	color: #a29264;
}
.info_centrado {
    padding: 1% 2% 1% 2%;
    margin: 0 auto;
    z-index: 1;
}
.panel.infografia {
	/*height: 150%;*/
	padding: 30px 0;
}
#info .col1{
	float: left;
	position: relative;
	width: 46%;
	padding: 0 2%;
	
}
#info .sep{
	position: relative;
	width: 100%;
	height: 85px;
	background: url("../../img/v_separator.png") repeat-y top center;
	background-attachment: fixed;
	margin-bottom: 10px;
}

#info .col2{
	float: left;
	position: relative;
	width: 45%;
	padding: 0 2%;
}
#info .grimod{
	padding: 0% 0% 0% 0%;
	display: inline-block;
}
#info .mod{
	float: left;
	position: relative;
	width: 12.6%;
	padding: 2% 2%;
}
#info .modc{
	float: left;
	position: relative;
	width: 16%;
	padding: 0% 2%;
}


.list_carousel {
	margin: 40px 0;
	width: 360px;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel li {
	text-align: center;
	width: 330px;
	height: 300px;
	padding: 0;
	margin: 25px;
	display: block;
	float: left;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.clearfix {
	float: none;
	clear: both;
}
a.next, a.prev{
	position: absolute;
	top: 50%;
	width: 52px;
	height: 47px;
	text-indent: -9999999px;
}
a.prev {
	float: left;
	left: 10px;
	background: url("../../img/prev.png") no-repeat 50% 50%;
}

a.next {
	float: right;
	right: 10px;
	background: url("../../img/next.png") no-repeat 50% 50%;
}

a.next:hover, a.prev:hover{
	background-color: rgba(255,255,255,0.5);
}

a.next:hover{
	background-image: url("../../img/nexth.png");
}
a.prev:hover{
	background-image: url("../../img/prevh.png");
}
.pager {
	float: left;
	width: 100%;
	text-align: center;
}
.pager a {
	margin: 0 5px;
	text-decoration: none;
}
.pager a.selected {
	text-decoration: underline;
}
.timer {
	background-color: #999;
	height: 6px;
	width: 0px;
}








a.cnext, a.cprev{
	position: absolute;
	top: 50%;
	width: 52px;
	height: 47px;
	text-indent: -9999999px;
	z-index: 500;
	margin-top: -24px;
}
a.cprev {
	float: left;
	left: 10px;
	background: url("../../img/prevh.png") no-repeat 50% 50%;
}

a.cnext {
	float: right;
	right: 10px;
	background: url("../../img/nexth.png") no-repeat 50% 50%;
}

a.cnext:hover, a.cprev:hover{
	background-color: rgba(255,255,255,0.5);
}

a.cnext:hover{
	background-image: url("../../img/nexth.png");
}
a.cprev:hover{
	background-image: url("../../img/prevh.png");
}


#art {
	height: 100%;
}

#art .col1{
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	
}
#art .col2{
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
}
#art .col2 .content{
	padding: 10%;
}
#art .col2 .sep{
	width: 100%;
	height: 85px;
	background: url("../../img/v_separator.png") repeat-y 50% 50%;
}
#art .col2 h2,#art .col2 p{
	font-family: 'Philosopher', sans-serif;
	text-align: center;
}
#art .col2 h2{
	color: #916C2D;
	font-size: 2rem;
	padding-bottom: 10px;
}

#colec {
	height: 100%;
}

#colec .col1{
	float: left;
	position: relative;
	width: 24%;
	height: 100%;
	background-color: #fff;
	
}
#colec .col2{
	float: left;
	position: relative;
	width: 24%;
	height: 100%;
	display: table;
}
#colec .col23{
	float: left;
	position: relative;
	width: 48%;
	height: 100%;
	display: table;
}
#colec .col3{
	float: left;
	position: relative;
	width: 24%;
	height: 100%;
}
#colec .col4{
	float: left;
	position: relative;
	width: 24%;
	height: 100%;
	display: table;
	background-color: #fff;
}
#colec .contencen{
	vertical-align: middle;
    display: table-cell;
}
#colec .content{
	padding: 10%;
}
#colec .contentit{
}


.name { 
	position:absolute;
	top:3px;
	right:28px;
	color:#fff;
	font-size: 14px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}	
	
.zoom {
	display:inline-block;
	position: relative;
}

/* magnifying glass icon */
.zoom:after {
	content:'';
	display:block; 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	right:0;
	background:url(../../img/icon.png);
}

.zoom img {
	display: block;
}

.zoom img::selection { background-color: transparent; }

.titflota{
	position: absolute;
	top:46%;
	z-index: 500;
}

#colec .sep{
	width: 100%;
	height: 85px;
	background: url("../../img/v_separator.png") repeat-y 0% 50%;
}
#colec h1{
	font-family: 'Philosopher', sans-serif;
	color: #916C2D;
	font-size: 1.4rem;
	line-height: 1rem;
	text-align: left;
}
#colec h2{
	font-family: 'Philosopher', sans-serif;
	color: #916C2D;
	font-size: 3vw;
	line-height: 2.5vw;
	padding-bottom: 10px;
	text-align: left;
}
#colec p{
	font-family: 'Philosopher', sans-serif;
	text-align: left;
	color: brown;
}
#colec small{
	font-family: 'Philosopher', sans-serif;
	font-size: 9px;
	line-height: 10px;
	text-align: left;
	color: brown;
	display: block;
	margin-bottom: 15px;
}
.content__item-header-meta {
    text-indent: 0.25rem;
    display: block;
}
.content__item-header-meta::before {
    /*content: '---------';*/
    margin: 0 0.5rem 0 0;
    letter-spacing: -0.15rem;
}




#bottom{
	display: block;
	position: relative;
	min-height: 120px;
	padding: 1% 0%;
	background: rgba(16,16,16,1);
	background: -moz-linear-gradient(top, rgba(16,16,16,1) 0%, rgba(60,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(16,16,16,1)), color-stop(100%, rgba(60,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(16,16,16,1) 0%, rgba(60,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(16,16,16,1) 0%, rgba(60,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(16,16,16,1) 0%, rgba(60,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(16,16,16,1) 0%, rgba(60,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#3c0000', GradientType=0 );
	color: #946214;
	z-index: 3;
}
#bottom .wrap{
	max-width: 1380px;
	margin: 0 auto;
}
.centrado {
	padding: 5% 30%;
	margin: 0 auto;
	z-index: 1;
}
.centrado .logo{
	width: 50%;
	margin: 0 auto;
}
.centrado .barra{
	width: 100%;
	margin: 40px auto 0 auto;
}

.hidden_links{display: none;}


@media all and (max-width: 1600px){
	.menu__item-link{
		margin-top: 12px;
	}
	.slider2 .logo{
		width: 20%;
		margin: 3em auto 0 auto;
	}
}
@media all and (max-width: 1428px){
	#bottom .wrap{
		padding: 0 2rem;
	}
	
}
@media all and (max-width: 1280px){
  .centrado_vert .logo{
		width: 70%;
		margin: 0 auto;
	}
	.content_audio{
		width: 80%;
	}
		.mcoh1 {
		padding: 1vh!important;
	}
	#ediciones .col_izq{
		background: none;
	}
	#info .modc{
		width: 29%;
		padding: 0% 2%;
	}
	#info h4{ display: none;}
	.slider2 .logo{
		width: 30%;
		margin: 3em auto 0 auto;
	}
}
@media all and (max-width: 920px){
	#bottom .float_left {
		width: 100%;
		float: none;
		position: relative;
		border-right: none;
		border-bottom: 1px solid #946214;
		padding-right: 0%;
		padding-bottom: 3%;
		margin-bottom: 3%;
	}
	#bottom .float_left img{
		width: 66%;
	}
	#bottom .float_right {
		width: 100%;
		float: none;
		position: relative;
		padding-left: 0%;
	}
	.centrado {
		padding: 5% 0%;
	}

	#info .modc{
		width: 46%;
		padding: 0% 2%;
	}
	#colec .col1{
		display: none;
		float: none;
		width: 100%;
		height:50%;
		background-color:transparent;
		background-image: none;

	}
	#colec .col2{
		float: none;
		position: relative;
		width: 100%;
		height:auto;
		display: table;
		background: #fff;
		padding-top: 20px;
	}
	#colec .col3{
		display: none;
	}
	#colec .col23{
		float: none;
		position: relative;
		width: 100%;
		height:auto;
		display: table;
		background: #fff;
	}
	#colec .col23 img{
		width: 100%;
		height:auto;
	}
	.titflota {
		position: absolute;
		top: 80%;
		z-index: 500;
		left: 10%;
		width: 80%;
	}
	#colec .col4{
		float: none;
		position: relative;
		width: 100%;
		height:auto;
		display: table;
		background-color: #fff;
	}
	#colec .contencen{
		vertical-align: top;
		display: table-cell;
	}
	#colec h2, .content__item-header-meta {
		text-align: center;
		color: white;
		font-size: 6vw;
	}
	#colec .content {
		padding: 1% 5%;
	}
	#colec p {
		text-align: center;
		font-size: 0.8rem;
	}
	a.cnext, a.cprev{
		top: 10%;
	}
	#colec small {
		text-align:center;
		
	}
	#colec .sep{
		background: url("../../img/v_separator.png") repeat-y 50% 50%;
	}
	
}
@media all and (max-width: 800px){
	section h1 {
		font-size: 1.5rem;
	}
	section h2 {
		font-size: 1.2rem;
		color: #010000;
	}
	section h3 {
		font-size: 4vh!important;
	}
	section h4 {
		font-size: 1.5vh!important;
	}
	section h5 {
		font-size: 1.7vh!important;
	}
	section p {
		font-size: 12px;
	}
	
	#ediciones .col_izq{
		width: 100%;
		float: none;
		height: 1rem;
		margin-top: 40px;
	}
	.doble .col_izq{
		width: 100%;
		float: none;
		height: 12rem;
	}
	ul.tabs {
		display: flex;
		vertical-align:top;
		margin: 15px 15px 0 15px ;
	}
	ul.tabs li a {
		font-size: 1.5em;
	}
	ul.tabs li {
		margin-bottom: 0px;
		padding: 0px 0;
	}
	.menu__item-number {
		display: inline-block;
	}
	#ediciones .col_izq .menu__item {
		display: inline-block;
		text-align: center;
		margin-right: 10px;
	}
	#ediciones .col_der{
		width: 100%;
		float:none;
		height: 1rem;
	}
	.doble .col_der{
		width: 100%;
		float:none;
		height: 12rem;
	}
	.transtel .contenedor{
		display: block;
		vertical-align: top;
		padding: 5% 5%;
		text-align: center;
	}
	.transtel .contenedor h1, .transtel .contenedor h2, .transtel .contenedor p, .transtel .contenedor a{
		text-align: center;
	}

	.gridwrap {
		padding: 0rem 0vw 0rem!important;
	}
	.menu__item-link{display: none;}
	.menu__item-number{display: none;}
	.intro p{margin: 0 5px 0 5px; font-size: 12px!important;}
	.vcenter_slider{
		padding-top: 1rem;
	}
	.slider2 .logo{
		width: 30%;
		margin: 3em auto 0 auto;
	}
	.centrado_vert {
		width: 80%;
		padding: 25% 10% 10% 10%;
	}
	.info_centrado{padding:10% 5% 1% 5%}
	
	.titfull {
		position: relative;
		top: initial;
		height: 100px;
		padding-top: 50px;
	}
	
	

}
@media all and (max-width: 560px){
	#videoini {
		background-image: url("../../img/intro1.jpg");
		background-position: 50% 50%;
		background-size: cover;
	}
	#videolila {
		background-image: url("../../img/intro2.jpg");
		background-position: 50% 50%;
		background-size: cover;
	}
	#videoini #videosList, #videolila #videosList2 {
		display: none;
	}
	#videoini .play_flotante a:hover, #videolila .play_flotante a:hover {
		background: rgba(255,255,255,0);
	}
	#videoini .play_flotante, #videolila .play_flotante {
		display: block;
		width: 260px;
		margin-left: -130px;
	}
	#colombiamoda .sep {
		background:none;
	}
	#colombiamoda .col_izq {
		float: none;
		width: 100%;
		margin-top: 30px;
		color: #fff;
	}
	#colombiamoda .col_der {
		float: none;
		width: 100%;
		margin-top: 30px;
		color: #fff;
	}

}

@media all and (max-width: 480px){
	#bottom {
		padding: 4% 0% 2% 0%;
	}
	
	#bottom .float_right {
		width: 66%;
		margin: 0 auto;
	}
	#bottom .float_right .col1 {
		width: 100%;
		float: none;
		position: relative;
		padding-right: 0%;
	}
	#bottom .float_right .col2 {
		width: 100%;
		float: none;
		position: relative;
		padding-right: 0%;
	}
	#bottom .float_right .col3 {
		width: 100%;
		float: none;
		position: relative;
	}
	#bottom .float_right .text {
		padding-top: 15px;
		padding-bottom: 0%;
	}
	.logo_fuc {
		margin-top: 5px;
	}
	.logo_club {
		margin-top: 5px;
	}
	#info .modc{
		width: 96%;
		padding: 0% 2%;
	}
	.slider2 .logo{
		width: 60%;
		margin: 3em auto 0 auto;
	}
	#historiademoda .credit {
		display: none;
	}
	
}