/*************************************/
a {
    text-decoration: none;
}

.center {
    text-align: center;
}

div.logo{
    float:left;
}

div.slogan{
    float:left;
    font-size:24px;
    padding-left:18px;
    padding-top:2px;
}



em {
    font-style: italic;
}

.nodec{
	border:0px; margin:0px; padding:0px; decoration:none;
}

.pad0 {
    padding: 0px;
}

.pad10 {
    padding: 10px;
}

.pad20 {
    padding: 20px;
}

.pad50 {
    padding: 50px;
}

.pad100 {
    padding: 100px;
}

.padh20 {
    padding-left: 20px;
    padding-right: 20px;
}

.centre {
    text-align: center;
}

.esquerra {
    text-align: left;
}

.dreta {
    text-align: right;
}

.icon10 {
    vertical-align: middle;
    margin-right: 5px;
}

.iconhelp{
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 2px;
}

.icon30 {
    vertical-align: middle;
    margin-right: 5px;
}

.ocult {
    display: none;
}

.amagat {
    visibility: hidden
}

.minitext {
    color: #A8A860;
    font-size: 10px;
}

.minitext2 {
    color: #A8A860;
    font-size: 14px;
}

.minitext a {
    color: #F0D878;
    font-weight: bold;
}

.miniinput {
    width: 80px;
    height: 15px;
    margin-left: 10px;
    height: 14px;
}

.fonsblau {
    background-color: #445959;
}

.fonsverd {
    background-color: #A8A860;
}

.bold {
    font-weight: bold;
}

strong {
    font-weight: bold;
}

#showmap {
    float:right;
    display:block;
    margin-left:10px;
    margin-right:20px;
    margin-top:-10px;
}



/*************************************/
body
{
    background-color:  #161616;
    color: #161616;
    font-family: Verdana,sans-serif;
}

h1.titol {
    /*background:transparent url(../imatges/dalt.png) no-repeat scroll 0 0;*/
    text-indent:-9000px;
    height:100px;
}

.all
{
    text-align: center;
    padding-top:10px;
}

.wrap
{
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    padding: 10px;
    position:relative;
}

.header
{
    color: #F0D878 ;
    font-size: 2em;
    font-family: fantasy;
    height:100px;
}

/* CAPA MOLLES */
div#submenu {
    position: relative;
    height: auto !important;
    min-height: 43px;
    height: 43px;
    background-color: #54543B;
    padding-top: 5px;
}

#molles {
    width: 780px;
    position: absolute;
    left:0px;
    text-align: left;
    padding: 10px;
    padding-left:20px;
    color: #A8A860;
    font-size: 0.8em;
}

#molles a, #molles span {
    font-weight:bold;
    color: #A8A860;
    text-decoration: none;
}

#molles a:hover {
    color: #F0D878;
}

/** MINILOGIN **/
#loginText {
    position:absolute;
    top: 85px;
    left: 141px;
    text-align:left;
    z-index: 1;
}

#login_box {
    background-color: #54543B;
    width: 240px;
    position: absolute;
    display:none;
    top: 15px;
    left: 141px;
    z-index: 1;
    margin: 0px;
}

#login_box form {
    padding-top:11px;
    padding-bottom:10px;
}

#login_box label, #login_box .forgot {
    margin-left: 10px;
    margin-right: 47px;
}

/* #login_box br {
    margin-bottom: 10px;
} */

#login_box input{
    font-size: 10px;
    border: 1px solid #161616;
    background-color: #FFEEAA;
}

#login_box input:hover {
    background-color: #fff5cc;
}

#login_box input.image {
    position: absolute;
    right: 20px;
    border: 0;
    background-color: transparent;
}

#login_box fieldset {
    position: relative;
}


.close_login {
    float: right;
    z-index: 2;
}

.close_login div {
    position: absolute;
    color: black;
    font-weight: bold;
    top: 0px;
    right: 5px;
    margin-top: 0px;
    margin-right: 0px;
}

.close_login a {
    color: #161616;
}

/* cercador */
#cercador {
    float:right;
    width: 220px;
}

