/* CSS Document */


#datos1 a{
    color:black!important;
}





*{margin:0px; padding:0px;}

@font-face{
	font-family:"Gotham_Medium";
	src: url("typos/Gotham Pro/Gotham-Medium.otf");
	}
	
@font-face{
	font-family:"Gotham_Light";
	src: url("typos/Gotham Pro/Gotham-Light.otf");
	}

@font-face{
	font-family:"Gotham_Black";
	src: url("typos/Gotham Pro/Gotham-Black.otf");
	}
	



#aviso1{
	position: relative;
	float: left;
	margin-top: 15%!important;
	text-align: center;
	font-family: "Gotham_Medium";
	
}
	

	
.subrayado{
	text-decoration:underline !important;}
	
	
/*MOVIL y TABLET*/
@media screen and (min-width:0px) and (max-width:999px){
	
		#submenu1, #submenu2, #submenu3, #submenu4, #submenu5, #submenu6, #submenu7, #submenu8 {display: none!important;}
	
	html{
		font-size: 16px;
	}
	a{color:black!important;}



*{margin:0px; padding:0px;color:black!important}

	#logo{
		width: 100%;
		float: left;
		margin-top: 2%;
		margin-left: 0%;
	}
	
	#iconologo{
		width: 30%;
		margin-left: 35%;
	}
	
	#botones{
	width:100%;
	float: left;
	margin-top: 0%;
	}
	
	#menu{
		width: 99%;
		height: auto;
		float: left;
		position: relative;
		
	}
	
	#boton1, #boton2, #boton3, #boton4, #boton5, #boton7, #boton8{
		width: 100%;
		position: relative;
		float: left;
		height: auto;
		font-size: 5vw;
		
		text-align: center;
		font-family: "Gotham_Medium";
		cursor: pointer;
		/*border: solid red 1px;*/
		
	}
	
	#boton6{
		width: 100%;
		position: relative;
		float: left;
		height: auto;
		font-size: 5vw;
		
		text-align: center;
		font-family: "Gotham_Medium";
		cursor: pointer;
		/*border: solid red 1px;*/
		
	}
	
	
	/*PORTADA*/
	
		#titulo{
		font-family:"Gotham_Black";
		font-size: 5vw;
		font-weight: bold;
		margin-left: 2%;
		margin-top: 0%;
		margin-bottom: 0%;
		width: 98%;
	}
	
	
	#titulo2{
		
		font-family:"Gotham_Black";
		font-size: 5vw;
		font-weight: bold;
		margin-left: 2%;
		margin-top: 2%;
		margin-bottom: 0%;
		width: 98%;
	}
	
	#titulo3{
		
		font-family:"Gotham_Black";
		font-size:5vw;
		font-weight: bold;
		margin-left: 2%;
		margin-top: 0%;
		margin-bottom: 0%;
		width: 98%;
	}
	
	#titulo4{
		
		font-family:"Gotham_Black";
		font-size: 5vw;
		font-weight: bold;
		margin-left: 2%;
		margin-top: 0%;
		margin-bottom: 0%;
		width: 98%;
	}
	
	.publi{
		position: relative;
		float: left;
		width: 20%;
		
		background-color: red;
		border: solid white 1px;
		margin-right: 0.5%;
	}
	.tele{
		position: relative;
		float: left;
		width: 20%;
		
		background-color: green;
		border: solid white 1px;
		margin-right: 0.5%;
	}
	.radio{
		position: relative;
		float: left;
		width: 90%;
		
		background-color: blue;
		border: solid white 1px;
		margin-right: 0.5%;
	}
	
	.espacio{
		position: relative;
		float: left;
		width: 12%;
		height: 3vw;
		background-color: white;
		border: solid white 1px;
		margin-right: 0.5%;
	}
	
	#publiteleportada{
		position: relative;
		float: left;
		width: 100%;
		padding-top: 2%;
		padding-bottom: 2%;
		
		
	}
	
	#radioportada{
		position: relative;
		float: left;
		width: 100%;
		padding-top: 2%;
		padding-bottom: 2%;
		
		
	}
	
	#pelisportada{
		position: relative;
		float: left;
		background-color: black;
		width: 100%;
		padding-top: 2%;
		padding-bottom: 2%;
		
	}
	
	#titulo5{
		font-family:"Gotham_Black";
		font-size: 1.25rem;
		font-weight: bold;
		margin-left: 2%;
		margin-top: 0%;
		margin-bottom: 2%;
		color: white;
		width: 98%;
	}
	
	.peliportada{
		position: relative;
		float: left;
		margin-left: 2%;
		width: 30.66%;
		background-color: mediumblue;
		
	}
	
	#contienepelis{
		position: relative;
		float: left;
		width: 100%;
		margin-left: 0%;
	}
	
	.caratula{
		width: 100%;
		margin-bottom: -1%;
		
	}
	
	
	.caratula:hover{
		cursor: pointer;
		opacity: 0.5;
		
	}
	
		#titulo6, #titulo7{
		font-family:"Gotham_Black";
		font-size: 1.25rem;
		font-weight: bold;
		margin-left: 2%;
		margin-top: 2%;
		margin-bottom: 0%;
			width: 100%;
	}
	
		#bandportada{
		position: relative;
		float: left;
		margin-bottom: 2%;
			width: 100%;
	}
	
	
	#contactoportada{
		position: relative;
		float: left;
		margin-bottom: 3%;
		width: 100%;
	}
		#mapaportada{
		position: relative;
		float: right;
		width: 98%;
		margin-left: 1%;
	}
	
	#datosmapaportada{
		position: relative;
		float: right;
		width: 100%;
		margin-top: 17%;
		text-align: right;
	}
	
	#imgmapa{
		width: 98%;
	}
	
		#rrsscontactoportada{
		position: relative;
		float: right;
		width: 100%;
	}
	
	.fotoperfil{
		width: 98%;
		margin-left: 1%;
	}
	
	#perfil{
		width: 100%;
	}
	
	
	/* PIE */
	
	#pie{
		width: 100%;
		background-color: #FFFFFF;
		text-align: center;
		height: 150px;
		float: left;
		line-height: 150px;
		position: relative;
		margin-top: 10px;
	}
	
	#rrss{
		position: relative;
		float: left;
		width: 90%;
		margin-left: 10%;
	}
	
	#red1, #red2, #red3, #red4{
		position: relative;
		float: left;
		width: 10%;
		margin: 4%;
		padding: 0.5%;
		
	}
	
	#red1{
		margin-left: 10%!important;
	}
	
	#logored1, #logored2, #logored3, #logored4{
		position: relative;
		float: left;
		width: 100%;
		margin: 0%;
		cursor: pointer;
		padding: 0%;
		background-color: #000000;
	}
	
	
		#tituloperfil1{
		width: 96%;
		position: relative;
		float: left;
		margin-left: 2%;
		font-family: "Gotham_Medium";
		font-size: 1rem;
		/*color: #FFFFFF;*/
		margin-top: 3%;
		margin-bottom: 1%;
	}
	
	#textoperfil1{
		width: 96%;
		position: relative;
		float: left;
		margin-left: 2%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		color: black;
		margin-top: 1%;
		margin-bottom: 1%;
		margin-right: 5%;
		overflow: hidden;
		text-align: left;
	}
	
	
	#datosmapaportada, #datos1{
		position: relative;
		float: right;
		width: 100%;
		margin-top: 1%;
		text-align: center;
		color:black!important;
	}
	
		#datos1{
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		color:black!important;
	}
	
	.teleimg, .radioimg{
		width: 100%;
	}
	
	#radiobloque1, #bloque0, #bloque1, #bloque2{
		width: 96%;
		padding: 2%;
		text-align: left;
		font-family: "Gotham_Medium";
	}
	
		#botonleermas0, #botonleermas1, #botonleermas2{
		
		position: relative; 
		float: right; 
		cursor: pointer; 
		font-size: bold; 
		text-decoration: underline;
	}
	
	#botoncerrarleermas0, #botoncerrarleermas1, #botoncerrarleermas2{
		
		position: relative; 
		float: right; 
		cursor: pointer; 
		font-size: bold; 
		text-decoration: underline;
		
	}
	
	/*PELICULAS*/
	
	#maspelicula0, #maspelicula1, #maspelicula2{
		
		background-color: white; 
		opacity: 1; 
		border: solid 0.5px black; 
		border-radius: 5px; 
		margin-top: 65%; 
		width: 90%; 
		margin-left: 5%; 
		z-index: 1000; 
		position: relative; 
		padding: 1%; 
		padding-bottom: 5%;
		text-align: left; 
		font-size: 0.8em;
		font-family: "Gotham_Medium";
		display: none;
		box-shadow: 0px 5px 5px black;
		
	}
	
	
