/* Estructura */
body {
  background-color: #B1B8BC;
  margin: 0;
  padding: 0;
  font-family: tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
}

/* Contenedores principales */
DIV.total{
  width: 100%;
  text-align: center;
  float: none;
}
DIV.interno{
  position: relative;
  width: 960px;
  margin: 0 auto 0 auto;
  text-align:center;
}
DIV.bg{
  position: relative;
  float: left;
  width: 960px;
  background: #06334B url(/img/bg.gif) repeat-y right top;
}
/* Contenedor medio */
DIV.medio{
  position: relative;
  width: 100%;
  text-align:left;
  color: #052739;
}
DIV.medio DIV.derecha{
  position: relative;
  float: right;
  width: 790px;
}
DIV.medio DIV.derecha DIV.contenidos{
  position: relative;
  float: left;
  width: 600px;
  margin: 10px 0 10px 10px;
  overflow:hidden;
}
* html DIV.medio DIV.derecha DIV.contenidos{
  margin: 10px 0 10px 0;
  left:10px;
}
DIV.medio DIV.derecha DIV.barra_derecha{
  position: relative;
  float: right;
  width: 150px;
  margin: 10px 0 0 10px;
  right:10px;
}
DIV.medio DIV.izquierda{
  position: relative;
  float: left;
  width: 170px;
  color: #FFF;
}
DIV.medio DIV.izquierda DIV.margenes{
  position: relative;
  float: left;
  width: 150px;
  padding: 0 0 0 10px;
}

/* Firma WA */
DIV.firma{
  position: relative;
  float: right;
  clear: both;
  width:100%;
  height: 25px;
  background-color: #052739;
  text-align: right;
}

/* Header */
DIV.header{
  position: relative;
  float: left;
  width: 100%;
  background-color: #0D3A4F;
}
DIV.header DIV.logo{
  position: relative;
  float: left;
}
DIV.header DIV.banner{
  position: absolute;
  z-index:2;
  width: 468px;
  height: 60px;
  padding: 9px 9px 0 0;
  text-align: left;
  left:483px;
}
DIV.header DIV.barra{
	position:relative;
	float:left;
	clear:left;
	line-height:24px;
	width:100%;
	text-align:left;
}
DIV.header DIV.barra DIV.leyenda{
	position:relative;
	float:left;
	padding:0 0 0 100px;
	font-family:Helvetica, Tahoma, Arial;
	font-size:14px;
	width:400px;
}
DIV.header DIV.barra DIV.leyenda strong{
	color:#66CC00;
	font-weight:normal;
}

/* Fecha - Idioma */
DIV.fecha_idioma{
  position:relative;
  float:right;
  padding-right:10px;
  text-align:right;
  color:#66CC00;
  width:400px;
}
DIV.fecha_idioma a.i,
DIV.fecha_idioma a{
  color:#FFF;
  text-decoration:none;
  background:url(/img/idiomas_uk.gif) no-repeat left 2px;
  padding-left:24px;
}
DIV.fecha_idioma a:hover{
  color:#66CC00;
}
DIV.fecha_idioma a.i{
	background:url(/img/idiomas_esp.gif) no-repeat left 2px;
}

/* Barra Izquierda */
DIV.medio DIV.izquierda DIV.banner{
  position: relative;
  float: left;
  width: 150px;
  padding: 0 0 10px 0;
}

/* Contenedor Columna Izquierda (menues) */
DIV.menu_opcion{
position:relative;
float:left;
background-color:#ccc;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
overflow: visible;
margin-bottom:10px;
padding-top:0px;
width:100%
}

ul#menu_vertical,
ul#menu_vertical li,
ul#menu_vertical ul,
ul#menu_vertical_1,
ul#menu_vertical_1 li,
ul#menu_vertical_1 ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
}

