﻿/* CSS Document */

/* OVERRIDE'S D'ESTILS DE SHAREPOINT ************************************************************************************/

.ms-SPLink A:link
{ 
	color: black;
	font-size:12px;
}

/* ESTRUCTURA ***********************************************************************************************************/ 

html,body{
margin:0 auto;
padding:0 auto;
font-family: Arial, Helvetica, Sans-Serif;
font-size:14px;
}

/* default style for all text */
p{
font-family: Arial, Helvetica, Sans-Serif;
font-size:12px;
color:#888;
margin-bottom:11px;
/* text-align:justify; */
}

 

.ms-WPBody H1 {
color: #FF9900 !important;
font-weight:bold;	
}


/*a {
color:	#FD7E00;<div id="cont_WP">
<div id="cont_WP">
}*/
.ms-WPBody A:link {	COLOR: #FD7E00;	TEXT-DECORATION: none}
.ms-WPBody A:visited {	COLOR: #FD7E00;	TEXT-DECORATION: none}
.ms-WPBody A:hover {	COLOR: #FD7E00;	TEXT-DECORATION: underline} 



#header{
height: 68px;
width: 955px;
background-repeat:no-repeat;
background-position:right;
}
#top {
/*width: 1008px; es pot esborrar */
/* background-image:url(/SiteCollectionImages/top.gif); 
background-repeat:no-repeat;
background-position:right;*/
width: 1000px; /* 955layout + 48col + 5margin = 1008px */
margin:0px;
background-image:url(/SiteCollectionImages/colbg.gif);
background-repeat:repeat-y;
background-position:right;
height: 100%;

}

#main{
margin: 0 auto;
padding: 0;
background-image:url(/SiteCollectionImages/raonabg.jpg);
background-repeat:no-repeat;
background-position:right;
width: 1100px;
overflow: hidden; /* el contenido que exceda de las dimensiones nunca podrá ser visualizado por el visitante */
}

#content {
width: 1000px; /* 955layout + 48col + 5margin = 1008px */
margin:0px;
background-image:url(/SiteCollectionImages/colbg.gif);
background-repeat:repeat-y;
background-position:right;
height: 100%;
}

#contentPH
{	
	width: 955px;
	}

/* GLOBAL *************************************************************************************************************/ 

img{
border: 0;
}

.clearfix{
overflow: hidden;    
}

h1.home-title{
display:inline;
margin: 10px 0 20px 20px;
float: left;    
}

h1.home-title-subhome{
display:inline;
margin: 0px 0 20px 20px;
float: left;    
}



/* moss tools *********************************/

#moss_tools{
text-align:right;
width:955px;
height:20px;
/*border-bottom: 1px #CCCCCC solid;*/
font-size:12px;
margin: 5px 0px 0px 0px;
	display:none;
}

#moss_tools_welcome
{
font-size:12px;
	float:right;
}

#moss_tools_welcome a:link
{
    font-size:12px;
	float:right;
	color: #999999;
	text-decoration:none;
}
#moss_tools_welcome a:hover {
	color:#FF781E;
}

#moss_tools_siteactions
{
	float:right;
	width:100px;
}


/* header estructura *********************************/

h1.logo-title{
display: inline;
margin: 10px 0px 0px 10px;
float: left;    
}

#headerOptions{
float:right;
text-align:right;
width:955px;
border-bottom: 1px #CCCCCC solid;
/*padding-top: 5px;*/
}

.idioma, .header-links{
display: inline;
font-size: 12px;
position:relative;
color:#666666;
text-decoration:none;


}
.idioma li, .header-links li{
display: inline;
margin: 0px 2px 0px 2px;
}
.idioma a{    
color: #888;
text-decoration:none;
margin-right: 30px;
margin-top: 5px;
}

.header-links img{
margin: 3px 10px 0px 5px;
}

.header-links a{
color: #333333;
text-decoration:none;
}


/* MENU estructura *********************************/

#linea_menu{
/*width:955px;
display:inline;*/
}

.menu{
/*float:left;
display: block;*/
margin: 5px;  
height: 33px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
/*margin-top: 10px;
margin-left: 20px;*/
}

.menu li{
/*display: inline;*/
margin: 0 5px 0 5px;
/*color: #000;*/
font-size: 14px;
}

.menu a{    
color: #000;
text-decoration:none;
}

.menu a:hover{
color: #F5AC0C;
text-decoration: none;
}

.area-seleccionada{
background-image:url(/SiteCollectionImages/linea_baix.jpg);
height:23px;
background-position:bottom;
}


/* search tools *********************************/


.busqueda{
display:inline;
font-size: 11px;   
margin: 5px 10px 0px 0px;
float:right;
position:relative;
}
.busqueda input{
font-size: 11px;
background: #fff;
border: 1px solid #333;
color: #000;
}

.busqueda img{
margin-left: 5px;
/*margin-top: 3px;*/
}


/* FOOTER estructura *********************************/

