/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; }

body {
	background: #4876af;
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #333; 
	text-align: center;
	height:100%;
}

body td {
	font: 12px Verdana, Tahoma, arial, sans-serif;
	color: #333; 
	
}

/* links */
a, a:visited {
	text-decoration: none;
	color: #4F82CB; 
	background: inherit;
}
a:hover {
	color: #4F82CB;
	background: inherit;
	text-decoration: underline;
}

/* headers */
h1, h2, h3 {
	font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
	font-weight: Bold; 		
}
h1 {
	font-size: 180%;	
}
h2 {
	font-size: 110%;
	text-transform: uppercase;
	color: #000033;
}
h3 {
	font-size: 100%;
	color: #FFFFFF; 
}

/* images */
img {
	border: 2px solid #CCC;
}
img.float-right {
  margin: 5px 0px 10px 10px;  
}
img.float-left {
  margin: 5px 10px 10px 0px;
}

h1, h2, h3, p {
	padding: 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
	color: #88ac0b;	
}
ul span, ol span {
	color: #666666;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 2px 10px;
 	padding: 0;  
   	border: 1px solid #4877af;    
}
blockquote img {
	border:0;
	float:left;
	margin: 5px;
	margin-top:0px;
}


/* form elements */
form {
	margin:10px; padding: 0 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #666;
	font: normal 1em Verdana, sans-serif;
	color:#333;
}
textarea {
	width:300px;
	padding:2px;
	font-family: Verdana, sans-serif;
	border:1px solid #666;
	height:150px;
	display:block;
	color:#333;
}
input.button { 
	margin: 0; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #CCC; 
	padding: 2px 3px; 
	background: #FFF;
	color: #88ac0b;
}

/* search */
form.search {
	position: absolute;
	top: 35px; right: 25px;
	background: transparent;
	border: none;	
}	
form.search input.textbox {
	margin: 0; padding: 1px 2px;
	width: 120px;
	background: #FFF;
	color: #333; 
}
form.search input.button {
	background: #CCC url(images/headerbg.gif) repeat-x;
	color: #333;
	border: none;	
	width: 70px; height: 21px;
}

/********************************************
   LAYOUT
********************************************/ 
#topbar {
	height : 5px;
	background : #212121;
	width : 100%;
}

#wrap {
	width: 790px;
	background: #CCC url(images/content.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: left;
}
#content-wrap {
	clear: both;
	width: 750px;
	padding: 0; 
	margin: 0 auto;
}
#header {
	width: 790px;
	position: relative;
	height: 140px;
	background: #CCC url(images/header.jpg) repeat-y center top;
	padding: 0;
	font-size: 14px;
	color: #FFF;
}
#header h1#logo-text {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #333;
	text-transform: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 28px; left: 50px;	
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal .8em 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 74px; left: 58px;		
}

#header #logo {
	border:0;
	margin-left:40px;
	margin-top:5px;
}

#header ul{width:280px; height:96px; display:block; position:absolute; top:0px; right:25px; margin:0; padding:0;}
#header ul li{float:left; width:70px; display:block; text-align:center;}
#header ul li a{width:70px; height:35px; display:block; font:14px/14px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#333; background:url(images/menu-bg.jpg) 0 0 repeat-x #F4F1DD; text-decoration:none; margin:0; padding:60px 0 0 0; }
#header ul li a:hover{text-decoration:underline;}

#header #botonera{
	text-align:left;
	line-height:150%;
	width: 100px;
	float:right;
	padding: 0;
	font-size: 14px;
	color: #333;
	margin: 25px 50px 0 0;
}

/* Menu */
#menu {
	clear: both;	
	margin: 0; padding: 0 100px 0 0;
	background: url(images/menu.jpg) no-repeat center top;	
	font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;
	height: 60px;
	padding: 0 0 0 40px;
}

#menu a {
	display: inline;
	margin:0; padding: 0;
	text-decoration:none;
}

#menu a img {
	border: 0;
	display: inline;
	margin:0; padding: 0;
	padding: 10px 3px 3px 0;
}

/* Main Column */
#main {
	float: left;
	width: 65%;
	height:100%;
	padding: 0; margin: 0; padding-top:15px;
	border-right: 0px solid #999999;
	border-left: 1px solid #999999;
	font: 120%/1.4em Verdana, Tahoma, arial, sans-serif;
}
#main h1 {
	margin-top: 10px;
	margin-left: 10px;
	font: 180% Verdana, 'Trebuchet MS', Sans-serif;
	font-weight:200;
	color: #000033;
	padding: 5px 0 5px 5px; 	
}
#main img {
	border:1px solid #3399FF;	
}

#main #newsLeft {
	width:48%; float:left; margin-left:5px;
}
#main #newsRight {
	width:48%; float:right;
}

.post-footer {
	background-color: #FAFAFA;
	padding: 2px; margin: 10px 10px 0 10px;
	border: 1px solid #4877af;
	font-size: 11px;	
}
.post-footer .date {
	padding-left: 5px; margin: 0 10px 0 5px;
	float:left
}
.post-footer .comments {
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	padding-left: 10px; margin: 0 10px 0 5px;
}

