/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   2.0
author:    román casado
futura-tc 
website:   http://www.futura-tc.com/

-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 0 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 12px/14px Arial, Verdana, sans-serif;
}
h1  {
  font: bold 22px Arial, Verdana, sans-serif; 
}
h2 {
  font: normal 18px/21px Arial, Verdana, sans-serif;
  color: #000000;
}
h3 {
 font: normal 17px/21px Arial, Verdana, sans-serif;
}
h4 {
	font: bold 13px Arial, Verdana, sans-serif;
}

p.diecisiete {
  font-size: 17px;
  	line-height: 20px;
}
p.dieciseis {
  font-size: 16px;
}
p.quince {
  font-size: 15px;
  line-height: 19px;
}
p.catorce {
  font-size: 14px;
  line-height: 17px;
}
p.trece {
  font-size: 13px;
}
p.doce {
  font-size: 12px;
  line-height: 15px;
  margin: 7px 0;
}
p.once {
  font-size: 11px;
}

li {
  font-size: 12px;
}

.rojo {
	color:#b9122b;
}

.destaca { font-weight:bold}


/* =Headings
-----------------------------------------------------------------------------*/
body {
  text-align: center; 
  min-width: 990px;
  background: #fff url(../img/fons.jpg) repeat-x; 
}

#wrapper {
  width: 990px; 
  margin: 0 auto; 
  text-align: left;
  background: #ffffff;
}
#branding {
	width: 990px;
  height: 135px;
   background: #b9122b url(../img/bgBranding.gif) repeat-x left top;
}
#menu{
	width: 990px;
	height: 58px;                        														/* separacón mainNav-content-footer*/                  
	background: #fff url(../img/bgMenu.gif) repeat-x left top;

}
#mainNav { 
width: 890px;
  height: 48px;
}

#content {
 	width: 990px;
	height: auto;
	float: left;
	background: url(../img/bgContent.gif) repeat-y left top;
	margin: 0;
	padding: 0;	
	
}

#mainContent { 
  width: 720px;
  float: left; 
}

#secundaryContent { 
  width: 210px;
  float: right;
  margin: 0px 0 14px 0;
    
}
#footer {
 width: 990px;
  float: left; 
	background: url(../img/bgFooter.gif) repeat-x left top;
  padding: 0;															/* separación content-footer*/
  line-height: 44px;   /*copy version 2*/  
 clear: both;  														                             
}


/* Add some padding
================================== */

#mainContent {
  padding: 0 0 20px 6px; 
}

h1  {
    margin: 10px 10px 10px 14px; 
}
p.intro {
  padding: 0 10px 10px 14px; 
}
p.primer-paragraf {
  padding: 0 0 10px 0; 
}

/* =Links
-----------------------------------------------------------------------------*/
a, a:visited {
	color:#b9122b;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* =Branding     
-----------------------------------------------------------------------------*/

#logo {
	float: left;
	width: 313px;
	height: 135px;
	padding: 0 0 0 24px;	
}

#camara {
	width: 391px;
	height: 135px;
	float:right;
	margin: 0;
	padding: 0;
}
/*  ************************ MENÚ ************************  */

div#menu ul#navegacio {
	font: bold 13px Verdana, Arial, sans-serif;
	list-style:none;
	padding:8px 0 0 10px
}

#navegacio li {
	float:left; /*HACE QUE LA Lista se muestre horizontalmente*/ 
	display:block; 
	margin:0; 
	padding:0 6px 0 0;
}

#navegacio a {text-decoration:none; }
#navegacio a:link, #navegacio a:visited, #navegacio a:active {
	color: #000;
	padding-left: 14px;
	line-height: 16px;  /*Al mismo tiempo que da la altura centra el texto*/
}
#navegacio a:link span, #navegacio a:visited span, #navegacio a:active span {padding-right: 14px ; padding-top:4px;  padding-bottom:4px  }

#navegacio a, #navegacio a span {display: block; float: left; }
/* Commented backslash hack hides rule from IE5-Mac \*/
#navegacio a, #navegacio a span {float: none}
/* End IE5-Mac hack */

#navegacio a:hover {text-decoration: underline; }
#navegacio a:hover span { }

	
body#inicio div#wrapper div#menu ul#navegacio li.actiu a  {color: #fff; background: #b9122b url(../img/inicioIzq.gif) left top no-repeat; padding-left: 14px;}
body#inicio div#wrapper div#menu ul#navegacio li.actiu span {background: #b9122b url(../img/inicioDer.gif)  right top no-repeat; padding-right: 14px;}