#footer{
background:url('/SiteCollectionImages/bottombox.gif') no-repeat bottom;
height:11px;
margin-bottom:-1px;
z-index:10000000;
width: 589px;
}

#footer_page a{
color: #999;
margin-right: 5px;
text-decoration:none;
}

#footer_page a:hover{
color: #ff9b30;
text-decoration:none;
}

.footer-a{
float: left;    
}

.footer-b{
float: right;
}

#footer_page{
font-size: 11px;
color: #999;
padding: 10px 15px 10px 15px;
border-bottom: 1px solid #CCCCCC;
width: 955px;
}

/* LAYOUT HOME *************************************************************************************************************/ 

#cont_WP
{
	width:587px;
	margin:0 auto;
    padding:0 auto;	
}

#cont_WP table
{
	width:587px;
}

#cont_WP_colleft
{
	padding:10px 0px 10px 0px;
	width:245px;
}

#cont_WP_colleft table
{
	width:245px;
}


#home {
border-bottom: 1px solid #f0f0f0;
width: 955px;
}

.banner-home
{
    /*overflow: hidden;*/
    height: 179px;
    width: 955px;
    border-bottom: 1px #f0f0f0 solid;
}
.banner-int
{
    /*overflow: hidden;*/
    height: 145px;
    width: 955px;
}




#destacados{
width:955px;
/*background-image:url(/SiteCollectionImages/degradado.png);*/
background-repeat:repeat-y;
height: 100%;
/*height:400px;*/
position:relative;
}
#destacado{
background-image:url(/SiteCollectionImages/degradado.png);
background-repeat:repeat-y;
/*height:400px;*/
position:relative;
/*margin:  10px 0xp 0px 0px;*/
padding: 0px;
}

#coltags{
/*float:right;*/
height: 300px;
width:328px;
margin-top:0px;
text-align:center;
}

#divtags{
float:right;
height: 300px;
width:318px;
margin-top:0px;

}

.divtags_Home{
float:right;
height: 300px;
width:328px;
margin-top:0px;

}


.divMinidestacados{
width:620px;
}

.divMinidestacados .ms-WPBody A:link { COLOR:   #333333;font-size: 15px; padding: 5px 10px 2px 15px; TEXT-DECORATION: none}
.divMinidestacados .ms-WPBody A:visited {	COLOR:  #333333;font-size: 15px; padding: 5px 10px 2px 15px;	TEXT-DECORATION: none}
.divMinidestacados .ms-WPBody A:hover {	COLOR:  #333333;font-size: 15px;	padding: 5px 10px 2px 15px;TEXT-DECORATION: none} 



h5.titulo_destacado{
background:url(/SiteCollectionImages/dest_arrow.png) no-repeat;
padding: 5px 10px 2px 15px;
background-position-y: 17px;
background-position-x: 5px;
/*background-color:#FFFFFF;*/
/*border-bottom: 1px #f0f0f0 solid;*/
border-bottom: 1px #d7d2d2 solid;
border-top: 10px #ffffff solid;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-weight:normal;
/*height: 60px;*/
color: #333333; /* lo pilla del candy coated */
text-align:right;
margin-left:20px;
}



.subtitulo_destacado {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color: #666666;
padding: 0px 0px 10px 25px;
}
/*h5.titulo_tags{
background:url(/SiteCollectionImages/tripunt.png) no-repeat;
padding: 25px 0px 0px 20px;
background-position: left;
background-position: 0px 35px;
background-color:#FFFFFF;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-weight:normal;
margin: 0px 0 0px 0;
}*/

h5.titulo_tags{
background:url(/SiteCollectionImages/tripunt.png) no-repeat;
padding: 5px 10px 2px 17px;
background-position-y: 17px;
background-position-x: 10px;
background-color:#FFFFFF;
border-top: 10px #ffffff solid;
/*border-bottom: 1px #f0f0f0 solid;*/
border-bottom: 1px #d7d2d2 solid;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:15px;
/*height: 60px;*/
color: #666666;
text-align:right;
}

h5.titulo_hblogs{
background:url(/SiteCollectionImages/tripunt.png) no-repeat;
padding: 5px 10px 2px 17px;
background-position-y: 17px;
background-position-x: 10px;
background-color:#FFFFFF;
border-top: 5px #ffffff solid;
/*border-bottom: 1px #f0f0f0 solid;*/
border-bottom: 1px #d7d2d2 solid;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-weight:normal;
/*height: 60px;*/
color: #666666;
text-align:right;
}

.highlights_border {
color: #d7d2d2;
height:1px;
margin: 12px 0px 0px 20px;
}

.home_blog_link a:link{
color:#666666;
float:right;
text-decoration:none;
}

#framing {
margin:0px;
padding:0px;
}

.divPlayer_0 { 
height: 157px; 
width:280px;
margin: 0px 0px 0px 10px;
border: 0px;
}

.divPlayer_rrhh { 
height: 332px; 
/*width:500px;*/
margin: 0px 0px 0px 10px;
border: 0px;
}

.divPlayer_big { 
height: 271px; 
width:482px;
margin: 0px 0px 0px 50px;
border: 0px;
}


#silverlightControlHost {
	    height: 300px;
		margin: 0px;
}

.orange {
color:#FF9A33;
padding: 0px;
margin: 0px;
}


.quad {
color:#FF9900;

}

#raona_tags {
text-align:center;
font-family: Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 0px;
width: 300px;
}

