* {
  margin:0px;
  padding:0px;
}

html {
  height:100%;
}

body {
  height:100%;
  background:#eef6f9;
  font-family: Lucida grande, Lucida Sans Unicode, Arial, Sans-serif;
  font-size:12px;
  font-weight:normal;
  text-align:center;
}

img {
  border:0px;
}

/* =links */
a:link, a:visited {
  color:#3b95b9;
  text-decoration:none;
}
a:active, a:hover {
  text-decoration:none;
  background:#5da9c8;
  color:#fff;
}

a.logo:hover {
  background:#eef6f9;
}

/* =top_menu */
#top_menu {
  float:right;
  text-align:right;
}

#top_menu p {
  margin-right:5px;
}
#top_menu p span {
  color:#ccc;;
}

#top_menu ul {
  list-style-type:none;
  position:relative;
  margin-top:30px;
  float:right;
  font-size:14px;
}
#top_menu li {
  display:inline;
}
#top_menu li a {
  position:relative;
  z-index:200;
  display:block;
  float:left;
  padding:5px;
  background:none;
}
#top_menu li a:hover {
  color:#3b95b9;
}

li#magic-line { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  background:#c5dee7;
  z-index: 100;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.current a {
  color:#555!important;
}

/* =mapa */
#adreces h2 {
  margin-bottom:10px;
  background:#BACE00; 
  background:#c5dee7;
  padding-left:5px;
  font-weight:normal;
}

/* =slider */
#slider {
  margin: 0 auto;
  text-align:left;
}

#slider ul, #slider li {
  list-style:none;
  width:750px;
  height:300px;
}

#slider li {
  overflow:hidden;
}
#prevBtn, #nextBtn{ 
	display:block;
	width:50px;
	height:50px;
}	

#prevBtn {
  position:absolute;
  top:140px;
  left:50px;
}
#nextBtn {
  position:absolute;
  top:140px;
  right:50px;
}

#prevBtn a {  
	display:block;
	width:50px;
	height:50px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
}	
#nextBtn a{ 
	display:block;
	width:50px;
	height:50px;
	background:url(../images/btn_next.gif) no-repeat 0 0;	
}	

#slider h2 {
  margin-bottom:10px;
}

#slider p {
  color:#555;
  margin-bottom:10px;
}



/* =layout */
#wrapper {
  width:1000px;
  min-height:100%;
  height: auto !important;
  height:100%;
  margin: 0 auto -224px;
  text-align:left;
  background:#EEF6F9;
}

#header {
  margin-bottom:5px;
  margin-top:10px;
  background:#EEF6F9;
}

#header #logo {
  float:left;
}

#home_canvas {
  background:#fff;
  margin-bottom:20px;
}

#destacat {
  position:relative;
  text-align:center;
}

#main_canvas {
  background:#fff;
  margin-bottom:20px;
  padding:40px;
  padding-top:20px;
}

#bottom_canvas {
  background:#fff;
  margin-bottom:20px;
}

/* =services */
.service {
  margin-top:20px;
  float:left;
  width:180px;
}

.service h2 {
  font-size:14px;
  margin-bottom:10px;
}
.service p {
  margin-bottom:5px;
}
.service h2, .service p {
  padding-left:15px;
}

/* =service web */
#promo {
  background:#444;
  background:#23282C;
  color:#fff;
  margin-bottom:20px;
}

#promo p.big {
  font-size:15px;
}
#promo p.big span.cortex {
  font-weight:bold;
  color:#ff9d00;
}
#promo p.big span.cfd {
  font-weight:bold;
  color:#b8c7f0;
}
#promo p.big span.eup {
  font-weight:bold;
  color:#B2E965;
}

#promo ul {
  list-style-type:none;
}
#promo li {
  color:#BACE00;
  color:#eee;
  font-size:15px;
  margin-bottom:5px;
}

#featured {
  float:left;
  width:300px;
}
#featured .espai {
  padding:20px;
}

#promo_web {
  float:left;
  background:#fff;
  background-image:url(../images/web_back.png); 
  background-repeat:no-repeat;
  background-position:left top;
  height:400px;
  width:659px;
}