body#presentacio div#wrapper div#menu ul#navegacio li.actiu a  {color: #fff; background: #b9122b url(../img/presentacioIzq.gif) left top no-repeat; padding-left: 14px;}
body#presentacio div#wrapper div#menu ul#navegacio li.actiu span {background: #b9122b url(../img/presentacioDer.gif)  right top no-repeat; padding-right: 14px;}

body#financament div#wrapper div#menu ul#navegacio li.actiu a  {color: #fff; background: #1e56ad url(../img/financamentIzq.gif) left top no-repeat; padding-left: 14px;}
body#financament div#wrapper div#menu ul#navegacio li.actiu span {background: #1e56ad url(../img/financamentDer.gif)  right top no-repeat; padding-right: 14px;}

body#internacionalitzacio div#wrapper div#menu ul#navegacio li.actiu a  {color: #fff; background: #ac1e70 url(../img/internacionalitzacioIzq.gif) left top no-repeat; padding-left: 14px;}
body#internacionalitzacio div#wrapper div#menu ul#navegacio li.actiu span {background: #ac1e70 url(../img/internacionalitzacioDer.gif)  right top no-repeat; padding-right: 14px;}

body#innovacio div#wrapper div#menu ul#navegacio li.actiu a  {color: #fff; background: #e4931a url(../img/innovacioIzq.gif) left top no-repeat; padding-left: 14px;}
body#innovacio div#wrapper div#menu ul#navegacio li.actiu span {background: #e4931a url(../img/innovacioDer.gif) right top no-repeat; padding-right: 14px;}

body#formacio div#wrapper div#menu ul#navegacio li.actiu a  {color: #fff; background: #73ab20 url(../img/formacioIzq.gif) left top no-repeat; padding-left: 14px;}
body#formacio div#wrapper div#menu ul#navegacio li.actiu span {background: #73ab20 url(../img/formacioDer.gif)  right top no-repeat; padding-right: 14px;}

body#organitzacio div#wrapper div#menu ul#navegacio li.actiu a  {color: #fff; background: #1299b8 url(../img/organitzacioIzq.gif) left top no-repeat; padding-left: 14px;}
body#organitzacio div#wrapper div#menu ul#navegacio li.actiu span {background: #1299b8 url(../img/organitzacioDer.gif)  right top no-repeat; padding-right: 14px;}



/*  ********************** FI MENÚ ***********************  */





/* =Sub Nav                     idioma
-----------------------------------------------------------------------------*/

#subMenu{
width: 100px; text-align:right;
height: 24px;
float:right;
padding: 6px 15px 0 0;

}


/* =Main Content
-----------------------------------------------------------------------------*/

 .navcontainer {
	float: left; 
	width: 708px; 
	margin: 6px 0 6px 6px; 
	padding: 0 0 0 10px;
}
 .navcontaineres {
	float: left; 
	width: 714px; 
	margin: 6px 0 6px 0; 
	padding: 0;
	border-top: 1px solid #e6e6e6;
}

 .navcontainer h2 {
 	margin: 10px 10px 10px 10px;
	padding: 0 0 0 30px;
	line-height: 30px;

 }
  .navcontaineres h2 {
 	margin: 10px 10px 10px 10px;
	padding: 0 0 0 0;
	line-height: 30px;

 }
 
 .navcontainer p.titol-llista{ text-transform:uppercase;  margin-left:20px;}
 
 
 /* =listas
-----------------*/

ul.nav {
	margin: 10px 10px 10px 30px; 
	padding: 0; 
}

ul.nav li {
	margin: 8px 8px; 
	padding: 0; 

} 
 /* -----------------*/
 
#mainContent a{
font-weight: bold;
 }
.navcontainer p.doce a{
font-weight: bold;
 }
 .navcontainer p.doce a img{
 margin: 0 0 -4px 6px;
 }
 
#presentacio #wrapper #content #mainContent .color {background:#faecee;}
#financament #wrapper #content #mainContent .color {background:#edf2f9;}
#internacionalitzacio #wrapper #content #mainContent .color {background:#f8edf4;}
#innovacio #wrapper #content #mainContent .color {background:#fdf7ed;}
#formacio #wrapper #content #mainContent .color {background:#f4f8ee;}
#organitzacio #wrapper #content #mainContent .color {background:#ecf7f9;}
 