.divtags_Home .ms-WPBody .t1 a{
color: #999999;
text-decoration:none;
font-size:20px;
padding-right:5px;	
text-align:center;	
font-family: Arial, Helvetica, Sans-Serif;

}

.divtags_Home .ms-WPBody .t2 a{
	color:  #666666;
text-decoration:none;
font-size:16px;	
padding-right:8px;	
text-align:center;	
font-family: Arial, Helvetica, Sans-Serif;


}

.divtags_Home .ms-WPBody .t3 a{
	color:  #666666;
	text-decoration:none;
font-size:12px;	
padding-right:8px;	
text-align:center;
font-family: Arial, Helvetica, Sans-Serif;

}

.divtags_Home .ms-WPBody .tdest a{
	color:  #ff9223;
text-decoration:none;
font-size:20px;	
padding-right:5px;
text-align:center;	
font-family: Arial, Helvetica, Sans-Serif;

}


.t1 a{
color: #999999;
text-decoration:none;
font-size:20px;
padding-right:5px;	
text-align:center;	
}


.t2 a{
color: #666666;
text-decoration:none;
font-size:16px;	
padding-right:8px;	
text-align:center;	
}

.t3 a{
color: #666666;
text-decoration:none;
font-size:12px;	
padding-right:8px;	
text-align:center;	
}


.tdest a{
color: #ff9223;
text-decoration:none;
font-size:20px;	
padding-right:5px;
text-align:center;	
}


/* ----------------------------------------------------------------------------------------------------------- */

#contingut {
width: 955px;
background-image:url(/SiteCollectionImages/degrcont.png);
background-repeat:repeat-y;
/*min-height:500px;
height:auto !important;*/
height:100%;
}

.clearnow {
	clear:both;			
				
}

.cont_int{
width: 955px;		
				
}

#contingut_sinmenu {
width: 955px;
background:url(/SiteCollectionImages/degrcont_sinmenu.png) repeat-y;
min-height: 500px;
margin-bottom: 10px;
}


#menucol {
width:245px;
/*border-right: 1px solid #FFFFFF;*/
float:left;
}

#contenido {
padding:10px 10px 10px 10px;
width: 670px;
float:left;
}

#contenido_sinmenu {
padding:10px 10px 10px 10px;
width: 955px;
}







/* LAYOUT PLANA CONTINGUT  *************************************************************************************************************/ 

h5.titulo_articulo{
padding: 5px 0px 0px 15px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.contBox{
position:relative;
margin:  0px 0px 0px 0px;
padding: 0px;
border-left: 1px solid #E2E2E2;
border-right: 1px solid #E2E2E2;
}
.remark {
color: #FD7E00;
}

.casestudy{
margin: 10px 0px 40px 50px;
}

.box {
width: 586px;
/*background-color: #FFFFFF;
margin: 10px;*/
margin: 20px 0px 40px 50px;
float:left;
display:inherit;
}

.topbox {
background:url(/SiteCollectionImages/topbox.gif) no-repeat;
background-position:top;
height:27px;
width: 586px;
}

.box_title {
color:#666666;
font-size:13px;
font-weight:bold;
padding: 100px 0px 3px 10px;
}
.bottombox {
background:url('/SiteCollectionImages/bottombox2.gif') no-repeat 50% bottom;
height:11px;
width: 586px;
}
/*.contentbox {
height: 50px;
background-color:#FFFFFF;
border-left: 1px solid #E2E2E2;
border-right: 1px solid #E2E2E2;
margin: 0px;
}*/

#breadcrumb{
margin: 4px 4px 4px 0px;
}
#breadcrumb a{
margin: 4px 4px 4px 0px;
color:#FF9900;
text-decoration:none;
}
#breadcrumb a:visited{
margin: 4px 10px 4px 0px;
color:#FF9900;
text-decoration:none;
}



/************************ menú plana de contingut ****************************************/

.nivell{
margin: 10px 0px 0px 5px;
color: #333333;
font-size: 13px;
font-weight: bold;
}

/************************ ARTICLE ******************************************************/

#articlePageImage
{
	width:168px;
	height:150px;
	float:left;
	margin-right:10px;
}

#summaryText
{
	width:475px;
	float:right;
}

.seccioArticle
{
	padding:5px 0px 5px 0px;
	clear:both;
	margin-right:30px;
}

/************************* MISION ******************************************************/

.seccioMision
{
	padding:5px 20px 5px 20px;
	clear:both;
	margin-right:20px;
}


