/* La Barberia de Gracia */

/* CSS Principal */



body {
	margin: 0;
	padding: 0;
	background-color: #fff;

  font-family: "Trebuchet MS", sans-serif;
  font-size: 62.5%;
}

div { margin: 0; padding: 0; }

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

h1, h2, h3, h4, h5 { margin: 0; padding: 0; color: #913149; }

p { margin-top: 0; }

a { color: #913149; }

a img { border: 0; }

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



/* Layout */

	#super {
		margin: 0 auto;
		width: 962px;
	}

	#page {
		background: url("../images/new_bg_shadow.gif") repeat-y top left;
		width: 958px;
		padding: 0 4px;
	}
	
	#header {
		background: url("../images/new_bg_header.jpg") no-repeat left top;
		height: 137px;
	}

		#header h1 img {
			margin-top: 30px;
			margin-left: 24px;
		}


	#content {
        border-bottom:5px solid #913149;
        clear:both;
        overflow:hidden;
        padding:4em 30px 4em 60px;
        width:867px;
	}

	
/* ------ */




/* Barra d'idiomes */

	#header #languages {
		margin-top: .5em;
		float: right;
	}

		#header #languages li {
			display: block;
			float: left;
			border-right: 1px solid #fff;
			color: #fff;
			font-size: 1.1em;
			line-height: 1.4em !important;
			margin-right: .5em;
			padding-right: .5em;
		}

			#header #languages li.last {
				border-right: 0;
			}

			#header #languages li a {
				text-decoration: none;
				color: #fff;
			}

				#header #languages li a:hover {
					text-decoration: underline;
				}

	#header address {
		color: #FFFFFF;
		float: right;
		font-family: arial;
		font-size: 1.1em;
		font-style: normal;
		left: 8.7em;
		position: relative;
		text-align: right;
		top: 3.7em;
		font-weight: bold;
	}
	
	#header address p{
		margin: 0 0 0.8em;
		padding: 0;
	}
/* --------------- */




/* Menu principal */

	#main_menu {
		height: 33px;
		border-top: 1px solid #fff;
		background: url("../images/bg_menu.gif") repeat-x left top;
		background-color: #6D2437;
	}

		#main_menu li {
            border-left:1px solid #C25671;
            border-right:1px solid #41000C;
            display:block;
            float:left;
            font-size:1.4em;
            line-height:2.2em;
            margin:0.1em 0;
            /*padding:0 17px;*/
            text-align:center;
            text-transform:uppercase;
            width:135px;
            background: url("../images/bg_menu_selected.gif") repeat-x left top;
		}
        
            #main_menu li.selected {
                background: url("../images/bg_menu.gif") repeat-x left top;
            }

			#main_menu li.first {
                margin:0;
                padding:0;
                text-align:center;
                width:133px;
			}
            
			#main_menu li.last {
			}

		#main_menu li a {
			color: #fff;
			text-decoration: none;
		}

			#main_menu li a:hover {
				text-decoration: underline !important;
			}

		#main_menu li strong {
			color: #fff;
		}

/* -------------- */





