html,body {
    height:100%;
    padding:0;
    background-color:white;
	font-family: 'Open Sans';
}

h1 {
	font-family: Muli;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26px;
}

h2 {
	font-family: Muli;
	font-size: 19px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 20px;
}

h3 {
	font-family: Muli;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15px;
}

p {
	font-family: 'Open Sans';
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

#container{
    background-color:white;
    min-height:100%;
}

.slideshow-container {
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
}

.df_slideshow img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  width: 100%;
  height: 100%;
}

.object-fit_cover{object-fit:cover}
.object-fit_fill{object-fit:fill}

#controls{
	background-color:rgba(108,108,108,0.8);
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);
	clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%);
	height:127px;/*220px*/
	width:127px;
	position: fixed;
  	top: 50%;
  	left: 50%;
  	margin-top: -63.5px;
  	margin-left: -63.5px;
	z-index:50;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.home {
  	cursor: pointer;
  	position: absolute;
  	top: 0;
  	left: 50%;
	font-size:150%;
  	margin-left: -10px;
  	color:rgba(255,255,255,1);
}

.num {
  	cursor: pointer;
  	position: absolute;
  	bottom: 0;
	left:50%;
	font-size:150%;
  	margin-left: -10px;
	/* margin-bottom:2px; */
  	color:rgba(255,255,255,1);
}

.prev, .next {
  	cursor: pointer;
  	position: absolute;
  	top: 50%;
  	margin-top: -15px;
  	color:rgba(255,255,255,1);
	font-size:150%;
}

.prev {margin-left:5px}
.next {right:0;margin-right:5px}

.prev:hover, .next:hover, .home:hover, .num:hover {
  	color:rgba(204,152,0,1)
}

.ediciones {
  	cursor: pointer;
	height:55px;
	width:55px;
	position: absolute;
  	top: 50%;
  	left: 50%;
  	margin-top: -27.5px;
  	margin-left: -27.5px;
	z-index:50;
    background-image:url("logos/logoVIOLETA.svg");
    background-repeat:no-repeat;
	background-size:contain;
}

.ediciones i.fa.fa-th{
	font-size:150%;  	
	position: absolute;
  	top: 0%;
  	left: 0%;
	font-size:260%;
  	margin:8px 0 0 6px;
}

.ediciones:hover {
  	color:rgba(255,0,0,1);
}

/* violeta */
.violeta_cover_left1, .violeta_cover_left2, .violeta_cover_left3, .violeta_cover_left4, .violeta_cover_left5, .violeta_cover_left6, .violeta_cover_left7, .violeta_cover_left8, .violeta_cover_left9, .violeta_cover_left10, .violeta_cover_left11, .violeta_cover_left12, .violeta_cover_left13 {
	background-color:white;
	height:100%;
	width:50%;
	position:absolute;
	left:0;top:0;
	bottom:0;
	height:auto;
	display: block;
	z-index:10;
}

.violeta_cover_right1{
	margin-left:50%;
	background-color:none;
    background-image:url("../violeta/.jpg");
    background-repeat:no-repeat;
    background-size:cover;
	background-position: center center;
	height:100%;
	width:50%;
	position:absolute;
	right:0;top:0;
	bottom:0;
	height:auto;
	display: block;
	z-index:10;
}

.violeta_cover_right2{
	margin-left:50%;
	background-color:none;
    background-image:url("../violeta/your-weapons.jpg");
    background-repeat:no-repeat;
    background-size:cover;
	background-position: center center;
	height:100%;
	width:50%;
	position:absolute;
	right:0;top:0;
	bottom:0;
	height:auto;
	display: block;
	z-index:10;
} 

.violeta_cover_right3{
	margin-left:50%;
	background-color:none;
    background-image:url("../violeta/hoja-doblez-pared.jpg");
    background-repeat:no-repeat;
    background-size:cover;
	background-position: center center;
	height:100%;
	width:50%;
	position:absolute;
	right:0;top:0;
	bottom:0;
	height:auto;
	display: block;
	z-index:10;
}

.violeta_cover_right4{
	margin-left:50%;
	background-color:none;
    background-image:url("../violeta/sin-titulo1.jpg");
    background-repeat:no-repeat;
    background-size:cover;
	background-position: center center;
	height:100%;
	width:50%;
	position:absolute;
	right:0;top:0;
	bottom:0;
	height:auto;
	display: block;
	z-index:10;
}

.violeta_cover_right5{
	margin-left:50%;
	background-color:none;
    background-image:url("../violeta/.jpg");
    background-repeat:no-repeat;
    background-size:cover;
	background-position: center center;
	height:100%;
	width:50%;
	position:absolute;
	right:0;top:0;
	bottom:0;
	height:auto;
	display: block;
	z-index:10;
}

.violeta_cover_right6{
	margin-left:50%;
	background-color:none;
    background-image:url("../violeta/.jpg");
    background-repeat:no-repeat;
    background-size:cover;
	background-position: center center;
	height:100%;
	width:50%;
	position:absolute;
	right:0;top:0;
	bottom:0;
	height:auto;
	display: block;
	z-index:10;
}

.violeta_cover_right7{
	margin-left:50%;
	background-color:none;
    background-image:url("../violeta/amiga.jpg");
    background-repeat:no-repeat;
    background-size:cover;
	background-position: center center;
	height:100%;
	width:50%;
	position:absolute;
	right:0;top:0;
	bottom:0;
	height:auto;
	display: block;
	z-index:10;
}