/************************* MENÚ HORITZONTAL DE LA HOME ********************************/

  /*** #nivell2 .item2 tambÃ© podria equivaldre a #nivell2 a ***/
#AspMenuWR
{
float: left;
display:inline;
color: #666666;
width:600px;
}

#AspMenuWR .selected {
	background-image:url('../SiteCollectionImages/linea_baix.jpg');
	height:23px;
	background-position:bottom;
}

  /*** #nivell2 .hover2 tambÃ© podria equivaldre a #nivell2 a:hover ***/
#AspMenuWR .hover   {
	color: #F5AC0C;
	text-decoration: none;
}

#AspMenuWR .item   {
	color: #666666;
	text-decoration: none;
}

/* -------------------------------------------------------------------------- */
/* When the Menu control's Orientation property is Horizontal the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Horizontal. */
/* Note that the example menu in this web site uses absolute positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.AspMenuWebRaona .AspNet-Menu-Horizontal
{
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.AspMenuWebRaona .AspNet-Menu-Horizontal ul.AspNet-Menu
{
	/*float:left;
	display: block;*/
	margin: 5px;  
	height: 33px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-left: 20px;
}


/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.AspMenuWebRaona .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
	display: inline;
	margin: 0 5px 0 5px;
	color: #333333;
	font-size:16px;
}

.AspMenuWebRaona ul.AspNet-Menu li.AspNet-Menu-Leaf a
{
	color: #333333;
	text-decoration:none;
}

.AspMenuWebRaona ul.AspNet-Menu li.AspNet-Menu-Leaf a.AspNet-Menu-Selected
{
	background-image:url('../SiteCollectionImages/linea_baix.jpg');
	height:23px;
	background-position:bottom;
}



.AspMenuWebRaona ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    color: #F5AC0C;
	text-decoration: none;
	
	
	
}


/********** TREEVIEW ************************************************************************************/


.WebRaonaTreeView DIV.AspNet-TreeView UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 20px; WORD-WRAP: break-word
}
.WebRaonaTreeView DIV.AspNet-TreeView UL UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 13px; PADDING-BOTTOM: 5px; PADDING-TOP: 3px; WORD-WRAP: break-word
}
.WebRaonaTreeView DIV.AspNet-TreeView UL UL LI.AspNet-TreeView-ParentSelected A {
	font-weight:normal;
}

.WebRaonaTreeView LI.AspNet-TreeView-Root A {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #333333; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.WebRaonaTreeView DIV.AspNet-TreeView UL UL LI A {
	FONT-WEIGHT: normal; FONT-SIZE: 13px; WIDTH: 125px; COLOR: #666666; FONT-FAMILY: Arial
}
.WebRaonaTreeView DIV.AspNet-TreeView .AspNet-TreeView-Collapse {
	BACKGROUND: url(../SiteCollectionImages/ACS/menu/fletxaniv3sel.gif) no-repeat 0px 5px; FLOAT: left; WIDTH: 15px; CURSOR: pointer
}
.WebRaonaTreeView DIV.AspNet-TreeView .AspNet-TreeView-Expand {
	BACKGROUND: url(../SiteCollectionImages/ACS/menu/fletxaniv3.gif) no-repeat 0px 5px; FLOAT: left; WIDTH: 15px; CURSOR: pointer
}
.WebRaonaTreeView DIV.AspNet-TreeView .AspNet-TreeView-Node {
	BACKGROUND: url(../SiteCollectionImages/ACS/menu/separadorniv3.gif) no-repeat 0px 3px; FLOAT: left; WIDTH: 15px; CURSOR: pointer
}
.WebRaonaTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-Selected A {
	TEXT-DECORATION: none; font-weight:bold; COLOR: #333333;
}
.WebRaonaTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-ParentSelected A {
	TEXT-DECORATION: none
}
.WebRaonaTreeView DIV.AspNet-TreeView LI.AspNet-TreeView-ParentSelected{
	TEXT-DECORATION: none
}

.WebRaonaTreeView DIV.AspNet-TreeView .AspNet-TreeView-Link {
	MARGIN-LEFT: 15px
}
.NoDisplay {
	DISPLAY: none; Z-INDEX: 10000000
}

/********************************* Sobreescriptures CORE ****************************/

.ms-WPBorder
{
	border-color:#E2E2E2;
	border-bottom-width:0px;
	background-color:white;
}

.ms-WPTitle
{
	background:url(/SiteCollectionImages/topbox.gif) no-repeat;
	background-position:top;
	height:20px;
	padding:5px 7px 0 3px;
	font-size: 14px;
}

.ms-WPHeader td{
	border-bottom:1px solid #E2E2E2;
	height:20px;
}

.ms-WPHeader{
	height: 20px;
	background-color:white;
}

.ms-WPBody td{
	background-color:white;
	margin-bottom:11px;
}

.ms-WPBody{
	/*background:url(/SiteCollectionImages/bottombox.gif) no-repeat;
	background-position:bottom;*/
/*	width: 586px; */
	margin-bottom:0px;
}