#bloque0{
		width: 95%;
		position: relative;
		float: left;
		background-color: #FFFFFF;
		overflow: hidden;
		z-index: 1;
	}
	
	
	
	#pelicula0{
		width: 100%;
		position: relative;
		float: left;
		margin-right: 0%;
		margin-top: 5%;
		margin-bottom: 5%;
		
		
	}
	
	#titulopelicula0{
		width: 95%;
		position: relative;
		float: left;
		margin-right: 0%;
		font-family: "Gotham_Medium";
		font-size: 1rem;
		color:#000000;
		margin-top: 0%;
		margin-bottom: 2%;
		padding-left: 5%;
		padding-right: 10%;
	}
	
	#sinopsispelicula0{
		width: 95%;
		position: relative;
		float: left;
		margin-right: 0%;
		margin-top: 0%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		color:#000000;
		overflow: hidden;
		padding-left: 5%;
		padding-right: 10%;
	}
	
	#botonleermas0{
		
		position: relative; 
		float: right; 
		cursor: pointer; 
		font-size: bold; 
		text-decoration: underline;
		margin-top: 10%;
		margin-right: 5%;
	}
	
	#botoncerrarleermas0{
		
		position: relative; 
		float: right; 
		cursor: pointer; 
		font-size: bold; 
		text-decoration: underline;
		
	}
	
	
	#bloque1{
		width: 95%;
		position: relative;
		float: left;
		background-color: #000000;
		overflow: hidden;
		color:white;
	}
	
	#pelicula1{
		width: 100%;
		position: relative;
		float: left;
		margin-left: 0%;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	
	#titulopelicula1{
		width: 95%;
		position: relative;
		float: left;
		margin-left: 0%;
		font-family: "Gotham_Medium";
		font-size: 1rem;
		color: #FFFFFF;
		margin-top: 5%;
		margin-bottom: 2%;
		padding-left: 5%;
		padding-right: 10%;
	}
	
	#sinopsispelicula1{
		width: 95%;
		position: relative;
		float: left;
		margin-left: 0%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		color: #FFFFFF;
		margin-top: 2%;
		margin-bottom: 5%;
		margin-right: 0%;
		overflow: hidden;
		padding-left: 5%;
		padding-right: 10%;
	}
	
	#botonleermas1{
		
		position: relative; 
		float: right; 
		cursor: pointer; 
		font-size: bold; 
		text-decoration: underline;
		margin-top: 10%;
		margin-right: 5%;
	}
	
	#botoncerrarleermas1{
		
		position: relative; 
		float: right; 
		cursor: pointer; 
		font-size: bold; 
		text-decoration: underline;
		
	}
	

	
	#bloque2{
		width: 95%;
		position: relative;
		float: left;
		background-color: #FFFFFF;
		overflow: hidden;
		z-index: 1;
	}
	
	
	
	#pelicula2{
		width: 100%;
		position: relative;
		float: left;
		margin-right: 0%;
		margin-top: 5%;
		margin-bottom: 5%;
		
		
	}
	
	#titulopelicula2{
		width: 95%;
		position: relative;
		float: left;
		margin-right: 0%;
		font-family: "Gotham_Medium";
		font-size: 1rem;
		color:#000000;
		margin-top: 0%;
		margin-bottom: 2%;
		padding-left: 5%;
		padding-right: 10%;
	}
	
	#sinopsispelicula2{
		width: 95%;
		position: relative;
		float: left;
		margin-right: 0%;
		margin-top: 0%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		color:#000000;
		overflow: hidden;
		padding-left: 5%;
		padding-right: 10%;
	}
	
	#botonleermas2{
		
		position: relative; 
		float: right; 
		cursor: pointer; 
		font-size: bold; 
		text-decoration: underline;
		margin-top: 10%;
		margin-right: 5%;
	}
	
	#botoncerrarleermas2{
		
		position: relative; 
		float: right; 
		cursor: pointer; 
		font-size: bold; 
		text-decoration: underline;
		
	}
	

	
		/*PUBLICIDAD*/
	
	#publicidad1{
		margin-top: 5%!important;
	}
	
		#publicidad1, #publicidad2, #publicidad3, #publicidad4,#publicidad5{
		width: 90%;
		position: relative;
		float: left;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 0%;
		margin-bottom: 5%;
		font-size: 2.5vw;
		font-family: "Gotham_Medium";
		
		
	}
	
	.decorado1{
		text-decoration: underline!important;
	}
	
	.decorado1:hover{
		color: crimson;
	}
	
    
    /*EQUIPO*/
	
	.fotoperfil{
		width: 100%;
	}
	
	
	#equipobloque1{
		width: 100%;
		position: relative;
		float: left;
		/*background-color: #FFFFFF;*/
		overflow: hidden;
		
	}
	
	#perfil0{
		width: 100%;
		position: relative;
		float: left;
		margin-left: 0%;
		margin-right: 0%;
		margin-top: 0%;
		margin-bottom: 0%;
		
		
	}
	
	#tituloperfil0{
		width: 80%;
		position: relative;
		float: right;
		margin-left: 10%;
		margin-right: 10%;
		font-family: "Gotham_Medium";
		font-size: 1rem;
		/*color:#000000;*/
		margin-top: 0%;
		margin-bottom: 2%;
	}
	
	#textoperfil0{
		width: 80%;
		position: relative;
		float: right;
		margin-right: 10%;
		margin-left: 10%;
		margin-top: 0%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		/*color:#000000;*/
		overflow: hidden;
	}
	
	#equipobloque2{
		width: 100%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
	}
	
	#equipobloque2mas{
		width: 100%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
		display: none;
	}
	
	#perfil1{
		width: 90%;
		position: relative;
		float: left;
		margin-left: 5%;
		margin-top: 3%;
		margin-bottom: 0%;
	}
	
	#tituloperfil1{
		width: 80%;
		position: relative;
		float: left;
		margin-left: 10%;
		font-family: "Gotham_Medium";
		font-size: 1rem;
		/*color: #FFFFFF;*/
		margin-top: 3%;
		margin-bottom: 1%;
	}
	
	#textoperfil1{
		width: 80%;
		position: relative;
		float: left;
		margin-left: 10%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		color: black;
		margin-top: 1%;
		margin-bottom: 1%;
		margin-right: 10%;
		overflow: hidden;
		text-align: left;
	}
	
	#textoperfil1mas{
		width: 80%;
		position: relative;
		float: left;
		margin-left: 10%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		color: black;
		margin-top: 1%;
		margin-bottom: 1%;
		margin-right: 0%;
		overflow: hidden;
		text-align: left;
	}
	
	#mas1{
		cursor: pointer;
		display: block;
		text-align: right;
		margin-top: 5%;
	}
	
	#equipobloque3a{
		width: 90%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 1%;
	}
    
    #equipobloque3a2, #equipobloque3a3{
		width: 90%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 1%;
	}
	
	
	#equipobloque3b{
		width: 90%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: -2%;
	}
    
    #equipobloque3b2, #equipobloque3b3{
		width: 90%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: -2%;
	}
	
		#equipobloque3c{
		width: 90%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 1%;
	}
	
	#perfil2, #perfil3, #perfil4, #perfil5, #perfil2b, #perfil3b, #perfil4b, #perfil5b,#perfil6b,#perfil7b, #perfil2c, #perfil3c, #perfil4c{
		width: 50%;
		position: relative;
		float: left;
		margin-left: 0%;
		margin-top: 0%;
		margin-bottom: 0%;
		max-height: auto;
		opacity: 1;
	}
	
	
	
		#tituloperfil2, #tituloperfil3, #tituloperfil4, #tituloperfil5{
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: -10%;
		position: relative;
		float: left;
		font-family: "Gotham_Medium";
		font-size: 2.5vw;
		background-color: hsla(99,99%,99%,0.70);
		/*border-bottom-right-radius: 100%;
		border-top-left-radius: 100%;*/
		color:hsla(0,0%,0%,0.90);
		text-align: center;
		
		
	}
    
	#tituloperfil2b, #tituloperfil3b, #tituloperfil4b, #tituloperfil5b,#tituloperfil6b,#tituloperfil7b, #tituloperfil2c, #tituloperfil3c, #tituloperfil4c{
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: -10%;
		position: relative;
		float: left;
		font-family: "Gotham_Medium";
		font-size: 2.5vw;
		background-color: hsla(99,99%,99%,0.70);
		/*border-bottom-right-radius: 100%;
		border-top-left-radius: 100%;*/
		color:hsla(0,0%,0%,0.90);
		text-align: center;
		
		
	}
	
	#textoperfil2, #textoperfil3, #textoperfil4, #textoperfil5, #textoperfil6, #textoperfil7, #textoperfil8, #textoperfil9, #textoperfil10, #textoperfil11, #textoperfil12{
		width: 90%;
		position: relative;
		float: left;
		margin-left: 5%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		/*color: #FFFFFF;*/
		margin-top: 2%;
		margin-bottom: 5%;
		margin-right: 5%;
		overflow: hidden;
		display: none;
		text-align: left;
	}
	
	/* SWEET HOME */
	
	#sweetbloque1{
		width: 100%;
		position: relative;
		float: left;
		/*background-color: #FFFFFF;*/
		overflow: hidden;
		margin: 0%;
		
		
	}

	#sweet0{
		width: 100%;
		position: relative;
		float: right;
		margin-right: 0%;
		margin-top: 0%;
		margin-bottom: 2%;
		
		
	}
	
	.cabecerasweet{
		width: 100%;
		margin-right: 0%;
		margin-left: 0%;
	}
	
	
	#textosweet0{
		padding-top: 13%;
		margin-right:10%;
		margin-left: 10%;
		margin-bottom: 3%;
		text-align: justify;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		
		
	}
	
	.italica{
		font-style: italic;
		font-size: 0.9rem;
	}
	


	#textosweet1{
		margin-right:10%;
		margin-left: 10%;
		padding-top: 1%;
		padding-right:0%;
		padding-left: 0%;
		margin-bottom: 3%;
		text-align: center;
		font-family: "Gotham_Medium";
		font-size: 1.5rem;
		font-style: italic;
		
		
		
	}
	
	#textosweet2{
		margin-right:10%;
		margin-left: 10%;
		padding-right: 0%;
		padding-left: 0%;
		text-align: center;
		font-family: "Gotham_Medium";
		font-size: 0.6rem;
		margin-top: 0%; /*con imagenes ocultas*/
		/*margin-top: 0%; con una imagen visible*/
		
		
	}
	
	.resaltado{
		font-size:0.7rem;
		
	}
	
	#imagenessweet0{
		width: 100;
		margin-right:10%;
		margin-left: 10%;
		margin-bottom: 3%;
		
	}
	

	
	#imagensweet1g{
		width: 100%;
		display: block;
		opacity: 1;
		box-shadow: 2px 5px hsla(0, 0%, 53%, 0.3);
	}

	

	#imagensweet2g{
		width: 100%;
		display: block;
		opacity: 1;
		box-shadow: 2px 5px hsla(0, 0%, 53%, 0.3);
	}
	
	
	#imagensweet3g{
		width: 100%;
		display: block;
		opacity: 1;
		box-shadow: 2px 5px hsla(0, 0%, 53%, 0.3);
	}
	

	
	#imagensweet4g{
		width: 100%;
		display: block;
		opacity: 1;
		box-shadow: 2px 5px hsla(0, 0%, 53%, 0.3);
	}
	
	#columna1{
		
		display: none;
	}
	
	#columna2{
		
		display: none;
	}
	
	#imagensweetpantalla{
		width: 100%;
		margin-right: 0%;
		margin-left: 0%;
		margin-top: 0%;
	}
	
	
	/* radio */
	
	.radioimg{
		width: 100%;
	}

	#radiofila1, #radiofila2, #radiofila3{
		position: relative;
		float: left;
		width: 100%;
		font-family: "Gotham_Medium";
	}
	
	#radiofila3{
		margin-bottom: 5%;
	}
	
	#radiobloque1, #radiobloque4, #radiobloque5{
		position:relative;
		width: 100%;
		float: left;
		background-color: white;
		color: black;
		
	}
	
	
	#radiobloque2, #radiobloque3, #radiobloque6{
		position:relative;
		width: 100%;
		float: left;
		background-color: black;
		color: white;
		
	}
	
	#radiobloque3{
		padding-bottom: 10%;
	}
	
	#radiotitulo1, #radiotitulo2, #radiotitulo3, #radiotitulo4, #radiotitulo5, #radiotitulo6{
		font-size: 1rem;
		margin-top: 5%;
		margin-left: 5%;
		width: 90%;
		text-align: left;
	}
	
	#radiosub1, #radiosub2, #radiosub3, #radiosub4, #radiosub5, #radiosub6{
		font-size: 0.6rem;
		margin-left: 5%;
	}
	
	#radiocontenido1, #radiocontenido2, #radiocontenido3, #radiocontenido4, #radiocontenido5, #radiocontenido6{
		margin:5%;
		text-align: left;
		font-size: 0.8rem;
		width: 90%;
	}
	
	#titulolocutores{
		width: 90%;
		margin-left: 10%;
		margin-top: 3%;
		margin-bottom: 3%;
	}
	
	#fotoslocutores{
		width: 80%;
		margin-left: 10%;
		padding-bottom: 10%;
	}
	
		#perfil2radio, #perfil3radio, #perfil4radio{
		width: 33%;
		position: relative;
		float: left;
		margin-left: 0%;
		margin-top: 0%;
		margin-bottom: 0%;
		max-height: 300px;
		opacity: 1;
	}
	
	
	#tituloperfil2radio, #tituloperfil3radio, #tituloperfil4radio{
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: -10%;
		position: relative;
		float: left;
		font-family: "Gotham_Medium";
		font-size: 1.8vw;
		background-color: hsla(99,99%,99%,0.70);
		/*border-bottom-right-radius: 100%;
		border-top-left-radius: 100%;*/
		color:hsla(0,0%,0%,0.90);
		text-align: center;
		
		
	}
	
	
	#textoperfil2radio, #textoperfil3radio, #textoperfil4radio{
		width: 90%;
		position: relative;
		float: left;
		margin-left: 5%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		/*color: #FFFFFF;*/
		margin-top: 2%;
		margin-bottom: 5%;
		margin-right: 5%;
		overflow: hidden;
		display: none;
		text-align: left;
	}
	
