html, body {
	width: 320px;
	height: 100%;
	padding: 0;
	margin:0 auto;
	position: relative;
	overflow: hidden; 	
	float:center;
}

body {	font-family: Arial, Verdana, Helvetica;	}

a{ text-decoration: none;}
p{	font-size:8pt; font-weight:bold;}
img{ border:0px;}

header, .section, footer {	width: 100%;	}

header{
	height: 120px;
	position: absolute;
	top: 0;		
	text-align: center;
	z-index:999;
}
header img{ width:100%; height:40px;}

main{
	height:100%;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

article{
	width:100%;
	height:100%;
	margin-top:6px;
	color:#EEE;
}

footer {
	position: absolute;
	height: 50px;
	bottom: 0;
	overflow: hidden;
	text-align: center;
	color:#FFF;
	font-size:8pt;
}
.section {
	min-width:100%;	
	position: absolute;
	top: 106px;
	bottom: 50px;
	overflow: scroll;
	overflow-x: hidden;	
}
/*********************** Fuente *************************/
.m_font1{font-size:6pt;}
.m_font2{font-size:8pt;}
.m_font3{font-size:10pt;}
.m_font4{font-size:12pt;}
/****************************************************/
.main_right{ width:100%;  text-align:center;  border-bottom:1px solid #999; margin-bottom:2px;}
.main_right img{ height:80px;}
.main_left{ width:100%;  text-align:center;}
/********************* Horarios *********************/
.formato_cat {border:0px; width:90%;}
.formato,.formato2 {
	background-color:#FFFFFF; 
	width:95%px; 
	border:1px solid yellow;
	box-shadow: 2px 2px 5px #999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
.formato td, .formato2 td{ border: 1px solid #888; color:#000000; font-weight:bold; text-align: center;	padding-top: 1px; padding-bottom: 2px;}
.formato td {	font-size: 7pt;}
.formato2 td {	font-size: 8pt;}
.formato td{width:150px;}
/********************* Resultados y Sanciones *********************/
.celda_p, .celda_s{ 
	width:95%; border:1px solid yellow;
	box-shadow: 2px 2px 5px #999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;}
.celda_p td, .celda_s td{
	height:20px; border:1px solid white;
	font-weight:bold; text-align: center; font-size: 7pt;	padding: 2px;}	
.celda_p 	{ color: #0000FF;}
.celda_s 	{ color: #FFFFFF;}
.celda_q td{ border-bottom:1px solid #FFC000;}
	
/********************* Grupos *********************/
.grupos{
	width: 80%; 
	box-shadow: 2px 2px 5px #999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #FFF;
	margin-bottom:5px;

}
.celda{
	height: 22px;
	font-weight: bold;
	font-size: 8pt;
	color:#000066;
	background-color: #ffffff;
	border-left: 1px solid;
	border-right: 1px solid;
	text-align:center;
}
/********************* Fotos *********************/
.camisetas_eq {
		display: block;
		background-color: #ffffff;
		height: 95px;
		width: 95px;
		text-align: center;
		vertical-align: top;
		border: 1px solid #DDE1E5;
		float: left;
		margin: 2px;
		padding: 2px;
		overflow: hidden;
	}
.camisetas_eq p{margin: 0px; color:#000080; font-size:8pt;}
.camisetas_eq img {width:65px; height:90px;} 
/********************* Fotos *********************/
.img_container {width: 100%;}
.img_eq {
		display: block;
		background-color: #ffffff;
		height: 95px;
		width: 95px;
		text-align: center;
		vertical-align: top;
		border: 1px solid #DDE1E5;
		float: left;
		margin: 2px;
		padding: 2px;
		overflow: hidden;
	}
.img_eq p{margin: 0px; color:#000080; font-size:8pt;}
.img_eq img {width:90px; height:65px; border:0px;} 
/********************* Formulario *********************/
.m_form{
	font-family: Calibri, Verdana, Helvetica;
	color:#0000FF;
	font-size:10pt;
	text-align: left;
	width:95%;
	background-color:#FFF;
}
.m_form_name{ width: 7em; }
.m_form_team{ width: 12em; }
.m_form_body{
    width: 20em;
    height: 10em;
}
/********************* torneo *****************************/
.torneo{ background: #FFF;}
.torneo a{
	color:#0000FF;
}
.torneo p{
	font-weight:bold;
	text-indent: 20px;
	margin: 10px;
}
.torneo img {
	border:0;	height: 130px;
}

.grupos h1{font-size:14pt; margin-top: 4px; margin-bottom: 4px;}
.grupos h2{font-size:12pt; margin-top: 6px; margin-bottom: 6px;}
.grupos h3{font-size:10pt; margin-top: 4px; margin-bottom: 4px;}

.descargas h1{font-size:14pt; margin: 0px; text-align: center;}
.descargas h2{font-size:8pt; margin: 0px; text-align: center;}
.descargas img {border:0;	height: 48px;}

.box a{
		display: block;
		background-color: #ffffff;
		height: 115px;
		width: 170px;
		text-align: center;
		vertical-align: top;
		border: 1px solid #DDE1E5;
		float: left;
		margin: 2px;
		padding: 2px;
		overflow: hidden;
	}
.box a:hover {background-color: #FF0; border: 1px solid #AAAAAA;}
.box p{margin-top: 0px; margin-bottom: 0px; color:#000080; font-size:8pt;}
.box img {border:0px;}

.box2 a{	width: 150px;	height: 130px;	}

.trof_img {text-align: center;}
.trof_img img {border: 2px solid #FFFF00}

/***************************** Menu ******************************************/
	nav{
		width:100%;
		text-align:center;
		margin:0px auto;
		border-bottom: 2px solid #FF0;
	}
	#separator p{
		color:#EEE;
		display: table-cell;
		vertical-align: middle;
		height:30px; 
	}
	
	ul, li { 
		margin:0;
		padding:0;
		z-index:999;
	}
		
	ul {	list-style:none;	display:inline-block;	}
	ul li {	float:left;	}
	ul#dropdownmenu {	height:60px; }
	ul#dropdownmenu li {	height:30px;	list-style:none;}	
	ul#dropdownmenu li a {
		width:102px;
		height:30px;
		color:#EEE;
		display: table-cell;
		vertical-align: middle; 
		font-family:Arial, Verdana, Geneva, sans-serif;
		font-size:8pt;
		font-weight:bold;
		text-decoration:none;
		text-align: center;	
	}
	
	ul#dropdownmenu li a:hover {	background:#003BB9;	}
	ul#dropdownmenu li ul {		display:none;	}
	ul#dropdownmenu li:hover ul {	display:block;	background:#36F;	position:absolute;}
	ul#dropdownmenu li:hover ul li {	float:none;	}
	ul#dropdownmenu li ul li ul, ul#dropdownmenu li:hover ul li ul {	display:none;	}
	ul#dropdownmenu li:hover ul li:hover ul {	display:block;	top:0;	left:100%;	}