<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>RADIObox</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="Stylesheet" href="common.css" /> <link href="https://fonts.googleapis.com/css?family=Raleway:400,500,600" rel='stylesheet' type='text/css'> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script> <style> .ico { position: relative; height: 30px; width: 100%;right:0%; } .ico>span, .ico>span::after { position: absolute; border: -6px solid rgba(255, 255, 255, .0); border-width: -6px 0; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background: rgba(255, 255, 255, .0); }
.ico>span { cursor: pointer; height: 30px; width: 100%; } .ico>span::after { content: ""; width: 100%; height: 30px; top: 0px; } .efecto>span,.efecto>span::after { border-color:rgba(0, 0, 255, .5); } #menu { display:none; list-style: none; padding:-35px; margin:-35px; width:106.9%; } #menu a:link, a:visited, a:hover {color:white;text-decoration:none;} #menu li { background-color:rgba(0, 255, 255, .1); padding:1.5% 50%; border-bottom:1px solid rgba(255, 255, 255, .1);width:100%; } #menu li:hover { background-color:rgba(0, 255, 255, .25); padding:1.5% 50%; border-bottom:1px solid rgba(255, 255, 255, .1);width:100%; } </style> <script type="text/javascript">// <![CDATA[
function recalcula(){ var daH = (document.body && document.body.clientHeight)?parent.interior.document.body.clientHeight: 0; daH = (document.addBinding)?daH+1:daH+39.9; //alert(daH); document.getElementById("elIframe").style.height = daH + "%"; daH + "%";style.width = daH + "%";daH + "%";
}function cargar(url){ parent.interior.location.href=url;}
// ]]>
$(document).ready(function(){ $(".ico").click(function(){ if($("#menu").is(":visible")) { $("#menu").slideUp("fast"); $(".ico").removeClass("efecto"); }else{ $("#menu").slideDown("fast"); $(".ico").addClass("efecto"); } }); });
</script><style type="text/css">
*{margin:0;padding:0; outline:none; border:0; position: relative;}body {height:89.9%;}#fija {position:fixed; bottom:up; background: transparent; top: 0%; left: 0%; width: 100%; text-align:center; z-index:0;}ul {list style type: none;}
.img { height: 100%; width: 100%; background: url(imagen.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.img2 { height: 100%; width: 100%; background: url(bannercolor.png) repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.bold {text-align: left; font-family: Aclonica; font-weight: bold; font-size: 15px; color: #fff; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;}
.tresd {text-align: left; font-family: Arial Black; font-weight: bold; font-size: 15px; color: #fff; text-shadow: 0 1px 0 #ddd, 0 2px 0 #ccc, 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 0 #acacac, 0 6px 1px rgba(0,0,0,0.1), 0 0 5px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.2), 0 20px 20px rgba(0,0,0,0.15);}
.scale { zoom: 100%;}
#c1{ position:absolute; z-index:0;}#c2{ position:absolute; z-index:1;} #c3{ position:absolute; z-index:2;}#c4{ position:absolute; z-index:3;}
.clr { font-family: Segoe UI; color: #ffffff; font-size: 15px; font-weight: 400; text-align: center; background: rgba(13,225,225,0.3); margin: 0 0 0px; overflow: hidden; padding: 0px; border-radius: 35px 0px 35px 0px; -moz-border-radius: 35px 0px 35px 0px; -webkit-border-radius: 35px 0px 35px 0px; border: 2px solid #5878ca;}</style>
<script async src='/cdn-cgi/bm/cv/669835187/api.js'></script></head><body>
<div class="scale" > <div id="fija">
<iframe class="clr" id="elI_frame" name="interior" scrolling="yes" src ="RADIObox0.html" onload="recalcula()" style="position: relative; top: 0%; left: 0%; width:99.9%; height:99.9%;"></iframe></div></div>
<header><nav><div class="ico"><span id="c2" ></span><iframe id="c1" src="Avion_CurrentSong.html" style="position: relative; top: 0%; left: 0%; width:100%; height:30px;"></iframe></div><div class="ico" style="position: relative; top: 0%; left: 0%; width:98.9%; height:59.9%;"><span></span></div>
<ul class="tresd" id="menu"><a class='img' href=""><li><div id="c3" class="ico" style="position: absolute; left:0px; top:0%; width:98.9%; height:50px"><span></span></div>INICIO</li></a></ul></nav></header></body></html>