/* CSS Document */


/** NOU PER REVISSAR EN EL EXTRA ***/
/* ESTRUCTURA ***********************************************************************************************************/ 

BODY{
margin:0 auto;
padding:0 auto;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color:#777;
line-height: 16px;
font-size: 11px;
}

HTML{
margin:0 auto;
padding:0 auto;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color:#777;
line-height: 16px;
}

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

UL {
list-style-type: none;
}
OL {
list-style-type: none;
}

IMG {
border-style:none;
}

#main{
margin: 0 auto;
padding: 0;
width: 962px;

}

/* reutilitzables */

.clear {
clear:both;
}

/* BASICS ***************************************************************************************************************/

p {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 16px;
	font-size: 11px;
	color: #777;
}

h1, h2, h3, h4{
	font-family: Arial, Helvetica, Sans-Serif;		
}

h1 {
	font-size: 24px;
	color: #ff9222;
	font-weight: bold;
	line-height: 24px;
}

h2 {
	font-size: 18px;	
	color: #ff9222;
	font-weight: bold;			
}

h3 {
	font-size: 14px;
	color: #ff9222;
	font-weight: bold;
}

h4 {
	font-size: 14px;
	color: #888;
	font-weight: bold;				
}

a {
	text-decoration: none;
	color: #ff9222;
}

/* moss tools *********************************/

#moss_tools{
text-align:right;
height:23px;
font-size:11px;
margin: 5px 0px 0px 0px;
position:relative;
z-index: 10000;
}
#moss_tools_welcome
{
font-size:11px;
	float:right;
position:relative;
z-index: 10000;
}

#moss_tools_welcome a:link
{
    font-size:11px;
	float:right;
	color: #999999;
	text-decoration:none;
}
#moss_tools_welcome a:hover {
	color:#FF781E;
}

#moss_tools_siteactions
{
	float:right;
	width:100px;
}

/* HEADER *********************************/
#header {
overflow:hidden;
margin-top: 5px;
}

#header #languagenav {
padding:0px;
margin:0px;
}
#header #languagenav LI {
float:right;
}
#header #languagenav LI A {
display:block;
overflow: hidden;
color:#ffffff;
text-decoration:none;
width:24px;
}
#header #languagenav LI#twitter, #header #languagenav LI#facebook {
float:left;
width:33px;
height:33px;
}

#header #languagenav LI#twitter A, #header #languagenav LI#facebook A{
width:33px;
}

#header #languagenav LI#twitter{
margin-left:50px;
}


#header #languagenav LI#espanol A {
height: 24px;
width: 24px;
display: block;
background-image: url(/SiteCollectionImages/img/espanol_on.png);
background-repeat: no-repeat;
float: left;
text-indent: -5000px;
}
#header #languagenav LI#catala A {
height: 24px;
width: 24px;
display: block;
background-image: url(/SiteCollectionImages/img/catala.png);
background-repeat: no-repeat;
float: left;
text-indent: -5000px;
}
#header #languagenav LI#english A {
height: 24px;
width: 24px;
display: block;
background-image: url(/SiteCollectionImages/img/english.png);
background-repeat: no-repeat;
float: left;
text-indent: -5000px;
}

#header #languagenav LI#argentino A {
height: 24px;
width: 24px;
display: block;
background-image: url(/SiteCollectionImages/img/argentino.png);
background-repeat: no-repeat;
float: left;
text-indent: -5000px;
}


/** CONTENT ******/

#colhome-right {
float:right;
width:240px;
/*background-color:#CCCC00;*/
}

#colhome-left {
float:left;
width:718px;
/*background-color:#FFFFCC;*/
}



/* ESPECIFICAS MINIDESTACADO */

.mini-highlight {
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 {
padding: 0px 20px 0px 20px;
margin-top:10px;
height:158px;
}

.mini-content-bottom {
padding: 0px;
margin-top:10px;
height:125px;
}


#tags_content {
padding: 0px 20px 20px 10px;
margin-top:10px;
}


.mini-highlight .head A{
color:#7e7e7e;
font-size:11px;
/*background-color:#FFCC00; falta fer-ho ampliable!!! 
width:230px;********************/
text-decoration:none;
}

.mini-highlight .title A{
color:#888888;
font-size:14px;
padding:0px;
margin:0px;
text-decoration:none;
}

.mini-highlight .text {
color:#888888;
font-size:11px;
padding:0px;
margin:0px;
}

.mini-highlight img {
padding:0px;
margin:0px;
border:0px;
}

H3.title {
	font-size: 16px;
	line-height: 18px;			
}

p.text {
	line-height: 16px;
}