#promo_web h1 {
  font-weight:normal;
  font-size:30px;
  color:#fff;
  margin-bottom:5px;
  padding-left:30px;
  padding-top:20px;
}
#promo_web h2 {
  font-weight:normal;
  font-size:15px;
  color:#ccc;
  padding-left:30px;
}

ul.web {
  margin-bottom:85px;
}

#promo_datos {
  float:left;
  background:#fff;
  background-image:url(../images/datos_back.png); 
  background-repeat:no-repeat;
  background-position:left top;
  height:345px;
  width:659px;
}

#promo_datos h1 {
  text-align:right;
  font-weight:normal;
  font-size:30px;
  color:#333;
  color:#333;
  margin-bottom:5px;
  padding-right:30px;
  padding-top:20px;
}
#promo_datos h2 {
  text-align:right;
  font-weight:normal;
  font-size:15px;
  color:#555;
  padding-right:30px;
}
#promo_boonsai {
  float:left;
  background:#fff;
  background-image:url(../images/hands_boonsai.png); 
  background-repeat:no-repeat;
  background-position:left top;
  height:396px;
  width:659px;
}
#promo_boonsai h1 {
  text-align:right;
  font-weight:normal;
  font-size:30px;
  color:#333;
  margin-bottom:5px;
  padding-right:30px;
  padding-top:10px;
}
#promo_boonsai h2 {
  text-align:right;
  font-weight:normal;
  font-size:15px;
  color:#555;
  padding-right:30px;
}
#promo_cortex {
  float:left;
  background:#fff;
  background-image:url(../images/cortex.png); 
  background-repeat:no-repeat;
  background-position:left top;
  height:338px;
  width:659px;
}
#promo_cortex h1 {
  text-align:left;
  font-weight:normal;
  font-size:30px;
  color:#333;
  margin-bottom:5px;
  padding-right:30px;
  padding-top:10px;
}
#promo_cortex h2 {
  text-align:left;
  font-weight:normal;
  font-size:15px;
  color:#555;
  padding-right:30px;
}
#promo_cfd {
  float:left;
  background:#fff;
  background-image:url(../images/cfd.png); 
  background-repeat:no-repeat;
  background-position:left top;
  height:338px;
  width:659px;
}
#promo_cfd h1 {
  text-align:left;
  font-weight:normal;
  font-size:30px;
  color:#333;
  margin-bottom:5px;
  padding-left:30px;
  padding-top:10px;
}
#promo_cfd h2 {
  text-align:left;
  font-weight:normal;
  font-size:15px;
  color:#555;
  padding-left:30px;
}

#promo_water {
  float:left;
  background:#fff;
  background-image:url(../images/back_water.jpg); 
  background-repeat:no-repeat;
  background-position:left top;
  height:338px;
  width:659px;
}
#promo_water h1 {
  text-align:left;
  font-weight:normal;
  font-size:30px;
  color:#333;
  margin-bottom:5px;
  padding-left:30px;
  padding-right:30px;
  padding-top:10px;
}
#promo_water h2 {
  text-align:left;
  font-weight:normal;
  font-size:15px;
  color:#555;
  padding-left:30px;
}
#promo_eup {
  float:left;
  background:#fff;
  background-image:url(../images/eup_back.png); 
  background-repeat:no-repeat;
  background-position:left top;
  height:380px;
  width:659px;
}
#promo_eup h1 {
  text-align:left;
  font-weight:normal;
  font-size:30px;
  color:#333;
  margin-bottom:5px;
  padding-left:30px;
  padding-right:30px;
  padding-top:10px;
}
#promo_eup h2 {
  text-align:left;
  font-weight:normal;
  font-size:15px;
  color:#555;
  padding-left:30px;
}
#promo_lca {
  float:left;
  background:#fff;
  background-image:url(../images/lca_back.png); 
  background-repeat:no-repeat;
  background-position:left top;
  height:382px;
  width:659px;
}
#promo_lca h1 {
  text-align:left;
  font-weight:normal;
  font-size:30px;
  color:#333;
  margin-bottom:5px;
  padding-left:30px;
  padding-right:30px;
  padding-top:10px;
}
#promo_lca h2 {
  text-align:left;
  font-weight:normal;
  font-size:15px;
  color:#555;
  padding-left:30px;
}
#promo_eco {
  float:left;
  background:#fff;
  background-image:url(../images/ecoinnovacion_back.png); 
  background-repeat:no-repeat;
  background-position:left top;
  height:364px;
  width:659px;
}
#promo_eco h1 {
  text-align:left;
  font-weight:normal;
  font-size:30px;
  color:#333;
  margin-bottom:5px;
  padding-left:30px;
  padding-right:30px;
  padding-top:10px;
}
#promo_eco h2 {
  text-align:left;
  font-weight:normal;
  font-size:15px;
  color:#555;
  padding-left:30px;
}

