* {
  padding:		0;
  margin:		0;
  border:		0;
  outline:		0;
}
body {
  font:			12px Arial, Helvetica, Tahoma, Verdana;
  width:		990px;
  float:		none;
  margin:		0 auto;
  background:		url(/img/fondo.gif) no-repeat top center;
}

a {
  color:		#333;
  text-decoration:	none;
}
a:hover {
  color:		#AAA;
}
p {
  clear:		both;
  margin-bottom:	1em;
}
ul,
ol {
  list-style:		none;
}
h1 {
  margin-bottom:	0.5em;
}

/*-------------------------------------------------- ::: - ::: - ::: ---*/
#pagina {
  width:		100%;
  float:		left;
}

/*-------------------------------------------------- ::: - ::: - ::: ---*/
#encabezado {
  position:		relative;
  width:		100%;
  height:		400px;
}
/*-------------------------------------------------- ::: - ::: - ::: ---*/
#encabezado #logo {
  position:		absolute;
  top:			470px;
  left:			10px;
}
#encabezado #logo h2 {
}
#encabezado #logo h2 a {
  width:		155px;
  height:		30px;
  background:		url(/img/logo-linz.gif) no-repeat left top;
  display:		block;
  text-indent:		-1000em;
}
/*-------------------------------------------------- ::: - ::: - ::: ---*/
#encabezado #menu {
  width:		165px;
  height:		100px;
  float:		left;
}
#encabezado #menu ul {
  margin:		10px 0 0 10px;
}
#encabezado #menu ul li a {
  font-size:		11px;
  font-weight:		bold;
  text-transform:	uppercase;
}
#encabezado #menu ul li a span {
  color:		#F26531;
}
#encabezado #menu ul li a:hover span {
  color:		#FFA285;
}
/*-------------------------------------------------- ::: - ::: - ::: ---*/
#encabezado #destacados {
}
#encabezado #destacados ul li {
  width:		165px;
  height:		100px;
  float:		right;
}
#encabezado #destacados ul li.grande {
  position:		relative;
  width:		660px;
  height:		400px;
}
#encabezado #destacados ul li.grande span {
  position:		absolute;
  top:			20px;
  right:		0;
  width:		320px;
  padding:		5px 0 5px 10px;
  color:		#FFF;
  background:		#000 url(/img/fondo-destacado.gif) no-repeat 310px 7px;
}
#encabezado #destacados ul li a {
  display:		block;
  float:		left;
}
#encabezado #destacados ul li a:hover img {
  opacity:		0.9;
}

/*-------------------------------------------------- ::: - ::: - ::: ---*/
#contenido,
#contenido2 {
  width:		660px;
  float:		right;
  padding:		34px 0;
}
#contenido h1 {
  width:		200px;
  height:		36px;
  text-indent:		-1000em;
  overflow:		hidden;
  float:		left;
  margin:		30px 0 65px 0;
}

/* INICIO */
/*-------------------------------------------------- ::: - ::: - ::: ---*/
#contenido.inicio h1 {
  width:		100%;
  height:		70px;
  margin-bottom:	20px;
}
#contenido.inicio .descripcion {
  width:		310px;
  float:		right;
}

/* PERFIL */
/*-------------------------------------------------- ::: - ::: - ::: ---*/
#contenido.perfil {
  margin-top:		10px;
}
#contenido.perfil h1 {
  margin:		25px 0 60px 0;
}
#contenido.perfil ul {
  width:		360px;
  float:		right;
}
#contenido.perfil ul li {
  width:		330px;
  height:		15px;
  padding-left:		30px;
}
#contenido.perfil ul li.seleccionado {
  background:		url(/img/marca.gif) no-repeat 10px center;
}
#contenido.perfil ul li a {
  font-size:		11px;
  font-weight:		bold;
  text-transform:	uppercase;
}
#contenido.perfil ul li a span {
  color:		#F26531;
  padding-right:	10px;
}
#contenido.perfil ul li a:hover span {
  color:		#FFA285;
}
#contenido.perfil p,
#contenido2.perfil p {
  width:		480px;
}
#contenido.perfil div {
  clear:		both;
  float:		left;
}
#contenido.perfil hr {
  width:		660px;
  border-top:		1px solid;
  margin:		40px 0 20px 0;
}
#contenido.perfil div h2 {
  width:		330px;
  height:		33px;
  text-indent:		-1000em;
  overflow:		hidden;
  float:		left;
}
#contenido.perfil div p {
  clear:		none;
  margin-top:		10px;
  width:		290px;
  color:		#F26532;
  float:		left;
}
#contenido.perfil div hr {
  float:		left;
}
.diagrama {
  clear:		both;
  float:		left;
}
#contenido.perfil img {
  float:		right;
}
.contextual {
  position:		relative;
  top:			165px;
  width:		300px;
  padding-left:		10px;
  float:		left;
}
#contenido.perfil h2.staff {
  clear:		both;
  width:		660px;
  height:		70px;
  margin-bottom:	30px;
  text-indent:		-1000em;
  overflow:		hidden;
}
#contenido.perfil div.miembro {
  clear:		none;
  width:		330px;
  float:		left;
}
#contenido.perfil h3 {
  width:		100%;
  height:		20px;
  text-indent:		-1000em;
}
#contenido.perfil h3.hernan {
  background:		url(/img/titulo-staff-hernan-franco.gif) no-repeat left top;
}
#contenido.perfil h3.miguel {
  background:		url(/img/titulo-staff-miguel-turdo.gif) no-repeat left top;
}
#contenido.perfil div.miembro p {
  clear:		both;
  margin:		0 0 1em 0;
  width:		290px;
  color:		#333;
  float:		none;
}

