/* CSS Document */

body /* These becomes the initial settings for most other elements */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #535548;
	background-color: #ffffff;
	background-image: url(../imatges/body_bg.png);
	background-repeat: repeat-x; /* IE method for centering page if it has fixed width */
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 

{

font-weight: bold;

font-style: normal;

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0.5em;

margin-left: 0pt;

padding-top: 0pt;

padding-right: 0pt;

padding-bottom: 0pt;

padding-left: 0pt;

}

h1 

{

margin-top: 0pt;

font-size: 1.4em;

font-weight: normal;

}

h2
{
    font-size: 1.3em;
}

h3
{
    font-size: 1.9em;
}

div.border-box
{
    margin-bottom: 1em;
}

/* Default box style */

div.border-box div.border-tl
{
    background: url(../imatges/box/border-tl.gif) no-repeat top left;
}

div.border-box div.border-tr
{
    background: url(../imatges/box/border-tr.gif) no-repeat top right;
    padding: 0 4px 0 4px;
}

div.border-box div.border-tc
{
    font-size: 0;
    height: 4px;
    background: url(../imatges/box/border-tc.gif) repeat-x top left;
}

div.border-box div.border-ml
{
    background: url(../imatges/box/border-ml.gif) repeat-y center left;
}

div.border-box div.border-mr
{
    background: url(../imatges/box/border-mr.gif) repeat-y center right;
    padding: 0 1px 0 1px;
}

div.border-box div.border-mc
{
   /* height: 1%;  Preventing margins on content from breaking the box (for IE) */
    background-color: #ffffff;
    padding: 0.5em 0.75em 0.5em 0.75em;
}

div.border-box div.border-mc:before, div.border-box div.border-mc:after /* Preventing margins on content from breaking the box */
{
    content: "-";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

div.border-box div.border-bl
{
    background: url(../imatges/box/border-bl.gif) no-repeat bottom left;
}

div.border-box div.border-br
{
    background: url(../imatges/box/border-br.gif) no-repeat bottom right;
    padding: 0 4px 0 4px;
}

div.border-box div.border-bc
{
    font-size: 0;
    height: 4px;
    background: url(../imatges/box/border-bc.gif) repeat-x bottom left;
}

table.list /* Standard class usable for most regular tables presenting lists, with additional related styles */
{
    width: 100%;
    margin: 1em 0 1em 0;
	border: none;
}

table.list th, table.list td
{
    padding: 0.5em;
    border-right: 1px solid #ffffff;
    border-bottom: none;
    vertical-align: top;
}

table.list th
{
    font-weight: bold;
    color: #525345;
    background-color: #DFDFDF;
    white-space: nowrap;
    text-align: left;
	background-image: url(../imatges/th_bg.png);
	background-repeat: repeat-x;
	background-position: top left;
}

table.list td
{
    border-top: 1px solid #f8f8f8;
    font-weight: normal;
}

table.list th:first-child, table.list td:first-child
{
    border-left: 1px solid #ffffff;
}

table.list tr.bglight
{
    background-color: #F1F1ED;
}

table.list tr.bgdark
{
    background-color: #EAE9E1;
}

table.list tr.bglight:hover, table.list tr.bgdark:hover /* This has no effect in IE6 and below */
{
    background-color: #ffffff;
}

table.list tr.bglight:hover td, table.list tr.bgdark:hover td
{
    border-color: #ffffff;
}

table.list a
{
    border-bottom-color: #EAE9E1;
}

/* ORDERED AND UNORDERED LISTS */

ul, ol
{
    margin: 0.75em 0 1em 1.5em;
    padding: 0;
	list-style-image:url(../imatges/sidemenu_bullet.png);	
}

ul ul, ol ul
{
    margin: 0.3em 0 0.5em 1.3em;
}

ul ol, ol ol
{
    margin: 0.3em 0 0.5em 1.9em;
}

li
{
    margin: 0 0 0.3em 0;
    padding: 0;
    line-height: 1.25em;
}

/* DEFINITION LISTS */

dl
{
    margin: 0.25em 0 0.25em 0;
    padding: 0;
}

dt, dd
{
    font-style: normal;
    margin: 0 0 0.25em 0;
}

dt
{
    font-weight: bold;
}

dd
{
    margin: 0 1em 0.5em 2.5em;
}

/* LINKS */

a
{
    color: #787B89;
    text-decoration: none;
}

a:hover
{
    color: #000000;
    text-decoration: underline;
}
.no_link {
 color: #787B89;
}


a.link_verd{
	color:#94bd60;
	text-decoration: none;
}

a.link_verd:hover{
	color:#94bd60;
	text-decoration: underline;
}

a.mes_info
{
	color: #CD5F44;
    text-decoration: none;
}
a.mes_info:hover{
	
	text-decoration: underline;
}

a img
{
    border: none; /* Some browsers may display a border around a linked image without this attribute set to _none_. */
}
a.peu:link {
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	color:#696456 ;
	text-decoration: none;
}
a.peu:visited {
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	color:#696456 ;
	text-decoration: none;
}
a.peu:hover {
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	color:#696456 ;
	text-decoration: underline;
}



a.beques:link , a.beques:visited, a.beques:active    {
	
	color: #45474E;
	text-decoration: none;
}

a.beques:hover {

	color: #000000;
    text-decoration: underline;
}

/* ---------*/
/* ATTIRBUTE HEADER */

div.attribute-header h1
{
	font-size: 1.8em;
	font-weight: normal;
	background-image: url(../imatges/attribute_header_bg_medium.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-bottom: 25px;
	color: #000000;
	margin-bottom: 0;
}

div.attribute-header h1.long
{
	font-size: 1.8em;
	font-weight: normal;
	background-image: url(../imatges/attribute_header_bg_long.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 25px;
	color: #000000;
	margin-bottom: 0;
}

/* SIDE MENU */

div#sidemenu-position
{
    width: 14em;
    margin-left: -14em;
    float: left;
    display: inline; /* Fix for IE double margin bug */
}

div.nosidemenu div#sidemenu-position
{
    display: none;
}

div#sidemenu ul
{
	list-style-type: none;
    margin: 0.5em 0 0.5em 0;
}

div#sidemenu ul li
{
    margin: 0.25em 0 0.25em 0;
	list-style-type: none;
	list-style-image: none;
}

div#sidemenu div.box div.box-content
{
	padding-left: 0.75em;
	padding-right: 0;
}

div#sidemenu h4
{
	margin: 0;
}

div#sidemenu h4 a
{
	color: #525345;
	text-decoration: none;
}

div#sidemenu ul.menu-list a.selected
{
	font-weight: bold;
}

div#sidemenu ul.submenu-list
{
	list-style-type: none;
	margin-left: 1em;
}

div#sidemenu ul.submenu-list a.selected
{
	font-weight: bold;
	
}

div#sidemenu ul.menu-list li {
	background-image: url(../imatges/sidemenu_bullet.png);
    background-position: 0.2em 0.5em;
    background-repeat: no-repeat;
    padding-left: 18px;
    display: block;
	font-size: 0.90em;
	color: #787B89;
}

/*div#sidemenu ul.menu-list li a, div#sidemenu ul.submenu-list li a
*/
div#sidemenu ul.submenu-list li a /* ESTILS LINKS SUB SUBMENUS  */
{
  /*  background-image: url(../imatges/sidemenu_bullet.png);*/
    background-position: 0.2em 0.5em;
    background-repeat: no-repeat;
 /*   padding-left: 18px; */
    display: block;
/*	font-size: 0.90em;*/
} 

/************************************* CABECERA ******************/

#cabecera {
	
	width:100%;
	

}
	#logo_soc {
		
		float:left;
		width:132px;
	
	}
	
	#logo_dia_mundial {
		float:left;
		width:312px;
	}
	
	#nom_soc {
		float:right;
		margin-right:5px;
		margin-top:15px;
		
	}