/* ESPECIFICAS FEED */

#home-feed {
width:717px;
height:35px;
margin-top: 7px;
padding:10px;
background-image: url(/SiteCollectionImages/img/bg-feed-white.png);
background-repeat: no-repeat; 
_background-image: url(/SiteCollectionImages/img/bg-feed-white.gif);
}

#home-feed  #feed {
float:left;
padding:0px;
/*LINE-HEIGHT: 29px;*/
overflow:hidden;
width:400px;
height:22px;

}

#home-feed #feed UL {
padding:0px;
margin:0px;
}

#home-feed #feed LI {
width: 350px;
}

#home-feed  #feed A{
text-decoration:none;
color:#555555;
/*font-size:10px;*/
}

#home-feed  #feed A:hover{
text-decoration: underline;
}


.section {
float:left;
color:#a2a2a2;
width:80px;
}

.cqfeed {
float:left;
width:24px;
}

.more A{
text-decoration:none;
background-image: url(/SiteCollectionImages/img/next.png);
background-repeat:no-repeat;
_background-image: url(/SiteCollectionImages/img/more_arrow.gif);
}
.more A:hover{
text-decoration:underline;
}

#home-feed .more A {
float:left;
width:120px;
background-position: right;
padding-right: 16px;
color:#888888;
}


/* ESPECIFICAS TAGS */

#raonatags{
line-height: 18px;
width:251px;
height:346px;
margin-top: 7px;
background-image: url(/SiteCollectionImages/img/bg-raonatags-white.png);
background-repeat: no-repeat; 
_background-image: url(/SiteCollectionImages/img/bg-raonatags-white.gif);
overflow: hidden;
text-align:justify;
padding:0px;
}

#raonatags .head {
padding-top:0px;
}

#raonatags .head A{
color:#555555;
font-size:11px;
text-decoration:none;
}

#raonatags #tags{
padding: 0px 20px 0px 20px;
margin: 0px;
}

#raonatags #tags LI {
display: inline; 
}
#raonatags #tags LI A {
text-decoration:none;
}
#raonatags #tags LI A:hover {
text-decoration:underline;
}

#raonatags #tags .tag1 A {
color:#ff9222;
font-size:20px;
font-weight:bold;
}
#raonatags #tags .tag2 A {
color:#acacac;
font-size:18px;
font-weight:bold;
}
#raonatags #tags .tag3 A {
color:#acacac;
font-size:11px;
font-weight:bold;
}

#raonatags #tags .tag4 A {
color:#acacac;
font-size:9px;
font-weight:bold;
}


/* 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: #c3c3c3;
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: #c3c3c3;
padding: 10px 15px 10px 15px;
border-top: 1px solid #efefef;
width: 962px;
}





/************************* MENÚ HORITZONTAL DE LA HOME ********************************/

  /*** #nivell2 .item2 també podria equivaldre a #nivell2 a ***/
#AspMenuWR
{
/*float: left;
display:inline;
color: #666666;
width:600px; OLD */

Z-INDEX: 9998; MARGIN: 10px auto; WIDTH: 962px; POSITION: relative; HEIGHT: 37px;

}

#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; NO*/
	/*margin: 5px;  
	height: 33px;
	font-family: Verdana, 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;	
}

/* Soluciones ***************************************************************************/

.slickbox {
	font-size: 11px;
	line-height: 16px;
}


/*****************************************************************************************/ 
/* 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 {
float:left;
width:200px;
height:100px;
margin-top: 7px;
margin-right: 7px;
background-repeat: no-repeat; 
background-image: url(/SiteCollectionImages/img/bg-white-minihighlight.gif);
padding:0px;
}

.mini-content-button {
/* used by UK what-we-do page #FS Nov09 */
padding: 0px 20px 0px 20px;
margin-top:10px;
height:70px;
}



/* Raoa UK registration forms */
.RegistForm{ 		/* table enclosing fields*/
font-size:12px; 
 
background-color:transparent;
}
 
.RegistButtons{
background-color:#FF781E;
color:white;
}