ul#menu_vertical li,
ul#menu_vertical_1 li{
  display: block; /*Para buenos browsers*/
  position: relative;
  width: 100%;
  line-height:20px;
}
ul#menu_vertical li.activo,
ul#menu_vertical_1 li.activo{
  color:#33CCFF;
  background: url(/img/btn_menu_opcion.jpg) no-repeat left bottom;
  padding-left:10px;
  font-weight:bold;
}
ul#menu_vertical_1 li.activo{
  background: url(/img/btn_menu_opcion.jpg) no-repeat left bottom;
}
ul#menu_vertical a,
ul#menu_vertical a:visited,
ul#menu_vertical a:link,
ul#menu_vertical_1 a,
ul#menu_vertical_1 a:visited,
ul#menu_vertical_1 a:link{
  display:block;
  width:100%;
  text-decoration:none;
  color:#FFF;
  background: url(/img/btn_menu_opcion.jpg) no-repeat left top;
  padding-left:10px;
}
ul#menu_vertical_1 a,
ul#menu_vertical_1 a:visited,
ul#menu_vertical_1 a:link{
  background: url(/img/btn_menu_opcion.jpg) no-repeat left top;
}
ul#menu_vertical a:hover,
ul#menu_vertical a:active,
ul#menu_vertical_1 a:hover,
ul#menu_vertical_1 a:active{
  color:#FFF;
  background-position: left bottom;
}
ul#menu_vertical ul a,
ul#menu_vertical_1 ul a{
  width:100%;
}
ul#menu_vertical ul,
ul#menu_vertical_1 ul{
  position: absolute;
  float:left;
  left:160px;
  padding-left:11px;
  padding-right:10px;
  width:200px;
  top:-5px;
  background: url(/img/flecha_blanca.gif) no-repeat 2px 12px;
}
ul#menu_vertical_1 ul{
  width:200px;
}
ul#menu_vertical ul li,
ul#menu_vertical_1 ul li{
  width:100%;
}
ul#menu_vertical li.conSubMenu,
ul#menu_vertical_1 li.conSubMenu{
  cursor: e-resize;
  background: url(/img/btn_menu_opcion.jpg) no-repeat left top;
  padding-left:10px;
}
ul#menu_vertical_1 li.conSubMenu{
  background: url(/img/btn_menu.gif) no-repeat left top;
}
ul#menu_vertical li.conSubMenu_activo{
  color: #33CCFF;
  font-weight:bold;
  background: url(/img/btn_menu_opcion.jpg) no-repeat left bottom;
  padding-left:10px;
  cursor: e-resize;
}
ul#menu_vertical li.conSubMenu ul,
ul#menu_vertical li.conSubMenu_activo ul,
ul#menu_vertical_1 li.conSubMenu ul{
  display:none;
  padding-top:5px;
  font-weight:normal;
}
ul#menu_vertical li.conSubMenu ul li,
ul#menu_vertical li.conSubMenu_activo ul li,
ul#menu_vertical_1 li.conSubMenu ul li{
   left:-8px;
   width:100%;
   padding-left:8px;
   border:0; 
   cursor: default;
}
ul#menu_vertical li.conSubMenu ul li a,
ul#menu_vertical li.conSubMenu_activo ul li a,
ul#menu_vertical li.conSubMenu_activo ul li div,
ul#menu_vertical_1 li.conSubMenu ul li a {
  width:100%;
}
ul#menu_vertical li.conSubMenu_activo ul li div{
  height:18px;
}
ul#menu_vertical li.conSubMenu_activo li.activo{
  font-weight:bold;
  width:100%;
  left:0px;
  height:20px;
}
ul#menu_vertical li.conSubMenu:hover ul,
ul#menu_vertical li.conSubMenu_activo:hover ul,
ul#menu_vertical li.iehover ul,
ul#menu_vertical_1 li.conSubMenu:hover ul,
ul#menu_vertical_1 li.iehover ul{
  display:block;
}
ul#menu_vertical_1 li a img{
  vertical-align: middle;
  border:0;
}
ul#menu_vertical_1 li.titulo{
  background:url(/img/btn_menu_titulo.gif) no-repeat left top;
  font-size:12px;
  line-height:20px;
  font-family:Arial, Helvetica, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding-left:10px;
}

/* Contenidos */
DIV.contenidos a,
DIV.contenidos a:link,
DIV.contenidos a:visited{
  color:#016F00;
  text-decoration: none;
}
DIV.contenidos a:hover,
DIV.contenidos a:active{
  color:#01AF00;
}

/* Todos los idiomas */
DIV.contenidos DIV.idiomas{
  position: relative;
  float:left;
  text-align:center;
  width:100%;
  color:#777;
  font-size:10px;
}
DIV.contenidos DIV.idiomas a,
DIV.contenidos DIV.idiomas a:link,
DIV.contenidos DIV.idiomas a:visited{
  text-decoration:none;
  color:#777;
  line-height:22px;
}
DIV.contenidos DIV.idiomas a:hover,
DIV.contenidos DIV.idiomas a:active{
  color:#007700;
}

/* Copyright */
DIV.contenidos DIV.copy{
  position: relative;
  float:left;
  font-size:11px;
  color:#999;
  text-align:center;
  width:100%;
  padding-bottom:10px;
}
DIV.contenidos DIV.copy a,
DIV.contenidos DIV.copy a:link,
DIV.contenidos DIV.copy a:visited{
  text-decoration:none;
  color:#999;
}
DIV.contenidos DIV.copy a:hover,
DIV.contenidos DIV.copy a:active{
  color:#007700;
}