/******************************************************************/


#mail {
	margin-left:12px;
	float:left;
	width:180px;
}
.files_imparells
{
	background-color:#EDEEF3;
	padding:5px;
}



.files_parells
{
	background-color:#FFFFFF;
	padding:5px;
}



.titol_grid
{
	background-color:#CDD1E3;
	padding:5px;
	color:#484545;
	font-weight:bold;
	font-size:12px;
}

.line{
	margin: 5px 10px 5px 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #637344;
}

.txt_verd {
	color:#94bd60;
	margin-top:4px;
	margin-bottom:5px;
	vertical-align:bottom;
	
}

ul.congress09 li {
	
	margin-top:15px;
}

.convocatoria_oberta {
	color:#739C41;
	font-weight:bold
}

.convocatoria_tancada {
	color:#CD5F44;
	font-weight:bold
}

/* FORMULARI RECOLLIDA DADES */

/*

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#F0F0F0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	size:11px;;
}

#page{
	width:955px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#header{
	float:left;
	background-image:url(../imgs/header2.jpg);
	background-repeat:no-repeat;
	width:955px;
	height:187px;
}*/

#content_body {

	overflow:hidden;

}

#contenttext{ /*text-align:justify; */}

.bodytext {
	font: 0.9em Arial; 
	color: #666666;
	
	
}

#line {
	margin-top:6px;
	background-image:url(../imgs/line.jpg);
	background-repeat:repeat-x;
	width:600px;
	height:1px;
}

a.link {
	text-decoration:none;
	color:#003399;
}

a.link:hover {
	text-decoration:underline;
	
}
input.text {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	/*font: 0.8em Tahoma, sans-serif;*/
	color: #666666;
/*	size:40; */
	width:60px;
	font-size:11px;
	
}

#especificacions {
	font-size:11px;
	font-style:italic;
}
th {
	letter-spacing: 3px;
	
}

#contador {

	/*background-color:#FF9900;
	float:left;*/
	width:125px;
	clear:both;
	margin-left:15px;
}

#calendariImatge_Novetats {
	float:left;	
	background-image:url(../images/date_green.png);
	background-repeat:no-repeat;
	width:50px;
	height:58px;
	padding-top:3px;
	margin-left:9px;
}

#calendariImatge_Novetats .bigText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
}

#calendariImatge_Novetats .smallText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-align:center;	
}

#text_Novetats {

	float:left;
	width:250px;
	margin-left:20px;
	margin-top:20px;
	font-size:15px;
	font-weight:bold;
}

#div_banners_bottom {
	
	width:680px;
}

#banner_agora {

	width:200px;
	float:left;
}

#banner_agora_gran {

	width:265px;
	float:left;
	margin-left:35px;
}

#banner_atencio_socis {

	width:290px;
	float:left;
	margin-left:20px;
}

#banner_congres {
	
	background-image:url(../imatges/congress2012_2_p.jpg);
	background-repeat:no-repeat; 
	overflow:hidden; 
	height:122px;
}

#banner_congres:hover {

	cursor:pointer;
}


#banner_congres_anterior {
	
	width:245px;
	float:left;
	margin-top:25px;

}

#banner_actualitza_dades {
	
	width:305px;
	float:left;
	margin-left:35px;
	margin-top:35px;
	
}

#banner_dia_mundial {
	
	width:502px;
/*	float:left;*/
	margin-left:auto;
	margin-right:auto;
	
	margin-top:5px;
	
}

#banner_dia_mundial:hover {
	cursor:pointer;
}