#presentacio #wrapper #content #mainContent .navcontainer h2 {color:#b9122b; background: url(../img/masPresentacio.gif) 0px 2px no-repeat;}
#financament #wrapper #content #mainContent .navcontainer h2 {color:#1e56ad; background: url(../img/masFinancament.gif) 0px 2px no-repeat;}
#internacionalitzacio #wrapper #content #mainContent .navcontainer h2 {color:#ac1e70; background: url(../img/masInternacionalitzacio.gif) 0px 2px no-repeat;}
#innovacio #wrapper #content #mainContent .navcontainer h2 {color:#e4931a; background: url(../img/masInnovacio.gif) 0px 2px no-repeat;}
#formacio #wrapper #content #mainContent .navcontainer h2 {color:#73ab20; background: url(../img/masFormacio.gif) 0px 2px no-repeat;}
#organitzacio #wrapper #content #mainContent .navcontainer h2 {color:#1299b8; background: url(../img/masOrganitzacio.gif) 0px 2px no-repeat;}
 

#mainContent p.catorce {
  margin: 16px 0 6px 0;
}
#mainContent p.dieciseis {
  margin: 16px 0 6px 0;
}



/* =Secondary Content
-----------------------------------------------------------------------------*/

#secundaryContent .altresproductes{ 
	padding: 20px 16px 0 0;
}
#secundaryContent h4, #secundaryContent p, #secundaryContent u.altresproductes { 
	padding-right: 16px;
	margin: 0 16px 0 0;
}

#secundaryContent h4 { 
	margin: 6px 0;
}
 /* =listas
-----------------*/
#secundaryContent .altresproductes ul.secundari{
margin: 10px 0 0 14px;
}
#secundaryContent .altresproductes ul.secundari li{
/*font: normal 12px arial,verdana, sans-serif;*/
	margin: 3px 0; 
	padding: 0; 
}
 /* =listas
-----------------*/
#secundaryContent p.doce {             
	  margin: 10px 0 10px 0;
}
#secundaryContent p.catorce {
  margin: 16px 0 6px 0;
}





/* =Footer
-----------------------------------------------------------------------------*/

#footer #copy{

	font-size: 12px;
	float: left;
	margin-left: 20px;
}
#footer #notalegal{
float:right;
margin-right: 20px;
	font-size: 12px; 
}


  

/* :::::::::::::::::::::::::::::::::::::::::::::::  index ::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* =home
-----------------------------------------------------------------------------*/
#inicio #wrapper #content {
background: #fff;
padding: 0;

}
#inicio #wrapper #content #bloquesuperior {
background: #fff;
width: 970px;
margin: 0;
padding: 0 0 10px 20px;
border-bottom: 1px solid #ededed;

}
#inicio #wrapper #content #bloquesuperior #intro {
background: #fff;
padding: 0 0 0 0; 
width: 706px;
float: left;
}

.bombolla { float:right; margin:5px 0 8px 8px}

#inicio #wrapper #content #bloquesuperior #intro h1{
margin: 10px 0 10px 0; 
padding: 0;
}
#inicio #wrapper #content #bloquesuperior #intro #quees{
margin: 12px 0 0 0; 
padding: 0;
font-weight: bold;
}

#inicio #wrapper #content #bloquesuperior #suport {
margin: 0 5px 0 0; 
padding: 0;
width: 240px;
height: 206px;
/*height: 100%;*/
background: #F6F6F6 url(../img/bgSuport-left.gif) bottom left repeat-x;
float: right;
}

#inicio #wrapper #content #bloquesuperior #suport div{ padding:20px 30px 5px 30px}

#inicio #wrapper #content #bloquesuperior #suport h3{
margin: 0 0 10px 0; 
font-weight: bold;
}
#inicio #content #suport p{
margin-bottom: 10px;

}
#inicio #content #suport img{
margin: 0 8px -7px 8px; 
}



/*  ::::::::::::::::::::::   inicio home :::::::::::::::::*/
#inicio #content .home {
	float:left;
	width: 188px;
	height: 280px;
	margin: 12px 5px 0 5px;
	position:relative;

}
*html #inicio #content .home {
	margin: 12px 0 0 5px;         /* hack I.E. 6*/
}
#inicio #content .home .descriptiva{
width: 172px;
height: 106px;
padding: 0;
margin: 0 0 0 16px;
}
#inicio #content .home h4{
height: 41px;
color: #fff;
padding: 0 0 0 42px;
margin: 0;
line-height: 41px;
}

#inicio #content .home h4 a{ color:#FFFFFF}

#inicio #content #financamenthome h4{
background: url(../img/bgFinancamentHome.gif) no-repeat;
}
#inicio #content #internacionalitzaciohome h4{
background: url(../img/bgInternacionalitzacioHome.gif) no-repeat;
}
#inicio #content #formaciohome h4{
background: url(../img/bgFormacioHome.gif) no-repeat;
}
#inicio #content #innovaciohome h4{
background: url(../img/bgInnovacioHome.gif) no-repeat;
}
#inicio #content #formaciohome h4{
background: url(../img/bgFormacioHome.gif) no-repeat;
}
#inicio #content #organitzaciohome h4{
background: url(../img/bgOrganitzacioHome.gif) no-repeat;
}

