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

/* 
    Document   : styles
    Created on : 14-may-2012, 23:22:57
    Author     : AlexTemina
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
    color: #dddddd;
}


/*div#content {
    width: 100%;
    margin: auto;
    
}*/

div#logo {
    padding: 15px;
    display: inline;
    position:fixed;
    padding-left: 35px;
}

div#lateral {
    position: absolute;
    right: 2%;
    min-height: 980px;
    height:100%;
    width: 300px;
    border-color: #999999;
    border-width: 1px;
    border-style: solid;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(90, 90, 90) transparent;
    /* RGBa with 0.6 opacity */
    background: rgba(90, 90, 90, 0.9);
/* For IE 5.5 - 7*/
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
/* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#333333, endColorstr=#555555)";
    
}

ul {
  list-style-type: none;
  padding: 0;  
}

div#all div#eventos{
    width: 200px;
    height: 250px;
    margin-left: 10px;
    position: absolute;
    top: 3%;
    
/*    border-color: #999999;
    border-width: 1px;
    border-style: solid;*/
    
   
    
}

div#all div#eventos ul {
    list-style-type: square;
    padding-left: 15px;
}

div#all div#eventos li{
    margin-top: 5px;
}

div#all div#eventos p{
    margin-top: -8px;
}

div#all ul#listaSocial {
    position: absolute;
    top: 3%;
    position: absolute;
    margin: auto;
    width: 48px;
    right: 5%;
}

div#all ul#listaSocial li{
    margin-bottom: 3%;
}

div#all ul#listaSocial li.last{
    margin-bottom: 0;
}

div#all ul#listaSocial li img{
    width: 48px;
    border: 0;
}

div#player {
   display: block;
    top: 350px;
    position: relative;
    margin: auto;
    width: 272px; 
}

audio#audioplayer {
    width: 272px;
    border-color: #999999;
    border-width: 1px;
    border-style: solid;
    background-color: #333333;
    text-align: center;
}

div#playlist
{

	max-width: 265px;
	border-color: #f90;
	border-width: 2px;
	border-style: solid;
	border-radius:0.5em;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	overflow:auto;
	background-color: #222222;
	left:22%;
	display: block;
	top: 443px;
	left: 424px;
	height: 200px;
}

div#playlist li {
	
    background-image: url("../imagenes/altavoz.png");
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 30px;
   
}

div#playlist a{
	display:block;
    color: #dddddd;
    text-decoration: none;
}

div#playlist a:hover
{

	background-color:#F90;
	color:#FFF;
    text-decoration: none;
}

div#twtr-widget-1 {
    position: relative;
    margin: 0 auto 0 auto;
    bottom: 0;
    width: 272px;
    top: 360px;
    
}

div#twtr-widget-1 div{
    border-radius: 0;
}

div#twtr-widget-1>div{
    border-radius: 0;
    border-color: #999999;
    border-width: 1px;
    border-style: solid;
}