/* TELEVISION */
	
	.teleimg{
		width: 100%;
	}

	#telefila1, #telefila2, #telefila3{
		position: relative;
		float: left;
		width: 100%;
		font-family: "Gotham_Medium";
	}
	
	#telefila3{
		padding-bottom: 5%;
	}
	
	
	#telebloque1, #telebloque4, #telebloque5{
		width: 96%;
		padding: 2%;
		text-align: left;
		font-family: "Gotham_Medium";
		background-color: white;
		position:relative;
		float: left;
		color: black;
	}
	
	
	#telebloque2, #telebloque3, #telebloque6{
		width: 96%;
		padding: 2%;
		text-align: left;
		font-family: "Gotham_Medium";
		position:relative;
		float: left;
		background-color: black;
		color: white;
		
	}
	
	#teletitulo1, #teletitulo2, #teletitulo3, #teletitulo4, #teletitulo5, #teletitulo6{
		font-size: 1rem;
		margin-top: 5%;
		margin-left: 5%;
	}
	
	#telesub1, #telesub2, #telesub3, #telesub4, #telesub5, #telesub6{
		font-size: 0.6rem;
		margin-left: 5%;
	}
	
	#telecontenido1, #telecontenido2, #telecontenido3, #telecontenido4, #telecontenido5, #telecontenido6{
		margin:5%;
		text-align: left;
		font-size: 0.8rem;
	}
	
}

