body {
text-align: center;
font: 10pt Arial, Helvetica, sans-serif;
margin-bottom: 0px;
margin-top: 0px;
background: #001003 url('') center center repeat-x;
background-position: center top;
background-attachment: fixed;
}

a { text-decoration: none; color: #FFFFFF }
a:hover { color: #C0C0C0 }

#container {
width: 800px;
margin: 0px auto;
text-align: left;
color: #666;
margin-top:0px;
background-color: #202020;
border:solid 0px #101010;
}
#_headerpub {
width: 800px;
height: 200px;
}

#header {
color: #fff;
padding: 2px 15px 2px 15px;
font-family: "Trebuchet MS", Times, serif;
background-color: #000000;
}
#sidebar {
width: 450px;
padding: 10px;
float: left;
border-right: 1px solid #202020;
border-bottom: 1px solid #202020;
}
#main {
padding: 10px;
margin-left: 465px;
}
#footer {
clear: both;
color: #ccc;
padding: 1px;
text-align: center;
}
	

	/* estilos morralla */
	
	#header h2 {
		font-style: italic;
		color: #ccc;
	}
	
	#footer a {
		color: #fff;
	}
#menu {
width:770px;
height:50px;
margin: 0px auto;
border:solid 1px #101010;
background:#101010;
overflow:hidden;
	
}


#menu ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

#menu ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}



#menu ul li a{
	width:75px;
	height:35px;
	margin:0px;
	padding:3px 0px 0px 0px;
	margin:3px 0px 0px 0px;
	display: block;
	text-decoration:none;
	font-size:1em;
	color:#808080;
	border-left:solid 1px #303030;
}
#menu ul li a:hover{
	color:#FFFFFF;
		
}
#news { padding: 10px; border-top: 1px solid #3d372d; font-size: 11px; line-height: 1.25; background:#101010;}
#news .featureitem {margin: 0 0 15px 10px; overflow: no; width: 400px; padding: 0 1px 0 0 }
#news .featureitem h2 {margin: 0; font-size: 1.1em; padding-right: 1px}
#news .featureitem .title { font-size: 1.3em; margin: 0}
#news .featureitem .itemtype {margin: 0; color: #ba1319; text-transform: uppercase; font-weight: bold; font-size: 1.2em; }
#news .featureitem .description {font-weight: normal; margin: 3px 0 0 0}
#news .featureitem .picture {float: left; margin: 0 10px 0px 0; }

#newsr { padding: 10px; border-top: 1px solid #3d372d; font-size: 11px; line-height: 1.25; background:#101010;}
#newsr .featureitem {margin: 0 0 15px 10px; overflow: no; width: 250px; padding: 0 1px 0 0 }
#newsr .featureitem h2 {margin: 0; font-size: 1.1em; padding-right: 1px}
#newsr .featureitem .title { font-size: 1.3em; margin: 0}
#newsr .featureitem .itemtype {margin: 0; color: #ba1319; text-transform: uppercase; font-weight: bold; font-size: 1.2em; }
#newsr .featureitem .description {font-weight: normal; margin: 3px 0 0 0}
#newsr .featureitem .picture {float: left; margin: 0 10px 0px 0; }

#feeds { padding: 1px; width: 452px; border-top: 1px solid #3d372d; font-size: 11px; line-height: 1.25; background:#101010;}

#fotos {
	float: left;
	width: 300px;
	padding: 0px 10px 20px 10px;
	background:#101010;
}
#fotos img {
	float: left;
	margin: 4px 15px 0px 0px;
	border: 5px solid #202020;
}
#events-list
{
width: 430px;
padding: .5em;
margin: 0 auto;
background-color: #202020;
}
#events-list ul
{
padding-left: 5px;
padding-top: 10px;
color: #FFFFFF;
font-weight: bold;
margin: 0 0 0 0;
}
#events-list li
{
padding: 0 0 0 0;
color: #C0C0C0;
border-bottom: 1px solid #505050;
line-height: normal;
font-weight: normal;
list-style-type: square;
font-size: 0.85em; 
}
#opinion li
{
padding-left: 5px;
color: #C0C0C0;
border-bottom: 1px solid #505050;
line-height: normal;
font-weight: normal;
list-style-type: square;
font-size: 0.85em; 
}
#publicidad {
padding-top: 0px;
}
#box label{
	display:block;
	margin-bottom:10px;
	color:#555555;
}

