/* Fundació Josep Carreras */
/* Whads Accent - 2009	   */
/* By Xavito			   */

    /* Main elements */

    	body {
    		font-family: Arial, "Trebuchet MS", Verdana, sans-serif;
    		margin: 0;
    		padding: 0;
    		color: #666;
    		font-size: 62.5%;
    		background-color: #f9f7f6;
    	}

    	div {
    		margin: 0;
    		padding: 0;
    	}

    	dl, dt, dd {
    		margin: 0;
    		padding: 0;
    	}

    	ul, li {
    		margin: 0;
    		padding: 0;
    		list-style: none;
    	}

    	p,
    	h1,
    	h2,
    	h3,
    	h4,
    	h5,
    	h6 {
    		padding: 0;
    		margin: 0;
    		font-size: 1em;
			font-weight:normal;
    	}
    	
    	p {
    		color: #666;
    	}
    	
    	
    a {
        color:#2C88F4;
        text-decoration: none;
    }
    
        a:hover {
            text-decoration: underline;
        }
    
    
	abbr,
	acronym {
	    border-bottom: none;
	}

    	img {
    		border: 0;
    	}

    	.hidden {
    		height: 0;
    		width: 0;
    		overflow: hidden;
    		position: absolute;
    	}


    /* Layout */

    	.BaseView {
    		width: 89em;
    		padding:1.5em 4em;
    		margin: 0 auto;
    		background-color: #fff;
    		border-left:  2px solid #EDECEC;
    		border-right: 2px solid #EDECEC;
			font-size: 1.01em;
    	}



    /* Header */

        .header {
            width: 100%;
            overflow: hidden;
            margin: 0em;
            height:9.8em;
        }
        
        
        /* Logo and slogan */
        
            .header h1 {
                float: left;
            }
            
            .header h1.logo a.logo {
                float: left;
            }
            
            .header h1.logo a img.logo {
                margin-bottom:2.3em;
                margin-left:22em;
                margin-top:0.7em;
                width: 19em;
                height: 6.5em;
            }
            
            .header h1.logo a img.carreras {
                position:absolute;
                top:0;
                width: 15.3em;
                height: 11.3em;
            }
            

        /* Language bar */
            
            .BaseView .header .language_selector {
                font-size: 1.1em;
                float: right;
                clear: right;
            }

				.BaseView .header .language_selector {
					margin-top:0;
				}
				
					.BaseView .header .language_selector li {
						display: inline;
						padding-right: .7em;
						margin-right: .7em;
						border-right: 1px solid #666;
					}
					
						.BaseView .header .language_selector li,
						.BaseView .header .language_selector li a {                    
							color: #666;
							text-decoration: none;  
						}
						
										
						.BaseView .header .language_selector li.last {
							padding-right: 0;
							margin-right: 0;
							border-right: none;
						}
                        
			.BaseView .header ul.header-links {
                font-size: 1.1em;
                float: right;
                clear: right;
                margin-top: 1em;
                text-align: right;
            }
					.BaseView .header ul.header-links li {
						padding-left: 1em;
						margin-left: 0.7em;
                        background:transparent url(../images/more-info.gif) no-repeat scroll 0 0.3em;
                        float:right;
                        clear: right;
					}
						.BaseView .header ul.header-links li,
						.BaseView .header ul.header-links li a {                    
							color: #666;
							text-decoration: none;  
						}
                        .BaseView .header ul.header-links li a:hover { 
                            text-decoration: underline; 
                        }
                        
                        #subscription-form  ul.errors li {
                            float:left;
                        }
            
			#search {
				/* background:transparent url(../images/bkbuscador.png) no-repeat scroll 0 0; */
                margin-top:1em;
                position:absolute;
                right:4em;
                top:6.5em;
                font-size: 1em;
                width: 14em;
			}
				#search input {
                    font-size: 1em;
					background:transparent none repeat scroll 0 0;
					border:medium none;
					margin-bottom:0.5em;
					margin-top: 2px;
					padding-left:0;
                    margin-left: 2em;
					padding-right:0.5em;
					padding-top:0.3em;
					width:11em;
					position:relative;
					overflow: hidden;                    
                    background-color: #fff;
				}

        /* Administracio */
        
        
        .identity {
            display:inline;
            float:right;
            padding-bottom:1em;
        }
        
        .identity * {
            display: inline;
            font-family:arial;
        }
        
        .identity strong {
            font-size: 1.1em;
        }
        
        .identity form button.logout_button {
            background-color:#FFFFFF;
            border: none;
            cursor:pointer;
            font-size:1.2em;
            margin:0;
            padding:0;
            color: #2C88F4;
            font-weight: bold;
            
        }
        
        .toolbar {
            text-align: right;
        }
        .toolbar a {
            color: #2C88F4;
            cursor:pointer;
        }
        
    /* Main menu */       

        #main-menu {
            margin-bottom:0.5em;
            margin-top:0;
            overflow:hidden;
            position:relative;
            width:100%;
            height: 4em;
            font-family: georgia;
        }        
        
            #main-menu img.fons-menu{
                left:0;
                position:absolute;
                top:0;
                z-index:0;
                height:3.9em;
                width: 89em;
            }
            
            #main-menu img.inici-menu{
                float:left;
                left:0.2em;
                padding: 0.3em 0 0.5em 1.3em;
                position:absolute;
                top:0.5em;
                z-index:10;
            }
            
            #main-menu div.menu-container {
                position: relative;
                height: 23px;
            }
                
            #main-menu .image {
                display: block;
                margin-bottom: 2px;
            }


				
            #main-menu ul {
                height:3.5em;
                overflow:hidden;
                padding: 0.8em 0 0.5em 4.7em;
                position:absolute;
                width:82.5em;
            }
            
                #main-menu ul li {
                    float: left;
                    font-size: 1.2em;
                    font-weight: normal;
                    padding: 0.3em 1em;
                    border-left:1px solid #A0A19E;
                    border-right:1px solid #646461;
                }
                #main-menu ul li:first-child {
                    border-left:1px solid #A0A19E;
                }
                #main-menu ul li:last-child {
                    border: none;
                    border-left:1px solid #A0A19E;
                    
                }
						
                    #main-menu ul li.selected {
                        font-weight: bold;
                        color: #FFFFFF;
                    }

                    #main-menu ul li.selected a {
        			    color: #FFFFFF;
        		    }
                
                    #main-menu ul li a {
                        color: #DDDDDD;
                        text-decoration: none;
                        height: 2.5em;
                        padding-bottom: 0.5em;
                        padding-top: 0.5em;
                        
                        
                    }
                    
                        #main-menu ul li a:hover,
                        #main-menu ul li a:hover div {
                            /*text-decoration: underline;*/
                            color: #FFFFFF;
                        }

    /* Local Menu */

        .local-menu {
            font-family: georgia;
            position: relative;
        }
        
            .local-menu ul {
               width: 20.3em;
               border-left: 1px solid #E3E3E3;
               border-right: 1px solid #E3E3E3;
               border-bottom: 1px solid #E3E3E3;
            }
                .local-menu ul li {
                    border-top: 1px solid #ECECEC;
                    background:#FAFAFA url(../images/local-menu-li.gif) no-repeat scroll right 1.3em;
                    margin:0;
                }
                
                    .local-menu ul li a{
                        color: #4C4C4C;
                        text-decoration: none;
                        font-size: 1.4em;
                        padding: 0.5em 1.7em 0.5em 2em;
                        display: block;
                        
                    }
                    
                    .local-menu ul li a:hover {
                        background:#2C88F4 url(../images/local-menu-li.gif) no-repeat scroll right 0.9em;
                        color:#FFFFFF;
                    }
                    
                    .local-menu ul li ul {
                        border:none;
                    }
                    
                .local-menu ul li.selected {        
                    background:#ECECEC url(../images/local-menu-li-selected.gif) no-repeat scroll right 1.3em;
                }
                
                    .local-menu ul li.selected a {        
                        color: #2C88F4;
                        font-weight:normal;
                    }
                    .local-menu ul li.selected a:hover  {
                        background: #2C88F4 url(../images/local-menu-li-selected_white.gif) no-repeat scroll right center;
                        color:#FFFFFF;
                    }
                                    
                        
                        .local-menu ul li.selected ul li {
                            background: #ECECEC;
                            font-weight:normal;
                            border-top: 1px solid #FAFAFA;
                        }
                        
                            .local-menu ul li.selected ul li a{
                                font-size:1.2em;
                                background: #ECECEC url(../images/menu-ul-li-ul-li.gif) no-repeat scroll 2.4em 1em;
                                font-weight:normal;
                                color: #4C4C4C;
                            }
                            
                            .local-menu ul li.selected ul li a:hover,
                            .local-menu ul li.selected ul li.selected a:hover {
                                font-size:1.2em;
                                background:#2C88F4 none repeat scroll 0 0;
                                color:#FFFFFF;
                                font-weight:normal;
                                
                            }
                            
                          
                            .local-menu ul li.selected ul li.selected a{
                                color: #2C88F4;
                            }
                            
                            .local-menu ul li ul li a{
                                padding-left: 3.3em;
                                display: block;
                                font-weight:normal;
                            }




          
	 /* Bread Crumb */

            #breadcrumb {
				margin-bottom: 0.5em;
				float: left;
				font-family:arial;
				font-size:1.1em;
                margin-left:2em;
			}
				
				#breadcrumb ul {

				}
				
				#breadcrumb ul li {
					display: inline;
					padding-left: 0.8em;
					margin-right: 0.3em;
					background: transparent url(../images/bkbreadcrumb.png) no-repeat 0 0.4em;
				}
                
                #breadcrumb ul li:first-child {
                    background-image: none;
                    padding:0;
                }
				
			
				#breadcrumb ul li a{
					text-decoration: none;
					color:#A0A19E;                                

				}
	 /* Selector of size */
		
		#sizefont {
			margin-bottom: 0.5em;
			float: right;
		}
			
			#sizefont ul {

			}
			
			#sizefont ul li {
				display: inline;
				padding-left: 0.3em;
				margin-right: 0em;
			}
		

		
    /* Content area */

        .content {
            clear:both;
            float:left;
            margin:0em 0em 4em 0em;
            padding:0;
            width:89em;            
        }               

		
    /* Side content */

        #side-content {            
            width: 20em;
            float: left;
            margin-bottom: 4em;
            padding-left: 0em;
            display: block !important;            
        }
        
        /* Section main title */
        
            #side-content h2 {
                color: #000;
                font-size: 1.2em;
                width:15.35em;
                padding:0.7em 0 0.7em 1.8em;
		        border-bottom: 1px solid #EEEEEE;
                background: transparent url(../images/bkbox.jpg) repeat-x scroll center bottom;  
				font-weight:bold;
                
                
            }
            
                #side-content h2 a {
                    text-decoration: none;
                }
                
                    #side-content h2 a:hover {
                        text-decoration: underline;
                    }

   /* Side content */

        #main-content {
            float: right;
            margin-left: 1em;
            overflow:hidden;
			width:66.7em;
			*width:66.8em;
            margin-bottom:-2em;
            
        }
        
       




    /* Footer */
    
        .footer {
            width: 100%;
            overflow: hidden;
            clear: both;
            border-top: 1px solid #E6E7E3;
            color: #b3b4b2;
            font-family:helvetica;
        }
        
            .footer a {
                color: #b3b4b2;
            }
        
            .footer address {
                float: left;
                clear: left;
                width: 60em;
                margin: 0em 0.2em 0.5em 0em;
                font-size: 1.1em;
                font-style: normal;
            }
                
                .footer address strong {
					font-weight: bold;
                }
            	
            	.footer address a {
					color: #8bbdf8;
				}
				
				
            .footer ul {
                float: left;
                margin: 0.7em 1em 0em 0em;
                font-size: 1.1em;
                width:73em;
            }
            
                .footer ul li {                
                    display: inline;
                    padding-right: 1em;
                    margin-right: 1em;
                    line-height: 2em;
                    border-right: 1px solid #b3b4b2;;                    
                }
                
	                .footer ul li a {                
	                	text-decoration: none;                        
	                }
                
	                	.footer ul li a:hover {                
		                	text-decoration: underline;                
		                }
	                
                    .footer ul li.last {
                        padding-right: 0;
                        margin-right: 0;
                        border-right: none;
                    }
                    
        .footer .webacreditada {
        
        }
        
            .footer .webacreditada  img{
                float:right;
                padding-bottom:0;
                padding-left:1.5em;
                padding-right:0;
                padding-top:0.7em;
                width:5.5em;
            }
        
        
        .footer .rss {
            padding-left: 1.2em;
            padding-top: 0.1em;
            background: transparent url(../images/rss.png) no-repeat 0 0.1em;
            float: right;
        }       
            .footer .rss:hover {
                text-decoration:underline;
            }
                
   /* Box */
        
        #main-content .last {
            margin-right: 0em;
        }
        
   		.box, 
        .long-small-box,
        .welcome-box,
        .small-img-box,
        .small-img-box-last,
        .calendar-box ,
        .forum-box {
			float: left;
			width: 20.6em;
			height: 24em;
			_height: 25.2em;
			padding: 0.2em;
			position: relative;
            border: 1px solid #E1E1E1;
            padding: 0em;
            background: #FBFBFB url(../images/bkbox-text2.png) repeat-x bottom;
            margin: 0 2.4em 2.3em 0;
            *margin: 0 2.2em 2.3em 0;
            font-family: georgia;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
		}
        .long-small-box {
            height:8.4em;
        }
        .small-img-box,
        .small-img-box-last {
            margin-right: 0;
            background: none;
        }
        .welcome-box {
            color: #ffffff;
            margin-right: 0em;
            height: 29em;
            width:20.05em;
            *width:20em;
            background: #4C4C4D url(../images/bkbox-text-welcome.png) repeat-x bottom;
        }
        
        
        .box h2,
        .long-small-box h2 ,
        #side-content .welcome-box h2,
        .small-img-box h2,
        .small-img-box-last h2,
        .calendar-box h2,
        .forum-box h2 {
            font-size:1.4em;
            margin: 0em;
            padding: 0.2em 0em 0.2em 1em;
            background: url(../images/bkbox.jpg) repeat-x bottom;
        }
        #side-content div.welcome-box h2 {
            background: url(../images/bkbox-welcome.jpg) repeat-x bottom;
            width:15.65em;
            border: none
        }
        
        
        .box h2 span,
        .long-small-box h2 span,
        .welcome-box h2 span,
        .small-img-box h2 span,
        .small-img-box-last h2 span,
        .calendar-box h2 span,
        .forum-box h2 span {
            background: url(../images/li.gif) no-repeat 0 0.5em;
            padding: 0em 0.4em 0.2em 1em;
            display:block;
            color: #4C4C4C;   
        }

        .small-img-box h2 span,
        .small-img-box-last h2 span,
        .calendar-box h2 span,
        .forum-box h2 span {
            padding:0.2em 0 0.4em 1em;
            *padding:0.2em 0 0.4em 0.8em;
            background: url(../images/li.gif) no-repeat 0 0.65em;
        }
        .welcome-box h2 span{
            background: url(../images/li-welcome.gif) no-repeat 0 0.4em;
        }
        
            .box h2 span a ,
            .long-small-box h2 span a,
            .welcome-box h2 span a,
            .small-img-box h2 span a,
            .small-img-box-last h2 span a,
            .calendar-box h2 span a,
            .forum-box h2 span a {
                color: #4C4C4C;
                text-decoration: none;
                font-weight:bold;
            }
            
            .welcome-box h2 span a{
                color: #ffffff;
            }
            
                .box h2 span a:hover ,
                .long-small-box h2 span a:hover ,
                .welcome-box h2 span a:hover ,
                .small-img-box h2 span a:hover,
                .small-img-box-last h2 span a:hover,
                .calendar-box h2 span a:hover,
                .forum-box h2 span a:hover {
                    color: #4C4C4C;
                    text-decoration: underline;
                }
        
        
        
        .box img,
        .welcome-box img,
        .small-img-box-last img
                   .small-img-box img {
            height:12.4em;
            width: 20.4em;
            *width: 20.6em;
            display: block;        
        }
        .welcome-box img {
            width: 19.85em;
            *width: 19.8em;
        }
        
        .small-img-box-last img,
        .small-img-box img {
            height:12em;
            width:19em;
        }
        
        .small-img-box-last div img,
        .small-img-box div img {
            width: auto;
            height: auto;
            display: inline;
            vertical-align: middle;
        }
        .long-small-box{
			width: 43.6em;
            margin-right: 0em;
        }
		
		.small-img-box {
            width: 20.6em;
			height: 16em;
			font-family: georgia;
            margin: 0 2.4em 2.3em 0;
		}
		
		.small-img-box-last,
        .calendar-box,
        .forum-box {
            width: 20.6em;
			height: 16em;
			font-family: georgia;
		}

        .small-img-box  div.div-img,
        .small-img-box-last  div.div-img{
            display: block; 
            height: 10em; 
            vertical-align: middle; 
            text-align: center;
            padding-top:0.5em;
        }
        
        .small-img-box .small-img-box-inner,
        .small-img-box-last .small-img-box-inner {
            width: auto;
            height: auto;
            margin: 0;
            vertical-align: middle;
        }
		
        .box-destacat {
			float: left;
			width: 20.6em;
			overflow: hidden;
			position: relative;
			padding: 0em;
			color:#FFFFFF;	
            font-family: georgia;
            margin: 0 2.3em 1.5em 0;
		}
		
		.box-destacat ul {
			margin:0;
			padding:0;
		}
			.box-destacat ul li {
				
				position:relative;
				width:100%;
                padding: 1em 0em;
				margin-bottom: 1em;
                background: url(../images/box-destacat-li.gif) no-repeat 18em center;
			
			}
			.box-destacat ul li a {
				width: 11em;
				color: #FFFFFF;
				text-decoration:none;
				font-weight: bold;
				font-size: 1.4em;
				padding:0 0 0 1.2em;
                display:block;
			}
							
				.box-destacat li a:hover {
					text-decoration: underline;
				}
	
	
			span.si,
			span.sd,
			span.ii,
			span.id {
				position: absolute;
				width: 10px;
				height: 10px;
                /* border-top: 1px solid red; */
			}
			
			/* Carrega de les imatges que es faran servir com a les cantonades arrodonides */
			
				span.si { background: url("../images/corner_top_left.gif") no-repeat top; }
				span.sd { background: url("../images/corner_top_right.gif") no-repeat; }
				span.ii { background: url("../images/corner_bottom_left.gif") no-repeat; }
				span.id { background: url("../images/corner_bottom_right.gif") no-repeat; }
                
                div.forum-box span.si { background: url("../images/corner_top_left2.gif") no-repeat top; }
				div.forum-box span.sd { background: url("../images/corner_top_right2.gif") no-repeat; }
				div.forum-box span.ii { background: url("../images/corner_bottom_left2.gif") no-repeat; }
				div.forum-box span.id { background: url("../images/corner_bottom_right2.gif") no-repeat; }
                
                div.calendar-box span.si { background: url("../images/corner_top_left2.gif") no-repeat top; }
				div.calendar-box span.sd { background: url("../images/corner_top_right2.gif") no-repeat; }
				div.calendar-box span.ii { background: url("../images/corner_bottom_left2.gif") no-repeat; }
				div.calendar-box span.id { background: url("../images/corner_bottom_right2.gif") no-repeat; }

                div.small-img-box span.si { background: url("../images/corner_top_left2.gif") no-repeat top; }
				div.small-img-box span.sd { background: url("../images/corner_top_right2.gif") no-repeat; }
				div.small-img-box span.ii { background: url("../images/corner_bottom_left2.gif") no-repeat; }
				div.small-img-box span.id { background: url("../images/corner_bottom_right2.gif") no-repeat; }
			
                div.small-img-box-last span.si { background: url("../images/corner_top_left2.gif") no-repeat top; }
				div.small-img-box-last span.sd { background: url("../images/corner_top_right2.gif") no-repeat; }
				div.small-img-box-last span.ii { background: url("../images/corner_bottom_left2.gif") no-repeat; }
				div.small-img-box-last span.id { background: url("../images/corner_bottom_right2.gif") no-repeat; }
			
            	div.box span.si { background: url("../images/box-corner-top-left.gif") no-repeat top; }
            	div.box span.si { background: url("../images/box-corner-top-left2.gif") no-repeat top; }
				div.box span.sd { background: url("../images/box-corner-top-right.gif") no-repeat; }
				div.box span.sd { background: url("../images/box-corner-top-right2.gif") no-repeat; }
				div.box span.ii { background: url("../images/box-corner-bottom-left.png") no-repeat; } /* per borrar */
				div.box span.ii { background: url("../images/box-corner-bottom-left2.gif") no-repeat; }
				div.box span.id { background: url("../images/box-corner-bottom-right.png") no-repeat; } /* per borrar */
				div.box span.id { background: url("../images/box-corner-bottom-right2.gif") no-repeat; }
                
                div.local-menu span.si { background: url("../images/corner_top_left.gif") no-repeat top; }
				div.local-menu span.sd { background: url("../images/corner_top_right.gif") no-repeat; }
				div.local-menu span.ii { background: url("../images/corner_bottom_left2.gif") no-repeat; }
				div.local-menu span.id { background: url("../images/corner_bottom_right2.gif") no-repeat; }
                
			/* Posicionament de les cantonades arrodonides */
                
				div.box-destacat span.si { left: -2px;	    top: -2px;      }
				div.box-destacat span.sd {	right: -2px;    top: -2px;	    }
				div.box-destacat span.ii {	left: -2px;     bottom: -2px;	_bottom:-5px; }
				div.box-destacat span.id {	right: -2px;    bottom: -2px;   _bottom:-5px; }

        		div.box span.si {      left: -3px;	    top: -1px;       }
				div.box span.sd {	    right: -5px;    top: -1px;	     }
				div.box span.ii {	    left: -1px;     bottom: -5px;	_bottom:-8px; }
				div.box span.id {	    right: -5px;    bottom: -5px;   _bottom:-8px; }

                div.welcome-box span.si {     left: -3px;	   top: -1px;       _left: -3px;  }
				div.welcome-box span.sd {	   right: -3px;    top: -1px;	    }
				div.welcome-box span.ii {	   left: -2px;     bottom: -1px;	_bottom:-4px; }
				div.welcome-box span.id {	   right: -2px;    bottom: -1px;    _bottom:-4px; }
                
                div.local-menu span.si {       left: 0px;	   top: 0px;     }
				div.local-menu span.sd {	    right: -6px;   top: 0px;	   _right: -6px;  }
                div.local-menu span.ii {	    left: 0px;     bottom: 0px;	_bottom:-4px; }
				div.local-menu span.id {	    right: -5px;   bottom: 0px;   _bottom:-4px; }
		
                div.long-small-box span.si {       left: -4px;	    top: -1px;     }
				div.long-small-box span.sd {	    right: -4px;    top: -1px;	   }
				div.long-small-box span.ii {	    left: -2px;     bottom: -5px;	_bottom:-8px; }
				div.long-small-box span.id {	    right: -2px;    bottom: -5px;   _bottom:-8px; }

                div.small-img-box span.si {       left: -1px;	    top: -1px;       }
				div.small-img-box span.sd {	    right: -1px;    top: -1px;	     }
				div.small-img-box span.ii {	    left: -1px;     bottom: -1px;	_bottom:-4px; }
				div.small-img-box span.id {	    right: -1px;    bottom: -1px;   _bottom:-4px; }              
                
                div.small-img-box-last span.si {       left: -1px;	    top: -1px;       }
				div.small-img-box-last span.sd {	    right: -1px;    top: -1px;	     }
				div.small-img-box-last span.ii {	    left: -1px;     bottom: -1px;	_bottom:-4px; }
				div.small-img-box-last span.id {	    right: -1px;    bottom: -1px;   _bottom:-4px; }              
                
                div.calendar-box span.si {       left: -1px;	    top: -1px;     }
				div.calendar-box span.sd {	    right: -1px;    top: -1px;	    }
				div.calendar-box span.ii {	    left: -2px;     bottom: -1px;	_bottom:-4px; _left: -1px; }
				div.calendar-box span.id {	    right: -1px;    bottom: -1px;   _bottom:-4px; } 
                
                div.forum-box span.si {       left: -1px;	    top: -1px;     }
				div.forum-box span.sd {	    right: -1px;    top: -1px;	   }
				div.forum-box span.ii {	    left: -1px;     bottom: -1px;	_bottom:-4px; }
				div.forum-box span.id {	    right: -1px;    bottom: -1px;   _bottom:-4px; }
                
                
        		div.banner span.si {     left: -4px;	    top: -1px;     _left: -4px;  }
				div.banner span.sd {	    right: -3px;    top: -1px;	   _right: -7px;  }
				div.banner span.ii {	    left: -1px;     bottom: -5px;	_bottom:8px; }
				div.banner span.id {	    right: -3px;    bottom: -1px;   _bottom:-8px; _right: -7px;}
 
        		div.banner span.si {     left: 0px;	    top: 0px;     _left: -4px;  }
				div.banner span.sd {	    right: 0px;    top: 0px;	   _right: -7px;  }
				div.banner span.ii {	    left: 0px;     bottom: 0px;	_bottom:-8px; }
				div.banner span.id {	    right: 0px;    bottom: 0px;   _bottom:-8px; _right: -7px;} 
              
                
        .box-destacat a:hover {
            text-decoration: underline;
        }
        
            
        .box-we-are,
        .box-countdown {
            margin: 0em;
            font-family: georgia;
            width:20em;
            margin: 1em 0 0;
        }
        

        .box-countdown {
            border-top:1px solid #CCCCCC;
            margin-top:2em;
            padding-top:0.8em;
        }
        
        .box-we-are h3,
        .box-countdown h3{
            font-size: 1.4em;
            font-weight: bold;
            /* border-bottom: 1px solid #E5E6E0; */
            padding-bottom: 0.5em;
        }
        
        .box-countdown ul li {
            font-size: 1.2em;
            margin-top: 1em;
            font-family:georgia;
            
        }
        
        .box-countdown ul li.destacat {
            margin-top: 0em;
        }
        
        .box-we-are ul ,
        .box-countdown ul{
            margin-top: 0.5em;
            margin-bottom: 1em;
        }
        
            .box-we-are ul li span,
            .box-we-are ul li.destacat,
            .box-countdown ul li.destacat {
                color: #40A6F7;
                margin-bottom:2em; 
            }
            
                .box-we-are ul li.destacat span.num,
                .box-countdown ul li.destacat span.num {
                    font-size: 3.5em;
                    font-weight: bold;
                }
                .box-we-are ul li.destacat span ,
                .box-countdown ul li.destacat span {
                    font-size: 2em;
                    font-weight: bold;
                }
            
            .box-countdown ul li span.size {
                font-size: 1.4em;
            }
            
    a.more-info {
        background:transparent url(../images/more-info.gif) no-repeat scroll 0 0.4em;
        padding-left:1em;
        color: #2C88F4;
        margin-left:0.5em;
    }

    div.summary {
        margin: 0em;
        padding: 1em 1.5em 0.2em 1.5em;
        height: 7em;
        overflow: hidden;
        width:17em;
    }
    
    .forum-box div.summary {
        height: 11em;
        overflow: hidden;
    }
    
    .forum-box div.summary .post p strong {
        font-weight: bold;
    }
    
    div.long-small-box div.summary {
        width:39.5em;
        height: 7.5em;
        
    }
        div.summary p {
            display:inline;
            font-size:1.2em;
            margin-right:0.5em;
        }
        div.summary p strong {
            font-weight: normal;
        }
    
    #side-content div.welcome-box div.summary {    
        height: 11.5em;
        padding-top: 1em;
        padding-left:1.8em;
    }
        #side-content div.welcome-box div.summary  p {
            color: #ffffff;
        }
    
    div.banner {
        height:23.5em;
        margin:0 0 2.3em;
        overflow:hidden;
        position:relative;
        width: 66.5em;
    }

    div.banner .banner-text,
    div.banner .banner-resource {
        float: left;
        width: 33.24em;
        margin:0;
        padding:0;
        font-family: georgia,"Times New Roman",Times,serif;
        overflow:hidden;
    }  
    
        div.banner .banner-resource img {
            width: 33.5em;
            display:block;
        }
        
    div.banner .banner-text span {
        font-size: 2.8em;
        padding:0.5em 1.5em 0.5em 0.5em;
        display:block;
    }
    
    
    
