/*------- GENERAL -----------*/
body {
	margin:0; padding:0; color:#DBDBDB;
	font-family:Times, Arial, Helvetica, sans-serif;
	background:#000;
}
div, p, img, a, ul, h1, h2 {
	margin:0; padding:0;
}
ul {
	list-style:none;
}
img {
	border:none;
}
a {
	text-decoration:none; outline:none;
}
.spacer {
	line-height:0; font-size:0; clear:both;
	margin-bottom: 8px;
}
.img_escena{position: relative;float: left; padding: 5px 5px; border: 1px dotted #9D180A; margin-right: 10px; margin-bottom: 10px;}
/*--------- TOP MENU -----------*/
#topMenu {
	width:780px; margin:0 auto; height:80px; color:#998158; margin-bottom:3px;
	background: transparent;
	margin-top: -50px;
}
#topMenu ul {
	font-size:14px; font-weight:bold; line-height:65px;
}
#topMenu ul li, #footer ul li {
	float:left; padding:0 0 0 25px;
}
#topMenu ul li a, #footer ul li a {
	color:#998158; background-color:#000;
}
#topMenu ul li a:hover, #topMenu ul li span, #footer ul li a:hover, #footer ul li span {
	color:#9D180A; background-color:#000;
}
#topMenu .actual{color:#9D180A; background-color:#000;}

#menu2{
	width: 100%;
	position: relative;
	float: left;
}
#topMenu2 {
	width:780px; margin:0 auto;color:#736143;
	background: transparent;
	margin-top: -40px;
}
#topMenu2 ul {
	font-size:14px; font-weight:bold; line-height:65px;
}
#topMenu2 ul li, #footer ul li {
	float:left; padding:0 0 0 25px;
}
#topMenu2 ul li a, #footer ul li a {
	color:#736143; background-color:#000;
}
#topMenu2 ul li a:hover, #topMenu ul li span, #footer ul li a:hover, #footer ul li span {
	color:#5e0307; background-color:#000;
}
#topMenu2 .actual{color:#5e0307; background-color:#000;}


#topMenu div.contact {
	width:213px; float:right; padding:9px 0 0;
	font:bold 9px/15px Verdana, Arial, Helvetica, sans-serif;
}
#topMenu div.contact span {
	font-size:9px; text-transform:uppercase;
}
#topMenu div.contact a {
	color:#998158; background-color:#000;
}
#topMenu div.contact a:hover {
	text-decoration:underline;
}
#topMenu p.botBg {
	height:3px; background:url(http://www.viulapassio.cat/images/topmenu-botbg.gif) 39px 100% no-repeat;
}
/*--------- HEADER ----------*/
#header {
	width:784px; margin:0 auto; height:401px; padding:39px 0 0 58px; margin-top: 30px;
	background:url(http://www.viulapassio.cat/images/imatge-capsalera.jpg) 0 0 no-repeat;
}
#header img {
	display:block;
}
#header h1 {
	width:230px; height:27px; padding:10px 0 0 6px; text-align:center;
	font:12px/16px Verdana, Arial, Helvetica, sans-serif; 
}

/*--------- BODY ----------*/
#body {
	width:738px; margin:0 auto; padding:0 17px 1px 25px;
	font-size:14px; 
}
#body h2 {
	height:16px; margin:0 0 22px;
}
#body p {
	padding:0 0 15px;
	text-align: justify;
	line-height:16px;
}
#body p span {
	color:#9D180A; background-color:#000; font-weight:bold;
}
/*------ LEFT PANEL -------*/
#leftPanel {
	width:450px; border-right:#818181 1px dashed; float:left;
	padding:22px 16px 5px 0;
	min-height: 780px;
}
#leftPanel h2 {	
	font-weight: lighter;
}
/*- HEADERS -*/
#leftPanel h2.welcome {	
	color: #f7a22a;
}
#leftPanel h2.services {	
	color: #f7a22a;
	margin-top: 30px;
}
#leftPanel h2.magazine {	
	color: #f7a22a;
}
#leftPanel p.readmore {
	background:url(http://www.viulapassio.cat/images/readmore-btn.jpg) center center no-repeat; font-weight:bold;
	height:33px; line-height:33px; width:100%; text-align:center;
}
#leftPanel p.readmore a {
	color:#9D180A; background:transparent;width: 100%;position: relative;float: left; margin-top: 10px;
}
#leftPanel p.readmore a:hover {
	color:#C92E1D;
}

