* {
	margin: 0;
	padding: 0;
}

.der {
	float: right;
}

.izq {
	float: left;
}

.mitad {
	width: 45%;
}

/* ------------------ start your engines! -- */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFF;
	background: #21200d url(../imgs/background.jpg) left top repeat-x;
}

div#eagle {
/*
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter: alpha(opacity=20);
*/
	position: absolute; 
	top: 0; 
	right: 0;
}

div#container {
	width: 850px;
	margin: 0 auto;	
}

	div#container h1, div#container h2 {
		background-color: #201f0d;
		width: auto;
		text-shadow: #000 1px 1px 3px;
		float: left;
		clear: both;
		letter-spacing: -1px;
	}

	div#container h1 {
		font-size: 36px;
		margin-top: 20px;
	}
	
	div#container h2 {
		font-size: 24px;
		margin: 5px 0;
	}

/* ------------------ menu -- */	
	div#container ul.menu {
		float: left;
		clear: both;
		margin: 65px 0;
		list-style: none;
	}
		
		div#container ul.menu li {
			font-size: 24px;
			line-height: 140%;
		}
	
		div#container ul.menu a {
			width: auto;
			text-shadow: #000 1px 1px 3px;
			font-weight: bolder;
			color: #FFF;
			text-decoration: none;
			background: #201f0d url(../imgs/menu_bullet.gif) 2px no-repeat;
			padding-left: 17px;
		}
		
		div#container ul.menu a:hover {
			background-color: #333300;
		}

/* ------------------ contenido -- */
	div#container div.titulo {
		clear: both;
		height: 33px;
		background: url(../imgs/h3_franja.gif) left top repeat-x;
	}

		div#container div.titulo h3 {
			font-size: 24px;
			color: #FFF;
			text-shadow: #000 1px 1px 3px;
			padding: 3px 6px;
		}

		div#container div.titulo a.goup {
			text-indent: -999px;
			overflow: hidden;
			background: url(../imgs/go_up.gif) 50% 50% no-repeat;
			width: 27px;
			height: 27px;
			margin: 3px 5px;
		}

	div#container div.content {
		padding: 10px;
		margin: 10px 0;
	}

		div#container div.content div.texto {
			width: 830px;
		}

			div#container div.content div.texto h4 {
				font-size: 18px;
				text-shadow: #000 1px 1px 3px;
				border-bottom: 1px solid #996;
				margin-bottom: 5px;
			}

			div#container div.content div.texto a {
				color: #996;
				text-decoration: none;
			}


				div#container div.content div.texto a:hover {
					text-decoration: underline;
				}
	
			div#container div.content div.texto p {
				font-size: 12px;
				line-height: 140%;
				text-align: justify;
				width: 355px;
				float: left;
			}

			div#container div.content div.texto a.btn_view {
				background-color: #330;
				font-size: 14px;
				font-weight: bolder;
				color: #FFF;
				width: auto;
				text-shadow: #000 1px 1px 3px;
				float: right;
				clear: both;
				letter-spacing: -1px;
				padding: 0 4px;
				text-decoration: none;
				margin-top: 20px;
			}

				div#container div.content div.texto a.btn_view:hover {
					background-color: #201f0d;
				}

		div#container div.content div.imagen {
			width: 450px;
			height: 150px;
			float: right;
			border: 2px solid #996;
			z-index: 0;
			position: relative;
			background: #201f0d url(../imgs/cargando.gif) center center no-repeat;
		}
		
		
			div#container div.content div.imagen img {
				z-index: 1;
			}

			div#container div.content div.imagen span {
			  display: block;
			  position: absolute;
			  width: 440px;
			  right: 0;
			  bottom: 0;
			  z-index: 2;
			  padding: 2px 5px;
			  background: #000;
			  color: white;
			  font-weight: bolder;
			  font-size: 24px;
			  text-shadow: #000 1px 1px 3px;
			  text-align: right;
			  opacity: 0.6;
			  -moz-opacity: 0.6;
			  filter: alpha(opacity=60);
			}
			
				div#container div.content div.imagen:hover span {
				  display: none;
				}

				div#container div.content div.imagen a {
				  text-decoration: none!important;
				}
			


/* ------------------ form who we are -- */
	div#container div#whoweare {
		padding: 10px;
		margin: 10px 0;
		float: left;
/*		width: 600px;	*/
	}

		div#container div#whoweare p {
			font-size: 14px;
			line-height: 140%;
			text-align: justify;
			margin: 7px 0;
		}

		div#container div#whoweare strong {
			background-color: #330;
			font-size: 14px;
			font-weight: bolder;
			color: #FFF;
			text-shadow: #000 1px 1px 2px;
		}

		div#container div#whoweare ul {
			margin: 20px 0;
			list-style: none;
		}

		div#container div#whoweare ul li {
			list-style: none;
			margin: 10px 0 0 20px;
			background: url(../imgs/creditos_bullet.gif) 2px no-repeat;
			padding-left: 10px;
			float: left;
			font-size: 14px;
			font-weight: bolder;
		}

			div#container div#whoweare ul li a {
				text-shadow: #000 1px 1px 3px;
				color: #FFF;
				text-decoration: none;
				background-color: #330;
				
			}
		
				div#container div#whoweare ul li a:hover {
					background-color: #330;
				}
				
		div#container div#whoweare div#texto {
			width: 350px;
			float: left;
			margin-right: 20px;
		}


		div#accordion {
			width: 450px;
			margin: 7px auto;
			float: right;
			/*height: 310px;*/
		}
		
		div#accordion h3 {
			padding: 10px;