form.cercagran {
    text-align: center;
    margin:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-top:5px;
    background-image:url('/imatges/mapa.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 300px;
    height: 250px;
    margin-left: auto;
    margin-right: auto;
}

form.cercagran input.lupa {
    border: 2px solid #161616;
    width: 300px;
    color: #161616;
    background-color: #FFEEAA;
    height: 19px;
}

form.cercagran input.lupa:hover, form.cercagran input.lupa:focus {
    background-color: #fff5cc;
}

.cercagran fieldset {
        margin-top: 90px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}

.botolupa {
    border: 2px solid #161616;
    background-color: #ccc;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
}

.botolupa:hover {
    background-color: #A8A860;
}

form#search {
    margin:5px;
    padding-bottom:5px;
    padding-left:5px;
    padding-top:5px;
}

form#search input.lupa {
    background-color: #FFEEAA;
    border: 1px solid #161616;
    width: 170px;
    color: #ccc;
    height: 19px;
}

form#search input.lupa:hover {
    background-color: #fff5cc;
}

form#search input.lupa:focus {
    background-color: #fff5cc;
    border: 1px solid #161616;
    color: #161616;
}

fieldset {
    position: relative;
    text-align: left;
}

div.lupa {
    position: absolute;
    right: 12px;
    top: 0px;
    border: 1px solid #161616;
    background-color: #eee;
}

#mapa_home {
    width:400px;
    height:250px;
    border:4px solid black;
    margin-left:282px;
    float:left;
    margin-top: 10px;
    margin-bottom:10px;
}

#mapa_metadata {
    height: 250px;
    float:left;
    margin-top:14px;
}

.boto_mapa {
    margin-left:-4px;
    margin-top: -4px;
    background:#A8A860;
    width:25px;
    height:25px;
    padding:2px;
    border:4px solid black;
    cursor:pointer;
}

.boto_mapa_gris {
    background: #ccc;
}

#boto_mapa_close {
    font-weight: bold;
    line-height: 25px;
}

/**
* contenidor
*/
.contenidor {
    background-color: #54543B;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.contenidor a {
    color: #F0D878;
}

.contenidor .box {
    width: 150px;
    margin-bottom: 10px;
    padding: 5px;
    background-color: #A8A860;
    font-weight: bold;
}

.contenidor .left {
    float: left;
    margin-left:20px;
}

.contenidor .right {
    float: right;
    margin-right: 20px;
}

.contenidor .leftimg {
    float: left;
    margin-right:20px;
}


.contenidor .desc {
    width: 600px;
    background-color: #161616;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.contenidor .deschelp {
    width: 800px !important;
}

.contenidor .desc .titol {
    color: #F0F0F0;
    font-variant: upper-case;
    font-weight: bold;
    font-size: 20px;
    padding: 8px;
    border-bottom: 4px solid #161616;
}

.contenidor .poble {
    width: 900px;
}


#docitem {
    background-color: #FFEEAA;
    margin:0px;
    padding: 5px 15px;
    position:relative;
    text-align: justify;
}

#helpbody {
    background-color: #A8A860;
    margin:0px;
    padding: 10px 40px 5px 25px;
    position:relative;
    text-align: justify;
}


.contenidor #dadesgenerals {
    background-color: #FFEEAA;
    padding: 5px;
    position:relative;
    min-height: 164px;
    height: auto !important;
    height: 164px;
    text-align: justify;
}

#dadesgenerals div {
    padding: 10px;
}

#dadesgenerals a {
    color: #54543B;
    font-weight: bold;
}

#gmap {
    display:none;
    overflow:hidden;
    width: 600px;
    height:400px;
    padding:0px;
    border:1px solid green;
}

#gmap div {
    padding: 0px;
}

a.dinsgmaps {

    font-family:"Courier New, serif";
    text-decoration:underlined;color:Green;
}

img.dinsgmaps {
    width: 80px;
}

#descripcio {
    margin: 5px;
    padding-top: 0px !important;
    font-size: 14px;
}

#valoracions {
    background-color: #A8A860;
    padding: 5px;
}

.last_updated {
    text-align: right;
    font-size: 0.8em;
    font-style: italic;
}

.menut {
    font-size: 0.9em;
}

.infobox {
    position: relative;
    height: auto !important;
    height: 22px;
    min-height: 22px;
    padding-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.infobox .subtitol{
    text-align: left;
    font-size: 12px;
    padding-bottom: 5px;
    font-style: italic;
}

.infobox .day_open {
    font-size: 0.5em;
    color: #FFEEAA;
}

.infobox .day_closed {
    font-size: 0.5em;
    font-weight: normal;
    color: #54543B;
}

#wijwijModify .day_open, #wijwijAdd .day_open  {
    font-weight: bold;
    color: #FFEEAA;
    cursor: pointer;
}

