* {
	font-family: Arial, Helvetica, sans-serif;
	color: #5d5d5d;
}

html, body {
	margin: 0;
	padding: 0;
	background: white;
	height: 100%;
	width: 100%;
}

body, td, a, input, textarea, b, stron, em, i {
	color: #5d5d5d;
	font-size: 13px;
	line-height: 150%;
}

a:link, 
a:hover, 
a:active, 
a:visited {
	color: #008cba;
	text-decoration: underline;
}

h1, h2 {
	font-size: 25px;
	color: #008cba;
	font-weight: normal;
	margin: 0 0 1em;
}

h3, h4 {
	font-weight: normal;
	font-size: 20px;
	color: black;
	margin: 0 0 1em;
}

h4 {
	font-size: 15px;
}

p {
	margin: 0 0 1.5em;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 165%;
}

img {
	border: none;
}

#cabecera {
	height: 52px;
	background: #0996f4 url('cabecera.gif') repeat-x top;
}

#cabecera h1 {
	text-indent: -4000px;
	overflow: hidden;
	background: url('logo.gif') no-repeat left center;
	height: 52px;
	margin: 0;
}

#body {
	min-height: 100%;
	position: relative;
	width: 100%;
	padding-bottom: 60px;
}

div.loading * {
	display: none !important;
}

div.loading {
	background: url('loading.gif') no-repeat left top;
	min-height: 30px;
}

#menu {
	background: #2c3942 url('menu.gif') repeat-x bottom;
	height: 33px;
	line-height: 33px;
}

#menu h2 {
	display: none;
}

#menu ul {
	width: 900px;
	margin: 0 auto;
	line-height: 33px;
}

#menu ul li {
	float: left;
	margin-right: 1em;
}

#menu a,
#menu li {
	font-size: 13px;
	text-transform: uppercase;
	color: #dcdcdc;
	text-decoration: none;
}
#menu a:hover {
	color: white;
}

#menu li.skype, 
#menu li.newsletter{
	float: right;
}

#menu li#skype.loading span.estado {
	display: none;
}
#menu li#skype.loading a {
	padding-right: 26px;
	background: url('loading_negro.gif') no-repeat right center;
}

#menu li#skype a,
#menu li.newsletter a {
	font-size: 12px;
	text-transform: none;	
}

#menu li#skype a span,
#menu li.newsletter a {
	text-decoration: underline;
	color: white;	
}

#menu li#skype a .estado {
	text-decoration: none !important;
}

#contenido {
	padding-bottom: 48px;
	width: 100%;
}


#cuerpo {
	background: url('principal.gif') repeat-x bottom;
	min-height: 300px;
	margin-top: 35px;
	padding-bottom: 85px;
	overflow: auto;
	_overflow: hidden;
	_height: 1%;
}

#cabecera .interior,
#cuerpo .interior,
#faldon .interior,
#pie .interior   {
	width: 900px;
	margin: 0 auto;
	overflow: visible;
}

#faldon {	
	border-top: 1px solid #b2b2b2;
	clear: both;
	padding-top: 30px;
	margin: 0 0 30px;
	overflow: hidden;
}

#pie {
	clear: both;
	background: url('pie.gif') repeat-x bottom;
	padding-top: 3px;
	border-top: 1px solid #b2b2b2;
	text-align: right;
	line-height: 48px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 48px;	
}

#pie * {
	color: white;
}


#faldon #directorio {
	width: 675px;
	float: left;
	clear: both;
	overflow: auto;
	_height: 1%;
	_overflow: hidden;
}

#faldon #directorio ul li.categoria {
	float: left;
	width: 225px;
	font-size: 15px;
	color: black;
}

#faldon #directorio ul li.categoria ul {
	margin-top: 5px;
	line-height: 150%;
}

#faldon #directorio ul li.categoria li a {
	font-size: 13px;
	color: #5D5D5D;
}



#faldon #twitter {
	width: 225px;
	float: left;
	min-height: 170px;
	background: url('twitter.gif') no-repeat left top;
	padding-top: 50px;	
}

#faldon #twitter #twit a {
	display: block;	
	font-size: 18px;
	color: #5d5d5d;
	text-decoration: none;
}

#faldon #twitter #twit .fecha {
	font-size: 13px;
}

/* Inicio */

#cuerpo.inicio .interior {
	padding-bottom: 50px;
	padding-top: 330px;
	position: relative;		
}

#cuerpo.inicio #flash {
	width: 950px;
	height: 300px;
	position: absolute;
	top: 0;
	background: url('flash_home.jpg');	
	margin: 0 -30px 0;
	overflow: visible;
}

#cuerpo.inicio #destacados {
	margin: 0 auto;	
	width: 920px;
	overflow: hidden;	
	_height: 1%;
}

#cuerpo.inicio #destacados .destacado {
	width: 210px;
	float: left;
	margin: 0 20px 0 0;
}

#cuerpo.inicio #destacados .destacado h3 {
	color: #008cba;
	margin: 0;
}

