body{
	font-family: arial, verdana, tahoma;
	font-size: 14px;
	margin:0;
	padding:0 0 40px 0;
	background:url('../imatges/fons.png') 0 0 repeat-x #cdbdb3;
	color:#444;
}

a{
	color:#700;
	text-decoration:none;
}

a:hover, a:active{
	color:#900;
}

h1{
	text-align:left;
	color:#333;
	padding:15px 0 5px 0;
	font-size:22px;
	font-family: arial, tahoma, verdana, sans-serif;
}

h2{
	color:#905D13;
	font-size:16px;
	padding:10px 0 5px 0;
}

h3{
	font-size:14px;
	font-weight:normal;
	color:#4F3325;
}

.modul_esquerra h4{
	font-size:15px;
	font-weight:bold;
	color:#AD6303;
	margin:0;
	padding:25px 0 5px 0;
}

.modul_esquerra h4.primer{
	padding:0 0 5px 0;
	margin:0;
}

.modul_esquerra p.primer{
	padding-top:0;
	margin-top:0;
}

.separador{
	border-bottom:1px solid #999;
	height:1px;
	width:100%;
	margin-bottom:20px;
}

img, table{
	border:0;
	color:#333;
}

.img-enllas{
	opacity:0.7;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
}

.img-enllas:hover{
	opacity:1;
}

.input_text, .input_boto, .input_select, .input_file{
	border:0;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 2px 0px #333333;
	-moz-box-shadow: 0px 0px 2px 0px #333333;
	box-shadow: 0px 0px 2px 0px #333333;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
}

.input_file{
	border:1px solid transparent;
}

.input_text, .input_select, .input_file{
	background:#fff;
	color:#333;
	padding:4px;
}

.input_text:focus, .input_select:focus{
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-moz-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000; 
	color:#666;
}

.input_boto{
	background:#000;
	color:#FAEC1F;
	padding:5px 10px;
	font-weight:bold;
}

input.input_boto{
	cursor:pointer;
}

a.input_boto:hover, input.input_boto:hover{
	color:#fff;
}

#menu_superior{
	background: #000;
	overflow:hidden;
}

ul.menu{
	list-style:none;
	margin:0;
	padding:0;
}

ul.menu li{
	float:left;
}

ul.menu li a{
	display:block;
	color:#fff;
	padding:10px 10px;
	text-transform:uppercase;
	font-size:13px;
	margin:0;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
}

ul.menu li a.actiu, ul.menu li a:hover{
	color:#FAEC1F;
}

/*SUBMENUS*/
ul.menu ul.submenu { border:1px solid #000000; padding:5px; position:absolute; list-style:none; background-color:#5C3901;}
ul.menu ul.submenu li { float:none; background-image:none; width:200px; display:block;}
ul.menu ul.submenu li a{
	padding:5px 10px;
	color:#fff;
	font-weight:normal;
	text-transform:none;
}
ul.menu ul.submenu li a:hover, ul.menu ul.submenu li a.actiu{
	color:#333;
}

ul.menu ul.subsubmenu { border:1px solid #000000; padding:5px; position:absolute; list-style:none; background-color:#5C3901; margin-left:170px; margin-top:-30px;}
ul.menu ul.subsubmenu li { float:none; background-image:none; min-width:300px;}
/*FI SUBMENUS*/

#menu_superior div.idiomes{
	color:#fff;
	float:right;
	padding:8px 8px 0 0;
}

#menu_superior div.idiomes a{
	color:#fff;
}

#menu_superior div.idiomes a.actiu, #menu_superior div.idiomes a:hover{
	color:#FAEC1F;
}

div.contenidor{
	margin:0 auto;
	width:960px;
}

#banner{
	height:119px;
	padding:40px 0 0 0;
	color:#fff;
	text-align:center;
	background:url('../imatges/fons_banner.jpg') 0 0 no-repeat #1E201B;
}

#contingut{
	margin:0 auto;
	padding:0 0 0 0;
	text-align:justify;
	background:#fff;
}

.text-contingut{
	padding:10px;
}

#peu{
	margin:0;
	border-top:10px solid #211915;
}

#peu div.superior{
	background:#1E201B;
	color:#fff;
	padding:15px;
	overflow:hidden;
}

#peu div.superior div.info{
	float:left;
	overflow:hidden;
	width:570px;
}

#peu div.superior div.info div.modul{
	float:left;
	padding:0 9px;
	font-size:11px;
}

#peu div.superior div.menu{
	float:left;
	overflow:hidden;
	width:360px;
	text-align:right;
}

#peu div.superior div.menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#peu div.superior div.menu ul li{
	float:right;
	font-size:11px;
	margin:0 5px;
}

