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



body{background-color: white;
margin-left:7px;
overflow:hidden;
}


/*MENU*/

#header{
	margin-top:60px;
	margin-bottom:-80px;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;

}

#header ul{ 
	text-align:center;
}

.nav{ 
	text-align:center;
	margin-left:0px;
	padding-left:0;
}
	
	
.nav li {
    display: inline;
	
}

.nav li a{	
	font-family: 'Spartan', sans-serif;
	font-size:14px;
	font-weight:500;
	text-decoration:none;
	color:black;
	margin:0 14.5px;

}

.nav li a:hover{ 
	color: #CCC;
	
transition: all .0.1s;

}

/*ACABA MENU*/





#tabla { 
	width:100%;
	
	margin:auto;
	padding:0;
	 font-family: 'Space Mono', monospace; 

}

	
.verticalText {
	writing-mode: vertical-lr;
	transform: rotate(360deg);
	height:289px;

}

.margeText{
	margin-top:-4px;
	margin-left:15px;
	width:110%;
	height:306px;
		overflow:scroll;
		position:relative;


		}
		
.margeText h1{font-size:1.4rem; line-height:1.3rem;	}

.margeText p{ font-size:0.8em;
}
	
	
.margeText a{ text-decoration:none;
color:black;
	
	}
.cuadrat1{width:635px;
height:36px;
margin:0;
position:relative;
display: inline-block;
margin-top:-27px;
}

.titol{ width:230px;
height:30px;
position:relative;
font-size:1.5em;
font-weight:700;
top:1.5px;

	
	}
	
.titol a:hover{ color: rgb(113, 113, 113);}
	
.text{
	 width:470px;
height:30px;
margin:auto;
	position:relative;
	top:-34px;
	right:-130px;
	text-align:right;
	}

.cuadrat2{width:635px;
height:36px;
border:3px;
margin:0;
position:relative;
top:24px;
}

.cuadrat3{ 
	width:635px;
	height:36px;
	border:3px;
	margin:0;
	position:relative;
	top:34px;
}

.cuadrat4{ 
	width:635px;
	height:36px;
	border:3px;
	margin:0;
	position:relative;
	top:44px;
}

.cuadrat5{ 
	width:635px;
	height:36px;
	border:3px;
	margin:0;
	position:relative;
	top:54px;
}
.cuadrat6{ 
	width:635px;
	height:36px;
	border:3px;
	margin:0;
	position:relative;
	top:65px;
}


#shadowbox{ 	
/*	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.3);*/	
	margin:auto;
	width:923px;
}	

/*Footer*/

.redes{ margin-top:73px;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none;
}

.redes a{ 
	text-decoration:none;
}

.redes ul{
	margin-left:-38px;
}

.redesGrupo{ 
	text-align:center;
	padding-left:0;

}

.redesGrupo li {
    display: inline;
	padding:9.7px;
}
   
/*Text copyright-footer*/	 
.copy{ 
	height:30px;
	margin-left:1px;	
	margin-top:25px; 
	color:black; 
	font-size:70%; 
	text-align:center; 
	font-family:Verdana, Geneva, sans-serif;
}

/*MENU DESPLEGABLE*/

#menu ul li {
	width:230px;
}

#menu ul {
    list-style:none;
    margin:0;
    padding:0;
	width:50px;
	height:70px;
}

#menu ul a {
    display:block;
    text-decoration:none;
 color:rgb(3, 3, 3);    padding:15px;
	font-weight:700;
	font-family: 'Space Mono', monospace; 
  letter-spacing:1px;
}

#menu ul a:hover {
    
 color:rgb(81, 81, 81);    
 padding:15px;

}

#menu ul li {
    position:relative;
    float:left;
	left:100px;
	top:-37px;
	
}

#menu ul li ul li{
	width: 175px;
	height:70px;
	}
	
#menu ul li ul li a:hover{
		color:black;
}

#menu ul li:hover {
}

#menu ul ul {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    padding:0;
}

#menu ul ul li {
    float:none;
    width:400px
}

#menu ul ul a {
    line-height:120%;
    padding:10px 15px;
}

#menu ul li:hover > ul {
    display:block;
	height:60px;

}
@media (max-width: 555px) {

	


.body: :-webkit-scrollbar { display:none;
}


.nav{visibility:hidden;
}

#headerPhone{ visibility: visible; margin-top:10px; margin-left:10px;}


.slider{ width:100%;
height:100%;
background-color:#FBFBFB;
box-shadow:none;
margin-top:-30px;
}

#shadowbox{ display:none;}


.redesGrupo li{display:block; margin:auto; margin-bottom:10px; }

.spoty{ background-image: url(../img/iconRedesPhone/spotify.png); background-position:center; background-repeat:no-repeat; width:237px;
height:65px;}

.insta { background-image:url(../img/iconRedesPhone/insta.png); background-position:center; background-repeat:no-repeat; width:237px;
height:65px; margin-top:-10px;}

.youtube { background-image: url(../img/iconRedesPhone/youtube.png);background-position:center; background-repeat:no-repeat; width:237px;
height:65px;}

.facebook{ background-image:url(../img/iconRedesPhone/fcbk.png); background-position:center; background-repeat:no-repeat; width:237px;
height:65px; }

.apple{ background-image:url(../img/iconRedesPhone/Apple.png); background-position:center; background-repeat:no-repeat; width:237px;
height:65px;}
.sound{ background-image:url(../img/iconRedesPhone/souncloud.png); background-position:center; background-repeat:no-repeat; width:237px;
height:65px;}
.deezer{ background-image:url(../img/iconRedesPhone/deezer.png); background-position:center; background-repeat:no-repeat; width:237px;
height:65px;}
.tidal{ background-image:url(../img/iconRedesPhone/tidal.png); background-position:center; background-repeat:no-repeat; margin-left:55px; width:237px;
height:65px;}

.facebook img{ display:none;}
.insta img{ display:none;}
.deezer img{ display:none;}
.tidal img{ display:none;}
.sound img{ display:none;}
.youtube img{ display:none;}
.apple img{ display:none;}
.spoty img{ display:none;}