/*  Special ---------------------- */
.pdf-file {
	background: transparent url(pdf.gif) no-repeat left;
}
.cleaner {
	display: block;
	clear:left;
	font-size: 0;
	height: 0;
}
#header hr, #header p,
#menu hr, #menu p,
#flag hr, #flag p, #flag span,
#footer hr, 
#powered_by span {
	position: absolute;
	left: -5000px;
	top: -5000px;
}
#flag ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a img {
	border: 0;
}


/* Layout ------------------------- */ 

body {
	margin: 0;
	padding: 10px 0 0 0;
}

#global, #menu, #powered_by {
	min-width: 740px;
	max-width: 960px;
	margin: 0 auto;
}
#menu table,
form,
#powered_by p {
	margin: 0;
	padding: 0;
}

#header {
	display: block;
	height: 140px;
}
	#logo {
		position: absolute;
		top: 20px;
	}
#flashzone {
	overflow: hidden;
	background-color: #000;
	border-bottom: 3px solid #000;
	display: block;
	height: 250px;
	margin-bottom: 15px;
}
 

/* Menu general ------------------------- */ 

#menu {
	position: absolute;
	z-index: 99;
	top: 140px;
	display: block;
}

		#menu table {
			float: right;
			margin-right: 23px;
			border: 0;
			border-collapse: collapse;
		}

		/* thead */
		#menu th a span {
			border-bottom: 1px solid #421005;
		}
		#menu th a span, #menu th a strong {
			display: block;
			height: 24px;
			width: 120px;
			margin-right: 5px;
		}
			#menu thead th span span, #menu thead th strong span {
				position:absolute;
				left:0px;
				top:-500px;
				width:1px;
				height:1px;
				overflow:hidden;
			}

		#menu1 span, #menu1 strong {
			background: #eee url(menu/inicio.png) no-repeat center;
		}
		#menu2 span, #menu2 strong {
			background: #eee url(menu/la_idea.png) no-repeat center;
		}
		#menu3 span, #menu3 strong {
			background: #eee url(menu/el_proyecto.png) no-repeat center;
		}
		#menu4 span, #menu4 strong {
			background: #eee url(menu/legalfree.png) no-repeat center;
		}
		
		#menu1 span, #menu2 span, #menu3 span, #menu4 span {
			/*
			filter:alpha(opacity=90);
			-moz-opacity:0.90;
			-khtml-opacity: 0.90;
			opacity: 0.9;
			*/
		}
		#menu1 strong, #menu2 strong, #menu3 strong, #menu4 strong {
			background-color: #fff;
			border-bottom: 1px solid #fff;
			cursor: default;
		}
			
		/* tbody */ 
				
		#menu tbody td {
			height: 0;
			vertical-align: top;
			padding-top: 15px;
		}
		#menu tbody span.off {
			font-size: 0;
		}
		#menu tbody a, #menu tbody span, #menu tbody a strong {
			/*cursor: hand;*/
			text-align: left;
		}
			#menu tbody ul, #menu tbody li {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			#menu tbody ul {
				position: absolute;
				display: block;
				width: 110px;
			}
				#menu tbody li {
					background-color: #fff;
					}
				#menu tbody li, #menu tbody a, #menu tbody span, #menu tbody strong {
					display: block;
					width: 100%;
					float: left;
					clear: both;
					text-decoration: none;
				}
						#menu tbody a {
							width: 90%;
							margin: 3px 0;
							padding: 0 5%;
							font-size: 0.9em;
						}
						#menu tbody a:hover {
							color: #333;
						}
						#menu tbody span:hover {
							color: #000;
						}
			

/* Bajo de página ------------------- */ 

#footer {
	padding: 0.5em;
}

#powered_by p {
	position: absolute;
	margin-top: 15px;
}

/* Colors -------------------------- */ 

html, body {
	background-color: #eee;
	color: #fff;
}
#global {
	background-color: #751909;
	border: 15px solid #fff;
}
#header {
	background: #000 url(bg-header.jpg) no-repeat top left;
	border-bottom: 15px solid #fff;
}
#content {
	background: #751909 url(bg-content.jpg) no-repeat bottom left;
	padding-bottom: 125px;
}
	#contentZone {
		border-top: 1px solid #DDCDCD;
		border-bottom: 1px solid #751909;
	}