#peu div.superior div.info div.modul a, #peu div.superior div.menu ul li a{
	color:#fff;
}

#peu div.superior div.info div.modul a:hover, #peu div.superior div.menu ul li a:hover{
	color:#FAEC1F;
}

#peu div.inferior{
	background:#fff;
	color:#333;
	text-align:right;
	font-size:13px;
	padding:0px 15px 0px 2px;
	overflow:hidden;
}

#peu div.inferior div.segueixnos{
	float:left;
	margin:5px 0 0 10px;
}

#peu div.inferior div.segueixnos img{
	float:left;
}

#peu div.inferior div.segueixnos a{
	color:#333;
}

#peu div.inferior div.segueixnos a:hover{
	color:#000;
}

#peu div.inferior div.segueixnos span{
	float:left;
	display:block;
	margin:5px 0 0 5px;
}

#peu div.inferior div.texte{
	padding-top:10px;
	float:right;
	padding-right:15px;
}

#peu div.inferior div.texte a{
	color:#333;
}

#peu div.inferior div.texte a:hover{
	color:#1E201B;
}

#peu div.inferior img.actualcat{
	float:right;
}

.slider{
	width:800px;
	margin-left:80px;
}

.left{
	float:left;
	margin-left:30px;
}

.apartat-gran{
	margin:30px 0 30px 0;
	background:#ddd;
	padding:0 10px 30px 10px;
	border-radius:5px;
}

.apartat-gran h2{
	padding-bottom:0;
	margin-bottom:0;
}

.apartat-gran h4{
	text-align:center;
	font-size:19px;
	color:#333;
	border-bottom:1px solid gray;
	background:#fff;
	padding:5px;
	margin-top:40px;
}

.modul_esquerra{
	margin:0 10px 20px 10px;
}

.msg-error, .msg-correcte{
	font-size:17px;
	padding:20px;
	color:black;
	text-align:center;
	border-radius:10px;
	margin:20px;
	-webkit-box-shadow: 0px 0px 2px 0px #333333;
	-moz-box-shadow: 0px 0px 2px 0px #333333;
	box-shadow: 0px 0px 2px 0px #333333;
}

.msg-error{
	background:#FDE6C5;
	border:3px solid #B74242;
}

.msg-correcte{
	background:#ABDD71;
	border:3px solid #5AA32D;
}

div.banner-inici{
	width:940px;
	height:280px;
	padding:10px;
	background:url('../imatges/inici/banner.jpg') 0 0 no-repeat;
	text-align:right;
}

div.banner-inici div{
	overflow:hidden;
}

div.banner-inici div.figura{
	float:right;
	background:url('../imatges/figura-banner.png') 100% 0 no-repeat;
	padding-top:20px;
	height:88px;
	margin:10px 10px 0 0;
}

div.banner-inici span.text-gran{
	display:block;
	float:right;
	color:#FAEC1F;
	background:#000;
	padding:5px 10px;
	margin:10px;
	text-transform:uppercase;
	font-size:19px;
}

div.banner-inici span.text-petit{
	display:block;
	float:right;
	color:#000;
	background:#FAEC1F;
	padding:5px 10px;
	margin:13px 10px 10px 10px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	line-height:16px;
}

div.inici-inici{
	overflow:hidden;
}

div.inici-inici div.modul-inici{
	overflow:hidden;
	float:left;
	width:455px;
	padding:0 12px;
}

div.inici-inici div.modul-inici h1{
	background:#FAEC1F;
	text-align:right;
	text-transform:uppercase;
	font-size:19px;
	color:#000;
	width:115px;
	margin:0;
	padding:15px;
	line-height:16px;
}

div.inici-inici div.modul-inici div.titol{
	float:left;
}

div.inici-inici div.modul-inici div.contingut{
	float:left;
	padding-left:10px;
	width:300px;
	font-size:13px;
	margin-bottom:20px;
}

div.inici-inici div.modul-inici div.contingut a.serveis{
	display:block;
	background:url('../imatges/veure-mes.png') 92% 50% no-repeat #FAEC1F;
	color:#000;
	float:right;
	padding:5px 40px 5px 10px;
	text-align:right;
	text-transform:uppercase;
	font-weight:bold;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
}

div.inici-inici div.modul-inici div.contingut a.serveis:hover{
	background-color:#ddd;
}

div.inici-inici div.modul-inici div.contingut div.noticia{
	margin:5px 0;
	overflow:hidden;
}

div.inici-inici div.modul-inici div.contingut div.noticia h4{
	margin:5px 0;
	background:#1E201B;
	color:#FAEC1F;
	font-weight:normal;
	text-align:right;
	padding:1px 5px;
}

div.inici-inici div.modul-inici div.contingut div.noticia div.imatge{
	width:145px;
	float:left;
}