/* ---- */




    #main-content .text,
    #main-content .text-fix {
        font-family:georgia;
        

        _margin: 0em;
        word-wrap:break-word;
        
    }
    #main-content .text {
        float:left;
        width:41.8em;
        border-right:1px solid #E5E6E0;
        margin-right:1em;
        padding-right:2.3em;
        min-height:50em;
    }
    
            .text ol li {
                font-size:1.3em;
                list-style-type:decimal;
                margin-bottom:0.5em;
                font-weight: bold;
            }
            
		
		#main-content .text .resum {
        }
            #main-content .text .resum p{
                font-size:1.8em;            
            }            
 
        #main-content .text p,
        #main-content .text-fix p{
			font-size:1.3em;
			margin-bottom:1.5em;
        }
        
        #main-content .text h2,
        #main-content .text-fix h2 {
            color:#2C88F4;
            font-family:georgia;
            font-size:2.4em;
            margin-bottom:1.5em;
        }
        
        #main-content .text h3,
        #main-content .text-fix h3 {
            border-bottom:1px solid #E5E6E0;
            color:#2C88F4;
            font-family:georgia;
            font-size:2.4em;
            margin-bottom:0.5em;
            padding-bottom:0.3em;
        }
        
        #main-content .text h4,
        #main-content .text-fix h4 {
            font-family:georgia;
            font-size:1.3em;
            font-weight:bold;
            margin-bottom:1em;
        }	
        

        #main-content .related-content{
            float:right;            
            width:20.5em;
			overflow: hidden;
            position: relative;
        }

        #main-content .related-content h4{
            border-top:1px solid #E5E6E0;
            color:#4C4C4C;
            font-family:Georgia,"Times New Roman",Times,serif;
            font-size:1.4em;
            font-weight:bold;
            margin-bottom:1em;
            padding-bottom:0.5em;
            padding-top:0.5em;
        }		

        #main-content .images{
            margin-bottom:3em;            
        }

        #main-content .related-content .related_info{
            font-family:georgia;   
            margin-top:0.4em;
        }
        
        #main-content .related-content .related_info ul{
            margin-bottom: 2em;
        }
        
            #main-content .related-content .related_info ul li {
                padding-left: 1em;
                margin-bottom:0.5em;
                background: transparent url(../images/more-info.gif) no-repeat scroll 0 0.4em
            }
            
            #main-content .related-content .related_info ul li a {
                color:#2C88F4;
                display:inline;  
                text-decoration:none;   
                font-size: 1.2em;
            }
            
            #main-content .related-content .related_info ul li a:hover {
                text-decoration:underline;     
            }    

            #main-content .related-content .related_info ul li span.document-size {
                display: inline;
                font-size: 1em;
                white-space:nowrap;
                margin-left:0.5em;
            }
        
        #main-content .related-content .related_info a{
        color:#2C88F4;
		display:block;
		text-decoration:none;        
        }		



    #centers {
        padding-left: 0em;
    }
    

    #main-content .text div.agenda {
        
    }
       
        #main-content .text div.agenda h4 {
            color:#2C88F4;
            font-size:1.3em;
            margin-bottom:0.5em;
        }

        #main-content .text div.agenda ul{
            border-bottom:1px solid #E5E6E0;
            margin-bottom: 0.5em;
            padding-bottom: 1em;
            margin-top:1em;
            padding-top:0.5em;
            font-size: 1em;
        }
        #main-content .text div.agenda ul:last-child { 
            border: none;
        }

            #main-content .text div.agenda ul li {
                background: none;
            }
        
            #main-content .text div.agenda ul p.hora-lloc {
                margin-bottom: 1em;
            }
            
            #main-content .text div.agenda ul li h5 {
                font-size: 1.3em;
                font-weight: bold;
            }

                #main-content .text div.agenda ul li h5 span {
                    background:transparent url(../images/more-info.gif) no-repeat scroll right 0.4em;
                    color:#2C88F4;
                    font-weight:bold;
                    margin-right:0.5em;
                    padding-right:0.7em;
                }

    
    .Pager {
        height:2.5em;
        margin:0;
        padding:0;
        color: #cccccc;
        font-family: Arial;
    }
    .Pager a {
        display: inline;
        padding: 0.2em 0.5em;
        border: 1px solid #E5E6E0;
        margin-right: 0.1em;
        text-decoration: none;
    }
    .Pager a:hover {
        text-decoration: underline;
    }
    .Pager a.previous {
        margin-right:0.2em;
        color: #000000;
    }
    .Pager a.next {
        margin-left:0.2em;
        color: #000000;
    }
    .Pager div.page_links {
        display: inline;
    }
    
    .Pager div.page_links a {
        color: #000000;
    }

        .Pager div.page_links a.selected {
            background: #2C88F4;
            color: #ffffff;
        }

    .content_image {
        margin-bottom: 1.5em;
    }
        .content_image img {
            display:block;
        }
        
    #main-content div.text  ul.spreadings li,
    #main-content div.text  ul.news li,
    #main-content div.text  ul.press-releases li,
    #main-content div.text  ul.publications li,
    #main-content div.text  ul.headquarters li,
    #main-content div.text  ul.people li,
    #main-content div.text  ul.videos-gallery li {
        background:none;
        border-bottom:1px solid #E6E6E6;
        width: 41em;
        overflow: hidden;
        padding-top: 1em;
        padding-right:1em;
        padding-bottom:2em;
        
    }
    #main-content div.text  ul.news li {
        position:relative;
        height: 10em;
    }
    
   
    #main-content div.text  ul.news li:last-child,
    #main-content div.text  ul.press-releases li:last-child ,
    #main-content div.text  ul.publications li:last-child,
    #main-content div.text  ul.headquarters li:last-child,
    #main-content div.text  ul.people li:last-child,
    #main-content div.text  ul.videos-gallery li:last-child {
        margin-bottom: 2em;
    }
    
        #main-content div.text  ul.news li.last,
        #main-content div.text  ul.press-releases li.last,
        #main-content div.text  ul.publications li.last,
        #main-content div.text  ul.headquarters li.last,
        #main-content div.text  ul.people li.last,
        #main-content div.text  ul.videos-gallery li.last {
            border-bottom:none;
        }
    
        #main-content div.text  ul.spreadings li img,
        #main-content div.text  ul.news li img,
        #main-content div.text  ul.press-releases li img,
        #main-content div.text  ul.publications li img,
        #main-content div.text  ul.headquarters li img,
        #main-content div.text  ul.people li img,
        #main-content div.text  ul.videos-gallery li img {
            float:left;
            margin-right:1.5em;
            margin-top: 0.6em;
        
        }
        
            #main-content div.text  ul.videos-gallery li img { 
                margin-top: 0em;
            }
            #main-content div.text  ul.publications li img {
                margin-top: 0em;
            }
            
            
        #main-content div.text  ul.people li img.silueta,
        #main-content div.text  ul.videos-gallery li img.silueta {
            width: 11.5em;
        }
        
        #main-content div.text  ul.news li .new,
        #main-content div.text  ul.headquarters li .person,
        #main-content div.text  ul.press-releases li .press-release {
            display: block;
            padding-left:16.5em;
            padding-right: 0.5em; 

        }
        
        #main-content div.text  ul.people li .person {
            padding-left:13.5em;
        }
        
        #main-content div.text  ul.videos-gallery li .video {
            padding-left:13em;
        }
        
        #main-content div.text  ul.news li .new {
            display:block;
            height:11em;
            overflow:hidden;
            padding-left:0em;
            padding-right:0.5em;
        }
        
            #main-content div.text  ul.people li .sf {
                padding-left:0.5em;
            }
        
        #main-content div.text  ul.publications li .publication {
            display: block;
            padding-left:12em;
            padding-right: 0.5em;
        }
        
        
            #main-content div.text  ul.publications li .publication div p {
                font-size: 1.2em;
            } 

                #main-content div.text  ul.publications li .publication div .more-documents {
                    font-size: 1.1em;
                    margin-top:1em;
                }
            
            #main-content div.text  ul.news li .new h4,
            #main-content div.text  ul.press-releases li .press-release h4,
            #main-content div.text  ul.publications li .publication h4,
            #main-content div.text  ul.headquarters li .publication h4,
            #main-content div.text  ul.people li .person h4,
            #main-content div.text  ul.videos-gallery li .video h4 {
                font-size:1.3em;
                margin-bottom:0em;
                display: inline;
            }
            
            #main-content div.text  ul.news li div.new h4 span,
            #main-content div.text  ul.press-releases li div.press-release h4 span,
            #main-content div.text  ul.publications li div.publication h4 span,
            #main-content div.text  ul.headquarters li div.publication h4 span,
            #main-content div.text  ul.people li div.publication h4 span {
                background:transparent url(../images/more-info.gif) no-repeat scroll right 0.4em;
                font-weight:bold;
                margin-right:0.5em;
                padding-right:0.7em;
            }
            
            #main-content div.text  .news li .new h4 a,
            #main-content div.text  .press-releases li .press-release h4 a,
            #main-content div.text  .publications li .publication h4 a,
            #main-content div.text  .headquarters li .publication h4 a,
            #main-content div.text  .people li .person h4 a,
            #main-content div.text  .videos-gallery li .video h4 a {
                text-decoration:none;
                color:#4C4C4C;
            }
            
                #main-content div.text  .news li .new h4 a:hover,
                #main-content div.text  .press-releases li .press-release h4 a:hover,
                #main-content div.text  .publications li .publication h4 a:hover,
                #main-content div.text  .headquarters li .publication h4 a:hover,
                #main-content div.text  .people li .person h4 a:hover,
                #main-content div.text  .videos-gallery li .video h4 a:hover {
                    text-decoration:underline;
                }
            
            #main-content div.text  .news li .new .date,
            #main-content div.text  .press-releases li .press-release .date,
            #main-content div.text  .publications li .publication .date,
            #main-content div.text  .headquarters li .publication .date,
            #main-content div.text  .people li .person .date {
                font-size:0.9em;
                color: #666666;
                margin-top: 0em;
                margin-bottom:1em;
            }
            
            #main-content div.text  .news li .new p,
            #main-content div.text  .press-releases li .press-release p,
            #main-content div.text  .publications li .publication p,
            #main-content div.text  .headquarters li .publication p,
            #main-content div.text  .people li .person p,
            #main-content div.text  .videos-gallery li .video p {
                font-size:1.3em;
                color: #333333;
                display:block;
                margin-top: 1em;
                margin-bottom:0em;
                
            }
            #main-content div.text  .people li .person span,
            #main-content div.text  .videos-gallery li .video span{
                display: block;
                font-size: 1.3em;
            }
            #main-content div.text  .people li .person-description,
            #main-content div.text  .videos-gallery li .video-description {
                display: block;
                margin-top:1.5em;
            }
            
            #main-content div.text  .people li .person-description .more-info,
            #main-content div.text  .videos-gallery li .video-description .more-info{
                font-size:1.2em;
            }
            
            
            #main-content div.text  .people li .person-description *,
            #main-content div.text  .videos-gallery li .video-description * {
                display: inline !important;
            }
            
            #main-content div.text  .people li .person span.mail a {
                text-decoration:none;
            }
            
                #main-content div.text  .people li .person span.mail a:hover {
                    text-decoration:underline;
                }
                
            #main-content div.text  .news li .new span.more-info,
            #main-content div.text  .press-releases li .press-release span.more-info,
            #main-content div.text  .publications li .publication span.more-info,
            #main-content div.text  .people li .person span.more-info {
                display: block;
                margin-top: 1em;
                
            } 
            
            #main-content div.text  .news li .new span.more-info,
            #main-content div.text  .press-releases li .press-release span.more-info,
            #main-content div.text  .publications li .publication span.more-info,
            #main-content div.text  .people li .person span.more-info {
                display: block;
                margin-top: 1em;

            }
            
            #main-content div.text  .news li  span.more-info {
                display: block;
                margin-top: 1em;
                position:absolute;
                padding: 0.2em 1.5em 0.5em 0.5em;
                background: #ffffff;
                right:0em;
                top:9.2em;
            }

                #main-content div.text  .news li  span.more-info a,
                #main-content div.text  .news li .new span.more-info a,
                #main-content div.text  .press-releases li .press-release span.more-info a,
                #main-content div.text  .publications li .publication span.more-info a,
                #main-content div.text  .people li .person span.more-info a {
                    font-size:1.2em;
                    color: #2C88F4;
                    line-height:1.2em;
                    text-decoration:underline;
                    display: inline;                  
                    padding-left:1em;
                    background:transparent url(../images/more-info.gif) no-repeat scroll left 0.45em;
                }

                
                #main-content div.text  .news li .new span.more-info span.document-size,
                #main-content div.text  .press-releases li .press-release span.more-info span.document-size,
                #main-content div.text  .publications li .publication span.more-info span.document-size,
                #main-content div.text  .people li .person span.more-info span.document-size {
                    display: inline;
                    font-size: 1em;
                    white-space:nowrap;
                    margin-left:0.5em;
                }
                
                    #main-content div.text  .news li .new span.more-info a:hover,
                    #main-content div.text  .press-releases li .press-release span.more-info a:hover,
                    #main-content div.text  .publications li .publication span.more-info a:hover,
                    #main-content div.text  .people li .person span.more-info a:hover {
                        text-decoration:underline;
                    }

                 #main-content div.text #mediaspace   {
                    padding: 0.5em 0 1em 0;
                 }

    /* spreadings */
    #main-content div.text  ul.spreadings li img {
        margin-top: 0pt; 
        width: 15em;
    }
    
    #main-content div.text  ul.spreadings li .spreading {
        display: block;
        float: left; 
        width: 18em; 
        font-size: 1.3em;
    }
    
    #main-content div.text  ul.spreadings li .spreading .spreading-description{
        font-size:0.8em;
        margin-top:0.5em;
    }
    /* sspreadings */

    