/*--- Services List ----*/
#leftPanel ul.services {
	line-height:18px; font-weight:bold; 
	width:140px; float:left; padding-bottom:18px;
}
#leftPanel ul.services li {
	padding:0 0 0 16px; background:url(http://www.viulapassio.cat/images/bul-body.gif) 0 50% no-repeat;
}
#map_thumbnail{position: relative;float: left;height: 128px; width: 170px; background:url(http://www.viulapassio.cat/images/MAPA.jpg) 0 0 no-repeat;}
#map_text{position: relative;float: left;margin-left: 15px; width: 210px; margin-top: 30px; padding-bottom: 60px;}
/*--- Fashion Magazine ---*/
#leftPanel div.magazine img {
	float:left; margin:0 13px 0 0;
}
#leftPanel div.magazine p.date {
	text-indent:-2000px; background:url(http://www.viulapassio.cat/images/sunday-jan-img.gif) 0 0 no-repeat;
	padding:0 0 15px; margin:0 0 0 175px; height:20px;
}
.filaGaleria{
	width: 100%;
	position: relative;
	float: left;
	margin-bottom: 20px;
}
	.element{
		position: relative;
		float: left;
		padding: 10px;
		border: 1px dotted #9D180A;
		height: 150px;
		width: 25%;
		margin: 0 5px;
	}
		.element:hover{
			border: 1px solid #9D180A;
			cursor: pointer;
		}
		.element:hover .name{
			color: #F7A22A;
		}
		.element span{
			position: relative;
			float: left;
			width: 100%;
			text-align: center;
		}
		.element span.name{
			margin-top: 20px;
		}
		
.filaGaleria2{
	width: 100%;
	position: relative;
	float: left;
	margin-bottom: 20px;
}
	.element2{
		position: relative;
		float: left;
		padding: 10px;
		border: 1px dotted #9D180A;
		height: 120px;
		width: 120px;
		margin: 0 4px;
	}
		.element2:hover{
			border: 1px solid #9D180A;
			cursor: pointer;
		}
		.element2:hover .name{
			color: #F7A22A;
		}
		.element2 span{
			position: relative;
			float: left;
			width: 100%;
			text-align: center;
		}
		.element2 span.name{
			margin-top: 20px;
		}
		
	.element3{
		position: relative;
		float: left;
		padding: 10px;
		border: 1px dotted #9D180A;
		height: 120px;
		width: 120px;
		margin: 0 4px;
		margin-bottom: 4px;
	}
		.element3:hover{
			border: 1px solid #9D180A;
			cursor: pointer;
		}
	.element3_cartell{
		position: relative;
		float: left;
		padding: 10px;
		border: 1px dotted #9D180A;
		height: 265px;
		width: 120px;
		margin: 0 4px;
		margin-bottom: 4px;
	}
		.element3_cartell:hover{
			border: 1px solid #9D180A;
			cursor: pointer;
		}
		
	.element4{
		position: relative;
		float: left;
		padding: 10px;
		border: 1px dotted #9D180A;
		height: 365px;
		width: 430px;
		margin: 0 5px;
	}
		.element4:hover{
			border: 1px solid #9D180A;
			cursor: pointer;
		}
		.element4:hover span.name{
			color: #F7A22A;
		}
		.element4 span{
			position: relative;
			float: left;
			width: 100%;
			text-align: center;
		}
		.element4 span.name{
			margin-top: 20px;
		}
#histoform{position: relative;float: left; width: 100%; margin-bottom: 20px;text-align: center;}
#histoform span{margin-right: 15px;}
#histoform input {width: 80px;}
#histoform .btn{width: auto; margin-left: 15px;}