#inicio #content #presentacion h1{
	 margin: 27px 0 14px 21px;
}

#inicio #content .home p.doce{
	  margin: 12px 5px 12px 16px;
}
#inicio #content .home p.mas {
	  margin: 0 0 0 16px;
	  width:80px;
	  background: url(../img/bg-boton.gif) no-repeat;
		float: left;

}
*html #inicio #content .home p.mas {
	  /*margin: 0px 30px 0px 12px; */
	  margin: 0 0 0 8px;   /* hack I.E. 6*/


}
#inicio #content .home p.mas a, #inicio #content .home p.mas a:visited{
		line-height: 20px; /*centra el texto verticalmente*/
  		font-size: 12px;
  		color:#b9122b;	
 	 	font-weight: bold;
  		text-decoration: none;
		display: block;
}
#inicio #content .home p.mas a:hover{
 		font-weight: bold;
		text-decoration:underline;
}
/*    :::::::::::::::   inicio  destaquem  ::::::::::::::::::::::::::::    */
#inicio #content #destaquem{
	width: 985px;
	height: 200px;
	margin: 10px 0 0 0;
	padding:  0 0 0 5px;
	float: left;
	background: url(../img/bgDestaquem.gif) repeat-x top left;
}
#inicio #content #destaquem h2{
font-size: 20px;
margin: 20px 20px 20px 20px;
}
#inicio #content #destaquem .apartat{
	float:left;
	width: 190px;
	height: 124px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #e2e0de;
}
*html #inicio #content #destaquem .apartat{
	margin: 12px 0 0 5px;   /* hack I.E. 6*/
}
#inicio #content #destaquem #sinborde{
	border-right: none;
}
#inicio #content #destaquem .apartat p{
	margin: 0 5px 0 21px;
	padding: 0;
}
#inicio #content #destaquem .apartat #data{
	margin: 0 5px 0 8px;
	padding: 0;
}
#inicio #content #destaquem .apartat #data span{
font-weight: bold;
}
.bombollahome{
position:absolute;
right:0;
bottom:0;
	/*float: right;*/
	width: 64px;
height: 63px;
padding: 0;
margin: 0 0 0 3px;
}

/*    :::::::::::::::   presentacio  ::::::::::::::::::::::::::::    */ 
 
#presentacio #wrapper #content #mainContent .financament {background:#edf2f9;}
#presentacio #wrapper #content #mainContent .internacionalitzacio {background:#f8edf4;}
#presentacio #wrapper #content #mainContent .innovacio {background:#fdf7ed;}
#presentacio #wrapper #content #mainContent .formacio {background:#f4f8ee;}
#presentacio #wrapper #content #mainContent .organitzacio {background:#ecf7f9;}
 
#presentacio #wrapper #content #mainContent .financament h2 {color:#1e56ad; background: url(../img/masFinancament.gif) 0px 2px no-repeat;}
#presentacio #wrapper #content #mainContent .internacionalitzacio h2 {color:#ac1e70; background: url(../img/masInternacionalitzacio.gif) 0px 2px no-repeat;}
#presentacio #wrapper #content #mainContent .innovacio h2 {color:#e4931a; background: url(../img/masInnovacio.gif) 0px 2px no-repeat;}
#presentacio #wrapper #content #mainContent .formacio h2 {color:#73ab20; background: url(../img/masFormacio.gif) 0px 2px no-repeat;}
#presentacio #wrapper #content #mainContent .organitzacio h2 {color:#1299b8; background: url(../img/masOrganitzacio.gif) 0px 2px no-repeat;} 

#presentacio #wrapper #content #mainContent .financament h2 a {color:#1e56ad;}
#presentacio #wrapper #content #mainContent .internacionalitzacio h2 a {color:#ac1e70;}
#presentacio #wrapper #content #mainContent .innovacio h2 a {color:#e4931a;}
#presentacio #wrapper #content #mainContent .formacio  h2 a {color:#73ab20;}
#presentacio #wrapper #content #mainContent .organitzacio h2 a {color:#1299b8;}

#presentacio #wrapper #content #mainContent .textpresentacio {
	float: left;
}

#presentacio #wrapper #content #secundaryContent .altresproductes h3{
margin-bottom: 6px; 
font-weight: bold;
}

#presentacio #wrapper #content #secundaryContent .altresproductes img{
margin: 0 8px -7px 8px; 
}


/* ::::::::::::::::::::::::::::::::::*/