/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04/02/2015, 16:29:34
    Author     : marx
*/

        body{
            font-family:Arial;
            height:2000px;
        }
        .header{
            width:600px;
            height:56px;
            position:absolute;
            top:0px;
            left:25%;
        }
        a.activator{
            z-index:1;
            cursor:pointer;
        }
        /* Style for overlay and box */
        .overlay{
            background:transparent url(images/overlay.png) repeat top left;
            position:fixed;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            z-index:100;
        }
        .box{
            position:fixed;
            top:-500px;
            left:3%;
            width:605px;
            height:447px;
            background-color:;
            background: url(images/tv5.png) no-repeat bottom left;
            color:#7F7F7F;
            padding:0px;
            border:2px solid #ccc;
            -moz-border-radius: 20px;
            -webkit-border-radius:20px;
            -khtml-border-radius:20px;
            -moz-box-shadow: 0 1px 5px #333;
            -webkit-box-shadow: 0 1px 5px #333;
            z-index:101;
        }
        .box h1{
            border-bottom: 1px dashed #7F7F7F;
            margin: 0px;
            padding:10px;
            background-color:;
            color:red;
            -moz-border-radius:20px 20px 0px 0px;
            -webkit-border-top-left-radius: 20px;
            -webkit-border-top-right-radius: 20px;
            -khtml-border-top-left-radius: 20px;
            -khtml-border-top-right-radius: 20px;
        }
        a.boxclose{
            float:right;
            width:26px;
            height:26px;
            background:transparent url(images/cancel.png) repeat top left;
            margin-top:-20px;
            margin-right:-20px;
            cursor:pointer;
        }
        #videos{
            position: absolute;
            top:85px;
            left: 123px;
        }
        #canciones{
            position: fixed;
            top:20%;
            left: 35%;
        }
        #listado{
          width: 100%;
          top:0px;
          background-color: beige
        }
        .elemento{
          position: relative;
          float: left;
          width: 200px;
          height: auto;
          padding: 10px;         
        }
        .elemcancion{
          position: relative;
          float: left;
          padding: 1px;         
        }
        p.vid{
          font-size: small;
          color: #fa1a1a;;
          margin: 1px;
          line-height: 90%;
        }
        
        .desc{
          font-size: small;
          line-height: 90%;

        }
 
         .autor{
          font-size: small;
          font-weight: bold;
          margin: 1px;
        }
        
       
        h4#vid0{
          margin: 0px;
          padding-bottom: 5px;
        }