/* Elements de contingut */

	#text {
        float:left;
        width:560px;
	}
    
    #text #subForm{
        
    }
        
        #text #subForm label{
            
        }
        
        #text #subForm input.inputBox{
            width: 17em;
        }
        
            #text #subForm input.submit{
                margin-left: 0.2em;
            }

		#text h2 {
			margin-bottom: .5em;
			font-size: 3em;
			font-weight: normal;
		}
        
            #text h2.blog {
                background:#EEEEEE none repeat scroll 0 0;
                font-size:1.5em;
                font-weight:bold;
                padding:0.1em 0.5em;
                text-transform:uppercase;
                margin-bottom:1.4em;
            }

            #text h2.homeNews {
				border-bottom: 1px dotted #666666;
				color: #666666;
				float: left;
				font-size: 1.5em;
				font-weight: bold;
				margin-bottom: 1.4em;
				padding-bottom: 0.5em;
				text-transform: uppercase;
				width: 37em;
            }
			
		#text iframe{
			margin-bottom: 1em;
		}
			
		#text h3 {
			margin-bottom: .3em;
			font-size: 1.8em;
			font-weight: normal;
		}

		#text h4 {
			margin-bottom: .3em;
			font-size: 1.4em;
		}

		#text p {
			color: #666;
			font-size: 1.3em;
		}
		
		#text p.quiSom {
			float: right;
			margin-bottom: 3em;
		}
		
		#text address {
			color: #666;
			line-height: 1.3em;
			font-style: normal;
		}
		
		#text address p{
			font-size: 1.3em;
			line-height: 1.2em;
		}
		
		#text address p.highlight{
			color: #913149;
		}

        #text div.blogNew{
            border-bottom:1px dotted #666666;
            margin-bottom:1.5em;
            padding-bottom:2.5em;
            float:left;
			width: 55.5em;
        }
        
        #text div.last{
            border-bottom:none;
            margin-bottom:1.5em;
        }
        
        #text div.blogNew p.back{
            text-align: right;
        }
        
            #text div.blogNew p.back a{
            }
            
                #text div.blogNew p.back a:hover{
                }
        
        #text div.blogNew h2{
        }
        
        #text div.blogNew h3{
        }
        
        #text div.blogNew h2.pressMedia{
			font-size: 2.2em;
        }
		
			#text div.blogNew h2.pressMedia a{
				text-decoration: none;
			}
			
				#text div.blogNew h2.pressMedia a:hover{
					text-decoration: underline;
				}
		
        #text div.blogNew h3.pressMedia{
			font-size: 1.5em;
			font-weight: normal;
        }
		
			#text div.blogNew h3.pressMedia a{
				text-decoration: none;
			}
			
				#text div.blogNew h3.pressMedia a:hover{
					text-decoration: underline;
				}
        
        #text div.blogNew img.pressMedia{
            float: left;
			margin-right: 2em;
        }
        
		#text div.blogNew p.pressMedia {
			float: right;
			font-size: 1.4em;
			font-weight: bold;
			margin-top: 1em;
		}
		
        #text div.blogNew div.socialButtons{
            float: left;
            width: 55em; 
        }
        
        #text div.blogNew h4{
        }
        
        #text div.blogNew p{
        }
        
        #text div.blogNew p.posted {
            color: #666;
            font-size: 1.3em;
            font-style: italic;
        }
        
        #text div.blogNew object,
        #text div.blogNew object embed{
            height: 312px;
            margin-bottom: 1em;
            width: 500px;
        }
        
        #text div.blogNew div.socialButtons iframe.twitter-share-button{
            margin-top:2em;
            padding-bottom:2.1px;
			padding-right: 2em;
        }
        
        #text div.blogNew div.socialButtons iframe.facebookLike{
            border:none; 
            overflow:hidden; 
            width:350px; 
            height:24px;
        }
            
		#text .highlight, #lateral .highlight {
			color: #913149;
		}

		#text form {
			color: #666666;
			font-size: 1.3em;
			margin-bottom: 1.5em;
		}
		
			#text form label{
				display: block;
			}
			
			#text form input.text{
				margin-top: 0.5em;
				width: 22em;
			}
			
			#text form span{
				display: block;
				font-size: 0.8em;
			}
		
		#text ul, #text ol {
			margin-bottom: 1.5em;
		}

			#text ul li, #text ol li {
				margin-left: 2.5em;
				color: #666;
				font-size: 1.1em;
			}

			#text ul li { list-style: disc; }

			#text ol li { list-style: decimal; }


		#text img {
			margin-bottom: 1em;
		}

		#text img.imgLeft {
			float: left;
			margin: 0 1em .5em 0;
		}

		#text img.imgRight {
			float: right;
			margin: 0 0 .5em 1em;
		}

		#text ul.galeria {
		}

			#text ul.galeria li {
				list-style: none;
				margin: 0;
				padding: 1em 1.25em;
				float: left;
			}

				#text ul.galeria li img {
					margin: 0;
				}

		#text table {
			font-size: 1.2em;
			color: #666;
			margin-bottom: 1.5em;
		}


/* --------------------- */





/* Elements de la zona lateral */

	#lateral {
        float:right;
        width:228px;
	}


		/* Blocs laterals */

			.lateral_block {
                /*border-bottom: 1px dotted #999999;
                float: left;
                padding: 2em 0 2em 0.3em;*/
			}
                
                .first{
                    padding-top:0;
                }
                
                .last {
                    border: none;
                }

				.lateral_block h3 {
                    font-size: 1.2em;
                    line-height: 1.4em;
                    margin-bottom: 0.8em;
				}
                
                    .lateral_block h3.title {
                        font-size: 1.6em;
                        margin-bottom: 0.5em;
                    }

				.lateral_block p {
                    color: #666666;
                    font-size: 1.2em;
                    line-height: 1.5em;
                    margin-bottom: 0.8em;
				}

			.lateral_block .barberies {
				font-size:1.4em;
				padding: 0px;
				color: #666;
			}

				/* Modul de l'adreca */

					.adreca address {
						color: #666;
						font-size: 1.2em;
						line-height: 1.3em;
						font-style: normal;
					}

					.adreca .planol {
						margin: .8em 0 .5em 0;
                        float:left;
					}

					.adreca .parking {
                        background: url("../images/icona_parking.gif") no-repeat scroll left center transparent;
                        float: left;
                        margin: 5.2em 0 0 0.9em;
                        padding-left: 1.2em;
					}

            .banners {
                border: 1px solid #CCCCCC;
                margin-bottom: 2em;
            }
            
            .bannerFacebook {
                border: none;
                margin-bottom: 2em;
            }
            
                .banners iframe.facebookLike{
                    padding: 10px;
                    border: none;
                }
            
                .banners img{
                    display: block;
                    border:0;
                }

				/* Modul d'enllacos */

					.enllacos {
						margin-top: 2em;
					}

						.enllacos h3 {
							font-weight: normal;
							font-size: 1.1em;
							color: #666;
						}

							.enllacos ul li {
								text-align: center;
								margin: .8em 0;
							}

				/* Darrer modul */

					.last {
						border-bottom: none;
					}

		/* -------------- */


/* --------------------------- */


/* Galeria d'imatges */

.img_outer {
	/*float: left;
	background: url( ../images/shadow.gif ) no-repeat bottom right;
	background-color: #ccc;
	margin: 3px;*/
}
.img_inner {
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #a9a9a9;
	padding: 4px;
	position: relative;
	left: -3px;
	top: -3px;
}



/* Elements del footer */

#footer {
	padding: 1.5em 10px 3.5em;
	font-size: 1.1em;
	color: #666;
}

#footer .left {
	float: right;
}

#footer address {
	font-style:normal;
}

#text p.paginador {
    font-size: 1.3em;
    float:right;
}

#text  p.paginador a{
    margin-right: 0.4em;
}

#text p.paginador strong{
    font-size: 0.9em;
    margin-right: 0.4em;
}

div.fbConnectWidgetFooter{
    display:hidden;
}