/* Generals */

body { 
	color:#c8c8c8;
	background:#fff;
	font-family: "Helvetica Neue LT Std", Helvetica, Arial, sans-serif;
	text-transform:lowercase;
	text-align:center; }

a { 
	color:#c8c8c8;
	background:#fff;
	text-decoration:none; }
	
a:hover { 
	text-decoration:underline; }

ul {
	list-style:none; }



div#container {
	width:1024px;
	margin:12px auto 0;
	text-align:left; }


/* Contents */

h1 {
	width:200px;
	float:left;
	margin-left:30px;
	font-size:40px;
	line-height:30px;
	margin-top:24px; }

h1 { font-family: 'Lobster', arial, serif; }

h2 {
	width:200px;
	float:left;
	font-size:20px;
	line-height:30px;
	padding-top:2px;
	margin-top:32px; }

h3 {
	display:none;
	clear:both; }	

h2 span {
	font-weight:bold; }

dl {
	float:right;
	margin-right:30px; }

	dl dt {
		display:none; }
		
	dl dd {
		float:left;
		margin:0 4px 0 0;
		line-height:30px;
		padding-top:3px; }
		
	dl dd#email {
		margin-right:40px; }
		
	dl dd#twitter {
			float:right;
			width:24px;
			height:25px;
			margin-right:5px; }
		
	dl dd#twitter a {
			display:block;
			background:url(../img/icons.png) no-repeat -10px -10px;
			width:24px;
			height:25px;
			text-indent:-9999px;}
		
	dl dd#twitter a:hover {
			background:url(../img/icons.png) no-repeat -10px -44px; }
		
	dl dd#linkedIn {
			float:right;
			width:24px;
			height:25px;
			margin-right:6px; }
		
	dl dd#linkedIn a {
			display:block;
			background:url(../img/icons.png) no-repeat -36px -10px;
			width:24px;
			height:25px;
			text-indent:-9999px; }
	
	dl dd#linkedIn a:hover {
			background:url(../img/icons.png) no-repeat -36px -44px;	
		}
	
	dl dd#vCard {
			float:right;
			width:31px;
			height:25px; }
		
	dl dd#vCard a {
			display:block;
			background:url(../img/icons.png) no-repeat -63px -10px;
			width:31px;
			height:25px;
			text-indent:-9999px; }
		
	dl dd#vCard a:hover {
			background:url(../img/icons.png) no-repeat -63px -44px; }
			
	dl span.clear {
		margin-bottom:4px;	
	}



ul#colaborations {
	margin:0px 0 50px 20px;
	clear:both;
	float:left;}

	ul#colaborations li {
		width:316px;
		height:226px; 
		float:left; 
		margin:5px; }
		
	ul#colaborations li a {
		width:316px;
		height:226px; 
		display:block;
		text-indent:-9999px;
		background:none; }
		
	ul#colaborations li a:hover {
		background:url(../img/select.png) top left no-repeat; }
		
	ul#colaborations li#revision3 {
		background:url(../img/Revision3.png) no-repeat top left; }
		
	ul#colaborations li#guiarepsol {
		background: url(../img/GuiaRepsol.png) no-repeat top left; }
		
	ul#colaborations li#repsol {
		background: url(../img/Repsol.png) no-repeat top left; }
		
	ul#colaborations li#heladosnestle {
		background: url(../img/HeladosNestle.png) no-repeat top left; }
		
	ul#colaborations li#ulises {
		background: url(../img/Ulises.png) no-repeat top left; }
		
	ul#colaborations li#termcat {
		background: url(../img/TermCat.png) no-repeat top left; }
		
	ul#colaborations li#cultivar {
		background: url(../img/Cultivar.png) no-repeat top left; }
		
	ul#colaborations li#goimen {
		background: url(../img/Goimen.png) no-repeat top left; }
		
	ul#colaborations li#etxeondo {
		background: url(../img/Etxeondo.png) no-repeat top left; }
		
	ul#colaborations li#webalianza {
		background: url(../img/Webalianza.png) no-repeat top left; }
		
	ul#colaborations li#arturocardelus {
		background: url(../img/ArturoCardelus.png) no-repeat top left; }
		
	ul#colaborations li#pozuelodealarcon {
		background: url(../img/PozueloAlarcon.png) no-repeat top left; }
		

ul#customers {
	margin:0 30px 100px 25px;
	clear:both;
	height:50px;}
		
	ul#customers a {
		display:block; 
		float:left;
		text-indent:-9999px;
		margin-right:15px; }
	
	ul#customers a#arista {
		background:url(../img/Arista.png) no-repeat top left;
		width:90px;
		height:38px;}
	
	ul#customers a#gamestreamer {
		background:url(../img/GameStreamer.png) no-repeat top left;
		width:142px;
		height:38px;}
		
	ul#customers a#grupointercom {
		background:url(../img/GrupoIntercom.png) no-repeat top left;
		width:140px;
		height:38px;}
	
	ul#customers a#laviniainteractiva {
		background:url(../img/LaviniaInteractiva.png) no-repeat top left;
		width:145px;
		height:38px;}
		
	ul#customers a#wegetit {
		background:url(../img/Wegetit.png) no-repeat top left;
		width:43px;
		height:38px;}
		
	ul#customers a#keepu {
		background:url(../img/Keepu.png) no-repeat top left;
		width:90px;
		height:38px;}
		
	ul#customers a#video2brain {
		background:url(../img/Video2Brain.png) no-repeat top left;
		width:120px;
		height:38px;}
		
	ul#customers a#develoop {
		background:url(../img/Develoop.png) no-repeat top left;
		width:70px;
		height:38px;}