@charset "UTF-8";

/* html i body */
* { margin:0; padding:0; }

body { 
	font-family:Arial,Verdana, Tahoma, Geneva, sans-serif; 
	/*font-size:62.5%;*/ 
	font-size:62.5%; 
	
	background: #fff url('../img/fondo.gif') no-repeat top center;
}

img { border:0; display:block; }
#jquery-lightbox img { display:inline; }


li { list-style:none; }
h1 { font-size:2em; padding:6px; }
h2 { font-size:1.5em; color:#666;font-weight: normal; }
h2.subtit_seccio { margin:6px 0 5px 0px; font-size:1.5em; color:#666;font-weight: normal;}
h2.subtit_seccio img{padding-right:15px;}

.transparent{opacity: .5;}

a { color:#4b8f21; text-decoration:none; }
a:hover { color:#4b8f21; text-decoration: underline; }

a.fletxa { color:#4b8f21;display:block; background:url('../img/fletxa.gif') no-repeat center left;width:19px;height:20px;}
a.fletxa:hover { color:#4b8f21; text-decoration:underline; }


/*.transpng { behavior: url('../js/iepngfix.htc'); }*/

.prelogo {margin-left:15px;}

/* HEADERS */
#header { /*background:url('/img/fons-pallol.jpg') no-repeat top left;*/ width:910px;margin:0px auto;}

#container,#supHeader,#subHeader,#footer { margin:0 auto; width:910px; position:relative;}

/* Superior Header */
#supHeader { height:107px; }

#logo { position:absolute; top:24px; left:80px; }

ul#menu { position:absolute; top:62px; left:325px; width:590px; padding-left:5px; }
ul#menu li { list-style:inline; display:inline; white-space:nowrap;  }

ul#menu li a { 
	display:block; float:left; width:100px; height:20px; position:relative; cursor:pointer;
	line-height:20px; text-align:left; color:#666; font-size:1.2em; text-decoration:none; 
	background:url('../img/menuborderoff.gif') center right no-repeat;margin-left:11px;
}

ul#menu li a span { display:inline-block; position:absolute; width:100%; height:100%; top:0; left:0; color:#666; }

ul#menu li a.m-reus { width:50px; }
ul#menu li a.m-elpallol { width:66px; }
ul#menu li a.m-botigues { width:69px;}
ul#menu li a.m-habitatges { width:81px; }
ul#menu li a.m-aparcament { width:87px; }
ul#menu li a.m-comarribar { width:100px; }
ul#menu li a.m-contacte { width:49px; background-image:none; }

/*ul#menu li a:hover span { background:url('/img/menuborder.gif') center left no-repeat; color:#dfac12; }
ul#menu li a:hover { background: url('/img/menuborder2.gif') center right no-repeat; }*/

ul#menu li a.selsec span {  }
ul#menu li a.selsec { text-decoration: underline; }

ul#menu li a.preselsec span { }
ul#menu li a.preselsec { }


#cerca { position:absolute; top:94px; left:674px; background:url('../img/search-box2.gif') no-repeat top left; width:235px; height:24px; }
#cerca input#q { background-color:transparent; float:left; border:0; width:155px; display:block; margin:4px 0 0 6px; font-size:1.2em; }
#cerca input#sa { backgrount-color:black; float:left; width:55px; height:20px; margin-left:6px; }

#info { position:absolute; top:80px; left:190px; }

/* Inferior Header */
#subHeader { height:239px; margin-top:25px; position:relative; }

#logoNYN { position:absolute; width:41px; height:152px; top:53px; left:-41px; }
#fla { position:absolute; height:219px; width:666px; top:5px; left:1px; }

div.activitats{
	position:absolute; height:221px; margin-left:4px; top:5px; left:670px;
	background:url('../img/fnd_destacat.gif') no-repeat left top;width:236px;
}
div.activitats h3{margin:20px 0px 0px 55px;color:#666;font-size: 1.2em;font-weight: normal;}
div.activitats p.title{color:#4b8f21;margin:20px 0px 0px 35px;font-size: 1.3em;}
div.activitats p.text{color:#666;margin:6px 0px 0px 35px;font-size: 1.1em;}
div.activitats div.pdflink{overflow: hidden;margin:55px 0px 0px 35px;}
div.activitats div.pdflink img{float:left;margin:3px 10px 0px 0px;}
div.activitats div.pdflink p{float:left;}
div.activitats div.pdflink a{color:#666;font-size: 1.1em;}

div.pallolia{position: relative;
	height:204px; margin-left:4px; 
	background:url('../img/fnd_pallolia.gif') no-repeat left top;width:214px;
	padding:25px 0px 0px 22px;
}
div.pallolia h3{color:#666;font-size: 1.2em;font-weight: normal;padding-left: 28px;}
div.pallolia img{margin:10px 0px 0px 0px;}
div.pallolia p.text{color:#666;margin:6px 0px 0px 0px;font-size: 1.1em;width:210px;height:62px;}
div.pallolia div.pdflink{overflow: hidden;margin:5px 0px 0px 0px;}
div.pallolia div.pdflink img{float:left;margin:3px 10px 0px 0px;}
div.pallolia div.pdflink p{float:left;}
div.pallolia div.pdflink a{color:#666;font-size: 1.1em;}



/* footer */
#footer { height:10px; clear:both; }

/* container */
#container { color:#666;  }

#colLeft { float:left; width:240px;  }
#inLeft { width:239px; padding:0px;   }

#colRight { float:left; width:240px; text-align:left;}
#colRight img { margin-bottom:0px; }

#content { float:left;width:430px; }
#inContent {   padding:0px 0px 8px 0px;  }
#inContent p { padding:5px 10px 5px 15px; text-align:justify; line-height:1.5em;font-size: 1.2em;width:377px;}
#inContent h1{display:block;margin-left:15px;}
#inContent h2{display:block;margin-left:15px;}
#inContent img { display:inline}
#inContent ul.listas { margin-left:37px; padding-right:25px; margin-bottom:10px;line-height:1.7em;font-size: 1.2em;}
#inContent ul.sublistas { margin-left:37px; padding-right:25px; margin-bottom:10px;}
.listas li { list-style-image:url('../img/detalleli.jpg'); }



div.boxLeft {position:relative; }
div.boxLeft h3{display:block;background:url('../img/boxinmenu-top.gif') no-repeat top left; height:37px;padding:18px 0 0 55px; color:#666; font-size:1.5em;font-weight: normal;  }
div.boxLeft div.botiga_medium{background:url('../img/boxinmenu-center.gif') repeat-y; width:239px;padding-bottom:10px;}

.botiga_title{margin:20px 0px 0px 30px;}
.botiga_title a{color:#666;font-weight: normal;font-size: 1.5em;}

.botiga_desc{margin:6px 0px 0px 30px;width:190px;font-size: 1.1em;color:#666;font-weight: normal;}


.botiga_link{padding:0px 0px 15px 30px;width:209px;height:35px;overflow: hidden;background:url('../img/boxinmenu-bottom.gif') no-repeat bottom left;}
.botiga_link a{color:#4b8f21;display: block;float:left;vertical-align: middle;}
.botiga_link img{padding-left: 10px;}
.botiga_link a.link_txt{margin-top:2px;font-size: 1.1em;}
.botiga_link .separator{padding:0px 0px 10px 0px;}

div.lloguer_locals h4.titol_locals{display:block; height:37px;padding:13px 0 0 55px; color:#666; font-size:1.5em;font-weight: normal; }
div.boxLeft div.lloguer_locals a:hover { color:#666; text-decoration: underline; }
div.boxLeft div.lloguer_locals a { color:#666; text-decoration: none; }

div.boxLeft div.lloguer_locals {margin-top: 14px; background: url('../img/fons_locals.gif') no-repeat top left; height:99px; }


.adreca { margin-top:4px; }
.adreca p { padding:3px 0 0px 0px;font-size: 1.0em; }

.box-galeria { margin-top:5px; margin-right:10px; }
.box-galeria h2 { background:url('../img/logo-fonsblanc-grn.gif') no-repeat 5px 5px; height:35px; padding-top: 10px; padding-left:40px; }

td.etiqBotiga { color:#520303; vertical-align:top;}
table.dadesBotiga p { margin:1px; padding:2px;}
table.dadesBotiga img { text-align: center;}
table.dadesBotiga td {padding:0px}


/* seccions */
h1.benvinguts { text-indent:-2000px; background:transparent url('../img/benvinguts.gif') no-repeat 0 5px; }
h1.el-pallol { width:365px;height:74px;text-indent:-2000px; background:transparent url('../img/tit-pallol.gif') no-repeat 0 5px; }
h1.reus { width:232px;height:26px;text-indent:-2000px; background:transparent url('../img/tit-reus.gif') no-repeat 0 5px; }
h1.reus-pallol {margin-top:47px;width:195px;height:30px;text-indent:-2000px; background:transparent url('../img/tit-reus-pallol.gif') no-repeat 0 5px; }
h1.habitatges { width:323px;height:69px;text-indent:-2000px; background:transparent url('../img/tit-habitatges.gif') no-repeat 0 5px; }
h1.aparcament { width:386px;height:70px;text-indent:-2000px; background:transparent url('../img/tit-aparcament.gif') no-repeat 0 5px; }
h1.arribar { width:375px;height:72px;text-indent:-2000px; background:transparent url('../img/tit-arribar.gif') no-repeat 0 5px; }
h1.contacte { width:293px;height:73px;text-indent:-2000px; background:transparent url('../img/tit-contacte.gif') no-repeat 0 5px; }

#inContent table.dadesBotiga { padding:0px; }
#inContent table.dadesBotiga img {  border:0; }
#inContent table.dadesBotiga td { padding:5px; }

.taulaBotigues { border:solid 1px #4b8e21; padding:5px; vertical-align:middle; }
.taulaBotigues a { color:#666; }

img.galinferior { width:130px; margin:20px 15px 0px 11px;} 

div#cse-search-results iframe { width:425px; !important; }
div#cse-search-results iframe a.l{color:green; !important;};


.llista { padding-left:3px; }
.llista li { padding:9px 0 11px 32px; background:url(../img/logo-fonsblanc-ptt.jpg) no-repeat 0px 3px; border:solid 1px #dbdbdb; margin-bottom:5px }
.tit_seccio { padding:4px 8px 20px 39px; background:url(../img/logo-fonsblanc-grn.gif) no-repeat; font-size:1.5em; font-weight:normal; color:#6e2424; }
.imatges_activitats img { display:inline; }

#galeria tr td { padding:3px; }
#galeria tr td img { border:2px #ccc solid; }
.item_botiga li { display:inline; }

.pallolnewslst li { display:block; float:left; width:200px; height:280px; padding:5px; position:relative;  margin-bottom:22px; }
.pallolnewslst li p.web { position:absolute; top:272px; left:7px;  }
.pallolnewslst li p.pdf { position:absolute; top:272px; left:120px; }

#novagaleria, #galeriapallol { margin-left:22px; }


.homeHabAp{overflow: hidden;margin:15px 0px 0px 15px;}
#inContent .homeHabAp p{line-height:1.3em;color:#84827f;width:180px;padding-bottom: 5px;}
.homeHabAp div.habitatges{float:left;width:180px;padding-right: 20px;}
.homeHabAp div.habitatges img{display: block;}

.homeHabAp div.aparcaments{float:left;width:205px;}
#inContent .homeHabAp div.aparcaments p{width:190px;padding-bottom: 5px;}
.homeHabAp div.aparcaments img{display: block;}

.facebook{display: block;margin:15px 0px 15px 22px;}
div.logos{margin-left:22px;}
div.logos p{font-size: 1.0em;}
div.logos img{display:block;float:left;margin-top:6px;}


#banner_overlay{display:block;width:233px;height:25px;margin-top:-25px;background-color: #4b8f21;}
#banner_txt{width:225px;height:21px;margin-top:-25px;position: relative;padding:4px 0px 0px 8px;}

#tabs{width:425px;}
#tabs ul{overflow: hidden;display:block;}
#tabs li{display:block;cursor:pointer;margin-right:1px;padding-top:5px;float:left; width:212px; background:url(../img/tab.gif) no-repeat;height:22px;font-size:1.5em;color:#5c6958;text-align: center;}
#tabs li.selected{background:url(../img/tab-selected.gif) no-repeat;color:#f1ffe9;cursor: default;}

div.tabbed{border:solid 1px #8bb66e;border-top:solid 3px #8bb66e;}

div.contacta{
	width:330px;
	height:125px;
	margin-top:12px;
	background:url(../img/fnd_contact.gif) no-repeat;
	margin-left:15px;
	padding:18px 0px 0px 50px;
}
#inContent div.contacta p.title{width:auto; padding:0px;font-size: 1.5em;color:#666;}
#inContent div.contacta p.text{width:auto;padding:0px;margin:15px 0px 0px 0px;font-size: 1.2em;color:#666;}
div.aparca{background:url(../img/fnd_aparca.gif) no-repeat;}
#inContent div.aparca p.text{margin:10px 0px 0px 0px;}


#contacte { margin:10px 11px 0 10px; }
#contacte label { display:block; padding-bottom:1px; margin-bottom:2px; padding-left:3px;font-size: 1.1em;}
#contacte input.textfield{padding:0px 2px;width:200px;border:none;background:url(../img/form-field.gif) no-repeat 0px 0px;height:25px;}

#contacte textarea {width:188px;border:none;padding:5px 6px;height:197px;overflow: auto;background:url(../img/form-area.gif) no-repeat 0px 0px;}

#contacte legend{display:none;}
#contacte fieldset{border:0;display:inline;}
#contacte li{display:block;margin-top:25px;}

#contacte-top{width:384px;height:24px;background:url(../img/form-top.gif) no-repeat;}
#contacte-medium{width:339px;background:url(../img/form-medium.gif) repeat-y;padding-left: 45px;}
#contacte-medium form{margin:0px;padding:0px;}
#contacte-bottom{width:384px;height:24px;background:url(../img/form-bottom.gif) no-repeat;}


.minilogo{vertical-align: middle;padding-right:6px;}
.llistaTable{margin:0px auto;}

.infoBotiga{margin:20px 0px 0px 11px;}
.infoTop{background:url(../img/des_top.gif) no-repeat;width:355px;height: 24px;padding:17px 0px 0px 55px;font-size: 1.5em;}
.infoMedium{background:url(../img/des_medium.gif) repeat-y;width:355px;font-size: 1.3em;padding-left:55px;}
.infoBottom{background:url(../img/des_bottom.gif) no-repeat;width:410px;height: 20px;}

.Infogreen{color:#4c8e20;}
.bfletxa{vertical-align: middle;padding-left:6px;}

.botLink{text-align: right;font-size: 1.2em;margin:15px 0px 0px 11px;width:410px;}

#inContent h2.subover{margin-left:108px;margin-top:-40px;position:relative;font-weight: normal;font-size: 1.6em;color:#777;margin-bottom:25px;}





/********* Habitatges *********/


.habitatges-slideshow {
    height: 400px;
    width: 912px;
    /* background-image: url(../img/Habitatges_1.jpg); */
    position: absolute;
    margin: 22px 0 0 0;
    z-index: -1;
}

.habitatges-content {
    /* margin-top: 334px; */
    position:absolute;
    top:441px;
    width: 912px;
    z-index: 10;
}

.habitatges-center {
    width: 630px;
    margin: 31px 0 0 20px;
    background-color: white;
    float: left;
}

.habitatges-center-cont {
    width: 630px;
    float: left;
    padding: 17px 0 0 15px;
}

.habitatges-center-cont div {
    padding: 0 0 0 12px;
    float: left;
    border-left: 1px solid #548b2e;
    height: 164px;
}

#habitatges-item1 {
    width: 121px;
}

#habitatges-item2 {
    width: 135px;
}

#habitatges-item3 {
    width: 133px;
}

#habitatges-item4 {
    width: 168px;
}

.habitatges-form {
    width: 232px;
    margin: 0 0 0 15px;
    background-color: white;
    float: left;
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #51504e;
    border: 1px solid #C8C8C8;
    -moz-box-shadow: 0px 0px 10px #C8C8C8;
    -webkit-box-shadow: 0px 0px 10px #C8C8C8;
    box-shadow: 0px 0px 10px #C8C8C8;
}

.habitatges-form h3 {
    font-size: 30px;
    text-align: center;
    margin-top: 12px;
    color:#333;
}

.habitatges-form h3 big {
    font-size: 32px;
}

.habitatges-form p {
    text-align: center;
    margin-top: 20px;
    font-size: 19px;
}

.habitatges-form form {
    margin-top: 20px;
    text-align: center;
}

.habitatges-form input[type=text], .habitatges-form textarea {
    width: 194px;
    height: 20px;
    border: 1px solid #999999;
    color: #999999;
    margin: 4px auto;
    padding: 2px
}

.habitatges-form input[type=checkbox] {
    margin: 10px 7px 15px 15px;
    float: left;
}

.habitatges-form input[type=submit] {
    background-color: #dde7cf;
    border: 2px solid #dde7cf;
    padding: 5px 27px;
    color: #5b5f62;
    margin: 15px 0 15px 125px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

.habitatges-form input[type=submit]:hover {
    border: 2px solid #bdd996;
    color: black;
}

.habitatges-form textarea {
    height: 57px;
}

.habitatges-form small {
    font-size: 10px;
    margin-left: 17px;
}

.habitatges-form span { display:block; margin-top:9px; font-size:11px; }

#contact-form-ok p { padding-left:45px; background:url('../img/tick.jpg') no-repeat 0 5px;     text-align:left; } 
#contact-form-error p { padding-left:45px; background:url('../img/cross.jpg') no-repeat 0 5px; text-align:left; } 

.habitatges-center-cont h3 {
    color: #498D1C;
    font-size: 16px;
    height: 40px;
    line-height: 19px;
}

.habitatges-center-cont p {
    color: #5b5f62;
    font-size: 14px;
    margin: 5px 0 0 0;
}

.habitatges-center-pictures {
    width: 604px;
    margin: 20px 0 0 0;
    float: left;
}

.habitatges-center-pictures P {
    background-color: #e7ab3b;
    height: 21px;
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
    overflow: hidden;
}

.habitatges-center-picture {
    width: 190px;
    overflow: hidden;
    float: left;
    margin-right: 15px;
}

.habitatges-center-but {
    width: 604px;
    margin: 55px 0 0 0;
    float: left;
}

habitatges-center-but div {
    float: left;
}

.habitatges-center-but-left {
    float: left;
    width: 220px;
}

.habitatges-center-but-left p {
    font-size: 16px;
    color: #545c5f;
}

.habitatges-center-but-center {
    float: left;
    width: 146px;
    color: #545C5F;
    font-size: 28px;
    text-align: right;
    margin-left: 30px;
    font-weight: bold;
    line-height:30px;
}

.habitatges-center-but-right {
    float: left;
    width: 213px;
    color: #545C5F;
    font-size: 13px;
    margin-left: 15px;
    margin-right: -20px;
    padding-top:6px;
}

.habitatges-center-but-right ul li {
    line-height: 20px;
    list-style: none;
    background-image: url(../img/fletxa.gif);
    background-repeat: no-repeat;
    padding-left: 24px;
    margin-bottom:5px;
}

.habitatges-button-right {
    width: 184px;
    margin: 30px 0 0 15px;
    background-color: white;
    float: left;
    color: #505558;
    border: 1px solid #538e30;
    font-size: 13px;
    font-weight: bold;
    padding: 22px 24px;
    text-align: center
}

#contact-form-ok, #contact-form-error {
    height: 210px;
    width: 192px;
    font-size: 30px;
    display: none;
    padding: 65px 20px;
}

#contact-form-ok img, #contact-form-error img {
    float: left;
    margin-right: -25px;
}

#contact-form-ok a, #contact-form-error a {
    background-color: #DDE7CF;
    border: 2px solid #DDE7CF;
    padding: 5px 27px;
    color: #5B5F62;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}


.scrollable { position:relative; overflow:hidden; width: 912px; height: 398px; }
.scrollable img { width:912px; height:398px; }
.scrollable .items { width:20000em; position:absolute; }	
.items div { float:left; }
.prev, .right { position: absolute; z-index: 200; display: block; float: left; width: 31px; height: 62px; margin:168px 0 0 0; cursor: pointer;
   							background-position: 0 0; background-image: url('../img/scroll-arrow.png'); font-size: 1px;
							}

.right { background-position: 0 62px; margin: 168px 881px; }

.prev:hover  { background-position: 62px 0; }
.right:hover { background-position: 62px 62px; }