@charset "UTF-8";
/* CSS Document */

body {
	background-color: #DCDDDE;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
ul , ol{
	margin: 0px;
	padding: 0px;
}
li {
	margin: 0px;
	padding: 0px;
}
p {
	padding: 0px;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #333;
}
a {
	text-decoration: none;
	color: #333;
}
.container {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../assets/fons-container.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.flash {
	margin: 0px;
	padding: 0px;
	height: 445px;
	width: 1000px;
	background-color: #FFF;
}
.flash #myAlternativeContent {
	text-align: center;
}
.head {
	height: 85px;
	width: 940px;
	background-image: url(../assets/fons-cap.png);
	background-repeat: no-repeat;
	padding-top: 35px;
	background-color: #FFF;
	padding-left: 60px;
}
#home {
	background-image: url(none);
}
#home .head {
	background-color: transparent;
}
.head h1 , .head h2{
	display: none;
}
.head .logo {
	background-image: url(../assets/logo.png);
	background-repeat: no-repeat;
	float: right;
	height: 50px;
	width: 202px;
	margin-right: 65px;
	margin-top: 0px;
	background-position: right top;
}
/************ MENU ************/

#flowtabs  {
	margin-left: 65px;
	padding: 0px;
	height: 50px;
	width: 450px;
	margin-top: 2px;
}
#home #flowtabs {
	margin-left: 0px;
}
/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	margin:0 !important;
	padding:0;
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
	list-style-type: none;
	float: left;
}
#flowtabs li {
	float: left;
	display: inline;
	list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#flowtabs #current  {
	background-image: none;
	color: #333;
}
#flowtabs a.current { 
    background-image: none;
	color: #333;   
}
#flowtabs a.current .butLeft{ 
   background-image: none;
}
#flowtabs #current .butLeft  {
	background-image: none;
}

.button {
	background-image: url(../assets/fons-menu.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 17px;
	padding-top: 1px;
	padding-right: 11px;
	padding-left: 4px;
	position: relative;
	margin-left: 2px;
	margin-right: 8px;
	color: #fff;
	font-size: 11px;
	display: block;
	float: left;
	margin-top: 4px;
}
.social {
	float: left;
	margin-left:-69px;
	margin-top:22px;
}
#en {
	margin-left: -60px;
}
.social a{
	height: 18px;
	width: 18px;
	margin-left: 0px;
	margin-right: 2px;
	display: block;
	float: left;
	background-image: url(../assets/facebook.png);
	background-position: right top;
	margin-top: 4px;
}
.social a:hover {
	background-position: center bottom;
}	
.social #facebook{
	background-image: url(../assets/facebook.png);
}
.social #twitter{
	background-image: url(../assets/twitter.png);
}
.social #linkedin{
	background-image: url(../assets/linkedin.png);
}
.social #youtube {
	background-image: url(../assets/youtube.png);
}
.social #tumblr {
	background-image: url(../assets/tumblr.png);
}
.ra {
	background-image: url(../assets/ra.png);
	height: 18px;
	width: 36px;
	margin-left: -4px;
	margin-right: 8px;
	display: block;
	float: left;
	background-position: center top;
	margin-top: 4px;
}
.ra:hover {
	background-position: center bottom;
}	
#flowtabs .ra.current {
	background-image: url(../assets/ra-current.png);
	background-repeat: no-repeat;
}
.button.white {
	color: #333333;
	background-image: url(../assets/fons-menu-white.png);
	width: auto;
}