/*------------- RIGHT PANEL ------------*/
#rightPanel {
	padding:22px 0 0 27px; width:244px; float:left;
	font-family:Times, Verdana, Arial, Helvetica, sans-serif;
}
#rightPanel h2 {	
	font-weight: lighter;
}
#rightPanel h2.services {	
	color: #f7a22a;
}
#rightPanel h2.model {	
	color: #f7a22a;
	height:20px; margin-bottom:15px;
}
#rightPanel h2.news {	
	color: #f7a22a;
}
#rightPanel p.click {
	font-size:10px; line-height:11px; color:#9D180A; background-color:#000;
	padding-bottom:22px;
}
#unespectacle{width: 189px; height: 100px; background: url(http://www.viulapassio.cat/images/unespectacle.jpg) 0 0 no-repeat;}
#cartell2010{width: 170px; height: 340px; background:url(http://www.viulapassio.cat/images/cartell-intro.jpg) 0 0 no-repeat; margin-top: 30px; margin-bottom: 30px;}
/*---- GALLERY ----*/
#rightPanel ul.modelGallery li {
	width:115px; height:127px; float:left; font-weight:bold;
	line-height:16px; padding:0 14px 17px 0;
}
#rightPanel ul.modelGallery li img {
	margin-bottom:4px; display:block;
}
#rightPanel ul.modelGallery li a.enlarge {
	background:#821715 url(http://www.viulapassio.cat/images/model-gal-btn.gif) 100% 0 no-repeat;
	display:block; height:16px; padding-right:20px; text-align:center;
	text-transform:uppercase; color:#DBDBDB;
}
#rightPanel ul.modelGallery li.noPad {
	padding-right:0;
}
#rightPanel ul.modelGallery li a.enlarge:hover {
	background-color:#6A0B0A; background-position:100% 100%; color:#DBDBDB;
}

/*--- NEWS & EVENTS --*/
#rightPanel div.news p {
	padding:0 31px 12px 0;
}
#rightPanel div.news a.more {
	display:block; width:65px; height:16px; padding:0 20px 0 0;
	background:#821715 url(http://www.viulapassio.cat/images/model-gal-btn.gif) 100% 0 no-repeat;
	text-align:center; font-weight:bold; color:#fff; margin:0 0 16px 1px;
}
#rightPanel div.news a.more:hover {
	background-color:#6A0B0A; background-position:100% 100%; color:#fff;
}
.red{color:#9D180A;}
.taronja{ color: #F7A22A; position: relative; width: 100%; float: left; margin-top: 10px;}
.taronja a{ color: #F7A22A;}
.taronja a:hover{ text-decoration: underline;}
.taronjaclar{ color: #FFBB5A; width: 390px;position: relative;float: left; margin-top: 30px;}
.taronja2{ color: #F7A22A; position: relative; width: 100%; float: left; margin-top: 10px;}
.taronja2:hover{ color: #ff3333;}

#contacta{
	margin-top: 20px;
}
	.filaform{
		position: relative;
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
		.filaform span{
			position: relative;
			float: left;
			width: 25%;
			text-align: right;
			height: 22px;
			margin-top: 5px;
		}
		.filaform .inputform{
			position: relative;
			float: right;
			width: 70%;
		}
			.filaform .inputform .input_text{
				width: 285px;
			}
			.filaform .inputform .filaalert{
				float: right;
				color: #9D180A;
				font-size: 0.8em;
				width: 100%;
				margin-top: 5px;
			}
		.filaform .btn_enviar{
			float: left;
			margin-right: 30px;
			margin-top: 20px;
		}
		#filaErrorText{display:none;}
/*-------------- FO0TER --------------*/
#footer {
	width:100%;
	margin-top: 30px;
}
	.line_footer{
		position: relative;
		float: left;
		width: 100%;
		height: 23px;
		background-color: #ffb700;
	}
		.footer_center{
			margin: 0 auto;
			width: 720px;
		}
		.logo_passio{
			float: right;
			position: relative;
			margin-top: -56px;
			margin-right: 25px;
		}
	.footer_center span{
		font-size: 0.8em;
		height: 23px;
		color: black;
		margin-top: 5px;
		position: relative;
		float: left;
	}
		.footer_center span a{
			text-decoration: none;
			color: black;
		}
		.footer_center span a:hover{
			color: red;
		}
.hide{display: none;}p: -56px;
			margin-right: 25px;
		}
	.footer_center span{
		font-size: 0.8em;
		height: 23px;
		color: black;
		margin-top: 5px;
		position: relative;
		float: left;
	}
		.footer_center span a{
			text-decoration: none;
			color: black;
		}
		.footer_center span a:hover{
			color: red;
		}
.hide{display: none;}ide{display: none;}p: -56px;
			margin-right: 25px;
		}
	.footer_center span{
		font-size: 0.8em;
		height: 23px;
		color: black;
		margin-top: 5px;
		position: relative;
		float: left;
	}
		.footer_center span a{
			text-decoration: none;
			color: black;
		}
		.footer_center span a:hover{
			color: red;
		}
.hide{display: none;}