#cuerpo.inicio #destacados .destacado .tags, 
#cuerpo.inicio #destacados .destacado .tags a {
	text-decoration: none;
	text-transform: uppercase;
	color: black;
	font-size: 11px;
}

#cuerpo.inicio #destacados .destacado .descripcion {
	margin-top: 25px;
}

#cuerpo.inicio #destacados .destacado .ampliar {
	margin-top: 18px;
	display: block;
	float: left;
	color: black;
	font-size: 11px;
	text-transform: uppercase;
}

/* Quienes somos */

#cuerpo.quienes h2 {
	margin-bottom: 10px;
}

#cuerpo.quienes #album {
	margin-bottom: 45px;
}

#cuerpo.quienes .equipo {
	margin-top: 60px;
	position: relative;
}

#cuerpo.quienes .equipo .persona {
	margin-bottom: 50px;
	padding-left: 225px;
	position: relative;
}

#cuerpo.quienes .equipo .persona img {
	position: absolute;	
	top: 0;
	left: 0;
	_left: -225px;
}

#cuerpo.quienes .equipo .persona h3 {
	color: #008CBA;
	margin-bottom: 5px;
}

#cuerpo.quienes .equipo .persona .enlaces ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#cuerpo.quienes .equipo .persona .enlaces h4 {
	margin-bottom: 5px;
}

#cuerpo.quienes .equipo .persona .enlaces ul li a {
	color: #5d5d5d;	
}

/* Tag */
#cuerpo.tag .album,
#cuerpo.tag .descripcion {
	width: 640px;
	float: left;
}

#cuerpo.tag .album {
	margin-bottom: 35px;
}

#cuerpo.tag .relacionados {
	width: 200px;
	float: right;
}

#cuerpo.tag .relacionados ul {
	margin-bottom: 45px;
}

#cuerpo.tag .relacionados h3 {
	font-size: 15px;
}

#cuerpo.tag .relacionados li a {
	color: #5d5d5d;
}

/* Proyecto */
#cuerpo.proyecto h2 {
	margin-bottom: 10px;
}

#cuerpo.proyecto #flash {
	width: 950px;
	height: 300px;
	margin: 30px -30px 45px;
	overflow: visible;
}

#cuerpo.proyecto .descripcion {
	float: left;
	width: 640px;
}

#cuerpo.proyecto .relacionados {
	width: 200px;
	float: right;
}

#cuerpo.proyecto .relacionados ul {
	margin-bottom: 45px;
}

#cuerpo.proyecto .relacionados h3 {
	font-size: 15px;
	margin-bottom: 10px;
}

/* Clientes y amigos */
#cuerpo.clientes h2 {
	margin-bottom: 10px;
	clear: both;
}

#cuerpo.clientes ul {
	list-style: none;
	margin: 40px 0 50px;
	line-height: 70px;
	width: 930px;
}

#cuerpo.clientes ul li {
	float: left;
	width: 200px;
	margin-right: 30px;	
	line-height: 1.8em;
	text-align: left;
}

#cuerpo.clientes ul li.logo {
	line-height: 70px;
	text-align: center;	
}

#cuerpo.clientes ul li.clear {
	clear: both;
	width: 100%;
	float: none;
}

/* Contacto */

#cuerpo.contacto {
	padding-bottom: 0;
}

#cuerpo.contacto .interior {
	background: url('fondo-mapa.gif') no-repeat left bottom;
	min-height: 300px;
	padding-bottom: 40px;
	padding-top: 50px;
	overflow: hidden;
}

#cuerpo.contacto .datos {
	float: left;
	margin-top: -50px;
	width: 500px;
}

#cuerpo.contacto .datos h2,
#cuerpo.contacto .formulario h2 {
	font-size: 20px;
}

#cuerpo.contacto .formulario {
	float: right;	
	width: 280px;
	margin-top: -50px;
}

#cuerpo.contacto .formulario .enviar {
	float: right;
}

#cuerpo.contacto .formulario .nombre,
#cuerpo.contacto .formulario .email,
#cuerpo.contacto .formulario .asunto,
#cuerpo.contacto .formulario .mensaje {
	width: 272px;
}

#cuerpo.contacto .formulario .nombre input,
#cuerpo.contacto .formulario .email input,
#cuerpo.contacto .formulario .asunto input,
#cuerpo.contacto .formulario .mensaje textarea {
	display: block;
	width: 272px;
	margin: 0 0 10px;
	padding: 2px;
}

#cuerpo.contacto .formulario .mensaje textarea {
	height: 200px;
}

/* Newsletter */

#cuerpo.newsletter .interior {
	padding-bottom: 100px;
}

/* Perfil */

#cuerpo.perfil .formulario {
	float: left;
	margin-right: 50px;
}

#cuerpo.perfil label {
	display: block;
}

#cuerpo.perfil label input.text {
	width: 300px;
	margin-bottom: 1em;
}

#cuerpo.perfil label.formato {
	margin-bottom: 2em;
}

#cuerpo.perfil label.formato input {
	margin-left: 0;
}