div.inici-inici div.modul-inici div.contingut div.noticia div.imatge img{
	width:100%;
}

div.inici-inici div.modul-inici div.contingut div.noticia div.descripcio{
	width:145px;
	margin-left:10px;
	float:left;
	font-size:12px;
}

div.inici-inici div.modul-inici div.contingut div.noticia div.descripcio div.texte{
	overflow:hidden;
}

div.inici-inici div.modul-inici div.contingut div.noticia div.descripcio a.ampliar{
	display:block;
	background:url('../imatges/ampliar.png') 98% 50% no-repeat #FAEC1F;
	color:#000;
	float:right;
	padding:2px 30px 2px 6px;
	text-align:right;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:15px;
	line-height:13px;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
}

div.inici-inici div.modul-inici div.contingut div.noticia div.descripcio a.ampliar:hover{
	background-color:#ddd;
}

div.serveis-serveis{
	overflow:hidden;
	padding:0 10px;
}

div.serveis-serveis div.modul-servei{
	float:left;
	width:302px;
	min-height:126px;
	margin:20px 7px;
	background:0 0 no-repeat;
	padding:40px 0 0 153px;
}

div.serveis-serveis div.modul-servei h2{
	margin:0 0 10px 0;
	padding:0;
	color:#000;
	text-transform:uppercase;
	width:150px;
	text-align:left;
	line-height:16px;
}

div.serveis-serveis div.modul-servei p{
	margin:0;
	padding:0;
	font-size:12px;
}

div.serveis-serveis div.servei-bastides{
	background-image:url('../imatges/serveis/muntatge.png');
}

div.serveis-serveis div.servei-lloguer{
	background-image:url('../imatges/serveis/lloguer.png');
}

div.serveis-serveis div.superior{
	overflow:hidden;
}

div.serveis-serveis div.galeria{
	overflow:hidden;
}

div.serveis-serveis div.galeria div.imatge{
	float:left;
	width:220px;
	height:160px;
	background:50% 50% no-repeat;
	background-size:auto 100%;
	margin:7px;
}

div.serveis-serveis div.galeria div.imatge div.titol{
	float:left;
	margin:7px;
	padding:5px;
	color:#000;
	background:#FAED23;
	font-size:14px;
	font-weight:bold;
	width:110px;
	min-height:80px;
	text-align:left;
	opacity:0.4;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
}

div.serveis-serveis div.galeria div.imatge:hover > div.titol{
	opacity:1;
}

div.serveis-serveis div.galeria div.imatge img.ampliar{
	float:right;
	margin:7px;
}

div.contacte-contacte{
	overflow:hidden;
}

div.contacte-contacte div.localitzacio{
	text-align:right;
	border-bottom:1px solid #ddd;
	padding:5px;
	margin-bottom:20px;
	background:#1E201B;
	color:#fff;
}

div.contacte-contacte div.localitzacio a{
	color:#FAED23;
}

div.contacte-contacte label.check-geo{
	cursor:pointer;
}

div.contacte-contacte div.formulari{
	float:left;
	width:480px;
}

div.contacte-contacte div.formulari h1{
	margin:0 0 20px 0;
	padding:18px 0 18px 60px;
	background:url('../imatges/contacte/ico_formulari.png') 0 0 no-repeat;
}

div.contacte-contacte div.info-empresa{
	float:left;
	width:440px;
	padding-left:40px;
}

div.contacte-contacte div.contacte{
	overflow:hidden;
	margin:10px 0 20px 0;
}

div.contacte-contacte div.info-empresa div.andamios{
	margin:20px 0 30px 0;
	padding-left:40px;
}

div.contacte-contacte div.info-empresa div.adress,
div.contacte-contacte div.info-empresa div.telefon,
div.contacte-contacte div.info-empresa div.mobil,
div.contacte-contacte div.info-empresa div.correu{
	padding:7px 0 0 42px;
	min-height:39px;
	margin:10px 0;
	font-size:14px;
}

div.contacte-contacte div.info-empresa div.adress{
	background:url('../imatges/contacte/ico_adress.png') 0 0 no-repeat;
}

div.contacte-contacte div.info-empresa div.telefon{
	background:url('../imatges/contacte/ico_phone.png') 0 0 no-repeat;
}

div.contacte-contacte div.info-empresa div.mobil{
	background:url('../imatges/contacte/ico_mobile.png') 0 0 no-repeat;
}

div.contacte-contacte div.info-empresa div.correu{
	background:url('../imatges/contacte/ico_mail.png') 0 0 no-repeat;
}

div.contacte-contacte div.info-empresa div.correu a{
	color:#000;
}

div.contacte-contacte div.info-empresa div.correu a:hover{
	color:#900;
}