#box label span{
	display:block;
	float:left;
	padding-right:5px;
	width:50px;
	text-align:right;
	font-weight:bold;
}
#floating_banner_bottom {
	text-align: center;
	width: 100%;
	bottom: 0px;
	margin-bottom: 0px;
	height: 400px;
	position: fixed;
	z-index: 100;
	right: 0;
	 _position:absolute;
	  _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
}
html>body #floating_banner_bottom { margin-bottom: 0px; bottom: 0 }
 
#floating_banner_bottom div.close {
	margin: 0 auto;
	width: 800px;
	height: 16px;
	text-align: right;
}
#pub_head {
padding-top: 35px;
float: right;
}

.prevcar {
float: left;
text-align: center;
background:#101010;
padding: 10px; 
height:180px;
border-bottom: 1px solid #ccc;
font: 8pt Arial, Helvetica, sans-serif;
}
#pics {
text-align: center;
width:780px;
margin-left:15px;
}
.fotos {
	float: left;
	width: 620px;
	margin: 0 0 10px 0;
        background-color: #202020;
}
.put_int {
	float: right;
	width: 160px;
	margin: 5px 0 5px 0;
}

div.box{
	padding:5px;
	color:#C0C0C0;
	margin-bottom:5px;
	width:90%;
        font: 8pt Arial, Helvetica, sans-serif;
}

div.box label{
	display:block;
	margin-bottom:10px;
	
}

div.box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:120px;
	text-align:right;
	font-weight:bold;
}
.bandsbox {
	padding: 10px;
	margin:0 0 9px 0;
	clear: both;
	min-height:65px;
	height:auto !important;
        background-color: #101010;
}
.bandsbox .pic {
	width:85px;
	height:85px;
	float:left;
	margin:0 0 0 0;
}
.bandsbox p {
	margin:0px 0 0px 0;
	font: normal 11px/16px arial;
}
.bandsbox h3 {
	margin:10px 0 0px 0;
}

.info_band {
	width:430px;
	margin-left:64px;
	min-height:60px;

}

* html .info_band {
	height:60px;

}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
         visibility: hidden;

}
.videosbox {
	padding: 10px;
	margin:0 0 9px 0;
	clear: both;
	min-height:65px;
	height:auto !important;
        background-color: #101010;
}
.videosbox .pic {
	width:155px;
	height:155px;
	float:left;
	margin:0 0 0 0;
}
.videosbox p {
	margin:0px 0 0px 0;
	font: normal 11px/16px arial;
}
.videosbox h3 {
	margin:10px 0 0px 0;
}

.info_video {
	width:450px;
	margin-left:64px;
	min-height:60px;

}

#ticker {
	height:200px;
	width:450px;
	padding:1px;
	overflow:hidden;
}
#ticker li {
	border:0;
	margin:0;
	padding:0;
	list-style:none;
}
#row {
       display: table-row;
       } 

       #izquierda {
       width:145px;
       padding:1em;
       background-color: #101010;
       display: table-cell;
       border: 1px solid #202020;
       }

       #derecha{
       width:145px;
       padding:1em;
        background-color: #101010;
       display: table-cell;
	border: 1px solid #202020;
       }

       #central{
       padding: 1em;
        background-color: #101010;
       display: table-cell;
	border: 1px solid #202020;
       }

#share {
width:335px;
height:80px;
} 
#caja li {
  display: block;
  height: 3em;
  margin: 0 3px;
  padding: 3px 2px;
  float: left;
  text-align: center;
  line-height: 3em;
}

#events-list2
{
width: 300px;
padding: .5em;
margin: 0 auto;
background-color: #202020;
}

#eventoslist{
text-align: left; /*Alineacion del texto*/
font-family:Verdana, Arial, Helvetica, sans-serif; /*Tipo de letra ^^*/
width: 450px;/*El ancho de la página*/
margin: auto;
background-color: #202020;
border-top: 1px solid #808080;
}

#eventoslist2{
text-align: left; /*Alineacion del texto*/
font-family:Verdana, Arial, Helvetica, sans-serif; /*Tipo de letra ^^*/
width: 320px;/*El ancho de la página*/
margin: auto;
background-color: #202020;
border-top: 1px solid #808080;
overflow: hidden;
}
 
#eventoizq{
width:60px; /*El ancho que tendra la columna izquierda*/
height:50px;
float:left; /*Aca determinamos la posici{on de nuestra columna*/
background: #050505;
text-align: center;
}
 
#eventop{
margin-left:60px; /*Este margen hace que no se junte al contenido de la columna izquierda, es importante poner más pixeles del ancho de la columna izquieda (200px &gt; 185px)*/
}

#eventoslist p
{
margin-top: 6px;
margin-bottom: 2px;
color: #C0C0C0;
font-size: 0.85em; 
}