.button span.butLeft {
	background-image: url(../assets/fons-menu.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	width: 7px;
	position: absolute;
	left: -7px;
	top: 0px;
}
.button.white .butLeft {
	background-image: url(../assets/fons-menu-white.png);
}
.button:hover {
	cursor: pointer;
	color: #333333;
	background-image: url(../assets/fons-menu-white.png);
	text-decoration: none;
	background-position: right top;
}
.button.white:hover {
	color: #FFF;
	background-position: right top;
	background-image: url(../assets/fons-menu.png);
}
.button:hover span.butLeft {
	background-image: url(../assets/fons-menu-white.png);
	background-position: left top;
}
.button.white:hover .butLeft {
	background-image: url(../assets/fons-menu.png);
	background-position: left top;
}

/* single tab */
/*#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}*/

/* a- tag inside single tab */
/*#flowtabs li a {
	background: url(/tools/img/tabs/blue_panes.jpg) no-repeat;
	display:block;
	height: 31px;   
	width: 189px; 	
	padding:0px;
	margin:0px;
	

	color:#000;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}
*/
/* adjust the background image position on each tab */
/*#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -189px 0; }
#flowtabs #t3 			{ background-position: -378px 0; }
#flowtabs #t4 			{ background-position: -567px 0; width:192px;}*/
 
/* mouseover state */
/*#flowtabs a:hover 		{ color:#fff;	 }
#flowtabs #t1:hover 	{ background-position:      0 -33px; }
#flowtabs #t2:hover 	{ background-position: -189px -33px; }
#flowtabs #t3:hover 	{ background-position: -378px -33px; }
#flowtabs #t4:hover 	{ background-position: -567px -33px; }*/

/* currently selected tabs */
/*#flowtabs a.current		{ cursor:default; color:#fff; line-height:34px; }
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }*/


/* panes */
#flowpanes {
	height: 400px;
	float: left;
	background-color: #FFF;
	width: 920px;
	overflow: hidden;
	position: relative;
	padding-top: 20px;
}
/* single pane */
/*#flowpanes .panes {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	float: left;
	width: 880px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
}*/
#flowpanes div {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	float: left;
	width: 880px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
}
#flowpanes div div div{
	width:auto;
	padding: 0;
	margin: 0;
}


#flowpanes div.narrow {
	padding-right:160px;		
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}
#flowpanes  .leftcol{
	width: 415px;
	float: left;
	margin: 0;
	padding: 0;
}
#flowpanes  .rightcol{
	float: left;
	width: 415px;
	margin-left: 50px;
	margin-top: 40px;
	padding: 0;
}
#flowpanes h3 {
	color: #0CC;
	font-weight: normal;
	margin: 0;
	font-size: 28px;
	margin-bottom: 5px;
	margin-top: 5px;
}
#flowpanes p {
	margin-top: 10px;
	line-height: 1.3em;
	margin-bottom: 12px;
}
#flowpanes .contacto-p  {
	margin-top: 40px;
}
#flowpanes a {
	color: #http
://maps.google.es/maps?f=q&source=s_q&hl=ca&geocode=&q=Aribau+230-240,+barcelona&sll=41.399733,2.144394&sspn=0.018671,0.045447&ie=UTF8&hq=&hnear=Carrer+d%27Aribau,+240,+08006+Barcelona,+Catalunya&ll=41.39544,2.149998&spn=0.004499,0.01545&t=h&z=17º;
	color: #666;
}
#flowpanes a:hover {
	color: #333;
}
#flowpanes .url {
	font-size: 16px;
}
#flowpanes .header {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-left: 0px;
}
#flowpanes ul   {
	margin-top: 10px;
	margin-left: 10px;
}
#flowpanes ul li {
	list-style-type: none;
	margin-top: 3px;
	font-size: 12px;
	font-weight: normal;
	color: #0CC;
	margin-left: 0px;
	text-indent: -10px;
}
#flowpanes .claim {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
	padding-top: 30px;
	float: none;
}
#flowpanes .items div .contenidos .claim{
	padding-top: 50px;
}
#flowpanes .items div .buscadores .claim{
	padding-top: 35px;
}
#flowpanes .items div .roi .claim{
	padding-top: 20px;
}
#flowpanes .items div .contacto .claim{
	float: left;
	clear: none;
	margin-left: 120px;
	margin-top: 80px;
}
#flowpanes .items div .nosotros .claim{
	clear: none;
	float: left;
	margin-top: 10px;
	margin-left: 80px;
}
.custom {
	display: block;
	height: 30px;
	width: 30px;
	background-image: url(../assets/hori_large.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	z-index: 99;
	margin-top: 300px;
}
.custom.prev {
	margin-left: 10px;
}
.custom.next {
	background-position: right;
	margin-right: 10px;
}
.footer-content  {
	background-image: url(../assets/fons-cos.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 55px;
	width: 1000px;
	clear: both;
}
.footer {
	margin-top: 5px;
	width: 1000px;
}
.footer .language  {
	color: #333;
}
.footer p  {
	font-size: 10px;
	color: #666666;
	padding-top: 5px;
	text-align: center;
}
.footer p a  {
	color: #666666;
}
.footer p a:hover {
	color: #333333;
}