#wijwijModify .day_closed, #wijwijAdd .day_closed  {
    cursor: pointer;
    color: #F0D878;
}

img.star {
    float:left;
    display:block;
    margin-top: -4px;
}

#valoracions .vots {
    font-size: 10px;
    font-weight:normal;
}

.contenidor .dadescontacte {
    min-height: 165px;
    margin: 7px;
    font-size: 14px;
    padding-top: 20px;
    padding-left: 240px;
    padding-bottom: 0px;
}

div.foto_principal {
    float: left;
    margin: 5px;
    margin-bottom: -5px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

img.foto_principal {
    width: 200px;
    height: 150px;
    border: 2px solid #161616;
}

.poble div.foto_principal {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.poble img.foto_principal {
    width: 800px;
    height: 150px;
    border: 5px solid #161616;
}

.foto_principal a {
    text-decoration: none;
    color:#161616;
}

#dadesgenerals div.minicamera {
    background-image: url("/imatges/camera16.png");
    background-repeat: no-repeat;
    height: 20px;
    width: 120px;
    margin: 0 auto 0 auto;
    padding: 0px;
    padding-left: 20px;
}

.pictureHolder .details {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #161616;
}

.comment {
    width: 590px;
    background-color: #A8A860;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    position: relative;
}

.comment textarea {
    display:block;
    height:100px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    width:550px;
    background-color: #FFEEAA;
    border: 1px solid #161616;
    padding: 5px;
}

.comment_author {
    text-align: left;
    font-size: 0.8em;
    margin-bottom: 5px;
    float:left;
}

.comment_text {
    text-align: justify;
    font-size: 0.9em;
}

.comment_date {
    font-size: 0.8em;
    text-align: right;
    font-style: italic;
    margin-top: 5px;
    color: #161616;
    float:right;
}

.comment_icons {
    position: absolute;
    top: 0px;
    right: 5px;
}
/*
* Llista categories
*/

h2.cat_title {
    background-color:#A8A860;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    padding: 10px;
    border-bottom: 1px solid #54543B;
}

h2.scat_title {
    background-color:#A8A860;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    padding: 10px;
    font-size:0.9em;
    border-bottom: 1px solid #54543B;
}

ul.categoria, ul.pobles {
    background-color:#FFEEAA;
    margin: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px;
    padding-bottom: 0px;
}

ul.categoria {
    margin-bottom: 0px;
    padding-bottom: 30px;
}

ul.pobles div.pobles, ul.pobles div.subcats {
    margin: 0px;
    padding: 20px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 0.8em;
    border-bottom: 1px solid #A8A860;
    border-top: 1px solid #A8A860;
    color: #A8A860;
}

ul.pobles div.subcats_collapsed {
    margin-top: -21px;
    border-collapse: collapse;
}

ul.pobles li {
    display: inline;
    clear: both;
}

ul.pobles a {
    color: #445959;
}

ul.pobles a:hover {
    text-decoration: underline;

}


ul.pobles lh {
    float:left;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 2px;
    margin-bottom: 10px;
    font-size: 0.9em;
    color: #54543B;
    font-weight: bold;
}

ul.categoria li {
    border: 1px solid #A8A860;
    margin: 5px 15px 15px 15px;
    padding: 5px;
    text-align: left;
    font-size: 0.9em;
}

div.cat_foto {
    float: left;
    text-align: center;
    font-size: 0.8em;
    color: #161616;
    font-weight: bold;
}

img.cat_foto {
    width: 100px;
    height: 75px;
    border: 1px solid #A8A860;
    /* margin-left: 4px; */
    margin-bottom: 4px;
    vertical-align:middle;
}

ul.categoria h3 {
    font-weight: bold;
}

ul.categoria h3 a {
    color: #161616;
    text-decoration: underline;
}


ul.categoria h3 a:hover {
    color: #54543B;
}

ul.categoria .item {
    margin-left: 120px;
    text-align: justify;
}

ul.categoria .resum {
    font-size: 0.9em;
}

/**
* FOOTER
*/

.footer {
    background-color: #445959;
    color: #A8A860;
    margin-top: 10px;
    padding-bottom: 5px;
    padding-top: 10px;
    font-weight: bold;
    font-size: smaller;
    position: relative;
}

.footer a {
    text-decoration: none;
    color: #A8A860;
    font-weight: normal;
}


.llistafooter {
    margin-bottom: 0px;
    margin-top: 0px;
    padding:0px;
    /*height: 10px;*/
}

.llistafooter li {
    margin-right: 20px;
    display: inline;
}

.bottom {
    position: relative;
}

.bottom div {
    position: absolute;
    bottom: 0px;
}

/*standard size 468x60*/
#sponsor {
    background:transparent url(../imatges/minicartell.png) no-repeat scroll 0 0;
    height:114px;
    top:-4px;
    right:0px;
    position:absolute;
    width:500px;
}

