/* Barcelona Centre de Disseny */

/* Fulla d'estils per a la pagina principal */
	
	
	
	/* Llistat de noticies */

			#noticies ul {
				width: 100%;
				overflow: hidden;				
			}

				#noticies ul li {
					width: 100%;
					overflow: hidden;
					float: left;
                    margin-bottom: 1.5em;
                    border-top: 5px solid #D20300;
                    margin-right: 1em;
                    margin-bottom: 1em;
                    background: white;
                    padding: 6px 10px;
                    height: 285px;
                    position: relative;
				}

                	#noticies ul li .textContent {
                        height: 269px;
                        overflow: hidden;
                    }

                    #noticies ul li.column_1 {
                        width: 126px;
                    }

                    #noticies ul li.column_2 {
                        width: 282px;
                    }

                    #noticies ul li.column_3,
                    #noticies ul li.column_3_2,
                    #noticies ul li.column_3_2_2 {
                        width: 438px;
                    }

                    #noticies ul li.column_4,
                    #noticies ul li.column_4_2,
                    #noticies ul li.column_4_2_2,
                    #noticies ul li.column_4_3 {
                        width: 594px;
                    }
				
					#noticies ul li.last {
                        margin-right: 0;
					}

                    #noticies ul li.column_1 .imgContent {
                        margin-bottom: 20px;
                    }

                    #noticies ul li.column_2 .imgContent,
                    #noticies ul li.column_4_3 .imgContent,
                    #noticies ul li.column_3_2 .imgContent,
                    #noticies ul li.column_3_2_2 .imgContent {
                        width: 141px;
                        float: left;
                        overflow: hidden;
                        height: 269px;
                        margin-right: 15px;
                    }

                    #noticies ul li.column_3 .imgContent,
                    #noticies ul li.column_4_2 .imgContent,
                    #noticies ul li.column_4_2_2 .imgContent {
                        float: left;
                        overflow: hidden;
                        height: 269px;  
                        margin-right: 15px;
                        width: 297px;
                    }

                    #noticies ul li.column_4 .imgContent {
                        float: left;
                        overflow: hidden;
                        height: 269px;
                        margin-right: 15px;
                        width: 451px; 
                    }

                    #noticies ul li h2 {
                        text-transform: uppercase;
                        font-size: 10px;
                        font-weight: bold;
                        margin-bottom: 0.8em;
                    }

                    #noticies ul li h2,
                    #noticies ul li h2 a {
                        color: #D20300;
                        text-decoration: none;
                    }

                    #noticies ul li h2 a:hover {
                        text-decoration: underline;
                    }
					
					#noticies ul li.column_destacat {
						background-color: #F8F8F8;
					}
					
						#noticies ul li.destacat h3,
						#noticies ul li.destacat h3 a,
						#noticies ul li.destacat p {
							color: #333;
						}

					#noticies ul li h3 {
						color: #333;						
						font-size: 14px;
                        line-height: 14px;
					}

                    #noticies ul li.column_1 h3 {
						margin-bottom: 10px !important;
                        height: auto !important;
					}
					
						#noticies ul li h3 a {
							color: #333;
							text-decoration: none;
						}

							#noticies ul li h3 a:hover {
								text-decoration: underline;
							}						


					#noticies ul li p {					
						font-size: 1.2em;
						line-height: 1.4em;
                        /*
                        position: absolute;
                        bottom: 6px;
                        */
                        margin-bottom: 0;
					}

		#links_menu {
            height: 30px;
			font-family: Arial, Arial, Verdana, sans-serif;
            background: #D20300;
            margin: 2em 0 4em 0;
		}

			#links_menu li {
				float: left;
				display: block;
				font-size: 1em;
                width: 308px;
                overflow: hidden;
			}

				#links_menu li a {
					display: block;
					padding: 10px 5px 0 15px;
					font-weight: bold;
                    color: #fff;                    
                    height: 20px;
                    border-right: 2px solid #b40300;
                    text-transform: uppercase;
				}

                #links_menu li.last {
                    width: 310px;
                }

                #links_menu li.last a {
                    border: none;
                }

                #links_menu li.first a {
                    border-left: 2px solid #b40300;
                }

				#links_menu li a {
					text-decoration: none;
				}

					#links_menu li a:hover {
					    background: #600;
                        border-right: 2px solid #600;
					}

            #peus_slider_wrapper {
                width: 926px;