/*ORDENADOR*/
@media only screen and (min-width:1000px) and (max-width:5000px){
   

	


/*underline menu effect*/
a.middle
{
    position: relative!important;
    text-decoration: none!important;
    color:black!important}
    

a.middle:before {
  content: "";
  position: absolute!important;
  width: 100%!important;
  height: 2px!important;
  bottom: 0!important;
  left: 0!important;
  background-color: black!important;
  visibility: hidden!important;
  transform: scaleX(0)!important;
  -webkit-transform:scaleX(0);
   -moz-transform:scaleX(0);
   -o-transform:scaleX(0);
  transition: all 0.3s ease-in-out!important;
  color:black;
}
a.middle:hover:before {
    visibility: visible!important;
    transform: scaleX(1)!important;
    -webkit-transform:scaleX(1);
   -moz-transform:scaleX(1);
   -o-transform:scaleX(1);
   color:black;
  }

	
#contenedora{
	width:100%;
	overflow:hidden;
}
	
	#logo{
		width: 15%;
		float: left;
		margin-top: 2%;
		margin-left: 4%;
	}
	
	#iconologo{
		width: 50%;
	}
	

#botones{
	width:80%;
	float: left;
	margin-top: 5%;
	}
	
	#menu{
		width: 99%;
		height: auto;
		float: left;
		position: relative;
		
	}
	
	#boton1, #boton2, #boton3, #boton4, #boton5, #boton7, #boton8{
		width: 9.75%;
		position: relative;
		float: left;
		height: auto;
		font-size: 12px;
		
		text-align: center;
		font-family: "Gotham_Medium";
		cursor: pointer;
		/*border: solid red 1px;*/
		
	}
	
	#boton6{
		width: 15.75%;
		position: relative;
		float: left;
		height: auto;
		font-size: 12px;
		
		text-align: center;
		font-family: "Gotham_Medium";
		cursor: pointer;
		/*border: solid red 1px;*/
		
	}
	
	.pulsar{
		display: inline;
		padding-right: 1%;
		padding-left: 1%;
		
		/*border: solid green 1px;*/
		
	}

	#seccion1a, #seccion1b, #seccion1c, #seccion2a, #seccion2b, #seccion2c, #seccion3a, #seccion3b, #seccion3c, #seccion4a, #seccion4b, #seccion4c, #seccion5a, #seccion5b, #seccion5c, #seccion6a, #seccion6b, #seccion6c, #seccion7a, #seccion7b, #seccion7c, #seccion8a, #seccion8b, #seccion8c{
		margin-top: 1%;
	}
	
	#contenido{
		height: 600px;
	}
	
	#titulo{
		font-family:"Gotham_Black";
		font-size: 2.5rem;
		font-weight: bold;
		margin-left: 4%;
		margin-top: 13%;
		margin-bottom: 2%;
	}
	
	
	/*PORTADA*/
	
		#titulo1{
		font-family:"Gotham_Black";
		font-size: 2.50rem;
		font-weight: bold;
		margin-left: 4%;
		margin-top: 0%;
		margin-bottom: 0%;
	}
	
	
	#titulo2{
		
		font-family:"Gotham_Black";
		font-size: 1.25rem;
		font-weight: bold;
		margin-left: 2%;
		margin-top: 2%;
		margin-bottom: 0%;
	}
	
	#titulo3{
		
		font-family:"Gotham_Black";
		font-size: 1.25rem;
		font-weight: bold;
		margin-left: 76%;
		margin-top: 0%;
		margin-bottom: 2%;
	}
	
	#titulo4{
		
		font-family:"Gotham_Black";
		font-size: 1.25rem;
		font-weight: bold;
		margin-left: 2%;
		margin-top: 2%;
		margin-bottom: 0%;
	}
	
	.publi{
		position: relative;
		float: left;
		width: 20%;
		
		background-color: red;
		border: solid white 1px;
		margin-right: 0.5%;
	}
	.tele{
		position: relative;
		float: left;
		width: 20%;
		
		background-color: green;
		border: solid white 1px;
		margin-right: 0.5%;
	}
	.radio{
		position: relative;
		float: left;
		width: 90%;
		
		background-color: blue;
		border: solid white 1px;
		margin-right: 0.5%;
	}
	
	.espacio{
		position: relative;
		float: left;
		width: 12%;
		height: 3vw;
		background-color: white;
		border: solid white 1px;
		margin-right: 0.5%;
	}
	
	#publiteleportada{
		position: relative;
		float: left;
		width: 80%;
		margin-left: 1%;
		
	}
	
	#radioportada{
		position: relative;
		float: left;
		width: 19%;
		margin-top: 2%;
		
	}
	
	#pelisportada{
		position: relative;
		float: left;
		background-color: black;
		width: 100%;
		padding-top: 2%;
		padding-bottom: 2%;
		
	}
	
	#titulo5{
		font-family:"Gotham_Black";
		font-size: 1.25rem;
		font-weight: bold;
		margin-left: 4%;
		margin-top: 0%;
		margin-bottom: 2%;
		color: white;
	}
	
	.peliportada{
		position: relative;
		float: left;
		margin-left: 2%;
		width: 30.66%;
		background-color: mediumblue;
		
	}
	
	#contienepelis{
		position: relative;
		float: left;
		width: 90%;
		margin-left: 5%;
	}
	
	.caratula{
		width: 100%;
		margin-bottom: -1%;
		
	}
	
	
	.caratula:hover{
		cursor: pointer;
		opacity: 0.5;
		
	}
	
		#titulo6, #titulo7{
		font-family:"Gotham_Black";
		font-size: 1.25rem;
		font-weight: bold;
		margin-left: 4%;
		margin-top: 2%;
		margin-bottom: 0%;
	}
	
		#bandportada{
		position: relative;
		float: left;
		margin-bottom: 2%;
	}
	
	
	#contactoportada{
		position: relative;
		float: left;
		margin-bottom: 3%;
	}
		#mapaportada{
		position: relative;
		float: right;
		width: 50%;
		margin-left: 4%;
	}
	
	#datosmapaportada{
		position: relative;
		float: right;
		width: 45%;
		margin-top: 17%;
		text-align: right;
	}
	
		#rrsscontactoportada{
		position: relative;
		float: right;
		width: 25%;
	}
	
	/*CONTACTO*/
	
	#mapa{
		position: relative;
		float: left;
		width: 50%;
		margin-left: 4%;
	}
	
	#datosmapa{
		position: relative;
		float: left;
		width: 45%;
		margin-top: 17%;
	}
	
	#datos1{
		font-family: "Gotham_Medium";
		font-size: 20px;
		color:black!important;
	}
	
	#imgmapa{
		width: 90%;
	}
	#rrsscontacto{
		position: relative;
		float: left;
		width: 25%;
	}
	
	/*PELICULAS*/
	