/* =formatgets */
#formatget {
 margin-bottom:20px;
 background:#fff;
}

/* =notfound */
#notfound {
  width:500px;
  background:#fff;
  margin: 100px auto;
  text-align:left;
}
#notfound .espai {
  padding:30px;
}
#notfound h1 {
  margin-top:10px;
  margin-bottom:10px;
}

/* =sala de premsa */
#media {
  width:450px;
  float:left;
  margin-top:10px;
  margin-right:10px;
}
#media h2 {
  font-weight:normal;
  color:#C4D500;
}
#releases {
  width:450px;
  float:left;
  margin-top:10px;
}
#releases h2 {
  font-weight:normal;
  color:#E64B98;
}
ul.pressroom {
  margin-top:10px;
  list-style-type:none;
}
ul.pressroom li {
  margin-bottom:5px;
}
ul.pressroom li span {
  color:#666;
  padding-right:5px;
}

/* =noticies */
#noticies h2 {
  color:#000;
}
#noticies h3 {
  font-size:12px;
  font-weight:normal;
  color:#777;
  float:left;
  width:50px;
  margin-top:5px;
  margin-bottom:5px;
}
#noticies h4 {
  font-size:12px;
  font-weight:normal;
  float:left;
  width:220px;
  margin-bottom:5px;
  margin-top:5px;
}
#noticies p {
  margin-bottom:5px;
}

#noticies .espai div {
  border-bottom:1px solid #ddd;
}

a.rss {
  background-image:url(../images/feed-icon.png);
  background-repeat:no-repeat;
  background-position:left;
  padding-left:20px;
  padding-top:2px;
  padding-bottom:2px;
}

#llistat_noticies {
  float:left;
  text-align:left;
  width:700px;
}

#llistat_noticies h1 {
  color:#DA5F9B;
  margin-bottom:10px;
}

#llistat_noticies h2 {
  font-size:16px;
  font-weight:normal;
  margin-top:15px;
  margin-bottom:2px;
}

#llistat_noticies h5 {
  color:#555;
  font-weight:normal;
  margin-bottom:5px;
}

#llistat_noticies img {
  float:left;
  margin-right:10px;
  padding:5px;
  border:1px solid #ccc;
}
#llistat_noticies p {
  float:left;
  width:600px;
}

#llistat_noticies_sidebar {
  width:200px;
  padding-left:10px;
  float:left;
}

#llistat_noticies_sidebar h2 {
  margin-top:20px;
  margin-bottom:10px;
  color:#333;
}

#llistat_noticies_sidebar p {
  margin-bottom:5px;
}

.noticia h5 {
  margin-bottom:10px;
}

.noticia img {
  margin-right:20px;
  margin-bottom:10px;
  padding:5px;
  border:1px solid #ccc;
  background:#fff;
}
.noticia p {
  line-height:18px;
}

/* =bottom */
.bottom3_piece h2, .acerca_bottom3 h2 {
  font-size:16px;
  margin-top:2px;
  margin-bottom:5px;
  padding-left:60px;
}

.bottom3_piece h3, .acerca_bottom3 h3 {
  font-size:14px;
  font-weight:normal;
  margin-bottom:10px;
  padding-left:60px;
  color:#555;
}
.acerca_bottom3 h3 {
  margin-bottom:20px;
}

.bottom3_piece h2 {
  padding:0px;
}
.bottom3_piece h3 {
  padding:0px;
}
.bottom3_piece ul {
  margin-top:5px;
  margin-bottom:5px;
  list-style-type:square;
  margin-left:15px;
}
.bottom3_piece ul li {
  margin-bottom:3px;
}

.rosa {
  background:url(../images/simbol_rosa.png) no-repeat 20px 20px;
}
.verd{
  background:url(../images/simbol_verd.png) no-repeat 20px 20px;
}
.gris{
  background:url(../images/simbol_gris.png) no-repeat 20px 20px;
}