.violeta_cover_right8{
	margin-left:50%;
	background-color:none;
    background-image:url("../violeta/sin-titulo2.jpg");
    background-repeat:no-repeat;
    background-size:cover;
	background-position: center center;
	height:100%;
	width:50%;
	position:absolute;
	right:0;top:0;
	bottom:0;
	height:auto;
	display: block;
	z-index:10;
}

.violeta_cover_right9{
	margin-left:50%;
	background-color:none;
    background-image:url("../violeta/sin-titulo3.jpg");
    background-repeat:no-repeat;
    background-size:cover;
	background-position: center center;
	height:100%;
	width:50%;
	position:absolute;
	right:0;top:0;
	bottom:0;
	height:auto;
	display: block;
	z-index:10;
}

.violeta_cover_right10{
	margin-left:50%;
	background-color:none;
    background-image:url("../violeta/altt.jpg");
    background-repeat:no-repeat;
    background-size:cover;
	background-position: center center;
	height:100%;
	width:50%;
	position:absolute;
	right:0;top:0;
	bottom:0;
	height:auto;
	display: block;
	z-index:10;
}

.violeta_cover_right11{
	margin-left:50%;
	background-color:none;
    background-image:url("../violeta/conectala.jpg");
    background-repeat:no-repeat;
    background-size:cover;
	background-position: center center;
	height:100%;
	width:50%;
	position:absolute;
	right:0;top:0;
	bottom:0;
	height:auto;
	display: block;
	z-index:10;
}

.violeta_cover_right12{
	margin-left:50%;
	background-color:none;
    background-image:url("../violeta/love-notes.jpg");
    background-repeat:no-repeat;
    background-size:cover;
	background-position: center center;
	height:100%;
	width:50%;
	position:absolute;
	right:0;top:0;
	bottom:0;
	height:auto;
	display: block;
	z-index:10;
}

.violeta_cover_right13{
	margin-left:50%;
	background-color:none;
    background-image:url("../violeta/.jpg");
    background-repeat:no-repeat;
    background-size:cover;
	background-position: center center;
	height:100%;
	width:50%;
	position:absolute;
	right:0;top:0;
	bottom:0;
	height:auto;
	display: block;
	z-index:10;
}

/* Caption text */
.violeta_cover_left1 .artist_text, .violeta_cover_left2 .artist_text, .violeta_cover_left3 .artist_text, .violeta_cover_left4 .artist_text, .violeta_cover_left5 .artist_text, .violeta_cover_left6 .artist_text, .violeta_cover_left7 .artist_text, .violeta_cover_left8 .artist_text, .violeta_cover_left9 .artist_text, .violeta_cover_left10 .artist_text, .violeta_cover_left11 .artist_text, .violeta_cover_left12 .artist_text, .violeta_cover_left13 .artist_text {
	background-color:rgba(108,108,108,0.8);
  	color:white;
  	font-size: 13px;
  	padding: 8px 12px;
  	position: absolute;
  	bottom: 0%;
  	width: 100%;
  	text-align: center;
	opacity:0;
	font-weight:400;
}

.violeta_cover_left1:hover .artist_text, .violeta_cover_left2:hover .artist_text, .violeta_cover_left3:hover .artist_text, .violeta_cover_left4:hover .artist_text, .violeta_cover_left5:hover .artist_text, .violeta_cover_left6:hover .artist_text, .violeta_cover_left7:hover .artist_text, .violeta_cover_left8:hover .artist_text, .violeta_cover_left9:hover .artist_text, .violeta_cover_left10:hover .artist_text, .violeta_cover_left11:hover .artist_text, .violeta_cover_left12:hover .artist_text, .violeta_cover_left13:hover .artist_text {opacity:1}

.violeta_cover_left1 #text_container, .violeta_cover_left2 #text_container, .violeta_cover_left3 #text_container, .violeta_cover_left4 #text_container, .violeta_cover_left5 #text_container, .violeta_cover_left6 #text_container, .violeta_cover_left7 #text_container, .violeta_cover_left8 #text_container, .violeta_cover_left9 #text_container, .violeta_cover_left10 #text_container, .violeta_cover_left11 #text_container, .violeta_cover_left12 #text_container, .violeta_cover_left13 #text_container {
	position:absolute;
  	top:50%;
  	left:50%;
  	margin-top:-50px;
  	margin-left:-50%;
	width:100%;
	height:100px;
	background-color:white;
	display: flex;
    align-items: center; 
}

.violeta_cover_left1 #text_container h3, .violeta_cover_left2 #text_container h3, .violeta_cover_left3 #text_container h3, .violeta_cover_left4 #text_container h3, .violeta_cover_left5 #text_container h3, .violeta_cover_left6 #text_container h3, .violeta_cover_left7 #text_container h3, .violeta_cover_left8 #text_container h3, .violeta_cover_left9 #text_container h3, .violeta_cover_left10 #text_container h3, .violeta_cover_left11 #text_container h3, .violeta_cover_left12 #text_container h3, .violeta_cover_left13 #text_container h3 {
    text-align: center !important;
	margin:0 auto;
}

/* Number text (1/3 etc) */
.numbertext {
  color:red;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .slprev, .slnext,.text {font-size: 11px}
}