/* Sidebar */	
#sidebar {
	float: left;
	width: 22%;
	padding: 0; margin: 0;
	background-color:#555;
	padding-top:5px;
}	
#sidebar h1 {
	margin-top: 10px;
	padding: 5px 0 5px 0px; 
	font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;
	color: #fff;
	background: #EEF0F1 url(images/headerbg.gif) repeat-x left bottom;	
	border: 1px solid #EFF0F1;
}
#sidebar img {
	border:0;
	margin:0; padding:0;
}
#sidebar a img {
	border:0;
	margin:0; padding:0;
}
#sidebar .left-box {
	border: 1px solid #EFF0F1; 
	margin: 0;	
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 165px; /* Width of Menu Items */
	}

ul li {
	position: relative;
	margin: 0;
	padding: 0;
	}
	
li ul {
	position: absolute;
	left: 164px; /* Set 1px less than menu width */
	top: 0;
	padding: 0;
	display: none;
	background-color:#333;
	}

/* Styles for Menu Items */
#nav a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #555; /* IE6 Bug */
	padding: 0;
	margin:0;
	padding-left:0px;
	border-bottom: 0;
	}

* html #nav a {
	margin-top:2px;
}
* html #nav ul li a {
	margin-top:0px;
}
	
#nav ul li a{
	display: block;
	text-decoration: none;
	color: #fff;
	background: #555; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #666666;
	width:159px;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #fef; background: #666; } /* Hover Styles */
#nav ul li a:hover { color: #333; background: #fefefe; } /* Hover Styles */
		
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */


/* Menu Middle */	
#menu-middle {
	width: 90%;
	padding: 0 0 0 50px; margin: -15px auto 0 auto;
	height:22px;
	background-color:#666;
}	
#menu-middle a {
	font-size:12px;
	font-weight:600;
	padding: 0; margin: 0 20px;
	height:50px;
	color:#fff;
}


/* SidebarRight */	
#sidebarRight {
	float: left;
	width: 12%;
	padding: 0 0 0 3px; margin: 0; padding-top:15px;
	height:100%;
	background-color:#555;
}	

#sidebarRight h1 {
	font-family: Verdana, 'Trebuchet MS', Sans-serif;
	font-size: 16px;
	font-weight:600;
	color: #fff;
	margin:0;
	margin-bottom:10px;
	margin-left:3px;
	padding: 0; 
}	

#partidosHome{
	background-color:#fff;	
	width:92%;
	margin-left:0px;
	background: #555 url(images/fdopartidos.gif) no-repeat center top;	
}

#partidosHome hr{
	font-size:24px;
	font-weight:300;
	color:#FFFFFF;
}

#partidosHome tr{
	vertical-align:middle;
}

#partidosHome tr td{
	vertical-align:middle;
}

#partidosHome tr td hr{
	width:90%;
	border:0;
	height:1px;
	background-color:555;
}

#partidosHome tr td img{
	margin:2px;
	border:0;
}

#partidosHome tr td #nombre{
	font-size:10px;
	font-weight:300;
	-top:4px;
}

#golesHome{
	font-size:20px;
	font-weight:300;
	padding-right:10px;
}

#infoPartido{
	font-size:10px;
	font-weight:300;
	margin:4px;
	color:#FFFFFF;
}

#masInfoPartido a{
	font-size:9px;
	font-weight:100;
	color:#fff;
}

#partidosHome tr td #titulo{
	font-size:24px;
	font-weight:300;
}	

#reviewEquipo table tr td{
	padding: 2px;
	margin: 0;
	border: 1px solid #333333;
	font-size:12px;
}

/* Footer */	
#footer {
	color: #666666;
	background: #4876af url(images/footer.jpg) no-repeat center bottom;
	clear: both;
	width: 790px;
	height: 200px;
	text-align: center;
	font-size: 92%;
}
#footer a { text-decoration: none; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }


/* tablas de planteles */
table a,
table a:link,
table a:visited {
	border:none;
	}	
	
#tabla_plantel {
	width:90%;
	border-top:1px solid #c0d3e3;
	border-right:1px solid #c0d3e3;
	margin:10px auto;
	border-collapse:collapse;
}
#tabla_plantel tr.odd td	{
	background:#f7fbff
}
#tabla_plantel tr.odd .column1	{
	background:#f4f9fe;
}	
#tabla_plantel .column1	{
	background:#f9fcfe;
}
#tabla_plantel td {
	color:#3d6485;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	border-bottom:1px solid #c0d3e3;
	border-left:1px solid #c0d3e3;
	padding:.3em 1em;
	text-align:center;
}
#tabla_plantel td img {
	text-align:center;
	border:0;
}			
#tabla_plantel th {
	font-weight:normal;
	color: #666;
	font-weight:600;
	text-align:left;
	border-bottom: 1px solid #c0d3e3;
	border-left:1px solid #c0d3e3;
	padding:.2em 1em;
}							
#tabla_plantel thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #666;
}