/* Barcelona Centre de Disseny */

/* Fulla d'estils general */



	/* Redefinicio de tags generals */

		body {			
			margin: 0;
			padding: 0;

			color: #333;
			font-size: 62.5%;
			font-family: Arial, Verdana, Tahoma, sans-serif;
		}
		
		body.small{
			background: none;
		}
		
		p,
		li {
			color: #333;
		}

		h1, h2, h3, h4, h5, h6 {
			color: #333;
			margin: 0;
			padding: 0;
		}

		ul, li {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.hidden {
			display: none;
		}
		
		a {
			color: #FF0000;
		}

		a img {
			border: none;
		}




	/* Elements de capcalera */

		#header {
			min-width: 92.8em;
			background-color: #FF0000;
		}

			#header h1 {
				float: left;
				color: #fff;
				font-size: 2em;
				padding: 1em 1em 1em 0;
			}
			
				#header h1 img {
					display: block;
				}
			
			#header p.descripcio-bcd {				
				width: 39em;
				float: right;
				clear: right;
				margin-top: 3em;
				font-size: 1.1em;								
				color: #fff;
				text-align: right;
				padding: .5em;
			}
			

			#header #menu-idiomes {
				float: right;
				padding: 1em .5em;
			}

				#header #menu-idiomes li {
					display: inline;
					border-right: 1px solid #fff;
					padding-right: .5em;
					margin-right: .5em;
					font-size: 1.1em;
					color: #fff;
				}

					#header #menu-idiomes li.last {
						border-right: none;
						padding-right: 0;
						margin-right: 0;
					}

					#header #menu-idiomes li a,
					#header #menu-idiomes li strong {
						color: #fff;
					}




		




	/* Contenidor de la pagina */

		#header-wrap {
			width: 92.8em;
			margin: 0 auto;
		}

		#page {
			width: 89.8em;
			overflow: hidden;
			margin: 0 auto;
			padding: 0 1.5em;
			background-color: #fff;
		}
		
		#page.small {
			width: 49.8em;
		}

		#page-index {
			width: 92.8em;
			overflow: hidden;
			margin: 2.5em auto 2em auto;
			padding: 0;
		}
		
		#page-infodisseny {
			width: 92.8em;
			overflow: hidden;
			margin: 0 auto;
			padding: 0;
		}




	/* Menu principal */

		#menu-principal {
			clear: both;
			width: 100%;
			overflow: hidden;
			background-color: #333;
			font-family: Arial, Arial, Verdana, sans-serif;
		}

			#menu-principal li {
				float: left;
				display: block;
				font-size: 1.2em;
                width: 13em;
                overflow: hidden;
			}
            
                .menu-principal-en li {
                    width: 15.45em !important;
                }

				#menu-principal li a,
				#menu-principal li strong {
					display: block;
					padding: .4em 0;
					font-weight: bold;
                    text-align: center;
				}

				#menu-principal li a {
					border-right: 1px solid #666;
					text-decoration: none;
					color: #fff;
					background-color: #333;
				}

					#menu-principal li a:hover {
						text-decoration: underline;
					}

				#menu-principal li strong {
					color: #333;
					background-color: #fff;
				}



			/* Enllac d'InfoDisseny */
            
                #menu-principal li.info-disseny {
                    float: right;                    
                    width: 12.3em;
                }
                
                    #menu-principal li.info-disseny a {
                        border-right: none;
                    }

    /* Infodisseny */

        #rssInfodisseny{
            padding-left:3em;
            padding-top:1em;
        }

	/* Footer */

		#footer {
			width: 92.8em;
			overflow: hidden;
			clear: both;
			margin: 0 auto;
			padding: 5em 0 2em 0;
			font-family: Arial, Verdana, Tahoma, sans-serif;
			background-color: #fff;
		}
		
		#footer.small{
			width: 50.8em;
			padding: 1em 1em 1em 1em;
		}

			#footer address {
				float: left;
				font-size: 1.1em;
				color: #666;
				font-style: normal;
			}

				#footer address strong,
				#footer address .red,
				#footer address a {
					color: #FF0000;
				}

					#footer address a.contactar {
						margin-left: 1em;
						padding-left: 1.4em;
						background: url("../images/icon_contactar.gif") no-repeat left center;
					}


			#footer .opcions {				
				font-size: 1.1em;
			}

				#footer .opcions li {
					float: right;
					display: block;
					border-left: 1px solid #666;
					padding-left: .5em;
					margin-left: .5em;				
				}

					#footer .opcions li a {
						color: #666;
					}
					
					#footer .opcions li.last {
						border-left: none;
					}