/* Formulari colaboracio */
          
    #textsoci {
        color: rgb(64, 166, 247);
        font-size: 1.2em;
        z-index: 1000;
        position: absolute;
        top: 4.5em;
        font-weight: bold;
        left: 1em;
    }
    #textsocicognom {
        margin-left: 0.5em;
    }
    
    .required_fields_legend {
        font-size: 1em;
        margin-left:22.1em;
        width:22em;
    }
    
    .law_fields_legend {
        margin-top: 2em;
    }
    
    .secure {
        display: block; 
        margin-top: 1em;
    }

    .secure .securelogo {
        display: block;
        float: left;
    }

    .secure span {
        display: block;
        float: left;
        margin: 0.5em 0pt 0.5em 1em;
    }
    
        form.recommendation_form .required_fields_legend {
            margin-left:25.1em;
        }
        
        form.pressrequest_form  .required_fields_legend {
            margin-left:27.1em;
        }
        
     form.Form,
     form.collaboration_form,
     form.consultation_form {
        border: none;
        margin-bottom:2em;
    }

         form.Form fieldset,
         form.consultation_form fieldset {
            padding: 0;
            margin: 0;
            border: none;
        }

         form.Form legend,
         form.consultation_form legend {
            display: none;
        }

         form.Form .fields,
         form.consultation_form .fields {
            border-top:1px solid #E5E6E0;
            margin-top:1em;
            padding-top:1em;
        }       
        
        form.consultation_form .fields {
            border-top: 0;
        }
        
            form.Form .field,
            form.consultation_form .field {
                padding: 0.5em 0em 0.5em 0em;
                min-height: 2em;
                _height:2em; 
            }

        form.consultation_form .field label, 
        form.consultation_form .field .field_instance-Selector label {
            width:22em;
        }
            
            form.collaboration_form .field {
                display:block;
                float:left;
                margin-left:1.5em;
                margin-right:1.5em;
                width:17em;
                min-height:4em;
            }
            
            
            form.collaboration_form .collaborator_type_field  {
                width: 30em;
            }
            
            form.collaboration_form  .collaborator_address_number_field {
                width: 8em;
                margin-right: 1em;
            }
            
                form.collaboration_form  .collaborator_address_number_field  div input {
                    width: 6em;
                }

            form.collaboration_form  .collaborator_address_floor_door_field {
                width: 8em;
                margin-right:0;
            }
            
                form.collaboration_form  .collaborator_address_floor_door_field div input {
                    width: 6em;
                }

            form.collaboration_form  .collaborator_postal_code_field {
                width: 8em;
                margin-right:0;
            }
            
                form.collaboration_form  .collaborator_postal_code_field div input {
                    width: 6em;
                }
                
            form.collaboration_form  div.collaboration_quantity_field {
                width: 9em;
                margin-right:0;
            }
            
            
            
            form.collaboration_form  div.collaboration_quantity_field {
                width: auto;
            }
            
                form.collaboration_form  .collaboration_quantity_field div input {
                    width: 6em;
                    margin-left: 1em;
                }
            /* conte corrent */
            
            form.collaboration_form  div.affiliation_payment_type_field {
                width: auto;
                clear: left;
            }
            
                form.collaboration_form  .affiliation_payment_type_field div select {
                    width: 15em;
                }

            form.collaboration_form  div.affiliation_bank_entity_field {
                margin-right:0.2em;
                width: 6em;
                clear: left;
            }
            
                form.collaboration_form  .affiliation_bank_entity_field div input {
                    width: 4em !important;
                } 

            form.collaboration_form  div.affiliation_bank_office_field {
                margin-right:0.2em;
                width: 6em;
            }
            
                form.collaboration_form  .affiliation_bank_office_field div input {
                    width: 4em !important;
                } 

            form.collaboration_form  div.affiliation_bank_dc_field {
                margin-right:0.2em;
                width: 4em;
            }
            
                form.collaboration_form  .affiliation_bank_dc_field div input {
                    width: 2em !important;
                } 

            form.collaboration_form  div.affiliation_bank_account_number {
                margin-right:0em;
                width: 10em;
            }
            
                form.collaboration_form  .affiliation_bank_account_number div input {
                    width: 10em !important;
                }
            /* tarjeta */   

            form.collaboration_form  div.affiliation_card_number_field {
                width: 16em;
                clear: left;
            }
            
                form.collaboration_form  .affiliation_card_number_field div select {
                    width: 16em !important;
                }
                
            form.collaboration_form  div.affiliation_card_month_field {
                margin-right:0em;
                width: 4em;
                clear: left;
            }
            
                form.collaboration_form  .affiliation_card_month_field div input {
                    width: 2em !important;
                } 
                
            form.collaboration_form  div.affiliation_card_year_field {
                margin-right:0em;
                width: 4em;
            }
            
                form.collaboration_form  .affiliation_card_year_field div input {
                    width: 2em !important;
                } 

            form.collaboration_form  div.affiliation_card_code_field {
                margin-right:0em;
                width: 6em;
            }
            
                form.collaboration_form  .affiliation_card_code_field div input {
                    width: 4em !important;
                } 

            form.collaboration_form  div.affiliation_card_code_field {
                margin-right:0em;
                width: 6em;
            }
            
                form.collaboration_form  .affiliation_card_code_field div input {
                    width: 3em !important;
                }

            /* fi tarjeta */
            
            /* legenda */
            
            .payment_type_legend {
                display:block;
                margin-bottom:1em;
                margin-left:1.5em;
                margin-top:1.5em;
            }
            
            /* Fi legenda */
            
            form.collaboration_form  .collaborator_sex_field {
                clear: left;
                width: 22em;
            }
            
                form.collaboration_form  .collaborator_sex_field label {    
                    width: 22em;
                }
                
                form.collaboration_form  .collaborator_sex_field .RadioSelector label {
                    width: auto;
                    white-space: nowrap;
                }
            
            form.collaboration_form  .collaborator_how_find_us_field,
            form.collaboration_form  .collaborator_why_choose_us_field {
                width: 30em;
            }
            
            form.collaboration_form  select.collaborator_organization_type_field {
                margin-bottom: 1em;
            }

            form.collaboration_form  .DropdownSelector,
            form.collaboration_form  .collaborator_nationality_field,
            form.collaboration_form  .collaborator_country_field,
            form.collaboration_form  .collaborator_province_field {
                width: 24em;
            }
            
            form.collaboration_form  .collaboration_quantity_field  select {                
                width: 7em;
                float: left;
                clear: left;                                
            }
            form.collaboration_form  .collaboration_quantity_field div label {
                width: 35em;
            }
            /*
            form.collaboration_form  #cocktail-element28 {
                border:1px solid #E5E6E0;
                clear:both;
                font-size:1.4em;
                margin:0;
                width:6em;
            }
            */            
            form.collaboration_form  .affiliation_frecuency_field .field_instance-Selector select {
                width: 10em;
            }
            
            form.collaboration_form  .collaborator_language_field .field_instance-Selector select,
            form.collaboration_form  .collaborator_address_type_field .field_instance-Selector select  {
                width: 14em;
            }
            
            form.collaboration_form  .collaborator_sex_field .field_instance-Selector label,
            form.collaboration_form  .collaborator_sex_field .field_instance-Selector div div {
                float:left;
            }
            
            form.collaboration_form .field textarea {
                width: 30.5em;
                height: 10em;
                margin-top:0.5em;
            }                
                
            form.collaboration_form .required_fields_legend {
                font-size:1em;
                margin-bottom:1.5em;
                margin-left:1.5em;
                width:35em;
            }
            
            
            .collaborator_nif_legend_field {
                font-size:1em;
                margin-bottom:1.5em;
                margin-left:1.5em;
                width:auto;
            }
            
                 form.Form .field label,
                 form.Form .field .field_instance-Selector label,
                 form.consultation_form .field label,
                 form.consultation_form .field .field_instance-Selector label {
                    display:block;
                    float:left;
                    white-space:nowrap;
                }
                
                form.recommendation_form .field label {
                    width: 25em;
                }

                form.pressrequest_form .field label,
                form.pressrequest_form .field .field_instance-Selector label {
                    width:27em;
                }
                

                
                     form.Form .field label span,
                     form.consultation_form .field label span {
                        font-size: 1.3em;
                    }
                    
                     form.Form .field label .required_mark ,
                     form.consultation_form .field label .required_mark {
                        color: #2C88F4;
                        padding-left:0.5em;
                    }
               
                
                 form.Form .field input,
                 form.Form .field input.Integer,
                 form.consultation_form .field input,
                 form.consultation_form .field input.Integer {
                    border:1px solid #999999;
                    width:14em;
                }
                
                form.consultation_form .field textarea {
                    width: 31.5em;
                    height: 10em;
                    margin-top:0.5em;
                }
                
                 form.Form .field .RadioSelector input,
                 form.consultation_form .field .RadioSelector input {
                    width:1em;
                    float: left;
                    border: none;
                }
                
                 form.Form .field .field_instance-Selector .RadioSelector  label,
                 form.consultation_form .field .field_instance-Selector .RadioSelector  label {
                    display: inline;
                    width: auto;
                    float: left;
                    font-size: 1.3em;
                    padding: 0em 0.5em;
                }
                

                form.Form .buttons {
                    padding: .5em 1.5em;
                }
                
                form.Form .buttons button,
                form.consultation_form .buttons button {
                    border: 1px solid #E5E6E0;
                }
                
                #main-content .text ul.errors,
                #main-content .text-fix ul.errors {
                    background:#FFFBDE;
                    border:1px solid red;
                    margin:0 0 3em;
                    padding-bottom:1em;
                    padding-top:1em;
                    position: relative;
                }
                
                div.info{
                    background:#FFFBDE;
                    border:1px solid #66cc33;
                    margin: 2em 0;
                    padding:2em;
                    position: relative;
                }
                
                    div.info span {
                        font-size: 1.3em;
                    }
                
                #main-content .text ul.errors li,
                #main-content .text-fix ul.errors li {
                    padding-left:4em; 
                    line-height:2.5em;
                    background:none;
                }
                
                 ul.errors li:first-child {
                    background:transparent url(../images/exclamacion.gif) no-repeat scroll 1em 0.3em;
                }
                
                span.come-back {
                    display:block;
                    font-size:1.6em;
                    font-weight:bold;
                    margin-bottom:1em;
                }
 /* Fi formulari */


   
    #main-content .text ul,
    #main-content .text-fix ul {
       font-size: 1.3em;
       margin-bottom:1em;
    }
    
    #main-content .text ul.companies li,
    #main-content .text-fix ul.companies li{
        background-image:none;
        width: 51em;
        margin:0;
        padding:0;
    }
        
        
        #main-content .text ul li,
        #main-content .text-fix ul li{
            background:transparent url(../images/text-li.gif) no-repeat scroll 0 0.4em;
            padding-left:1em;
            padding-bottom:0.5em;
        }
    
    #main-content .text ul.spreadings,
    #main-content .text ul.people,
    #main-content .text ul.news,
    #main-content .text ul.press-releases,
    #main-content .text ul.headquarters,
    #main-content .text ul.publications,
    #main-content .text ul.videos-gallery {
        font-size: 1em;
        overflow: hidden;
    }
    
    #main-content .text ul.people .person span a strong {
        font-size: 1.3em;
    }
    
    
    /*  Companis      */   
    
    .companys .company img {
        float: left;
        margin-right: 7em;
    }
        
    ul.companies {
        overflow:hidden;
        width:100%;
        margin-bottom:2em;
    }
    
        ul.companies li {
            background:none;
            float:left;
            font-size:1em;
            min-height:17em;
            padding:1em 2.5em;
            width:61em;  
        }
    
        ul.companies li img {
            display:inline;
            margin-left:1.35em;
            margin-right:1.35em;
            margin-top:0.5em;
            margin-bottom:4.5em;
            vertical-align:middle;
        }
        
    /*  Fi Companis      */
    
    
    #main-content .text ul.links,
    #main-content .text-fix ul.links,
    #shares {
        width: 100%;
        overflow: hidden;
        font-size: 1.1em;
        font-family:arial;
    }
        #main-content .text ul.links li,
        #main-content .text-fix ul.links li,
        #shares li {
            display: inline;
        }
        
            #main-content .text ul.links li,
            #main-content .text-fix ul.links li,
            #shares li {
                background: none;
            }
            
            #main-content .text ul.links #share,
            #main-content .text-fix ul.links #share {
                display: inline;
                background:transparent url(../images/share.png) no-repeat scroll 0 0.1em;
                padding-left: 1.3em;
                margin-right:0.5em;
            }

                #main-content .text ul.links li  a,
                #main-content .text-fix ul.links li  a {
                    color: #666666;
                    cursor: pointer;
                }
                #main-content .text ul.links li  a:hover,
                #main-content .text-fix ul.links li  a:hover {
                    color: #666666;
                    text-decoration:underline;
                }
            
            #main-content .text ul.links li.print,
            #main-content .text-fix ul.links li.print {
                display: inline;
                background:transparent url(../images/print.png) no-repeat scroll 0 0.1em;
                padding-left: 1.3em;
                margin-right:0.5em;
                padding-right:0.6em;
                border-right:1px solid;
            }
            #main-content .text ul.links li.send,
            #main-content .text-fix ul.links li.send {
                display: inline;
                background:transparent url(../images/mail.png) no-repeat scroll 0 0;
                padding-left: 1.3em;
                margin-right:0.5em;
            }
            
            #main-content .text ul.links li,
            #main-content .text-fix ul.links li {
                float: left;
                display: block;
                padding-bottom: 0;
            }
            
            
            #main-content .text #shares li,
            #main-content .text-fix #shares li {
                background: none;
            }
            
            #shares li.meneame {
                display: inline;
            }
            #shares li.tafanera {
                display: inline;
            }
            #shares li.delicious {
                display: inline;
            }

    /* Donors */
    
    
    #provinces {
        display: block;
        margin-top: 1.5em;
        width:64em;
        white-space:nowrap;
    }  
    
        #provinces ul.provinces-ul {
            display: block;
            overflow: hidden;
            margin-bottom: 3em;
            font-size: 1.1em;
        }    
        
            #provinces ul li.city {
                float: left;
                background: none;
                margin:0;
                padding:0;
            }
        
        
                #provinces ul li.city a{
                    display: block; 
                    padding: 0.5em 0.7em 0.2em 0em;
                    font-size: 1.3em;
                }
    #autonomous-regions {
        display: block;
        margin-top: 1.5em;
        width:64em;
        white-space:nowrap;
    }  
    
        #autonomous-regions ul.autonomous-regions-ul {
            display: block;
            overflow: hidden;
            margin-bottom: 3em;
            font-size: 1.1em;
        }    
        
            #autonomous-regions ul li.city {
                float: left;
                background: none;
                margin:0;
                padding:0;
            }
        
        
                #autonomous-regions ul li.city a{
                    display: block; 
                    padding: 0.5em 0.7em 0.2em 0em;
                    font-size: 1.3em;
                }
    
    
    #centers h4 {
        margin-bottom:1.5em;
    }

        #main-content .text-fix #centers ul {
            font-size: 1em;
        }
        
        #main-content .text-fix #centers ul li {
            margin-left:0.5em;
            background: none;
        }
        
            #main-content .text-fix #centers ul li ul li{
                margin-left:0em;
                background:transparent url(../images/text-li.gif) no-repeat scroll 0.3em 0.5em;
                font-size: 1.3em;
            }
            
    #main-content .text #centers h5, #main-content .text-fix #centers h5 {
        font-family:georgia;
        font-size:1.2em;
        font-weight:bold;
        margin-bottom:1em;
    }
    /* Fi Donors */
    
    
    /* Gallery */
    
    
    div.FotosGallery {
        text-align:center;
    }
    
    div.FotosGallery a {
        cursor:pointer;
    }

    div.FotosGallery div.Foto {
        float:left;
        margin-left:0.8em;
        margin-right:0.8em;
    }

    div.FotosGallery div.Foto span.FotoContainer, div.FotosGallery div.Foto div.FotoContainer {
        display:inline-block;
        height:21.5em;
        overflow:hidden;
        padding:8px 0;
        vertical-align:top;
        width:15em;
    }


    div.FotosGallery div.Foto span.FotoContainer span.shadow {
        background-repeat:no-repeat;
        display:block;
        height:15em;
        overflow:hidden;
        padding-left:0 !important;
        padding-right:0 !important;
        vertical-align:middle;
        width:15em;
    }
    
    
    
    /* Fi Gallery */

    /* Viedo Gallery */
    
    #videos-gallery {
        border-top: 1px solid #E5E6E0;
    }  
    
        #main-content .text #videos-gallery h4,
        #main-content .text #podcasts-gallery h4 {
            font-weight: normal;
            color: #2C88F4;
            margin-bottom: 0.3em;
        }
        
        #main-content .text #videos-gallery .description,
        #main-content .text #podcasts-gallery.description {
            margin-bottom: 1.5em;
        }        
        
        #main-content .text #videos-gallery #mediaspace,
        #main-content .text #podcasts-gallery #mediaspace {
            margin-bottom: 0.5em;
            margin-top: 0.5em;
        }
    
        #main-content .text #videos-gallery li,
        #main-content .text #podcasts-gallery li {
            border-bottom: 1px solid #E5E6E0;
            background-image: none;
            margin-top: 1em;
            padding-left:0.5em;
        }
    
    
    /* Fi Video Gallery */
    
    .chart {
        margin: 1em 0.5em 2em;
    }
    
    div.summary {
        width: auto;
    }    
    
    #side-content:empty  {
        display: none;
    }
    #side-content:empty + div {
        width:88.5em;
    }

    /* Sitemap */

        #main-content .text #sitemap ul *,
        #main-content .text-fix #sitemap ul * {
                font-weight: normal;
                background-image: none;
        }        
        #main-content .text #sitemap ul ,
        #main-content .text-fix #sitemap ul {
                font-size: 1em;  
                font-weight: normal;
                background-image: none;
        }      
            #sitemap ul li {
            }        
                #sitemap ul li a{
                    font-size: 2.1em;
                }
                #sitemap ul li ul {
                    margin-top: 0.5em;
                } 
                    #sitemap ul li ul li {
                        margin-left: 0.5em;
                    }
                        #sitemap ul li ul li a {
                            font-size: 1.7em;
                        } 
                        #sitemap ul li ul li ul {
                            margin-top: 0.5em;
                            margin-bottom: 0em;
                        }
                            #sitemap ul li ul li ul li {
                                margin: 0.5em 0 0 2em;
                            }        
                                #sitemap ul li ul li ul li a{
                                    font-size: 1.5em;
                                }
                                #sitemap ul li ul li ul li ul {
                                    margin-top: 0.5em;
                                } 
                                    #sitemap ul li ul li ul li ul li {
                                        
                                    }
                                        #sitemap ul li ul li ul li ul li a {
                                            font-size: 1.3em;
                                        } 
    /* */
    
    
    /* Formulari colaboracio */

    .bulletin_form ,
    .contact_form {
        display: block;
        float: left;
    }
    
    .bulletin_form *{
         
    }
    
    #contact-form  form.contact_form textarea {
        height:7em;
        width:23.5em;
    }
    
    .bulletin_form  .fields,
    #contact-form  form.contact_form  .fields {
        border-top:1px solid #E5E6E0;
        margin-top:1em;
        padding-top:1em;
        width:30em;
    }


    .bulletin_form  .fields .name_field *,
    #contact-form  form.contact_form  .fields .name_field *{
        display: inline;
        float: left;
    }
    .bulletin_form  .fields .name_field,
    #contact-form  form.contact_form  .fields .name_field {
        width: 9em;
    }
        .bulletin_form  .fields .name_field div,
        #contact-form  form.contact_form  .fields .name_field div {
            width: 30em;
        }
            .bulletin_form  .fields .name_field div label,
            #contact-form form.contact_form  .fields .name_field div label {
                width: 15.5em;
            }
                .bulletin_form  .fields .name_field div label span,
                #contact-form  form.contact_form  .fields .name_field div label span {
                    width: auto;
                }
                
            .bulletin_form  .fields .name_field input,
            #contact-form  form.contact_form  .fields .name_field input {
                width: 10em;
            }

    .bulletin_form  .fields .email_field, .bulletin_form  .fields .donor_number_field,
    #contact-form  form.contact_form  .fields .email_field {
        width: 9em;
    }
    
        .bulletin_form  .fields .email_field div,
        .bulletin_form  .fields .donor_number_field div,
        #contact-form  form.contact_form  .fields .email_field div {
            width: 30em;
        }
            .bulletin_form  .fields .email_field div label,
            .bulletin_form  .fields .donor_number_field div label,
            #contact-form  form.contact_form  .fields .email_field div label {
                width: 15.5em;
            }
                .bulletin_form  .fields .email_field div label span,
                #contact-form  form.contact_form  .fields .email_field div label span {
                    width: 6em;
                }
                
            .bulletin_form  .fields .email_field input,
            .bulletin_form  .fields .donor_number_field input,
            #contact-form  form.contact_form  .fields .email_field input {
                width: 10em;
            }
    
    
    .bulletin_form  .fields .language_field,
    #contact-form  form.contact_form  .fields .language_field {
        width: 9em;
    }
    
        .bulletin_form  .fields .language_field div,
        #contact-form  form.contact_form  .fields .language_field div {
            width: 30em;
            
        }
            .bulletin_form  .fields .language_field div label,
            #contact-form  form.contact_form  .fields .language_field div label {
                width: 15.5em;
            }
                .bulletin_form  .fields .language_field div label span,
                #contact-form form.contact_form  .fields .language_field div label span {
                    width: auto;
                }
                
            .bulletin_form  .fields .language_field select,
            #contact-form  form.contact_form  .fields .language_field select {
                width: 8em;
            }

    .bulletin_form  .fields .is_accepted_field,
    #contact-form  form.contact_form  .fields .is_accepted_field {
        width: 9em;
    }
    
        .bulletin_form  .fields .is_accepted_field div,
        #contact-form  form.contact_form  .fields .is_accepted_field div {
            width: 7em;
        }
        
            .bulletin_form  .fields .is_accepted_field span,
            #contact-form  form.contact_form  .fields .is_accepted_field span {
                width: 6em;
            }

                .bulletin_form  .fields .is_accepted_field div input,
                #contact-form  form.contact_form  .fields .is_accepted_field div input {
                    width: 2em;
                }
                
    .bulletin_form .form_accepted {
        background:transparent url(../images/check_formulari.jpg) no-repeat scroll 0 0;
        float:left;
        padding:0.8em 0 0.8em 2.5em;
        width:13em;
    }
    
    .bulletin_form .buttons,
    #contact-form  form.contact_form .buttons {
        float:left;
        margin-top:0.5em;
        width:5em;
    }

    .bulletin_form .buttons button,
    #contact-form  form.contact_form .buttons button{
        border:1px solid #E5E6E0;
    }
    
                
    .BaseView {
        position: relative;
    }
    
    
    .header {
        z-index: 1000;
    }

    .main,
    #main-menu {
        z-index: 0;
    }
    
    #subscription {
	font-weight:bold;
    
    }    
    
    #contact-form {
        background-color:#FFFFFF;
        height:auto;
        padding:2em;
        position:absolute;
        right:3.5em;
        text-align:left;
        top:4em;
        width:30em;
        z-index:10000;
        border:1px solid #000000;
    }
    
    p.h3-popup {
        clear:both;
        color:#2C88F4;
        float:left;
        font-size:1.8em;
    }
    
    span.close {
        float:right;
    }
    
    /* Centers map */
    #categories form span {
        float:left;
        font-size:1.3em;
        padding-bottom:1em;
        padding-left:1em;
        width:19em;
    }    
    
    #categories form input {
        float: left;
        clear: both;
    }
    
    #categories {
        float:left;
        overflow:hidden;
        width:28em;
        padding-top:1.5em;
    }
    
    #legend {
        float: right;
    }
    
    #map {
        clear:both;
    }
    
    #legend ul {
        padding: 1em;
        border: 1px solid black;
    }

    #main-content #legend ul li {
        font-size:0.7em;
        padding-bottom:1em;
        padding-left:3em;
        padding-top:0.5em;
        width:32em;
    }

        #legend ul li.bone_marrow {
            background:transparent url(../images/marker-yellow.png) no-repeat scroll 0 0;
        }
    
        #legend ul li.umbilical_cord_blood {
            background:transparent url(../images/marker-red.png) no-repeat scroll 0 0;
        }
    
        #legend ul li.all {
            background:transparent url(../images/marker-blue.png) no-repeat scroll 0 0;
        }
    
    /* Centers map */
    .feed-list a.rss-cat {
        background:transparent url(../images/rss-icon.gif) no-repeat scroll 0 50%;
        font-weight:bold;
        padding:5px 10px 5px 16px;
        list-style-type:none;
    }

    #main-content .text-fix ul.feed-list li {
        background:transparent none repeat scroll 0 0;
    }