#cartell {
    position: relative;
    height: 60px;
    width: 468px;
    margin-left: 7px;
    margin-top: 32px;
    background: #FFEEAA}

/*********************/
/** formulari       **/
/*********************/
.formgran {
    margin: 20px;
    padding: 20px;
    margin-left: 50px;
    margin-right: 20px;
    font-size: 0.8em;
}

.partdreta {
    margin-left: 20px;
    margin-right: 50px;
    text-align:justify;
    font-size:0.7em;
}

.formgranuno {
    margin-left: 50px;
    margin-right: 50px;
}

.formgran fieldset {  
    margin: 1.5em 0 0 0;
    padding: 0;
    border: 1px solid black;
    -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.error {
    color: maroon;
}

.formgran span.error {
    color:maroon;
    font-size:0.8em;
    font-weight:bold;
    padding-top:10px;
    text-align:center;
}

.formgran input, .formgran select, .lang {
    color: #161616;
    font-size: 0.9em;
}

.formgran input, .lang {
    border:1px solid #161616;
    background-color: #fff5cc;
    -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.formgran input.submit {
    padding: 5px;
    width: 150px;
    background-color: #F0D878;
    cursor: pointer;
    font-weight: bold;
}

.formgran input.submit:hover {
    background-color: #FFEEAA;
}

input.radio {
    vertical-align: middle;
}

span.radio {
    margin-left: -10px;
    margin-right: 10px;
}

fieldset.multiup{
    -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding:5px;
border:1px solid #161616;
margin-bottom:10px;
}

fieldset.multiup legend{
    color: #161616;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1em;
}


.lang{
    display:none;
    background-position: center left;
    padding-left: 35px;
    height: 16px;
    vertical-align: middle;
}

.lang option {
    vertical-align: middle;
    line-height: 40px;
    background-color: #FFEEAA;
}

.formgran input.error {
    color: maroon;
}

.formgran input.ok {
    color: olive;
}

.formgran input.text {
    padding: 3px;
    width: 220px;
    clear:both;
    margin-bottom: 10px;
    background-color: #FFEEAA;
}

.formgran input.text:hover, .formgran input.text:focus {
    background-color: #fff5cc;
}

.formgran input.noedit{
    padding: 3px;
    width: 220px;
    clear:both;
    margin-bottom: 10px;
    background-color: #EEEEEE;
}

textarea.text{
    background-color: #FFEEAA;
    padding: 3px;
    width: 220px;
    height: 150px;
    border:1px solid black;
}

.formgran legend {  
    margin-left: 1em;
    color: #FFEEAA;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 2em;
}
.formgran fieldset ol {  
    padding: 1em 1em 0 1em;
    margin-left:10px;
    list-style: none;
}
.formgran fieldset li {  
    padding-bottom: 0.2em;
    position: relative;
}
.formgran fieldset.submit {  
    border-style: none;
    text-align: right;
}

.formgran label {  
    float: left;
    width: 150px;
    margin-right: 1em;
    text-align: right;
    padding-top:3px;
    padding-bottom:3px;
    font-weight: bold;
}

.labelgran label {
    width: 20em;
}

.formgran br.clear {
    margin-bottom: 15px;
}

/*label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }*/

label.error {float: none; color: red;
		display:none;
		background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/unchecked.gif') no-repeat;
		padding-left: 16px;
		margin-left: .6em;
	}

label.required:after{content:' *:';}
label.required .after{after:' *:';}
label:after{content: ':';}
label .after{after: ':';}
label.empty:after {content: '';}
label.empty .after {after: '';}

.remember {
    color: #445959;
    font-weight: bold;
    font-size: 0.8em;
}

.captcha {
    margin-left: 270px;
}

.captcha img {
    border: 5px solid #54543B;
}

/**********************/
/** banned **/
/*********************/

.banned {
    color: #F0D878;
    font-weight: bold;
}

.banned p {
    margin-bottom: 10px;
}

.banned .error {
    color: red;
    font-size: 1.4em;
}

/**********************/
/** wijmodal ***/
/***************/

.wijmodal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#161616;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	z-index:101;
}
.wijmodal-window
{
	position:fixed;
	top:50%;
	left:50%;
	margin:0;
	padding:0;
	z-index:102;
    background-color:#fff;
}
.wijmodal-close
{
	position:absolute;
	width:61px;
	height:20px;
	right:8px;
	top:8px;
	background:transparent url('/images/prettyPhoto/btnClose.gif') no-repeat scroll right top;
	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;
	opacity:.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.wijmodal-close:hover
{
	opacity:.99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
}

.wijmodal-content {
    background-color: green;
    position: relative;
}

div.addphoto, div.modifyphoto{
margin:5px;
padding:5px;
border: 1px solid black;
background-color:#445959;
}


div.visible{
    background-color: #445959;
}

div.deleted{
    background-color: #E66F40;
}

div.novisible{
    background-color: #A8A860;
}

h2{
    font-weight: bold;
    color: #F0D878;
    font-size: 1.5em;
}

h3{
    font-weight: bold;
    /*color: #A8A860;*/
    color: #445959;
    font-size: 1.2em;
}

.flotant{
    float: left;
}

/********************/
/*** langselector ***/
/********************/
form.change_lang {
    position: relative;
}

.selwrapper {
    position: absolute;
    right: 20px;
    width: 180px;
}


.iconselect { 
    width:179px;
    height: 17px;
    padding: 10px;
    background: url('../imatges/selectBg.png') no-repeat;
    text-align: left;
    color: #445959;
    margin-bottom: 4px;
}
.selectwrapper {
    text-align: center;
    margin-top: -9px;
    margin-left: 0px;
    background: url('../imatges/selectDropdownBg.png') top left repeat-y;
    padding-right: 2px;
    display:none;
    position:absolute;
    width: 174px;
    color: #54543B;
}

.selectwrapper .selectitems {
    padding:3px;
    z-index: 10000;
    margin-left: 2px;
    border-bottom: solid 1px #ddd;
}

.selectwrapper .last { 
    border: none;
}

.selectwrapper .selectitems span { 
    padding-left: 5px;
}

.selectwrapper .hoverclass {
    background-color:#FFEEAA;
    cursor:pointer;
}

.selectwrapper .selectedclass { 
    background-color:#FFFF66;
}

.selectfooter { 
    background: url('../imatges/selectDropdownBaseBg.png') bottom left repeat-y;
    height: 5px;
    margin-bottom: -5px;
}

#selector {
margin-right: 22px;
margin-top: 2px;
text-align: right;
}
.optionswrapper {
    height: 70px;
    width: 172px
}

ul.llista_punts {
    list-style-type:disc;
    margin:5px;
    padding:5px;
}

ul.llista_punts li{
    margin:15px;
}

a.emptysearch, div.translations a.selected{
    font-weight:bold;
    color:#445959;
}

div.translations a.unselected{
    font-weight:normal;
    color:#445959;
}

div.translations a.empty{
    color:maroon;
}

.meitat{
    width:38%;
    margin-left:50px;
    margin-right:10px;
    margin-top:10px;
    padding: 20px;
    font-size: 0.8em;
    float:left;
    }


.poblebox {
    display:block;
    margin: 0px 20px;
    padding: 5px;
    font-size: 0.8em;
    background-color:#FFEEAA;
}

a.aoscur{
    color: #000;
    /*font-weight:bold;*/
}

a.aoscur:hover{
    /*color: #445959;*/
    text-decoration: underline;
}

.poblediv {
    width:92%;
    margin:auto;
    margin-top: 3px;
    font-weight: normal;
}

.poblediv a{
    font-weight: normal !important;
}

.poblediv a:hover{
    text-decoration: underline;
}



/* PAGINATOR ++++++++++++++++++++++ */
ol.paginator_nav{
    border:0px;
    decoration:none;
    margin-top:6px;
    clear:both;
}

ol.paginator_nav li.paginator_nav{
    display:inline;
    decoration:none;
    margin:3px;
    padding:0px;
}

li.paginator_nav a{
    color: #54543B;
    padding:2px 4px;
}

li.paginator_nav a:hover{
    color: #F0D878;
    background-color:#445959;
}

li.paginator_nav a.paginator_current{
    color: #F0D878;
    background-color:#445959;
}