/*                height: 149px;*/
                overflow: hidden; 
                background-color: #F9F8F6 !important;
            }
           
                #peus_slider_wrapper div {
                    width: 926px;
                    height: 149px;
                    display:block;
                    padding: 0 !important;
                    overflow: hidden;
                    margin: 1em 0 0 0;
                    float: left;
                }

                #peus_slider_wrapper span.wrapper {
                    width: 302px;
                    float: left;
                    margin-right: 10px;
                    height: 147px;
                    /* overflow: hidden; */
                    padding: 0;                    
                }

                    #peus_slider_wrapper span.wrapper.last {
                        margin-right: 0;
                    }

                #peus_slider_wrapper span.wrapper {
                    position: relative;
                }

                #peus_slider_wrapper span.wrapper .info {
                    position: absolute;
                    background: url(/site/images/background_peus.png);
                    top: 0;
                    height: 55px;
                    padding: 10px;
                    width: 282px;
                    overflow: hidden;
                }
                
                    #peus_slider_wrapper span.wrapper .info h3 {
                        font-size: 1.4em;
                        width: 302px !important;
                    }
                    
                        #peus_slider_wrapper span.wrapper h3 a {
                            color: #FFF;
                        }

                    #peus_slider_wrapper span.wrapper .info p {
                        color: #fff;
                        font-size: 1.1em;
                    }
    
	/* Zona de noticies d'InfoDisseny */
								
		#info-disseny {	
			float: right;
			width: 15em;
			background-color: #F8F8F8;
		}
        
            #info-disseny h2 {
                font-size: 1.2em;
                margin-bottom: 1em;
                padding: .1em .6em;
                background-color: #ccc;
            }
		
			#info-disseny ul {
                padding: 0 1em;
				margin: 0;
			}
		
				#info-disseny ul li {
					margin-bottom: 1.5em;				
				}
			
					#info-disseny ul li p {
						color: #666;
						margin: 0;
						font-size: 1.1em;
					}
					
						#info-disseny ul li p.tipus {
							color: #FF0000;
						}
					
					#info-disseny ul li h3 {
						margin: 0;
						margin-top: .3em;
						font-size: 1.1em;
                        font-weight: normal;
					}
					
					#info-disseny ul li a {
						color: #000;
						text-decoration: none;
					}
					
						#info-disseny ul li a:hover {
							text-decoration: underline;
						}
	
	
			#info-disseny p.veure-noticies {
				text-align: right;
                margin-right: 1em;
                font-size: 1.1em;
			}
	
				#info-disseny p.veure-noticies a {
					color: #FF0000;
				}

	/* Columna central dels elements destacats */ 
	
		#destacats-ca,
		#destacats-es {
			
			float:left;
			
			padding:0;
			width:15em;
		}
        
            #destacats-ca h2,
            #destacats-es h2 {
                font-size: 1.2em;
                margin-bottom: 1em;
                padding: .1em .6em;                
                background-color: #ccc;
            }
		
			#destacats-ca ul,
			#destacats-es ul {
			}
				
				#destacats-ca ul li,
				#destacats-es ul li {					
					margin: 0 0 2.4em 0;					
				}

				#destacats-ca ul li p,
				#destacats-es ul li p {
					margin: .3em 0;
					padding: 0;
                    font-size: 1.1em;
				}
				
				#destacats-ca ul li img,
				#destacats-es ul li img {
					margin: .3em 0;
					padding: 0;
					display: inline;
				}
                
                
                
		#destacats-en {
			float: right;
			width: 32em;            
			padding: 0 0 0 0;
		}
        
            #destacats-en h2 {
                font-size: 1.2em;
                margin-bottom: 1em;
                padding: .1em .6em;                
                background-color: #ccc;
            }
		
			#destacats-en ul {                
			}
				
				#destacats-en ul li {	
                    width: 16em;
					margin: 0 0 2.4em 0;
                    float: left;
                    height: 12em;
					font-weight:bold;
                    overflow: hidden;
				}

				#destacats-en ul li p {
					margin: .3em 0;
					padding: 0;
                    font-size: 1.1em;
				}
				
				#destacats-en ul li img {
					margin: .3em 0;
					padding: 0;
					display: block;
				}
                
                
    /* Video principal */
    
        #home-video {
            /* margin-bottom: 2em; */
        }
        
            #home-video h2 {
                font-size: 1.2em;
                margin-bottom: 1em;
                padding: .1em .6em;                
                background-color: #ccc;
            }
        
            #home-video object,
            #home-video embed {
                display: block;
                height: 18em;                
                width: 32em;
            }
            
            #home-video p {
                display: none;
            }