@charset "UTF-8";
/* CSS Document */
/*--------------------------------------------
Version 2.0
Author: Nico
Website: laescuelaboxeo.com
--------------------------------------------
********************************************/

/********************************************
normalizar estilos XHTML de diferentes navegadores
--------------------------------------------*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { /*Evitar la asignacion inconsistente de margenes y rellenos a diferentes elementos HTML*/
	margin:0;
	padding:0;
	}

ul,ol {/* Eliminamos las vinetas de las listas */
	list-style:none 
	}

h1,h2,h3,h4,h5,h6,pre,code,p {/*Evitar el tamano inconsistente de los diferentes encabezados y tambien etiquetas <pre><code>*/
	font-size:1em; 
	}

/*******************************************
estructura global
-------------------------------------------*/
html {height:100%;}
body { height: 100%; float:left;}

body {
	width: 920px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	background: #fff;
	height:100%;
	min-height: 100%;
	}

.separador {clear:both; height:1px; width:100%;}

#contenedorprincipal {
	margin: 0 auto; 
	text-align: left;
	position: relative; 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -131px; /* el margen es la altura del footer en negativo */
	}

#top {/**cabecera**/
	margin: 0 auto;
	width: 100%;
	margin:0 0 2% 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:112px;
	color:#fff;
	}
	
#left {/**barra izquierda**/
	width: 20%;
	voice-family: "\"}\"";
	voice-family:inherit;
	border-right:1px solid #999;
	padding:0 0.5% 0 0;
	margin:0 0 2% 0;
	text-align: center;
	}

#middle {/**contenido**/
	width:77%;
	min-height: 100%;
	}

.middle-col1 {/**contenido columna izq**/
	margin:0 1% 1% 0;
	width:49%;
	}

.middle-col2 {/**contenido columna der**/
	margin:0 0 1% 0;
	width:49%;
	}

.columna-central {
	margin:0.5% 0 0.5% 4%;
	}

div#contenedorFoot {/**pie**/
	width: 100%;
	height:100px;
	background-color:#000;
	bottom: 0 !important;
	padding: 5px 0 10px 0;
	margin-top:15px;
	}

table {
	border-collapse:collapse;
	}
	
/*******************************************
generales
-------------------------------------------*/
.float-left {
	float:left;
	}

.float-right {
	float:right;
	}

.float-both {
	float: right;
	float:left;
	}