.ms-SpLinkButtonInActive{
	margin:0px;
}

.ms-PartSpacingVertical{
	padding-top:10px;
}

/*  pres corporativa */

.pics{
     width: 800px;
     height: 600px;
     overflow: hidden;
     border: 1px solid #444;
     margin: 5px auto 10px auto;
     cursor: pointer;	    
}

	
/* localización */

#locations {
width: 550px;
padding-top:20px;
}


#locations ul {
list-style-image: url(/SiteCollectionImages/triangle.jpg);
padding-left: 50px;
list-style-type:none;
color: #333333;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}

.sede {
margin-left: 20px;
}

.mail a{
color:#FF6600;
text-decoration:none;
font-weight: normal;
}

.pais {
font-weight:bold;
font-size:14px;
}

.ciudad {
font-weight:bold;
}

/* mission y vission */

.misvis_top {
width: 555px;
padding: 20px 5px 50px 5px;
color:#333333;
	
}

.misvis_bottom {
width: 555px;
text-align:right;
font-weight:bold;
color: #666666;
padding-right: 5px;
}

.footerSeeMore a
{
	color:#f5ae0a;
}

.footerSeeMore a:hover
{
	text-decoration:underline;	
}

/*News*/

.NewsMenuDescription {
padding: 20px 5px 20px 5px;
color:#333333;
}

.NewsMenuTitle {
font-weight:bold;
color: #666666;
padding: 10px 5px 10px 5px;}

#logoNews
{
	color:#ACACAC;
	font-weight:bold;
	padding-top:15px;
	padding-left:20px;
	clear:both;
}

.News_date
{
	color:#ACACAC;
	font-weight:bold;
	padding-top:15px;
	padding-left:20px;
	padding-bottom:10px;
	clear:both;
}


.seccioNews
{
	padding:5px 20px 5px 20px;
	clear:both;
	margin-right:20px;
	clear:both;
}

#titleNews
{
	padding:0px 0px 0px 20px;
	color:#FF781E;
	font-weight:bold;
}

#imageNews
{
	padding:25px 0px 0px 20px;
	text-align:center;
}

/*Press Room*/

.Press_logo{
	padding-bottom:10px;

}
.Press_date{
	clear:both;
	color:#ACACAC;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:10px;
}
.Press_title{
	color:#f5ae0a;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:15px;
	clear:both;
}
.Press_content{
	padding-top:10px;
	padding-bottom:15px;
}
.Press_link{
	padding-top:10px;
	font-weight:bold;
	padding-left:5px;
}
.Press_url{
	color:#f5ae0a;
	padding-top:5px;
	padding-bottom:20px; 
}
.Press_url a {color:#f5ae0a;} 
.Press_url:hover {	color:#f5ae0a;} 
.Press_image{
	text-align:center;
}
.Press_description{
	
}
.Press_pageImage{
	
}

/***** PRESS RELEASES SUMMARY *********/
.PressReleasesSummary_Item
{
	width:45%;
	float:left;
	font-size:12px;
	padding:10px 10px 0px 10px;
}

.press_title {
	color: #333333;
	padding-bottom:10px;
	height: 60px;
}
.press_title a:link{
color: #333333;
}

.press_txt {
	color: #333333;
	margin-bottom:10px;
	height: 150px;
}
.press_img {
	margin-bottom:10px;
}


.LastNewsSummary_Item
{
	width:190px;
	clear:both;
	font-size:12px;
	overflow:hidden;
}

/***** EVENTS CQWP ******************************************************************/

.actual_events_cont{
	width:570px;
	margin: 10px 0px 0px 5px;
}
.event_summary {
padding: 0px 0px 0px 5px;
	
}
.brief_title {
color: #FF6600;
font-weight:bold;	
}
.summarytxt {
color: #666666;
}
.event_list {
margin: 5px 0px 0px 30px;
}
.event_guion {
color: #FF6600;
}
.evento_lista {
font-weight:bold;
color: #666666;	
}

.TextBoxSearch {
margin:5px 5px 10px 20px;
padding-left:50px;
}

/*** event layout ***/

.location {
color:#000000;
font-size:12px;
font-weight:bold;
}

.event_date {	
color: #FF6600;
font-weight:bold;
padding: 10px 0px 0px 0px;
}

.event_banner{
}

.event_title{
color: #333333;
font-size:12px;
font-weight: bold;
padding: 5px 0px 0px 0px;
}
.event_summarytxt {
color: #666666;
font-size:12px;
padding: 5px 0px 0px 0px;
}
.event_summarytxt li{
color: #666666;
font-size:12px;
padding: 8px 0px 0px 10px;
list-style:none;
list-style-image:url('../SiteCollectionImages/triangle.jpg');
}
.event_summarytxt a {
color: #FF6600;
}


#contenido_events {
padding:10px 10px 10px 30px;
width: 670px;
float:left;
}

/** locations events */

#event_locations {
width: 260px;
padding-top:20px;
float:left;
}