/* PORTFOLIO */
/*-------------------------------------------------- ::: - ::: - ::: ---*/
#contenido.portfolio h1 {
  margin:		30px 0 0 0;
}
#contenido.portfolio table {
  clear:		both;
  width:		660px;
  padding-top:		47px;
  overflow:		hidden;
}
#contenido.portfolio table tr.info:hover {
  cursor:		pointer;
}
#contenido.portfolio table tr td {
  border-bottom:	1px solid #999;
  padding:		2px 0;
}
#contenido.portfolio table tr td.tipos {
  width:		130px;
}
#contenido.portfolio table tr td.tipos span {
  display:		block;
  float:		left;
  width:		30px;
}
#contenido.portfolio table tr td.tipos span.ok {
  background:		url(/img/ok.gif) no-repeat 8px center;
}
#contenido.portfolio table tr td.anio {
  width:		40px;
  text-align:		center;
}
#contenido.portfolio table tr td.pais {
  width:		80px;
  padding-left:		5px;
}
#contenido.portfolio table tr td.categoria {
  width:		100px;
  padding-left:		5px;
}
#contenido.portfolio table tr.oculto {
  display:		none;
}
#contenido.portfolio table tr.detalle td {
  width:		650px;
  height:		440px;
  vertical-align:	top;
}
#contenido.portfolio table tr.detalle td .imagenes {
  position:		relative;
  width:		660px;
  height:		400px;
  overflow:		hidden;
  display:		block;
  margin-bottom:	10px;
}
#contenido.portfolio table tr.detalle td .numeros {
}
#contenido.portfolio table tr.detalle td .numeros ul li {
  float:		left;
  margin-right:		5px;
}
#contenido.portfolio table tr.detalle td .numeros ul li a {
  color:		#FFF;
  font-weight:		bold;
  font-size:		10px;
  background:		#F26532;
  padding:		1px 8px;
}
#contenido.portfolio table tr.detalle td .numeros ul li.selected a {
  background:		#333;
}
#contenido.portfolio table tr.detalle td a.cerrar {
  color:		#F26532;
  float:		right;
  padding-right:	20px;
  margin-right:		20px;
  background:		url(/img/cerrar.gif) no-repeat right center;
}
#info b {
  width:		155px;
  padding:		1px 0 1px 5px;
  margin-bottom:	5px;
  display:		block;
  font-size:		11px;
  color:		#FFF;
  background:		#F26532;
  text-transform:	uppercase;
  float:		left;
}
#info br {
  clear:		both;
}


/* CONTACTO */
/*-------------------------------------------------- ::: - ::: - ::: ---*/
#contenido.contacto h1 {
}
#contenido.contacto form {
  clear:		both;
}
#contenido.contacto form fieldset label {
  width:		130px;
  padding-top:		3px;
  display:		block;
  float:		left;
}
#contenido.contacto form fieldset hr {
  clear:		both;
  border-top:		1px solid #AAA;
}
#contenido.contacto form fieldset .campo {
  font:			12px Arial, Helvetica, Tahoma, Verdana;
  color:		#333;
  padding:		3px 0;
  width:		440px;
  float:		left;
}
#contenido.contacto form fieldset textarea {
  height:		135px;
}
#contenido.contacto form fieldset #envio {
  font:			12px Arial, Helvetica, Tahoma, Verdana;
  position:		relative;
  top:			3px;
  left:			-3px;
  color:		#F26532;
  background:		#FFF;
}
#contenido.contacto form fieldset #envio:hover {
  cursor:		pointer;
}
#contenido.contacto form fieldset #envio.ok {
  padding-right:	20px;
  background:		url(/img/ok.gif) no-repeat right center;
}
#contenido.contacto form fieldset .requerido {
  position:		relative;
  top:			3px;
  float:		right;
  color:		#F00;
  display:		none;
}