DIV.contenidos DIV.banner{
  position: relative;
  float: left;
  width: 600px;
  padding: 0 0 10px 0;
  text-align:center;
}

/* Barra Derecha */
DIV.medio DIV.derecha DIV.barra_derecha DIV.banner{
  position: relative;
  float: left;
  width: 150px;
  padding: 0 0 10px 0;
}

DIV.medio DIV.derecha DIV.barra_derecha a{
	text-decoration:none;
	color: #294A63;
	font-size:11px;
	font-weight:bold;
}

DIV.medio DIV.derecha DIV.barra_derecha a:hover{
	text-decoration:underline;
}

/* Interads */
#interads{
	font-size:11px;
	width:150px;
	overflow:hidden;
	float:left;
	clear:left;
}
#interads div{
	border-bottom:dashed 1px #cecda9;
	padding-bottom:6px;
	margin-bottom:14px;
}
#interads a,
#interads a:link,
#interads a:visited{
	text-decoration:none;
	display:block;
	color: #00AA00;
	margin-top: 6px;
	font-size:11px;
	font-weight:bold;
}
#interads a:active,
#interads a:hover{
	text-decoration:underline
}
#interads a.promo,
#interads a.promo:link,
#interads a.promo:visited{
	font-size:15px;
	text-decoration:none;
	display:block;
	margin-bottom:6px;
	color:#000
}
#interads a.promo:active,
#interads a.promo:hover{
	text-decoration:underline
}
#interads p{
	margin-bottom:0;
	margin-top:5px;
	color:#000;
}

/* futbol */
DIV.encabezado{
  position:relative;
  float:left;
  width:100%;
  background-color:#06334B;
  font-size:14px;
  color:#66CC00;
  font-family: Arial, Helvetica, sans-serif;
  padding:5px 0 0 0;
  margin:0;
}
DIV.encabezado div{
  padding:0 0 0 10px;
}
DIV.encabezado DIV.creditos{
  position:absolute;
  width:98%;
  top:36px;
  text-align:right;
  font-size:10px;
}
.creditos a{
  color:#66cc00;
  text-decoration: none
}
.creditos a:hover{
  color: #fff
}
DIV.encabezado h1{
  color:#FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:26px;
  margin:0;
  padding:0 0 3px 10px;
}
DIV.encabezado h2{
	color:#06334B;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	margin:0;
	padding:0;
	line-height:26px;
	background-color:#66CC00;
	padding-left:10px;
}
DIV.contenidos{
	line-height:16px;
	font-size:12px;
}
.contenidos   h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: normal;
	margin: 0px;
	padding: 0px;
}

/* REVISAR */

.tao0711-1 {
	COLOR: #777777; 
	FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9px;  
	FONT-STYLE: normal; 
	FONT-WEIGHT: normal; 
    LINE-HEIGHT: 11px;
	TEXT-DECORATION: none;
}

.tao0711-1:hover {
    COLOR: #007700;
    TEXT-DECORATION: none
}

.tao0711-1on {
	COLOR: #6666aa; 
	FONT-FAMILY: tahoma, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 9px;  
	FONT-STYLE: normal; 
	FONT-WEIGHT: normal; 
	LINE-HEIGHT: 9px;
	TEXT-DECORATION: none
}

.tao0711-1on:hover {
	COLOR: #8888FF; 
}

.foto {  
BORDER: 2px #B1B8BC solid
}

/* Redes sociales */
.tabs{
	clip:inherit;
	right:-95px;
	top:100px;
	position:fixed;
	height:59px;
	padding-top:16px;
	width:122px;
	z-index:11;
	display:block;
}
.tabs a{
	clear:both;
	float:right;
	padding-right:10px;
	padding-bottom:12px;
	width:76px;
	display:block;
}
.tabs img{
	border:0;
}
.twitter{
	background-image:url(/img/twitter_bg.png);
	background-repeat:no-repeat;
	top:80px;
}
.facebook{
	background-image:url(/img/facebook_bg.png);
	background-repeat:no-repeat;
	top:155px;
}
.youtube{
	background-image:url(/img/youtube_bg.png);
	background-repeat:no-repeat;
	top:231px;
}
.google{
	background-image:url(/img/google_bg.png);
	background-repeat:no-repeat;
	top:306px;
  padding-top: 14px;
}
.tabs .gplus{
	clear:both;
	float:right;
	padding-right:10px;
	padding-bottom:12px;
	width:76px;

  overflow:hidden;
}
.gplus img{
  padding: 4px 0 10px 0;
}
.gplus div{
  margin-left:7px;
}
.breadcrumbs{
position:relative;
float:left;
width:600px;
background-color:#DFDFDF;
font-size:10px;
height:16px;
margin-bottom:2px;
padding-left:4px;
line-height:16px;
color:#007700;
}