#eventoslist2 p
{
margin-top: 6px;
margin-bottom: 2px;
color: #C0C0C0;
font-size: 0.85em; 
}

#eventop li.list1 {
background: #080808 url('/images/bullet-events.gif') no-repeat 0 10px;  
width:370px; 
margin-left:2px; 
height:40px; 
overflow:hidden; 
padding-right:5px;
padding-left:10px;
font-size: 0.85em;
}

#eventop li.list2 {
background: #101010 url('/images/bullet-events.gif') no-repeat 0 10px;
width:370px; 
margin-left:2px; 
height:40px; 
overflow:hidden; 
padding-right:5px;
padding-left:10px;
font-size: 0.85em;
}

#eventop li.list1a {
background: #080808 url('/images/bullet-events.gif') no-repeat 0 10px; 
width:250px; 
margin-left:2px; 
height:40px; 
overflow:hidden; 
padding-right:5px;
padding-left:10px;
font-size: 0.85em;
}

#eventop li.list2a {
background: #101010 url('/images/bullet-events.gif') no-repeat 0 10px;
width:250px; 
margin-left:2px; 
height:40px; 
overflow:hidden; 
padding-right:5px;
padding-left:10px;
font-size: 0.85em;
}

.big_date_j{ font-family:Tahoma, Geneva, sans-serif; font-size:22px;  font-weight:bold; }
.big_date_m{ font-family: Arial, Helvetica, sans-serif;font-size:13px;  font-weight:bold; margin-top:-4px; text-transform:uppercase;}
.date_j{ font-family:Tahoma, Geneva, sans-serif; font-size:17px;  font-weight:bold; }
.date_m{ font-family: Arial, Helvetica, sans-serif;font-size:11px;  font-weight:bold; margin-top:-4px; text-transform:uppercase;}

.commentbox{
background-color: #262626;
width: 450px;
padding: 10px;
}

.commentfooter{
background: url('/images/arrow_cmt.png') 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}
#clasificado {
background-color: #262626;
width: 400px;
padding: 10px;
margin-bottom: 4px;
}
#clasificado h3 {
font-family:Tahoma, Geneva, sans-serif;font-size:18px;  margin-top:-4px; text-transform:uppercase; padding:0px; margin:0px; margin-bottom:3px; text-align:left;
}
#clasificado p
{
color: #C0C0C0;
font-weight: normal; 
margin: 3px 0 0 0;
font-size: 11px;
}

#menuu {  text-align: center;
background-color: #101010;
font-size: 0.9em;
width: 770px;
margin: 15px auto;
padding: 2px;
}
#menuu ul { list-style-type: none;}
#menuu ul li.nivel1 { float: left;
width: 140px;
margin-right: 2px;
}
#menuu ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #202020;
border: 0px;
padding: 2px;
position: relative;
}
#menuu ul li:hover {position: relative;
}
#menuu ul li a:hover, #menuu ul li:hover a.nivel1 {background-color: #151515;
color: #C0C0C0;
position: relative;
}
#menuu ul li a.nivel1 {display: block!important;display: none;
position: relative;
}
#menuu ul li ul {display: none;
}
#menuu ul li a:hover ul, #menuu ul li:hover ul {display: block;
position: absolute;left: 0px;
}
#menuu ul li ul li a {width: 140px;
padding: 3px 0px 2px 0px;
border-top-color: #000;
}
#menuu ul li ul li a:hover {border-top-color: #000;
position: relative;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
#barra_herramienta {
	position: fixed;
	bottom: 0;
	width: 100%;
}
#app_barra_herramienta{
	margin: auto;
	width:100%;
	height:30px;
}
#rockins { z-index:0; }
#corner-ad {
	display: block;
	width: 200px;
	height: 200px;
	background: green;
	position: absolute;
	top: -100px;
	right: -100px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

/* Everything below would normally go in an IE-only stylesheet */

#corner-ad {
	top: -142px\9;
	right: -60px\9;
	*right: -140px;
	filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
	zoom: 1;
}
#marcopic {
	padding:5px;
	background-color: #101010;
	width: 125px;
	height: 125px;
	border: 1px solid #202020;
	float: left;
	margin-left:15px;
	margin-top:15px;
	text-align:center;
	position:relative;
}
#marcopic IMG{
	border: 1px solid #303030;
	width: 120px;
	height: 120px;
}
#footpanel {
	position: fixed;
        margin: 0px auto; 
	bottom: 0; 
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #000000;
	border-bottom: none;
	width: 800px;
        height: 50px;
       background: #000000 url('/images/maraton-bar.png') center center repeat-y;
	
}
#player-icon {
width: 200px;
margin-left:250px;
margin-top:15px;
}