#menu {
}
				#menu tbody li a {
					background-color: #eee;
					color: #000;
				}
#footer {
	border-top: 5px solid #fff;
}
	#footer a {
		color: #fff;
	}
#powered_by a {
	color: #999;
}
		
		
		
/* Titles ------------------------------ */

h1,
h2 span,
h3 span {
	position: absolute;
	left: -5000px;
	top: -5000px;
}

h2 {
	display: block;
	width: 270px;
	height: 19px;
	background: transparent url(transparent.gif) no-repeat top left;
}
	h2.que_es_legalfree {
		background-image: url(h2/que_es_legalfree.png);
	}
	h2.la_filosofia {
		background-image: url(h2/la_filosofia.png);
	}
	h2.la_idea {
		background-image: url(h2/la_idea.png);
	}
	h2.los_productos {
		background-image: url(h2/los_productos.png);
	}
	h2.red_de_venta {
		background-image: url(h2/red_de_venta.png);
	}
	h2.contactanos {
		background-image: url(h2/contactanos.png);
	}
	h2.los_promotores {
		background-image: url(h2/los_promotores.png);
	}
	h2.la_identidad {
		background-image: url(h2/la_identidad.png);
	}
	h2.confirmacion_de_envio {
		background-image: url(h2/confirmacion_de_envio.png);
	}

h3 {
	display: block;
	width: 300px;
	height: 19px;
	background: transparent url(transparent.gif) no-repeat top left;
	margin-bottom: 0;
}
	h3.el_uniforme {
		background-image: url(h3/el_uniforme.png);
	}
	h3.caki {
		background-image: url(h3/caki.png);
	}
	h3.mixer {
		background-image: url(h3/mixer.png);
	}
	h3.mariscal {
		background-image: url(h3/mariscal.png);
	}


/* Typography ----------------------- */

html, body {
	font: 1em Gill Sans, Helvetica, sans-serif;
}
#contentZone {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}
	#contentZone a {
		color: #fff;
	}
	#contentZone ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#contentZone li {
			background: transparent url(li.png) no-repeat top left;
			padding-left: 15px;
			margin-top: 5px;
		}
#menu tbody li {
	font-size: 0.8em;
}
#footer {
	text-align: center;
	font-size: 0.8em;
}
#powered_by a {
	font-size: 0.7em;
}

/* Pages ------------------------------- */

#content div.column {
	display: block;
	float: left;
	width: 44%;
	margin: 0 0 0 4%;
}


a.el_uniforme {
	clear: left;
	margin-left: 50px;
}


/* Form -------------------------------- */

fieldset {
	border: 0;
}
	fieldset div {
		width: 49%;
		float: left;
	}
	legend {
		display: none;
	}
	label, input, textarea {
		display: block;
		float: left;
		margin-top: 2px;
		width: 200px;
	}
	input, textarea {
		padding: 2px;
	}
	label {
		width: 75px;
		white-space: nowrap;
		clear: left;
		text-align: right;
		padding-right: 5px;
	}
	input, textarea {
		border: 0px;
	}
	input.submit {
		clear: left;
		float: none;
		margin-left: 80px;
		background-color: #fff;
		color: #000;
		border-top: 5px solid #751909;
		border-bottom: 5px solid #751909;
		margin-top: 10px;
		padding: 0 2px;
	}
	
	
# language --------------------- */
#flag {

}
#flag ul {
	position: absolute;
	top: 30px;
	margin-left: 920px;
	z-index: 50;
}
	#flag li {
		float: left;
		margin-right: 2px;
	}
		#flag a {
			display: block;
			width: 14px;
			height: 14px;
		}
		#flag a.langES {
			background: transparent url(flag/es-on.gif) no-repeat top left;
		}
		#flag a.langEN {
			background: transparent url(flag/en-on.gif) no-repeat top left;
		}