@charset "UTF-8";
/* CSS Document */
.plecaMont {
	background:#00c1b6;
	height:100%;
	width:100%;
	position:absolute;
	left:-100%;
	z-index: 11;
}
.plecaCurso {
	background:#00b1e1;
	height:100%;
	width:100%;
	position:absolute;
	left:-100%;
	z-index: 11;
}
.plecaAmi {
	background:#ff8f2f;
	height:100%;
	width:100%;
	position:absolute;
	left:-100%;
	z-index: 11;
}
.plecaQuien {
	background:#ff4457;
	height:100%;
	width:100%;
	position:absolute;
	left:-100%;
	z-index: 11;
}
.open {
	border: none;
}
.close {
	background-color: transparent;
	border:none;
	color: rgba(255,255,255,0.55);
	padding: 12px 8px;
}
.close:hover {
	color:#FFFFFF;
}
.fotoTab {
	padding: 10px;
}

/* Style the tabs */
.tab {
  overflow: hidden;
	
}
.tablinks {
	color: rgba(255,255,255,0.6);
	font-family: 'Roboto Condensed', sans-serif;
}


/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: rgba(255,255,255,0.6) thin solid;
 border-radius: 6px;
  outline: none;
  cursor: pointer;
  padding: 4px 6px;
 margin: 10px 5px 0 0;
  transition: 0.3s;
  font-size: 14px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: rgba(0,0,0,0.15)
}

/* Create an active/current tablink class */
.tab button.active {
	color: #FFFFFF;
	border: #FFFFFF thin solid;
	 border-radius: 6px;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
}
.active{
	display: block;
}

/* Mobile */
@media screen and (max-width: 480px) {
	.plecaCurso {
	height:160%;
}
	.tab button {
  		padding: 8px;
		text-align: left;
}
	.fotoTab {
	padding: 5px;
}
	.fotoG {
	display: none;
}
}