#event_locations ul {
list-style-image: url(/SiteCollectionImages/triangle.jpg);
padding-left: 5px;
list-style-type:none;
color: #333333;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
margin-right:5px;
}

.place {
font-weight:bold;
font-size:12px;
}
.place_adress{
margin-left: 0px;
}

.contenedor{
	width:100%;
}
.TercioZona{
	width:33%;
	float:left;
}


.LastNewsSummary_Float{
	font-size:12px;
	overflow:hidden;
	float:left;	
}

.moment {
	/*padding:10px 0px 10px 0px;*/
}

/** register events **/

.labelForm {
color: #666666;
font-size:12px;
padding: 5px 0px 0px 0px;
}

.buttonForm{
border:thin;
font-size: 12px;
margin:5px 5px 10px 20px;
padding-left:100px;
	}

.textboxForm{
padding-left:20px;
font-size: 11px;
background: #fff;
color: #000;

}

.placeNotFound{
color: #666666;
font-size:12px;
padding: 5px 0px 0px 0px;
	}
	
.requerido{
color: red ;
}

/** agenda ***/

#event_reg{
	clear:both;
}

#agenda {
	BORDER-RIGHT: #c0c0c0 2px solid; BORDER-TOP: #c0c0c0 2px solid; BORDER-LEFT: #c0c0c0 2px solid; BORDER-BOTTOM: #c0c0c0 2px solid
}
#agenda TH.top {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; PADDING-BOTTOM: 10px; COLOR: #ffffff; PADDING-TOP: 10px; FONT-FAMILY: Calibri, Arial; BACKGROUND-COLOR: #000000
}
#agenda TD {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 4px; BACKGROUND-POSITION: 50% top; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; VERTICAL-ALIGN: top; BORDER-LEFT: #999999 1px solid; WIDTH: 20%; COLOR: #000000; LINE-HEIGHT: 1.3em; PADDING-TOP: 4px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: Calibri, Arial; HEIGHT: auto; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#agenda TH {
	FONT-SIZE: 12px; PADDING-BOTTOM: 10px; VERTICAL-ALIGN: middle; COLOR: #ffffff; PADDING-TOP: 10px; FONT-FAMILY: Calibri, Arial; BACKGROUND-COLOR: #5a5a5a; TEXT-ALIGN: center
}
#agenda TD.headerLight {
	BACKGROUND-COLOR: #bfbfbf; TEXT-ALIGN: center
}
.RedText {
	FONT-SIZE: 10px; COLOR: #ff0000; FONT-FAMILY: Calibri, Arial
}
.book {
	CLEAR: both
}
#agenda H1 {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; MARGIN: 0px 5px 7px; VERTICAL-ALIGN: bottom; COLOR: #5a5a5a; PADDING-TOP: 2px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
#agenda .firstCol {
	PADDING-LEFT: 10px; PADDING-BOTTOM: 15px; VERTICAL-ALIGN: middle; PADDING-TOP: 15px
}
#agenda .select {
	BORDER-RIGHT: 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #999999 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #333333 1px solid; BACKGROUND-COLOR: #ff0000
}
      
/** OFFERING ***************************************************/

#cont_offering{
width: 955px;
}
#offering_intro {
width: 955px;
margin-bottom:10px;	
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding: 20px 0px 0px 15px;		
}
.down_link{
width: 955px;	
text-align:right;
color:#ff9b30;
}

.down_link a:link{
color:#ff9b30;
text-decoration:none;
}
.down_link a:visited{
color:#ff9b30;
text-decoration:none;
}


.offering_item {
width:430px;
float:left;
padding: 0px 20px 0px 10px;
}

.offering_item_title {
font-weight:bold;
margin-bottom:5px;
}

.offering_img {
float:left;
min-height:100px;
margin-right:10px;
margin-top: 20px;
}
.offering_descript {
float:right;
}

.divPlayer_comp { 
height: 160px; 
width:284px;
margin: 0px 0px 0px 0px;
border: 0px;
}

.off_items {
color:#666666;
padding: 10px 0px 0px 15px;	
}

.off_items a:link{
color:#FD7E00;
text-decoration:none;
}
.off_items a:visited{
color:#FD7E00;
text-decoration:none;
}


/** REFERENCES ***************************************************/

/*#contenidoCliente {
padding:10px 10px 10px 40px;
width: 660px;
float:left;
}

.imgCS {	
float: left;
width:50%;
}*/

#Player {	
float: left;
width:50%;
}*/

.logoCS {
float: left;
width:50%;
}

.tituloCS {
color: #FF9900;
font-weight:bold;
font-size:18px;
margin-bottom: 10px;
}
.descriptionCS {
clear:both;
padding: 10px 0px 20px 0px;
color: #666666;
width: 590px;
}
.client_opinion {
padding: 20px;
}

.videoopinion {
float: left;
padding: 0px 30px 0px 0px;
}
.opinion {
float: left;
width: 290px;
color:#666666;
font-weight:normal;
padding-bottom:5px;	
font-size:12px;
}

