/*
=========================================
|  CSS STYLES FOR Mundialito              |
|	Estilos tipos - typography styles    |
|  v1.0, 04/2006                        |
|               Autor: Luis A. Paņos    |
=========================================
*/ 

/************************************************************************
* 
* General
*
************************************************************************/
body { margin: 0px; padding: 0px; }
P {
	display: block; clear: both;
}
TABLE#positionBody { width: 100%; height: 100%; margin: 0px; padding: 0px; }
TABLE#positionBody tr td.position { vertical-align: top; width: 100%; text-align: center; padding-top: 0px; }


TABLE#tableBody { margin: 0px; padding: 0px;   background: #ffffff url(images/background_main.jpg) repeat-y top; width: 795px; 
font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif; font-size: 12px; margin: auto auto; }
TABLE#tableBody tr td {margin: 0px; padding: 0px; vertical-align: top; }

ul#topNavMenu {font-size: 10px; font-family: sans-serif; margin:0px; padding:18px 30px 20px 0px; list-style: none; text-align:right; }  
ul#topNavMenu li { margin: 0px; padding: 0px 10px 0px 0px; display:inline; list-style: none;}

a:link
{
    color: #B22222;
}
a:visited
{
    color: #B22222;
}
a:hover
{
    text-decoration: none;
    color: #A45521;
}
a:active
{
    text-decoration: none;
    color: #000000;
}

UL LI {
	list-style: square outside;
	margin: 10px 0px;
}

OL { font-weight: bold; }
OL LI {
	font-weight: normal;
	list-style-type: decimal;
}


UL { font-weight: bold; }
UL LI {
	font-weight: normal;
}
/************************************************************************
* 
* Cabecera
*
************************************************************************/


#cabecera
{
	background: white url(images/poster.jpg) no-repeat left top; 
	width: 795px;
	height: 124px;

}



/************************************************************************
* 
* navegacion
*
************************************************************************/


#navegacion
{
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
	width: 200px;
	background: silver url(images/bg-navegacion.gif) no-repeat 15px 0px;
	padding-top: 97px !important;
}


#navegacion ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
	width: 165px;
	padding-left: 35px !important;
	/*padding-right: 10px;*/
}
#navegacion ul li
{
	width: 165px;
	list-style-type: none;
	list-style-position: outside;
    padding: 0px;
	 margin: 10px 0px;
	 border-bottom: 1px solid gray;


}
#navegacion ul li a { display: block; background-color: white; text-decoration: none; 	width: 165px;}
#navegacion ul li a:hover{ color: #333; background-color: #ffcc00; }



/************************************************************************
* 
* contenidos
*
************************************************************************/
#contenidos {
	padding: 10px 40px 10px 10px !important;
	width: 595px;
}
P.cabecera { font-size: 18px; color: gray; font-weight: bold; text-align: right;  margin: 0px 0px 10px 0px; padding: 0px; border-bottom: 1px solid gray; }
P.texto {	font-size: 12px;	margin: 0px;	padding: 10px 0px;}
P.texto IMG { float: left;}

DIV.moduloNoticia {display: block; clear: both; margin: 10px 0px;}
DIV.moduloAnuncio {display: block; clear: both; margin: 10px 0px; border-bottom: 1px dashed silver; min-height: 120px; height: 120px;}
P.antetitulo{ font-size: 10px; color: #333399; font-weight: bold; font-family: sans-serif, Helvetica, Arial; margin: 0px; padding: 0px; }
P.titular{ font-size: 16px; color: black; font-weight: bold; font-family: sans-serif, Helvetica, Arial; margin: 0px; padding: 0px; }
P.titular A { color: black !important;}
P.titular A:hover { color: black;}
P.lead {	font-size: 12px; color: #696969; font-weight:bold; 	margin: 0px;	padding: 10px 0px;}
P.lead STRONG { color: #B22222; font-weight: normal; }
DIV.moduloNoticia P.lead IMG { border: 1px solid gray; float: left; margin: 0px 5px; }
DIV.moduloAnuncio P.lead IMG { width: 84px; height: 64px; border: 1px solid gray; float: left; margin: 0px 5px; }
P.lead SPAN.texto { color: Black; font-style: normal; font-weight: normal; display: block; padding-top: 10px; }
P.back{ text-align: right; }

UL.relacionadas{ margin: 10px 0px 0px 0px; padding: 0px; list-style: none; display: block; clear: both;
	border-top: 1px solid silver; border-bottom: 1px solid silver;
}


UL#paises LI {	list-style-type: none;
	list-style-position: outside;
    padding: 0px;
	 margin: 10px 0px;}
UL#paises LI IMG { float: left; margin-right: 5px; width: 28px; height: 19px; }

P.equipo{ background-color: Gray; font-size: 16px; color: white; font-weight: bold; font-family: sans-serif, Helvetica, Arial; margin: 0px; padding: 0px 0px 0px 10px; }

TABLE.tabla2cols, TABLE.tabla3cols, TABLE.tabla4cols, TABLE.tabla4cols_res, TABLE.tabla8cols {
	width: 100%;
	font-size: 10px;
	border-width: 1px 0px 0px 1px;
	border-color: silver;	border-style: solid; 	margin-bottom: 10px;
}


TABLE.tabla2cols TR TH, TABLE.tabla3cols TR TH, TABLE.tabla4cols TR TH, TABLE.tabla4cols_res TR TH, TABLE.tabla8cols TR TH  { background-color: Silver; padding: 2px !important; }
/*TABLE.tabla2cols TR TD { text-align: left !important;}*/
TABLE.tabla2cols TR TD, TABLE.tabla3cols TR TD, TABLE.tabla4cols TR TD, TABLE.tabla4cols_res TR TD, TABLE.tabla8cols TR TD  { border-bottom: 1px solid silver; border-right: 1px solid silver; padding: 2px !important; text-align: center; }

TABLE.tabla3cols TR TD { width: 33%; } 
TABLE.tabla4cols TR TD { width: 25%; } 
TABLE.tabla8cols TR TD { width: 12%; } 

TD.separador { background-color: #DDDDDD; height: 5px; }

div.btonSubir { margin-bottom: 20px; }


UL#enlaces LI {	list-style-type: none;
	list-style-position: outside;
    padding: 0px;
	 margin: 10px 0px;
	 height: 100px;
	 display: block; background-color: #E4E4E4;}
UL#enlaces LI IMG { float: left; margin-right: 5px; width: 100px; height: 100px; border: 1px solid gray; }



DIV.galeria DIV.nombreGaleria { margin-bottom:10px; color: maroon; font-weight: bold; }
DIV.galeria { text-align: center; padding-top: 10px; }
DIV.galeria IMG { border: 1px solid gray; width: 150px; height: 125; }
/************************************************************************
* 
* pie
*
************************************************************************/
#footer
{
   background: White url(images/bg_close.jpg) no-repeat left top;
   width: 795px;
	height: 400px;
}