/* GLOBALES */

BODY{margin:0;}
IMG {border:0;}
a{color:#0f2672; font-weight:bold; text-decoration:none}
a:hover{color:#FF0000}

/* TABLAS */

/* Cabezal */
table#Cabezal {height:80px;text-align: left; width: 996px; background-color:#FFFFFF; margin-left:auto; margin-right:auto}
.Columna01 {width:2px;vertical-align: top;}
.Columna02 {width:338px;vertical-align: middle; text-align:left}
.Columna03 {width:150px;vertical-align: middle;}
.Columna04 {width:301px;vertical-align: middle; text-align:left}
.Columna05 {width:200px;vertical-align: middle; text-align:center}
.ColumnaLinea {width:1px; background-color:#CCCCCC}
.ColumnaSep5pix {width:5px;}


/* Menu Selector */
table#MainMenuSelector{text-align: left; width: 792px}
.MenuSelector {width:495px; vertical-align: top}
.MenuWeather {width:297px; vertical-align:middle}



table#Main {text-align: left; width: 998px; margin-left:auto; margin-right:auto}
.MainColNoticias {width:484px;vertical-align: top; text-align:lef}
.MainColRight {width:4px;vertical-align: top}
.MainColConexion {width:302px;vertical-align: top}
.MainColRight2 {width:5px;vertical-align: top}
.MainColmil24 {width:200px;vertical-align: top; background:url(/img/bg_colmil24.gif)}


/* TEXTO PORTADA*/
.fecha1{font-family: Arial,Verdana,sans-serif;font-size:16px;color:#B6B6B6;text-transform:uppercase; font-weight:bold}
.fecha2{font-family: Arial,Verdana,sans-serif;font-size:14px;color:#666666; font-weight:bold}
.fecha3{font-family: Arial,Verdana,sans-serif;font-size:14px;color:#FF0000;text-transform:uppercase; font-weight:bold}
.tme1{FONT-FAMILY : Arial,Tahoma;FONT-SIZE: 12px;color:#666666;line-height:13px;text-decoration:none;}
a.tme1:hover{text-decoration:underline;}
.tme2{color:#FF0000;text-decoration:none;}
.tme3{color:#B6B6B6;font-size:10px;line-height:14px;text-decoration:none;}
a.tme3:hover{text-decoration:underline;}
.tme4{FONT-FAMILY : Arial,Tahoma, Sans-serif;FONT-SIZE: 12px;color:#666666;line-height:13px;text-decoration:none;}
.tme5{FONT-FAMILY : "Trebuchet MS",Arial, Tahoma, Sans-serif;color:#686868;font-size:10px;text-transform:uppercase;text-decoration:none;}
.tme14{FONT-FAMILY : "Trebuchet MS",Tahoma;FONT-SIZE: 11px;color:#666666;line-height:13px;text-decoration:none;text-transform:uppercase;FONT-WEIGHT : bold;}
a.tme14:hover{FONT-FAMILY : "Trebuchet MS",Tahoma;FONT-SIZE: 11px;color:#666666;line-height:13px;text-decoration:underline;text-transform:uppercase;FONT-WEIGHT : bold;}
.foottxt1{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0f2672;line-height:13px;text-decoration:none;font-weight:normal}
a.foottxt1:hover{text-decoration:underline;}
.derechos1{FONT-FAMILY : Arial,Tahoma, Sans-serif;FONT-SIZE: 11px;color:#FFFFFF;line-height:13px;text-decoration:none;}
.derechos2{FONT-FAMILY : Arial,Tahoma, Sans-serif;FONT-SIZE: 11px;color:#FFFFFF;line-height:13px;text-decoration:none;}
a.derechos2:hover{FONT-FAMILY : Arial,Tahoma, Sans-serif;FONT-SIZE: 11px;color:#FFFFFF;line-height:13px;text-decoration:underline;}
.texn { FONT-FAMILY : Arial, Tahoma, Sans-serif;color:#000000;font-size:13px;text-decoration:none;}
.link{ FONT-FAMILY : Arial, Tahoma, Sans-serif;color:#0F2672;font-size:11px;text-decoration:none; font-weight:normal}
a.link:hover{ color:#FF0000;}
.texTec { FONT-FAMILY : "Trebuchet MS",Arial, Tahoma, Sans-serif;color:#000000;font-size:13px;text-decoration:none;}
.tli {FONT-FAMILY : Arial, Sans-serif;FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: none}
.tli:hover {	TEXT-DECORATION: underline}
.tli2 {FONT-FAMILY : Arial, Sans-serif;FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none}
.tli2:hover {	TEXT-DECORATION: underline}
.MTitulo  {color:#000066;font:19px/20px "Trebuchet MS",Arial,Verdana;letter-spacing:0em;text-decoration:none;FONT-WEIGHT : bold;}
a.MTitulo:hover  {text-decoration:underline;}
.MTituloPort  {	font-family: Arial, Helvetica, sans-serif;font-size:20px; font-weight:700;  color:#0d425f;  line-height:22px;}
a.MTituloPort:hover  {color:#FF0000}
.MiniTituloPort  {	font-family: Arial, Helvetica, sans-serif;font-size:16px; font-weight:700;  color:#0d425f;  line-height:20px;}
a.MiniTituloPort:hover  {color:#FF0000}
.MTituloPortMini  {FONT-FAMILY : Arial,Verdana;color:#000033;font-size:12px;letter-spacing:0em;text-decoration:none; font-weight:normal}
a.MTituloPortMini:hover  {color:#DF0000}
.MTituloW  {color:#FFFFFF;font:18px/19px Arial,Verdana;letter-spacing:0em;text-decoration:none;FONT-WEIGHT : bold;}
a.MTituloW:hover  {text-decoration:underline;}
.MTituloTec  {color:#000066;font:19px/20px "Trebuchet MS",Arial,Verdana;letter-spacing:0em;text-decoration:none;}
a.MTituloTec:hover  {text-decoration:underline;}
.MTituloNews  {color:#000000;font:19px/20px Georgia,Arial,Verdana;letter-spacing:0em;text-decoration:none;FONT-WEIGHT : bold;}
.MTituloNews:hover  {text-decoration:underline;}
.mn1{color:#332A6B;font:11px/12px Arial, Helvetica, sans-serif;font-weight:bold;text-decoration:none;}
a.mn1:hover{text-decoration:underline;}
.mn2{color:#332A6B;font:14px/15px Arial,Tahoma,Verdana;font-weight:bold;text-decoration:none;}
a.mn2:hover{text-decoration:underline;}
.t02{FONT-FAMILY : "Trebuchet MS",Tahoma,Sans-serif;FONT-SIZE: 11px;color:#4D4D4D;text-decoration:none;}
a.t02:hover{text-decoration:underline;}
a.t03:hover{text-decoration:underline;}
.t03{FONT-FAMILY : "Trebuchet MS",Tahoma,Sans-serif;FONT-SIZE: 11px;color:#000000;text-decoration:none;}
.titular  {color:#000066;font:22px/24px Georgia,Tahoma,Arial,Verdana;letter-spacing:0em;text-decoration:none;}
a.titular:hover{text-decoration:underline;}
.tit2{font-family: Arial, Helvetica, sans-serif;font-size:18px;color:#FF0000;font-weight:bold;line-height:18px;letter-spacing:-0.05em;}
.tit3{font-family: Arial, Helvetica, sans-serif;font-size:18px;color:#999999;font-weight:bold;line-height:18px;letter-spacing:-0.05em;}
.bajada{FONT-FAMILY : "Trebuchet MS",Tahoma,Sans-serif;FONT-SIZE: 11px;color:#000000;text-decoration:none;}
a.bajada:hover{text-decoration:underline;}

/*Box Secciones Contenidos */
.BoxTitContenidos { font-family: Georgia, "Times New Roman", Times, serif; font-size: 17px; color: #000000; padding-top: 5px;padding-left: 5px; margin-left:auto; margin-right:auto; border:1px solid #E5E5E5;padding:3px;width:290px;text-align:left}

/*Box Titulos Secciones HOME */
.BoxTitSeccionesHome { font-family: Arial, Times, serif; font-size: 16px; color: #ffffff; padding:3px; padding-left:5px; text-align:left; font-weight:700;}


/* BUSCADOR GOOGLE */

.cajaBuscar {BACKGROUND-COLOR : #F3F3F3;width:130px;line-height:22px;margin-right:4px;padding-left:2px;border:1px solid #b3b3b3;font:11px Tahoma, Arial,sans-serif;color:#4d4d4d;}
.botonBuscar {width:50px;line-height:22px;margin-right:4px;padding-left:2px;border:1px solid #b3b3b3;font:11px Tahoma, Arial,sans-serif;color:#000000;}

/* SEPARADORES */
.pts2{position:relative;border-bottom:1px solid #C1C1C1;font-size:1px;line-height:1px;height:1px;padding:1px 1px 1px 1px;}
.pts2bt{font-size:2px;line-height:2px;height:2px;}
.pts2b{position:relative;border-bottom:1px dashed #B6B6B6;font-size:1px;line-height:1px;height:1px;padding:4px 1px 1px 1px;}
.pts3b{font-size:2px;line-height:2px;height:4px;}
.pts4 {font-family: Arial;font-size: 5pt;color:#000000;line-height:5px}

/* CAJAS CONTENEDORAS*/

.boxa,.boxc{margin-left:1px;margin-right:1px;height:1px;font-size:1px;line-height:1px;}
.outer {border: solid 1px #CFCFCF; } 
.boxa{border-bottom:1px solid #E4E2E2;}
.bpxb{border-right:1px solid #E4E2E2;border-left:1px solid #E4E2E2;padding:5px;background:#F2F2F2;}
.boxc{border-top:1px solid #E4E2E2;}
.boxd{border-right:1px solid #E4E2E2;border-left:1px solid #E4E2E2;padding:3px;background:#F2F2F2;}


/* PUNTOS*/
.pun {font-family: Arial;font-size: 5pt;color:#000000;line-height:5px}
.pt1{color:#969698;font:12px/10px Arial,Tahoma,Verdana;}
.pt2{color:#969698;font:12px/8px Arial,Tahoma,Verdana;}
.pt4{color:#969698;font:12px/1px Arial,Tahoma,Verdana;}

/* CONTENTS*/
.subcon{padding:0px 3px 0px 3px;}
.subcon p{color:#3E3E3E;font-size:13px;line-height:15px;margin:0px;padding-top:4px;padding-bottom:4px;}
.subcon p a{font-size:13px;color:#3078B2;line-height:13px;text-decoration:underline;}
.subcon p a:hover{font-size:13px;color:#3078B2;line-height:13px;text-decoration:none;}

/* TABLAS y CAPTIONS*/

.tablafoto{background:#FFFFFF;border:1px solid #cccccc; padding:1px;}
.tablafoto caption{background-color:#000000;padding:1px;text-align:left;color:#E3E3E3;font:11px "Trebuchet MS",Tahoma,Arial,Verdana,sans-serif;}


/* QUINIELAS */

.txt_fecha {font-family:Arial; color:#FFFFFF; font-size:12px; font-weight:bold; padding-top:5px;line-height:18px;}
.fecha {height:15px; padding:3px;bgcolor:#FF00FF;text-align:center;font-family:Arial; color:#FFFFFF; font-size:12px; font-weight:bold; padding-top:5px;line-height:18px; }

.sorteo, .num {border-bottom:1px #666666 dotted;background:#F9F9F9;font-family:Arial;font-size:12px;}
.sorteo{width:77%;float:left;color:#003476;font-size:11px;padding:3px 2px;}
.sorteo a {color:#003476; text-decoration:none;}
.sorteo a:hover {color:#003476; text-decoration:underline;}
.num{width:20%;float:left;color:#C10000;font-weight:bold;text-align:center;padding:3px 2px 2px 2px;}

.banner {height:50px;background:#E0EAF0;text-align:center;padding:0px;}




/* DIVS GENERALES */

DIV#TopContainer {width:998px; height:80px; margin-left:auto; margin-right:auto; padding-top:10px; padding-bottom:10px}


div#separador {
	border:0;
	background-color:#CCCCCC;
	width:792px;
	height:1px;
	float:left;
	display:inline;
	overflow:hidden;
	}
	
div#separadorwhite {
	border:0; background-color:#FFFFFF; width:794px; height:19px; float:left; display:inline; overflow:hidden
	}
	
div#separador3 {
	border:0; background-color:#FFFFFF; width:483px; height:5px;float:left; display:inline; overflow:hidden
	}
	
DIV#separador5 {width:998px; height:5px; border:0px; margin-left:auto; margin-right:auto;}

div#banner1 {
	border:0; background-color:#FFFFFF; width:483px; text-align:center; overflow:hidden
	}
div#linea {margin-left:auto; margin-right:auto; height:1px; overflow:hidden; background-color:#CCCCCC; width:998px; clear:both
}

/* BANNERS 285x50 */

DIV.ColHome295White {width:295px; margin-left:auto; margin-right:auto; background-color:#FFFFFF}
DIV.ColHome295Black {width:295px; margin-left:auto; margin-right:auto; background-color:#000000}

/* BANNER DESPLEGABLE ROLLOVER 998x250 */

DIV.Desplegable {width:998px; height:50px; margin-left:auto; margin-right:auto; padding-bottom:5px}

/* BANNER SKYSCRAPPER 998x50 */

DIV.Skyscrapper {width:998px; height:auto; margin-left:auto; margin-right:auto; text-align:left; background-color:#F3F3F3}


/* COLUMNAS */

DIV.Columna1024{position:absolute;top:0px;left:803px;width:200px;font-family:Arial, Helvetica, sans-serif;}
DIV.Conexion {width:100%; text-align:center}
DIV.ConexionLeft {width:100%; }

/* PUNTEADO */
DIV.Punteado{height:10px;width:100%; background:transparent url(/shared/img/punto.gif) repeat-x left center}
DIV.Punteado2{height:15px;width:100%; background:transparent url(/shared/img/punto.gif) repeat-x left center;}
DIV.Punteado3{height:15px;width:100%; clear:both; background:transparent url(/shared/img/punto.gif) repeat-x left center;}
.pingrey { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#666666; vertical-align:text-top}

/* http://positioniseverything.net/easyclearing.html */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;} 
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
/* End hide from IE-mac */
DIV.Spacer{height:5px;width:100%; background:transparent repeat-x left center}
DIV.Spacer2{height:10px;width:100%; background:transparent repeat-x left center}
DIV.Spacer10{height:10px;width:100%; background:transparent repeat-x left center}


/* BAHIADIGITAL TEVE */

div#teve {width:300px; margin-left:auto; margin-right:auto;}

/* PIE FINAL HOME */
DIV.Feet {width:998px; background-color:#FF0000; text-align:center; padding-top:3px; padding-bottom:3px; margin-left:auto; margin-right:auto; clear:both}
DIV.FeetSpacer5 {width:998px; height:5px; margin-left:auto; margin-right:auto; background-color:#F0F0F0; overflow:hidden}
DIV.FeetData {background-color:#F0F0F0; margin-left:auto; margin-right:auto; width:998px; text-align:center}
DIV.FeetSpacer40 {width:998px; height:40px; margin-left:auto; margin-right:auto; background-color:#F0F0F0; overflow:hidden}


/* LINKS A RADIOS Y TV */
.linkRTV { text-align:center; margin-bottom:10px; border-top:solid 1px #e4e4e4; padding-top:10px; width:998px; margin-left:auto; margin-right:auto; clear:both}
.linkRTV a { padding:0 30px}
.linkRTV a img { border:none;}


/* -------------------------- BARRA MENU DE SELECCION --------------------------------------------------------- /*

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 11em;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 11em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 1px solid #CCC;
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	padding: 0.5em 1.2em;
	color:#003399;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
	font-weight:normal;
}

/* Menu font color and styles */
ul.MenuBarTextNegro 
{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
background-color:#009999;
		color: #FFFFFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible, ul.MenuBarHorizontal a.MenuBarItemSubmenu2Hover
{
background-color:#009999;
	color: #FFFFFF;
}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a:hover.MenuBarItemSubmenu2
{
background-color:#009999;
	color: #FFFFFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	/* background-image: url(/img/SpryMenuBarDownHover.gif); */
	background-repeat: no-repeat;
	background-position: 95% 50%;

				color:#000000;
				border:1px #cccccc;
				border-right-style:solid;

}
ul.MenuBarHorizontal a.MenuBarItemSubmenu2
{

				color:#000000;
				border:1px #cccccc;
				border-right-style:solid;

}

ul.MenuBarHorizontal a.MenuBarItemSubmenu3
{
			font-weight:bold;
				color:#FFFFFF;
				background-color:#FF9900;
	
				text-decoration:blink;
				border:1px #cccccc;
				border-right-style:solid;


}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	/* background-image: url(/img/SpryMenuBarRight.gif); */
	background-repeat: no-repeat;
	background-position: 95% 50%;
	color:#000000


}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	/* background-image: url(/img/SpryMenuBarDownHover.gif); */
	background-repeat: no-repeat;
	background-position: 95% 50%;
	color:#FFFFFF

}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu2Hover
{
	/* background-image: url(/img/SpryMenuBarDownHover.gif); */
	background-repeat: no-repeat;
	background-position: 95% 50%;
	color:#FFFFFF

}


/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f/loat: left;

	}
}

/* --------------------------------------------- MENU INFERIOR 2DAS OPCIONES ------------------------------------------------- */

.menuinferior {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333;

}

.menuinferior a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333;
	text-decoration: none;
}

a.menuinferior:hover {
	text-decoration: underline;
	
}

/* ------------------------------------------------------------------------------------------------------------- */

#todo {
	width: 998px;
	margin-right: auto;
	margin-left: auto;
}