.ClientCSProjects {
width: 550px;
padding-top:20px;
}


.ClientCSProjects ul {
list-style-image: url(/SiteCollectionImages/triangle.jpg);
padding-left: 10px;
list-style-type:none;
color: #FF6600;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

.ClientCSProjects li {
padding-bottom: 10px;
}

.ClientCSProjects a{
color: #FF6600;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.all_clients {
	margin:20px;
}
.client_item {
float:left;
width:33%;	
}
.img_client{
margin:0 auto;
padding:0 auto;
min-height:90px;
}
.title_client { /* del item style */
text-align:center;
font-weight:bold;
font-size:14px;
color: 	#FF9900;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
}
.eslogan_client {
text-align:center;
font-size:12px;
font-weight:normal;
font-style:italic;
color: 	#333333;
font-family:Arial, Helvetica, sans-serif;
}

#CS_top{
margin-top:10px;
margin-bottom:20px;
}
.logoCS2{ /* en un CS el 1 s un cliente */
width: 28%;	
float:left;
}
.CS_titles {
width: 49%;	
float:right;
}
.CS_cliente {
color: #FF9900;
font-weight:bold;
padding-bottom:10px;
font-size:14px;
}

.CS_title {
color:#666666;
font-weight:bold;
padding-top: 24px;
padding-bottom:5px;	
font-size:14px;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
}

.CS_subtitle {
color:#666666;
font-weight:normal;
padding-bottom:5px;	
font-size:12px;
}
.CS_logomini {
width: 49%;	
float:left;
padding-bottom:10px;
}

.CS_img {
width: 33%;	
float:left;
}
.CS_eslogan {
color:#666666;
font-weight:normal;
padding-bottom:5px;	
font-size:14px;
width: 500px;
}

.CS_info {
/*width: 590px;*/
margin: 0 auto;
padding: 0 auto;
}
.CS_typology {
width:33%;	
float:left;
}
.CS_duration {
width:33%;	
float:left;	
}
.CS_met {
width:33%;
float:left;
}

.CS_emphasized {
width:46%;
padding: 20px 10px 20px 10px;
float:left;
height:250px;
}

.CS_imgCS {
float:left;
width:28%;
}

.CS_titlesemph {
float:left;
width:72%;
margin-top:30px;
min-height: 180px;
}

.CS_titleemph {
text-align:center;
font-weight: lighter;
font-size:20px;
color:#333333;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
}
.CS_sloganemph {
text-align:center;
font-weight: lighter;
font-style:italic;
font-size:18px;
color: 	#333333;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
}
.desc_txtemph {
clear:both;
padding: 10px 0px 20px 0px;
color: #666666;
}

.SummaryItemCS {
width:50%;	
}

.CS_titleemphMINI {
/*text-align:center;*/
font-weight:bold;
font-size:14px;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
width:240px;
padding-bottom:10px;
}

.CS_Sector
{
	color:#A6A6A6;
	font-weight:bold;
}

.CS_titleemphMINI a:link{
color: #666666;
text-decoration:none;
}
.CS_titleemphMINI a:visited{
color: #666666;
text-decoration:none;
}


.CS_sloganemphMINI {
/*text-align:center;*/
font-size:12px;
color: 	#333333;
font-family: Arial, Helvetica, sans-serif;
width:240px;
min-height:40px;
overflow:hidden;
}

.SummaryImgCS {
height:140px;
}

.SummaryImg {
height:159px;

}


/** flexible **/

#cont_WPFlex
{
	width:587px;
	margin:0 auto;
    padding:0 auto;
}


/*#cont_WPFlex_colleft
{
	padding:10px 0px 10px 0px;
	width:245px;
}

#cont_WPFlex_colleft table --> aquesta era la que afectava
{
	width:245px;
}*/

.mediaPantalla{
	width:50%;
	width: 290px;
	float:left;
}

/*.mediaPantalla table { --> no es necessari
	width:50%;
	width: 290px;
}*/


/** Algunos genericos ***************************************************/

.section_title {
color: #FF9900;
font-weight:bold;	
}
.desc_txt {
clear:both;
padding: 10px 0px 20px 0px;
color: #666666;
width: 590px;
}

.desc_txt ul{
list-style-image: url(/SiteCollectionImages/triangle.jpg);
padding-left: 10px;
list-style-type:none;
font-weight:normal;
}


.margin_WP {
margin: 10px 0px 10px 0px;
}


/** para los tags ****/

#nube {
width: 190px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
padding-left: 20px;
}
.peso1 a{
color:#FF9900;
padding-right: 3px;
font-size:20px;
text-decoration:none;
}
.peso2 a{
color:#FF9900;
padding-right: 3px;
font-size:18px;
text-decoration:none;
}
.peso3 a{
color:#FF9900;
padding-right: 3px;
font-size:14px;
text-decoration:none;
}
.clientes_slider{ 
overflow: hidden;
height: 191px;
width: 404px;
}