/* Login form
-----------------------------------------------------------------------------*/ 
.login_form {
    margin-top: 1.4em;
    width: 20em;
    background-color: rgb(240,240,240);
    border: 1px solid rgb(220,220,220);
    padding: 1em;
}

.login_form, .login_form * {
    font-size: 9pt;
}

.login_form label {
    clear: left;
    color: rgb(30,40,55);
    display: block;
    margin-bottom: 0.2em;
    font-weight: bold;
    color: rgb(50,50,50);
}

.login_form input {
    margin-bottom: 0.6em;
    width: 19.5em;
}

.login_form .buttons {
    margin-top: 0.4em;
    text-align: right;
}

.login_form .buttons input {
    width: auto;
}

/* Datepicker styles */

#ui-datepicker-div {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(197, 203, 212);
}

#ui-datepicker-div .ui-datepicker-links a,
#ui-datepicker-div .ui-datepicker-header select {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);

}

.ui-datepicker .ui-datepicker-days-cell a {
    color: rgb(0, 0, 0);
    background-color: rgb(240, 240, 240);
}

.ui-datepicker .ui-datepicker-days-cell a:hover {
    background-color: #999;
    border: none;
}

.ui-datepicker .ui-datepicker-current-day a {
    background-color: rgb(225, 225, 225);
}