.bottom3_piece span {
  background:#BACE00;
  background:#e7ecbb;
  padding:1px 3px 1px 3px;
  border-bottom:1px solid #bbb;
  border-right:1px solid #bbb;
  margin-right:3px;
  line-height:22px;
}

.bottom3_piece p.more {
  margin-top:10px;
}

.bottom3_piece {
  width:328px;
  float:left;
  border-left:1px solid #ccc;
}

.bottom3_piece .espai {
  padding:20px;
}
.acerca_bottom3 {
  width:300px;
  float:left;
}
.acerca_bottom3 .espai {
  padding:20px;
}

/* =casos_exito */
.exemple {
  margin-top:10px;
  margin-bottom:20px;
}
.exemple img {
  padding:3px;
  border:1px solid #ccc;
  margin-right:20px;
}

.exemple h2 {
  font-weight:normal;
  font-size:16px;
  color:#555;
}

.exemple h5 {
  margin-bottom:5px;
}

.exemple span {
  color:#888;
  font-size:9px;
}
/* =acerca */
#acerca_left {
  float:left;
  width:300px;
}
#acerca_right {
  float:left;
  margin-left:23px;
  width:550px;
}

#acerca_right h5 {
  font-size:16px;
}
#acerca_right p {
  margin-top:10px;
  margin-bottom:15px;
}

table#partners {
  margin-top:20px;
  margin-left:30px;
  font-size:12px;
}
ul.clientes {
  list-style-type:none;
  margin-top:10px;
  margin-bottom:20px;
  margin-left:20px;
}
ul.clientes li:before {
  content: "\00BB \0020";
  color:#3b95b9;
}

/* =testimonials */
#testimonials_canvas {
  background:#fff;
  padding:20px;
  margin-bottom:30px;
}
#testimonials_canvas p {
  font-style:italic;
  color:#333;
  margin-bottom:5px;
}
#testimonials_canvas h5 {
  font-size:11px;
  background:#c5dee7;
  padding:1px;
  padding-left:3px;
  padding-right:3px;
}

#testimonials {
  background:#fff;
  padding:40px;
  padding-top:20px;
}

#testimonials h1 {
}
#testimonials p {
  margin-top:20px;
  margin-bottom:5px;
}
#testimonials h5 {
  display:inline;
  margin-bottom:20px;
  background:#c5dee7;
  padding:1px;
  padding-left:3px;
  padding-right:3px;
}

/* =labs */
#labs h2 {
  font-size:16px;
  margin-top:20px;
  margin-bottom:10px;
  color:#9dae00;
  border-bottom:1px solid #ccc;
}
#labs span {
  font-weight:bold;
  background:#c5dee7;
}
#labs ul {
  list-style-type:none;
}
#labs ul li {
  margin-bottom:10px;
}


/* =breadcrumbs */
#breadcrumbs {
  background:#eee;
  padding:2px;
}

/* =footer */
.push {
  height:220px;
}

#footer {
  height:220px;
  border-top: 2px solid #1E2327;
  background:#23282C;
  color:#ccc;
}

#footer_wrapper {
  width:1000px;
  margin: 0 auto;
  padding-top:20px;
  padding-bottom:20px;
  text-align:left;
}

.footer_column {
  float:left;
  padding-right:40px;
}

#footer h3 {
  font-size:14px;
  font-weight:normal;
  margin-bottom:10px;
  padding-left:20px;
  background:url(../images/cercle_blanc.png) no-repeat center left;
}

.footer_column p {
  padding-bottom:10px;
}

.footer_column ul {
  list-style-type:none;
}

.footer_column ul li {
  padding-bottom:3px;
}

.footer_column img {
  padding-top:10px;
}

.footer_column_contact {
  width:300px;
  float:right;
  border-left:1px solid #444;
  padding-left:40px;
}

.footer_column_contact img {
  padding-top:20px;
}

#copyright {
  text-align:center;
  color:#ccc;
  padding:10px;
  background:#1E2327;
}


/* =generic */
.center {
  text-align:center;
}
.left {
  float:left
}
.right {
  float:right;
}
.clear {
  clear:both;
  border:0px;
}