/* ezine title *********************/

.ezine_title a:link{

color:#333333;
text-decoration:none;
	
}

/*********/

.motionsep{
min-height:63px!important
}


/* competencies *********************/

.compe_img {
	
	
}


/**************** AFEGIT PEL MARC EL 1-4-09 **************/

.history
{
	padding:20px 0px 5px 20px;
}

.historyEzine
{
	padding:20px 0px 5px 20px;
	font-size: 12px;
}
.historyEzine2
{
	padding:50px 0px 5px 20px;
	font-size: 12px;
}


.historyItem
{
	padding:5px 0px 0px 40px;
}

.LastNewsSummary_Global
{
	width:200px !important;
	padding:25px 0px 25px 20px;
	font-size:12px;
	font-weight:normal;
}

.LastNewsSummary_Title {
font-weight:bold;
text-decoration:none;
}


.LastNewsSummary_Body {
padding-top:10px;	
padding-bottom:30px;
color: #666666; 	
}

/*.LastNewsSummary_Body
{
	width:200px !important;
	padding-bottom:30px;
}
.LastNewsSummary_Body#text
{
	width:200px !important;
	padding-bottom:30px;
}*/


.LastNewsSummary_Item
{
	padding-top:15px;
	padding-left:15px;
}

#IngenieroResponsable
{
	font-size:12px;
}

#IRingeniero
{
	width:260px;
	float:left;
	margin:25px 10px 25px 20px;
}

#IRcomentario
{

	width:260px;
	float:right;
	margin:30px 20px 25px 10px;
	color:#999999;
	font-style:italic;

}

.itemIRUrl
{
	text-align:center;
	padding-bottom:10px;
	
}

.itemIRName
{
	text-align:center;
	padding-bottom:10px;
	color:orange;
	font-weight:bold;
}


.itemIRCertificaciones
{
	text-align:center;
	padding-bottom:10px;
	color:#888888;
}

.ItemIRProfile
{
	text-align:center;
	padding-bottom:10px;
	color:black;
}

.itemIRProfileItem
{
	text-align:center;
	color:black;
}

.title_eyear {
color:#666666;
font-weight:bold;
}

.Carruosel
{
	width:260px;
	float:left;
	margin:25px 10px 25px 20px;
}

.CarrouselComentario
{
	width:260px;
	float:right;
	margin:30px 20px 25px 10px;
	color:#999999;
	font-style:italic;

}


/*****************************************************************************************/ 
/* used by UK what-we-do page #FS Nov09 **************************************************/ 
/*****************************************************************************************/ 


/* MINIDESTACADO IN UK - WHAT WE DO HOMEPAGE*/


.col-left-wwd  {   /* table enclosinig big image frames */
float:left;
width:700px;
/*background-color:#FFFFCC;*/
}

.mini-highlight-wwd {
float:left;
width:232px;
height:303px;
margin-top: 7px;
margin-right: 7px;
background-image: url(/SiteCollectionImages/img/bg-white-minihighlight.png);
background-repeat: no-repeat; 
_background-image: url(/SiteCollectionImages/img/bg-white-minihighlight.gif);
padding:0px;
}

.mini-content-top-wwd {
padding: 0px 20px 0px 20px;
margin-top:10px;
height:158px;
}

.mini-content-bottom-wwd {
padding: 0px;
margin-top:10px;
height:125px;
}


#tags_content-wwd {
padding: 0px 20px 20px 10px;
margin-top:10px;
}


.mini-highlight-wwd .head A{
color:#7e7e7e;
font-size:11px;
/*background-color:#FFCC00; falta fer-ho ampliable!!! 
width:230px;********************/
text-decoration:none;
}

.mini-highlight-wwd .title A{
color:#888888;
font-size:14px;
padding:0px;
margin:0px;
text-decoration:none;
}

.mini-highlight-wwd .text {
color:#888888;
font-size:11px;
padding:0px;
margin:0px;
}

.mini-highlight-wwd  img {
padding:0px;
margin:0px;
border:0px;
}

/* mini image buttons under large image frames */
.mini-highlight-buttons .in{
width:231px;
height:50px;
background-repeat: no-repeat; 
background-image: url(http://www.raona.com/en_uk/offering/PublishingImages/wwbg.jpg);
}

.mini-highlight-buttons .in p{
padding: 11px 10px 10px 10px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 12px;
color: #888;
font-weight: bold;
}

.mini-highlight-buttons .in a{
text-decoration: none;
}

.mini-highlight-buttons {
float:left;
width:231px;
height:50px;
margin-top: 10px;
margin-right: 7px;
}

.mini-highlight-buttons img{
float:left;
margin-right: 10px;
}

/* Raoa UK registration forms */
.RegistForm{ 		/* table enclosing fields*/
font-size:12px; 
 
background-color:transparent;
}
 
.RegistButtons{
background-color:#FF781E;
color:white;
}