#bloque0{
		width: 100%;
		position: relative;
		float: left;
		background-color: #FFFFFF;
		overflow: hidden;
		z-index: 1;
	}
	
	
	
	#pelicula0{
		width: 40%;
		position: relative;
		float: right;
		margin-right: 10%;
		margin-top: 5%;
		margin-bottom: 5%;
		
		
	}
	
	#titulopelicula0{
		width: 30%;
		position: relative;
		float: right;
		margin-right: 60%;
		font-family: "Gotham_Medium";
		font-size: 1rem;
		color:#000000;
		margin-top: -27%;
		margin-bottom: 2%;
	}
	
	#sinopsispelicula0{
		width: 35%;
		position: relative;
		float: right;
		margin-right: 55%;
		margin-top: -22%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		color:#000000;
		overflow: hidden;
	}
	
	#botonleermas0{
		
		position: relative; 
		float: right; 
		cursor: pointer; 
		font-size: bold; 
		text-decoration: underline;
	}
	
	#botoncerrarleermas0{
		
		position: relative; 
		float: right; 
		cursor: pointer; 
		font-size: bold; 
		text-decoration: underline;
		
	}
	
	#maspelicula0{
		
		background-color: white; 
		opacity: 1; 
		border: solid 0.5px black; 
		border-radius: 5px; 
		margin-top: 3%; 
		width: 40%; 
		margin-left: 6%; 
		z-index: 1000; 
		position: relative; 
		padding: 1%; 
		padding-bottom: 2%;
		text-align: justify; 
		font-size: 0.8em;
		font-family: "Gotham_Medium";
		display: none;
		box-shadow: 0px 5px 5px black;
		
	}
	
	#bloque1{
		width: 100%;
		position: relative;
		float: left;
		background-color: #000000;
		overflow: hidden;
			color:white;
	}
	
	#pelicula1{
		width: 40%;
		position: relative;
		float: left;
		margin-left: 10%;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	
	#titulopelicula1{
		width: 30%;
		position: relative;
		float: left;
		margin-left: 5%;
		font-family: "Gotham_Medium";
		font-size: 1rem;
		color: #FFFFFF;
		margin-top: 5%;
		margin-bottom: 2%;
	}
	
	#sinopsispelicula1{
		width: 35%;
		position: relative;
		float: left;
		margin-left: 5%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		color: #FFFFFF;
		margin-top: 2%;
		margin-bottom: 5%;
		margin-right: 5%;
		overflow: hidden;
	}
	
	#botonleermas1{
		
		position: relative; 
		float: right; 
		cursor: pointer; 
		font-size: bold; 
		text-decoration: underline;
	}
	
	#botoncerrarleermas1{
		
		position: relative; 
		float: right; 
		cursor: pointer; 
		font-size: bold; 
		text-decoration: underline;
		
	}
	
	#maspelicula1{
		
		background-color: black; 
		color: white!important;
		opacity: 1; 
		border: solid 0.5px white; 
		border-radius: 5px; 
		margin-top: 6%; 
		width: 40%; 
		margin-left: 52.5%; 
		z-index: 1000; 
		position: relative; 
		padding: 1%; 
		padding-bottom: 2%;
		text-align: justify; 
		font-size: 0.8rem;
		font-family: "Gotham_Medium";
		display: none;
		box-shadow: 0px 5px 5px white;
		
	}
	
	
	#bloque2{
		width: 100%;
		position: relative;
		float: left;
		background-color: #FFFFFF;
		overflow: hidden;
		z-index: 1;
	}
	
	
	
	#pelicula2{
		width: 40%;
		position: relative;
		float: right;
		margin-right: 10%;
		margin-top: 5%;
		margin-bottom: 5%;
		
		
	}
	
	#titulopelicula2{
		width: 30%;
		position: relative;
		float: right;
		margin-right: 60%;
		font-family: "Gotham_Medium";
		font-size: 1rem;
		color:#000000;
		margin-top: -27%;
		margin-bottom: 2%;
	}
	
	#sinopsispelicula2{
		width: 35%;
		position: relative;
		float: right;
		margin-right: 55%;
		margin-top: -22%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		color:#000000;
		overflow: hidden;
	}
	
	#botonleermas2{
		
		position: relative; 
		float: right; 
		cursor: pointer; 
		font-size: bold; 
		text-decoration: underline;
	}
	
	#botoncerrarleermas2{
		
		position: relative; 
		float: right; 
		cursor: pointer; 
		font-size: bold; 
		text-decoration: underline;
		
	}
	
	#maspelicula2{
		
		background-color: white; 
		opacity: 1; 
		border: solid 0.5px black; 
		border-radius: 5px; 
		margin-top: 3%; 
		width: 40%; 
		margin-left: 6%; 
		z-index: 1000; 
		position: relative; 
		padding: 1%; 
		padding-bottom: 2%;
		text-align: justify; 
		font-size: 0.8em;
		font-family: "Gotham_Medium";
		display: none;
		box-shadow: 0px 5px 5px black;
		
	}
	
	/*PUBLICIDAD*/
	
		#publicidad1, #publicidad2, #publicidad3, #publicidad4,#publicidad5{
		width: 40%;
		position: relative;
		float: left;
		margin-left: 5%;
		margin-right: 5%;
		margin-top: 0%;
		margin-bottom: 5%;
		font-size: 0.8em;
		font-family: "Gotham_Medium";
		
		
	}
	
	.decorado1{
		text-decoration: underline!important;
	}
	
	.decorado1:hover{
		color: crimson;
	}
	
	
	/*EQUIPO*/
	
	.fotoperfil{
		width: 100%;
	}
	
	
	#equipobloque1{
		width: 100%;
		position: relative;
		float: left;
		/*background-color: #FFFFFF;*/
		overflow: hidden;
		
	}
	
	#perfil0{
		width: 40%;
		position: relative;
		float: right;
		margin-right: 10%;
		margin-top: 0%;
		margin-bottom: 0%;
		
		
	}
	
	#tituloperfil0{
		width: 30%;
		position: relative;
		float: right;
		margin-right: 60%;
		font-family: "Gotham_Medium";
		font-size: 1rem;
		/*color:#000000;*/
		margin-top: -15%;
		margin-bottom: 2%;
	}
	
	#textoperfil0{
		width: 35%;
		position: relative;
		float: right;
		margin-right: 55%;
		margin-top: -10%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		/*color:#000000;*/
		overflow: hidden;
	}
	
	#equipobloque2{
		width: 100%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
	}
	
	#equipobloque2mas{
		width: 100%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
		display: none;
	}
	
	#perfil1{
		width: 40%;
		position: relative;
		float: left;
		margin-left: 10%;
		margin-top: 0%;
		margin-bottom: 0%;
	}
	
	#tituloperfil1{
		width: 30%;
		position: relative;
		float: left;
		margin-left: 2.5%;
		font-family: "Gotham_Medium";
		font-size: 1rem;
		color: black;
		margin-top: 3%;
		margin-bottom: 1%;
	}
	
	#textoperfil1{
		width: 35%;
		position: relative;
		float: left;
		margin-left: 3%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		color: black;
		margin-top: 1%;
		margin-bottom: 1%;
		margin-right: 5%;
		overflow: hidden;
		text-align: justify;
	}
	
	#textoperfil1mas{
		width: 80%;
		position: relative;
		float: left;
		margin-left: 10%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		color: black;
		margin-top: 1%;
		margin-bottom: 1%;
		margin-right: 0%;
		overflow: hidden;
		text-align: justify;
	}
	
	#mas1{
		cursor: pointer;
		display: block;
		text-align: right;
	}
	
	#equipobloque3a{
		width: 80%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 1%;
	}
    
    #equipobloque3a2{
		width: 80%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 1%;
	}
	
	    #equipobloque3a3{
		width: 80%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 1%;
	}
	
	
	#equipobloque3b{
		width: 80%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: -2%;
	}
    
    #equipobloque3b2{
		width: 80%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: -2%;
	}
	
	    #equipobloque3b3{
		width: 80%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: -2%;
	}
	
	#equipobloque3c{
		width: 80%;
		position: relative;
		float: left;
		/*background-color: #000000;*/
		overflow: hidden;
		margin-left: 10%;
		margin-right: 10%;
		margin-top: 0%;
	}
	
	#perfil2, #perfil3, #perfil4, #perfil5, #perfil2b, #perfil3b, #perfil4b, #perfil5b, #perfil2c, #perfil3c, #perfil4c{
		width: 25%;
		position: relative;
		float: left;
		margin-left: 0%;
		margin-top: 0%;
		margin-bottom: 0%;
		max-height: 300px;
		opacity: 1;
	}
	
	
	
		#tituloperfil2, #tituloperfil3, #tituloperfil4, #tituloperfil5{
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: -10%;
		position: relative;
		float: left;
		font-family: "Gotham_Medium";
		font-size: 1.2vw;
		background-color: hsla(99,99%,99%,0.70);
		/*border-bottom-right-radius: 100%;
		border-top-left-radius: 100%;*/
		color:hsla(0,0%,0%,0.90);
		text-align: center;
		
		
	}
    
	#tituloperfil2b, #tituloperfil3b, #tituloperfil4b, #tituloperfil5b,#tituloperfil6b,#tituloperfil7b{
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: -10%;
		position: relative;
		float: left;
		font-family: "Gotham_Medium";
		font-size: 1.2vw;
		background-color: hsla(99,99%,99%,0.70);
		/*border-bottom-right-radius: 100%;
		border-top-left-radius: 100%;*/
		color:hsla(0,0%,0%,0.90);
		text-align: center;
		
		
	}
	
	#tituloperfil2c, #tituloperfil3c, #tituloperfil4c{
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: -10%;
		position: relative;
		float: left;
		font-family: "Gotham_Medium";
		font-size: 1.2vw;
		background-color: hsla(99,99%,99%,0.70);
		/*border-bottom-right-radius: 100%;
		border-top-left-radius: 100%;*/
		color:hsla(0,0%,0%,0.90);
		text-align: center;
		
		
	}
	
	#textoperfil2, #textoperfil3, #textoperfil4, #textoperfil5, #textoperfil6, #textoperfil7, #textoperfil8, #textoperfil9, #textoperfil10, #textoperfil11, #textoperfil12{
		width: 90%;
		position: relative;
		float: left;
		margin-left: 5%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		/*color: #FFFFFF;*/
		margin-top: 2%;
		margin-bottom: 5%;
		margin-right: 5%;
		overflow: hidden;
		display: none;
		text-align: justify;
	}
	
	
		/* SWEET HOME */
	
	#sweetbloque1{
		width: 90%;
		position: relative;
		float: left;
		/*background-color: #FFFFFF;*/
		overflow: hidden;
		margin: 5%;
		
		
	}

	#sweet0{
		width: 100%;
		position: relative;
		float: right;
		margin-right: 0%;
		margin-top: 0%;
		margin-bottom: 2%;
		
		
	}
	
	.cabecerasweet{
		width: 70%;
		margin-right: 15%;
		margin-left: 15%;
	}
	
	
	#textosweet0{
		padding-top: 13%;
		margin-right:10%;
		margin-left: 10%;
		margin-bottom: 3%;
		text-align: justify;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		
		
	}
	
	.italica{
		font-style: italic;
		font-size: 0.9rem;
	}

	#textosweet1{
		margin-right:10%;
		margin-left: 10%;
		padding-top: 1%;
		padding-right:10%;
		padding-left: 10%;
		margin-bottom: 3%;
		text-align: center;
		font-family: "Gotham_Medium";
		font-size: 1.5rem;
		font-style: italic;
		
		
		
	}
	
	#textosweet2{
		margin-right:10%;
		margin-left: 10%;
		padding-right: 15%;
		padding-left: 15%;
		text-align: center;
		font-family: "Gotham_Medium";
		font-size: 0.6rem;
		margin-top: 25%; /*con imagenes ocultas*/
		/*margin-top: 0%; con una imagen visible*/
		
		
	}
	
	.resaltado{
		font-size:0.7rem;
		
	}
	
	#imagenessweet0{
		width: 100;
		margin-right:10%;
		margin-left: 10%;
		margin-bottom: 3%;
		
	}
	
	#imagenessweet1{
		position: relative;
		float: left;
		width: 100%;
		
	/*-webkit-transform: rotate(45deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
     transform: rotate(315deg);*/
	}
	
	#imagensweet1{
		width: 100%;
	}
	
	#imagensweet1g{
		width: 100%;
		display: none;
		opacity: 0;
		box-shadow: 2px 5px hsla(0, 0%, 53%, 0.3);
	}

	
	#imagenessweet2{
		position: relative;
		float: left;
		width: 100%;
		
		/*-webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);*/
	}	
	
	#imagensweet2{
		width: 100%;
	}

	#imagensweet2g{
		width: 100%;
		display: none;
		opacity: 0;
		box-shadow: 2px 5px hsla(0, 0%, 53%, 0.3);
	}
	
	#imagenessweet3{
		position: relative;
		float: left;
		width: 100%;
	
		/*-webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);*/
	}	
	
	#imagensweet3{
		width: 100%;
	}
	
	#imagensweet3g{
		width: 100%;
		display: none;
		opacity: 0;
		box-shadow: 2px 5px hsla(0, 0%, 53%, 0.3);
	}
	
	#imagenessweet4{
		position: relative;
		float: left;
		width: 100%;
		
		/*-webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);*/
	}	
	
	#imagensweet4{
		width: 100%;
	}
	
	#imagensweet4g{
		width: 100%;
		display: none;
		opacity: 0;
		box-shadow: 2px 5px hsla(0, 0%, 53%, 0.3);
	}
	
	#columna1{
		position: relative; 
		float: left; 
		width: 17%; 
		height: auto;
	}
	
	#columna2{
		 position: relative; 
		float: right; 
		width: 17%; 
		height: auto; 
		margin-top: 0%;
	}
	
	#imagensweetpantalla{
		width: 66%;
		margin-right: 17%;
		margin-left: 17%;
		margin-top: -25%;
	}
	
	
	/* TELEVISION */
	
	.teleimg{
		width: 100%;
	}

	#telefila1, #telefila2, #telefila3{
		position: relative;
		float: left;
		width: 100%;
		font-family: "Gotham_Medium";
	}
	
	#telefila3{
		padding-bottom: 5%;
	}
	
	#telebloque1, #telebloque4, #telebloque5{
		position:relative;
		width: 50%;
		float: left;
		background-color: white;
		color: black;
		
	}
	
	
	#telebloque2, #telebloque3, #telebloque6{
		position:relative;
		width: 50%;
		float: left;
		background-color: black;
		color: white;
		
	}
	
	#teletitulo1, #teletitulo2, #teletitulo3, #teletitulo4, #teletitulo5, #teletitulo6{
		font-size: 1rem;
		margin-top: 5%;
		margin-left: 5%;
	}
	
	#telesub1, #telesub2, #telesub3, #telesub4, #telesub5, #telesub6{
		font-size: 0.6rem;
		margin-left: 5%;
	}
	
	#telecontenido1, #telecontenido2, #telecontenido3, #telecontenido4, #telecontenido5, #telecontenido6{
		margin:5%;
		text-align: justify;
		font-size: 0.8rem;
	}
	
	/* radio */
	
	.radioimg{
		width: 100%;
	}

	#radiofila1, #radiofila2, #radiofila3{
		position: relative;
		float: left;
		width: 100%;
		font-family: "Gotham_Medium";
	}
	
	#radiofila3{
		margin-bottom: 5%;
	}
	
	#radiobloque1, #radiobloque4, #radiobloque5{
		position:relative;
		width: 50%;
		float: left;
		background-color: white;
		color: black;
		
	}
	
	
	#radiobloque2, #radiobloque3, #radiobloque6{
		position:relative;
		width: 50%;
		float: left;
		background-color: black;
		color: white;
		
	}
	
	#radiobloque3{
		padding-bottom: 10%;
	}
	
	#radiotitulo1, #radiotitulo2, #radiotitulo3, #radiotitulo4, #radiotitulo5, #radiotitulo6{
		font-size: 1rem;
		margin-top: 5%;
		margin-left: 5%;
	}
	
	#radiosub1, #radiosub2, #radiosub3, #radiosub4, #radiosub5, #radiosub6{
		font-size: 0.6rem;
		margin-left: 5%;
	}
	
	#radiocontenido1, #radiocontenido2, #radiocontenido3, #radiocontenido4, #radiocontenido5, #radiocontenido6{
		margin:5%;
		text-align: justify;
		font-size: 0.8rem;
	}
	
	#titulolocutores{
		width: 90%;
		margin-left: 10%;
		margin-top: 3%;
		margin-bottom: 3%;
	}
	
	#fotoslocutores{
		width: 80%;
		margin-left: 10%;
		padding-bottom: 10%;
	}
	
		#perfil2radio, #perfil3radio, #perfil4radio{
		width: 33%;
		position: relative;
		float: left;
		margin-left: 0%;
		margin-top: 0%;
		margin-bottom: 0%;
		max-height: 300px;
		opacity: 1;
	}
	
	
	#tituloperfil2radio, #tituloperfil3radio, #tituloperfil4radio{
		width: 96%;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: -10%;
		position: relative;
		float: left;
		font-family: "Gotham_Medium";
		font-size: 1vw;
		background-color: hsla(99,99%,99%,0.70);
		/*border-bottom-right-radius: 100%;
		border-top-left-radius: 100%;*/
		color:hsla(0,0%,0%,0.90);
		text-align: center;
		
		
	}
	
	
	#textoperfil2radio, #textoperfil3radio, #textoperfil4radio{
		width: 90%;
		position: relative;
		float: left;
		margin-left: 5%;
		font-family: "Gotham_Medium";
		font-size: 0.8rem;
		/*color: #FFFFFF;*/
		margin-top: 2%;
		margin-bottom: 5%;
		margin-right: 5%;
		overflow: hidden;
		display: none;
		text-align: justify;
	}
	
	
		/* PIE */
	
	#pie{
		width: 100%;
		background-color: #FFFFFF;
		text-align: center;
		height: 150px;
		float: left;
		line-height: 150px;
		position: relative;
		margin-top: 10px;
	}
	
	#rrss{
		position: relative;
		float: left;
		width: 10%;
		margin-left: 45%;
	}
	
	#red1, #red2, #red3, #red4{
		position: relative;
		float: left;
		width: 20%;
		margin: 2%;
		
	}
	
	#logored1, #logored2, #logored3, #logored4{
		position: relative;
		float: left;
		width: 70%;
		margin: 10%;
		cursor: pointer;
		padding: 10%;
		background-color: #000000;
	}
	

	
	
}