/* Sharepoint Adoption Roadmap ***************************************************************************/

			.spar-column {
				width: 184px;
			}
			
			#spar-column-01 {
				float: left;
				width: 184px;
				height: 436px;
				display: block;
				margin: 10px 10px 20px 0;
				background-image: url('/es_es/Offering/InformationWorker/Sharepoint/PublishingImages/bg-01-rg.jpg');
				background-repeat: no-repeat;
			}
			
			#spar-column-01:hover {
				text-decoration: none;
				background-image: url('/es_es/Offering/InformationWorker/Sharepoint/PublishingImages/bg-01-sl.jpg');
				background-repeat: no-repeat;
			}

			#spar-column-02 {
				float: left;
				width: 184px;
				height: 436px;
				display: block;
				margin: 10px 10px 20px 0;
				background-image: url('/es_es/Offering/InformationWorker/Sharepoint/PublishingImages/bg-02-rg.jpg');
				background-repeat: no-repeat;
			}
			
			#spar-column-02:hover {
				text-decoration: none;
				background-image: url('/es_es/Offering/InformationWorker/Sharepoint/PublishingImages/bg-02-sl.jpg');
				background-repeat: no-repeat;
			}
			#spar-column-03 {
				float: left;
				width: 184px;
				height: 436px;
				display: block;
				margin: 10px 10px 20px 0;
				background-image: url('/es_es/Offering/InformationWorker/Sharepoint/PublishingImages/bg-03-rg.jpg');
				background-repeat: no-repeat;
			}
			
			#spar-column-03:hover {
				text-decoration: none;
				background-image: url('/es_es/Offering/InformationWorker/Sharepoint/PublishingImages/bg-03-sl.jpg');
				background-repeat: no-repeat;
			}
			#spar-column-04 {
				float: left;
				width: 184px;
				height: 436px;
				display: block;
				margin: 10px 10px 20px 0;
				background-image: url('/es_es/Offering/InformationWorker/Sharepoint/PublishingImages/bg-04-rg.jpg');
				background-repeat: no-repeat;
			}
			
			#spar-column-04:hover {
				text-decoration: none;
				background-image: url('/es_es/Offering/InformationWorker/Sharepoint/PublishingImages/bg-04-sl.jpg');
				background-repeat: no-repeat;
			}
			#spar-column-05 {
				float: left;
				width: 184px;
				height: 436px;
				display: block;
				margin: 10px 0 20px 0;
				background-image: url('/es_es/Offering/InformationWorker/Sharepoint/PublishingImages/bg-05-rg.jpg');
				background-repeat: no-repeat;
			}
			
			#spar-column-05:hover {
				text-decoration: none;
				background-image: url('/es_es/Offering/InformationWorker/Sharepoint/PublishingImages/bg-05-sl.jpg');
				background-repeat: no-repeat;
			}
        	
			.spar-column-spacer {
				margin: 0 15px 0 15px;
				width: 154px;
			}
			
			.spar-column-text-top {
				margin-top: 125px;
				margin-bottom: 0;
				font-family: Arial, Verdana, Geneva, sans-serif;
				font-size: 14px;
				font-weight: bold;
				color: #555;
			}
			
			.spar-column-text-title {
				display: block;
				height: 75px;
				margin: 20px 0 0 0;
				font-family: Arial, Verdana, Geneva, sans-serif;
				font-size: 14px;
				font-weight: bold;
				line-height: 18px;
			}
			
			.spar-column-text-content {
				margin: 5px 0 0 0;
				display: block;
				height: 100px;
				font-family: Verdana, Geneva, sans-serif;
				font-size: 11px;
				line-height: 16px;
			}
			
			.spar-column-text-more {
				margin: 0;
				font-family: Verdana, Geneva, sans-serif;
				text-align: center;
				font-size: 11px;
				line-height: 16px;
				color: #ff9222;
			}

 			.in-box {
				padding: 30px 30px 10px 30px;
				display: block;
				background-image: url('/es_es/Offering/InformationWorker/Sharepoint/PublishingImages/bg-in-box.gif');
				background-repeat: no-repeat;
				overflow: hidden;
			}
			
			.line {
				background-image: url('/es_es/Offering/InformationWorker/Sharepoint/PublishingImages/line.jpg');
				height: 2px;
				display: block;
				overflow: hidden;
				margin: 0 0 10px 0;
				clear:right;
			}
			
			.spar-text p{
				margin:0 0 6px 0;
				padding:0;
			}
			
			/* Forms *********************************************/
			
			.spar-label span{
				display: block;
				margin:0 0 5px 30px;
			}

			.spar-response input, .spar-response select{
				font-family: Verdana, Helvetica, sans-serif;;
				font-size: 11px;
				color: #555;
				margin:0 0 5px 50px;
				padding: 3px;
				border: 1px #ddd solid;
			}

			.spar-response input{
				height: 15px;
				width: 250px;
			}
			
			.spar-response input:hover{
				border: 1px #ff9222 solid;
			}


			.spar-response input[type="submit"]{
				height: 45px;
				width: 260px;
			}
			
			.spar-response select{
				height: 20px;
				width: 260px;
				border: 1px #ff9222 solid;
			}