/*			background: #201f0d;				*/
			color:#330;
			font-size: 18px;
			border-bottom: 1px solid #330;
			text-align: right; 
		}
		
			div#accordion h3:hover {
				background: #FFF;
				color: #330;
			  	opacity: 0.3;
			 	 -moz-opacity: 0.3;
			  	filter: alpha(opacity=30);
			}

		div#accordion div.panel {
			border: none;
		}

			div#accordion div#jakub {
				background: url(../imgs/whoweare/jakub.jpg) left top no-repeat; 
			}

				div#accordion div#jakub p {
					color: #000;
					padding-left: 50px;
				}

			div#accordion div#jorge {
				background: url(../imgs/whoweare/jorge.jpg) left top no-repeat; 
			}

				div#accordion div#jorge p {
					color: #FFF;
					padding: 0 20px;
				}

			div#accordion div#carlos {
				background: url(../imgs/whoweare/carlos.jpg) left top no-repeat; 
			}

				div#accordion div#carlos p {
					color: #FFF;
					padding-right: 120px;
				}

				div#accordion div#carlos h3, div#accordion div#jorge h3 {
					color:#FFF;
					border-bottom: 1px solid #FFF;
				}

			div#accordion div#carlos h3:hover, div#accordion div#jorge h3:hover {
				background: #FFF;
				color: #330;
			  	opacity: 0.3;
			 	 -moz-opacity: 0.3;
			  	filter: alpha(opacity=30);
			}

		div#accordion div.panelBody {
			height: 90px;
		}
		
		div#accordion div.panelBody p {
			padding: 3px 6px;
			font-size: 12px!important;
		}


/* ------------------ form contacto -- */
		div#container div.content fieldset {
			border: 0;
			margin: 10px 0 0 20px;
			width: 470px;
		}

			div#container div.content fieldset legend {
				display: none;
			}
			
			div#container div.content fieldset p {
				clear: both;
				height: 40px;
			}


			div#container div.content fieldset label {
				width: 100px;
				display: block;
				float: left;
				text-align: right;
				font-size: 18px;
				margin-right: 5px;
				color: #FFF;
			}

			div#container div.content fieldset input, div#container div.content fieldset textarea {
				float: left;
				font-size: 18px;
				width: 260px;
				padding: 1px 2px;
				border: 1px solid #330;
				font-family: Georgia, "Times New Roman", Times, serif;
			}

			div#container div.content fieldset input:hover, div#container div.content fieldset textarea:hover {
				border: 1px solid #585814;
				color: #585814;
			}

			div#container div.content fieldset input.submit {
				padding:2px 4px;
				margin: 10px auto;
				font-weight: bolder;
				background-color: #330;
				color: #FFF;
				font-family: Georgia, "Times New Roman", Times, serif;
				cursor: pointer;
			}

			div#container div.content fieldset input.submit:hover {
				background-color: #585814;
			}

			div#container div.content p.txt {
				font-size: 20px;
				color: #FFF;
				margin-top: 20px;
				font-weight: lighter;
				text-shadow: #000 1px 1px 3px;
				line-height: 140%;
				text-align: right;
				background: url(../imgs/contact_flecha.gif) left bottom no-repeat;
				padding-bottom: 70px;
			}

			div#container div.content div.validation-advice {
				float: left;
				font-size: 12px;
				color: #FFF;
				background-color: #F00;
				padding: 1px;
				margin-top: 5px;
				margin-left: 105px;
				font-weight: bolder;
			}

			div#container div.content p#loadBar, div#container div.content p#emailSuccess {
				text-align: center;
				color: #FFF;
				font-weight: bolder;
				margin: 5px 0;
			}

a#btn_credits {
	background: url(../imgs/btn_credits.gif) top no-repeat;
	width: 60px;
	height: 21px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

div#creditos {
	background: url(../imgs/creditos_back.gif) top repeat-x;
}

	div#creditos p {
		font-size: 12px;
		color: #333;
		padding: 20px 10px;
		text-align: right;
	}

	div#creditos ul {
		font-size: 11px;
		padding: 20px;
		list-style: none;
	}

	div#creditos ul li {
		margin: 2px 0;
	}
	
		div#creditos ul a {
			width: auto;
			text-shadow: #000 1px 1px 3px;
			font-weight: bolder;
			color: #FFF;
			text-decoration: none;
			background: #201f0d url(../imgs/creditos_bullet.gif) 2px no-repeat;
			padding-left: 7px;
		}
		
		div#creditos ul a:hover {
			background-color: #333300;
		}


/* ------------------ tooltip -- */
div#toolTip {
	position:absolute;
	z-index:9;
	width:200px;
	background:#111;
	padding: 7px;
	min-height:1em;
	-moz-border-radius:15px; 
}
div#toolTip p { 
	font-size: 14px;
	text-align: center;
	text-shadow: #000 1px 1px 2px;

}
div#toolTip p em { 
	display: none;
}


/* ------------------ extras -- */

h5.still {
	background: url(../imgs/stillondevelopment.png) right top no-repeat;
	position: absolute;
	top: 0;
	right: 50px;
	height: 215px;
	width: 692px;
	text-indent: -9999px;
	overflow: hidden;
}


/* ------------------ sagrado clearfix -- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}
<!--[if IE 7]>
.clearfix {display:inline-block;}
.clearfix {display:block;}
<![endif]-->