/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {		
	background-image: url(images/fondo.jpg);
	background-repeat:repeat-x;
	text-align:center;
	}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 text-align:left;
}
#header { 
 margin: auto;
 width: 896px; 
 padding: 0px; 
 height: 244px;
 padding-top:0px; 
 
}
#top {
 
 width:896px;  
 height: 43px;
 background-image: url(images/index_07.jpg);
 background-repeat: no-repeat;
 
}
#leftcolumn {  
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 background-image: url(images/index_08.jpg);
 background-repeat: no-repeat;
 height: 408px;
 width: 320px;
 

} 
#left { 

 height: 438px;
 width: 320px;
 float: left;
 
}
#leftd { 

 background-image: url(images/index_18.jpg);
 background-repeat: no-repeat;
 height: 29px;
 width: 320px;
 
 
}

#rightcolumn{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
 background-image: url(images/ibex_match_interna_10.jpg);
 background-repeat: no-repeat;
 width: 576px;
 height: 94px; 
 float:left; 
 
}

#content { 
 float:left;
 height: 447px;
 width: 576px; 
 background-image: url(images/match_11.jpg);
 background-repeat: no-repeat;
}

#comentarios{ 
 float: right;
 width: 576px; 
	background-repeat: no-repeat;
 
}
a:hover, a:visited, a:link{text-decoration:none; color:#686862;}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
border-bottom: 0px solid #ccc;
font-family: Arial, Helvetica, sans-serif; 
font-size:12px; 

}
	
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
border-bottom: 0px solid #ccc;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #686862;
text-decoration: none;
background:url(images/dispo3.png);
padding: 1px 5px;
border: 0px solid #ccc;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: #686862;
}

.suckerdiv ul li a:hover{
background-color:none;
}

.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
#pestas	{
	margin: 0px;
	padding: 0px;
	left: 5px;
	top: 58px;
	width: 580px;
	float:left;
}

#contenido	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top: 0px;
	overflow: auto;
	left: 0px;
	top: 123px;
	width: 521px;
	float:left;
}

.pesta	{
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-bottom: 0px;
	float:left;
}

.activa	{
	background-color: #eaeaea;
	cursor: default;
}

.inactiva	{
background-color: #eaeaea;
	cursor: pointer;
}

.capa	{
	overflow: auto;
}

.visible	{
	margin-left:20px;
	display: block;
}

.invisible	{
	display: none;
}