/* CREDITOS */
/*-------------------------------------------------- ::: - ::: - ::: ---*/
#contenido.creditos h1 {
}
#contenido.creditos .datosCreditos {
  clear:		both;
}
#contenido.creditos .datosCreditos p {
  clear:		none;
  width:		330px;
  float:		left;
}
#contenido.creditos .datosCreditos p b {
  width:		315px;
  padding:		1px 0 1px 5px;
  margin-bottom:	5px;
  display:		block;
  font-size:		11px;
  color:		#FFF;
  background:		#F26532;
  text-transform:	uppercase;
  float:		left;
}
#contenido.creditos .datosCreditos p a {
  color:		#F26532;
}
#contenido.creditos .datosCreditos p a:hover {
  color:		#AAA;
}

/*-------------------------------------------------- ::: - ::: - ::: ---*/
a.cambioIdioma {
  margin-bottom:	2em;
  text-transform:	uppercase;
  color:		#000;
  font-size:		10px;
  padding:		0 0 5px 22px;
}
a.cambioIdioma:hover {
  opacity:		0.6;
}
/*-------------------------------------------------- ::: - ::: - ::: ---*/
.datosContacto {
  width:		155px;
  float:		left;
}
.datosContacto b {
  width:		150px;
  padding:		1px 0 1px 5px;
  margin-bottom:	5px;
  display:		block;
  font-size:		11px;
  color:		#FFF;
  background:		#F26532;
  text-transform:	uppercase;
  float:		left;
}
.datosContacto .facebook {
  width:		14px;
  height:		14px;
  text-indent:		-1000em;
  display:		block;
  background:		url(/img/facebook.gif) no-repeat left top;
}

/*-------------------------------------------------- ::: - ::: - ::: ---*/
#pie {
  clear:		both;
  color:		#F26532;
  width:		660px;
  margin:		100px 0 50px 0;
  float:		right;
}
#pie a {
  color:		#F26532;
}
#pie hr {
  position:		relative;
  top:			18px;
  border-top:		1px solid #F26532;
}

/* IDIOMAS */
/*-------------------------------------------------- ::: - ::: - ::: ---*/
.es .inicio h1 {
  background:		url(/img/titulo-inicio-es.gif) no-repeat left top;
}
.es a.cambioIdioma {
  background:		url(/img/idioma-en.gif) no-repeat left top;
}
.es .perfil h1 {
  background:		url(/img/titulo-perfil-es.gif) no-repeat left top;
}
.es .perfil h2.marca {
  background:		url(/img/titulo-marca-es.gif) no-repeat left top;
}
.es .perfil h2.tiempo {
  background:		url(/img/titulo-tiempo-es.gif) no-repeat left top;
}
.es .perfil h2.costos {
  background:		url(/img/titulo-costos-es.gif) no-repeat left top;
}
.es .perfil h2.staff {
  background:		url(/img/titulo-staff-es.gif) no-repeat left top;
}
.es .contacto h1 {
  background:		url(/img/titulo-contacto-es.gif) no-repeat left top;
}
.es .creditos h1 {
  background:		url(/img/titulo-creditos-es.gif) no-repeat left top;
}
.es .portfolio h1 {
  background:		url(/img/titulo-portfolio-es.gif) no-repeat left top;
}
.es .portfolio table {
  background:		url(/img/tipos-proyecto-es.gif) no-repeat right top;
}
.es .legal h1 {
  background:		url(/img/titulo-aviso-legal-es.gif) no-repeat left top;
}
/*-------------------------------------------------- ::: - ::: - ::: ---*/
.en .inicio h1 {
  background:		url(/img/titulo-inicio-en.gif) no-repeat left top;
}
.en a.cambioIdioma {
  background:		url(/img/idioma-es.gif) no-repeat left top;
}
.en .perfil h1 {
  background:		url(/img/titulo-perfil-en.gif) no-repeat left top;
}
.en .perfil h2.marca {
  background:		url(/img/titulo-marca-en.gif) no-repeat left top;
}
.en .perfil h2.tiempo {
  background:		url(/img/titulo-tiempo-en.gif) no-repeat left top;
}
.en .perfil h2.costos {
  background:		url(/img/titulo-costos-en.gif) no-repeat left top;
}
.en .perfil h2.staff {
  background:		url(/img/titulo-staff-en.gif) no-repeat left top;
}
.en .contacto h1 {
  background:		url(/img/titulo-contacto-en.gif) no-repeat left top;
}
.en .creditos h1 {
  background:		url(/img/titulo-creditos-en.gif) no-repeat left top;
}
.en .portfolio h1 {
  background:		url(/img/titulo-portfolio-en.gif) no-repeat left top;
}
.en .portfolio table {
  background:		url(/img/tipos-proyecto-en.gif) no-repeat 520px top;
}
.en .legal h1 {
  background:		url(/img/titulo-aviso-legal-en.gif) no-repeat left top;
}