body table.ui-datepicker .ui-datepicker-title-row td a {
    color: #fff;
    background-color: #2C88F4;
}

body .ui-datepicker-next,
body .ui-datepicker-prev,
body .ui-datepicker-next:hover,
body .ui-datepicker-prev:hover {
	background-color: #fff;
}

body .ui-datepicker-next a,
body .ui-datepicker-prev a {
	border: none;    
}

body .ui-datepicker-next label,
body .ui-datepicker-prev label {
	height: 1.4em;
	width: 1.3em;
    overflow: hidden;
    color: #fff;
    display: block;
    text-indent:-999999px;
}

body .ui-datepicker-prev a,
body .ui-datepicker-prev a:hover {
	background: #fff url(/resources/images/date_arrow_left.gif) 50% 50% no-repeat;    
}

body .ui-datepicker-next a,
body .ui-datepicker-next a:hover {
	background: #fff url(/resources/images/date_arrow_right.gif) 50% 50% no-repeat;
}

body .ui-datepicker-prev a:active,
body .ui-datepicker-next a:active {
	background: none;
}

form.Form .collaborator_birth_date_field input {
    width: 10.8em;
    margin-right: .3em;
    vertical-align: top;
}

form.Form .collaborator_birth_date_field img {
    vertical-align: top;
    margin-top: .2em;
}


/* Formulari subscripció al butlletí */

form.bulletin_form .fields,
form.bulletin_form .fields .name_field div,
form.bulletin_form .fields .email_field div,
form.bulletin_form .fields .donor_number_field div
{
    border: none;
    width: 40em;
}

form.bulletin_form .fields .name_field input ,
form.bulletin_form .fields .email_field input ,
form.bulletin_form .fields .donor_number_field input 
{
    width: 15em;
}

form.bulletin_form div.required_fields_legend {
    margin-left:0;
    width: auto;
}

form.bulletin_form .field .Boolean{
    border: 1px solid #E5E6E0;
    width: auto;
    float: left;
}

form.bulletin_form .fields .accept_field{
    padding: 2em 0em 2em 0em;
    min-height: 2em;
    _height: 2em; 
}

form.bulletin_form  .fields .donor_number_field div label span{
    width: 7em;
}

form.bulletin_form .buttons{
    margin: 3em 0 0 0;
    padding: 0;
}