* { margin: 0; padding: 0; }
html { height:100%; min-height:100%; }
body {
    /*background: #224475 url(../images/main_bg.jpg) center repeat-y;*/
    color: #000;
    font-family: Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
    font-size:11px;
    height:100%; min-height:100%;
}
img { border:0; }

ul {  margin-left:20px;}
a { color: #00425e; text-decoration:none; }
a:hover { color: #00425e; text-decoration:none; }
h1 { font-size: 16px; }
td { padding:2px 0; }

/* tota la pagina blanca */
#page-container {
    width: 897px;
    margin: auto;
    background: #ffffff;
}

#page-container-quadre{
    height:100%; min-height:100%;
    border:1px;
    border-style: solid;
    border-color: #e4ecd6;
    padding:10px;
    background: #ffffff;
}


/*----------------------------------------------------------------------------------------
	Menu principal
  ----------------------------------------------------------------------------------------*/
#navigation { 
    height: 16px;
    background-color:#00425e;
    margin-top:10px;
    margin-bottom:10px;
}
#navigation ul { 
    list-style:none;
    margin-left:10px;
}
#navigation li {
    float:left;
    margin-left:1px;
    padding-left:7px;
    padding-right:7px;
    height:16px;
    background-color:#fff;
}
#navigation a {
    float:left;
    color:#00425e;
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size:10px;
    font-weight:bold;
}
/* Hide from IE5-Mac \*/
#navigation a { float:none; }
/* End IE5-Mac hack */
#navigation a:hover { color:#699418; text-decoration:none; }
* html #navigation a:hover { color:#699418; text-decoration:none; }
#navigation #activo a {	color:#699418;}
/*----------------------------------------------------------------------------------------*/



/*imatges de la cabçalera */
body.inici #header {
    height: 105px;
    background: #fff url(../images/headers/header00.jpg);
}
body.brasil #header {
    height: 105px;
    background: #fff url(../images/headers/header_brasil.jpg);
}
/*body.llogar #header {
	height: 105px;
	background: #fff url(../images/headers/header00.jpg);
}
body.vendre #header {
	height: 105px;
	background: #fff url(../images/headers/header00.jpg);
}
body.destacats #header {
	height: 105px;
	background: #fff url(../images/headers/header00.jpg);
}
body.contacte #header {
	height: 105px;
	background: #fff url(../images/headers/header00.jpg);
}*/

/* banderes */
#banderes {
    float: right;
    margin-top: 30px;
}


/* Logo empresa */
h1 {
    padding-bottom: 10px;
}

/* contingut 
#content-home */ 
h2 { 
    font-family: Helvetica, Verdana, Arial, Sans-serif;
    font-size:12px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:3px;
    border-bottom: 1px solid #e4ecd6;
    color:#699418;
}


#content-home p { 	
    margin: 0;
    padding: 10px;
    padding-bottom: 15px;
    text-align: justify;
}


#content-left {
    float: left;
    width: 225px;
}

#content-center {
    margin-left:auto; margin-right:auto;
    float: left;
    width: 435px;
    margin-left:17px;
}
#content-center p { 	
    padding-bottom: 15px;
    text-align: justify;
}
#content-right {
    margin-left:auto; margin-right:auto;
    float: left;
    width: 180px;
    margin-left:15px;
}


#content {
    margin-left:auto; margin-right:auto;
    float: left;
    width: 677px;
}

/* contingut - en extinció */
#content .padding {
    padding: 10px;
}

#content h2 {
    margin: 0;
    padding-bottom: 5px;
    font-size: 1.5em;
    border-bottom: 1px solid #e4ecd6;
    color:#699418;
}

#content h3 {
    margin: 0;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 1.1em;
}

#content p {
    margin: 0;
    padding: 10px;
    padding-bottom: 15px;
    text-align: justify;
    font-size: 0.9em;
}

/* llistes de numeros */
#content ol {	
    margin: 0 0 9px 20px;
    padding: 0;
    font-size: 1.1em;
}	

#content li {
    margin-bottom: 4px;
    text-align: justify;
}


/* borde de les imatges*/
.bordeimg1 {
    padding: 10px;
    border: 10px;
}
.bordeimg2 {
    border:1px solid #699418;
}

/* info */
.info {
    float:right;
}


/* Peu de pàgina*/
#clear{
    clear: both;
}
#footer {
    clear: left;
    position:relative;
    bottom: 0 !important;
    bottom: -1px;
    font-family: Tahoma, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    text-align: center;
    color: #00425e;
    height: 20px;
    padding: 10px 5px;
}

#footer a {
    color: #00425e;
    text-decoration: none;
    text-align: center;
}

#footer a:hover {
    color: #00425e;
}

/* ------------------------------------------------ ELEMENTS --------------------------------------------- */
.titol-caixa {
    width:100% ;
    padding-left:10px;
    padding-top:2px;
    padding-bottom:2px;
    background-color:#699418;
    margin-bottom:10px;

    font-family: Helvetica, Verdana, Arial, Sans-serif;
    font-size:12px;
    font-weight:bold;
    color: #fff;
}

.titol-caixa-blau {
    width:100% ;
    padding-left:10px;
    padding-top:2px;
    padding-bottom:2px;
    background-color:#00425e;
    margin-bottom:10px;

    font-family: Helvetica, Verdana, Arial, Sans-serif;
    font-size:12px;
    font-weight:bold;
    color: #fff;
}



.titol-caixa-inv {
    border: 1px solid #699418;
    font-family: Helvetica, Verdana, Arial, Sans-serif;
    font-size:12px;
    font-weight:bold;
    margin-bottom:15px;
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
}

.titol-caixa-inv .poblacio {
    float:left;
    color:#699418;
}

.titol-caixa-inv .preu{
    text-align:right;
    color:#00425e;
}




.caixa {
    width:100%;
    margin-bottom:10px;
}

.caixa-gris {
    width:100%;
    background-color:#e1ead1;
    margin-bottom:10px;
}

.caixa-gris p{
    margin-bottom:10px;
}


/* Serveis */
.caixa li {
    margin-bottom:3px;
    color:#699418;
}
.caixa li p{
    color:#000;
}

.desplegable {
    display: none;
}

.desplegable p {
    text-align:justify;
    margin-top:5px;
    margin-bottom:15px;
    color:#000;
}

.titol_desplegable_on { 
    font-family: Helvetica, Verdana, Arial, Sans-serif;
    font-size:12px;
    font-weight:bold;
    margin-bottom:3px;
    color:#00425e;
    border-bottom: 1px solid #e4ecd6;
    cursor: pointer;
}
.titol_desplegable_off { 
    font-family: Helvetica, Verdana, Arial, Sans-serif;
    font-size:12px;
    font-weight:bold;
    margin-bottom:3px;
    color:#00425e;
    border-bottom: 1px solid #e4ecd6;
    cursor: pointer;
}

.negreta_blau{
    font-family: Helvetica, Verdana, Arial, Sans-serif;
    font-size:12px;
    font-weight:bold;
    margin-bottom:3px;
    color:#00425e;
}

.fotos{
    margin:5px;
}


.textficha {
    border: 1px solid #699418;
    margin-top:5px;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 11px;
}
/*Pantalla Contacte*/
.textbox {
    border: 1px solid #699418;
    margin-top:5px;
    width: 180px;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 12px;
}
.textarea {
    border: 1px solid #699418;
    margin-top:5px;
    width: 380px;
    height: 100px;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 12px;
}
.textarea-big {
    border: 1px solid #699418;
    margin-top:5px;
    width: 380px;
    height: 100px;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 12px;
}
.dropdown 
{
    border: 1px solid #699418;
    margin-top:5px;
    width: 150px;
    font-family: Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
}
.filebox {
    border: 1px solid #699418;
    margin-top:5px;
    width: 220px;
    font-family: Arial, Helvetica, Verdana, Sans-serif;
    font-size: 12px;
}

.scaleradiolist td 
{
    padding: 4px;
    border: 1px solid #699418;
    margin-top:5px;
    background: #FFFEEC;
}

.smalltext {
    font-size: 11px;
}
.note {
    padding: 10px;
    border: 1px solid #699418;
    margin-top:5px;
    background: #FFFEEC;
    margin-left: 10px;
}
.validation {
    padding: 10px;
    border: 1px solid #699418;
    margin-top:5px;
    background: #FFF8F8;
    margin-bottom: 15px;
}


/* Llistat */
.listado_main { 
    width:600px;
    margin:auto auto;
    padding-left:0px;
}
.listado_main ul {
    list-style: none;
    margin:0px;
}
.listado_main li {
    margin:0px;
    line-height:18px;
    margin-bottom:10px;
}
.listado_main li a { display:block; padding:15px 25px; color:#333; border:1px solid #699418; }
.listado_main li a:hover { text-decoration:none; background:#e1ead1; border:1px solid #00425e; }
.referencia { font-size:10px; color:#666666; margin:-15px -20px 0 0; padding:0; float:right; }
.floatL { float:left; }
.floatR { float:right; }
* html .marginT1 { margin-top:15px; }
.marginT2 { margin-top:10px; }
* html .marginT2 { margin-top:55px; }
.marginRT1 { margin-right:10px; margin-top:4px; }
.marginTB1 { margin-bottom:15px; margin-top:10px; }
.marginB1 { margin-bottom:15px; }
.marginL1 { margin-left:80px; }
* html .marginL1 { margin-left:35px; }
.font_size1 { font-size:10px; }
.font_size2 { font-size:11px; }
.font_size3 { font-size:14px; }
.font_size4 { font-size:24px; }

/* Promoció del mes */
#promomes {
    font-family: Verdana, Arial, Sans-serif;
    font-size:12px;
    font-weight:bold;
    width:247px;
    height:140px;
    margin-left:185px;
}

#promomes #promomesnom{
    text-decoration: underline;
    color:#00425e;
    margin-bottom:5px;
}

#promomes .promomespoblacio {
    font-family: Verdana, Arial, Sans-serif;
    font-size:11px;
    border: 1px solid #b4c98b;
    padding-left:5px;
    padding-right:5px;
    padding-top:-10px;
    padding-bottom:-10px;
    color:#699418;
    margin-bottom:5px;
}

#promomes #titular {
    font-family: Helvetica, Verdana, Arial, Sans-serif;
    font-size:11px;
    color:#699418;
    margin-top:5px;
    margin-bottom:5px;
}

#promomes ul{
    margin-bottom:10px;
}
#promomes ul li{
    font-family: Verdana, Arial, Sans-serif;
    font-size:11px;
    color:#000;
    font-weight:normal;
    line-height:12px;
}

#promomes .promomespreu {
    font-family: Verdana, Arial, Sans-serif;
    font-size:11px;
    text-align:right;
    color: #ff0000;
    float:right;
}

/* Llistat de promocions */
.promollistat ul {
    list-style: none;
    margin-left:0px;
}
.promollistat ul li {  
    display:block;
    width:319px;
    height:215px;
    line-height:14px;
    float:left;
    margin-right:13px;
}


.promotitol {
    font-family: Helvetica, Verdana, Arial, Sans-serif;
    font-size:12px;
    font-weight:bold;
    border-bottom:1px solid #b4c98b;
    margin-bottom:10px;
    padding-bottom:2px;
}
.promonom{
    float:left;
    color:#00425e;
}
.promopoblacio {
    border: 1px solid #b4c98b;
    float:right;
    padding-left:5px;
    padding-right:5px;
    padding-top:-10px;
    padding-bottom:-10px;
    color:#699418;
}
div.clear {
    clear: both;
}

/**/

.promoimg {
    border:1px solid #699418;
    float:left;    
}  

/* descripció */
.promollistat ul li ul li{
    float:right;
    width:187px;
    height:auto;
    padding-left:10px;
    margin:0px;
    line-height:14px;
    text-align: left;
}

.promopreu {
    text-align:right;
    float:left;
    background:#e1ead1;
    width:100%;
    margin-top:5px;
    margin-bottom:25px;
    padding:3px;
    color:#699418;
}

/* Paginador */
.paginador { 
    /*float:center;*/
    padding:10px;
    color:#00425e;
    clear:both;
    margin:0 auto;
    width:780px;
    font-size:11px;
    text-align:center;
}
/*.paginador span { float:left; }*/
.paginador img { margin:0 2px 0 2px; vertical-align:middle; }


/*Fitxa*/
.paddB1 { padding-bottom:8px; }
.precio2 { color:#333; font-weight:bold; font-size:16px; }
.separador { border-bottom:2px solid #DDD; }
.referencia_fitxa { 
    margin:0px 0px 0 0; padding:0; float:right;
    font-family: Helvetica, Verdana, Arial, Sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#699418;
}


/*Columna fotos*/
.content_L { 
    float:left;
    width:190px;
}
.content_L img { margin: 0 5px 5px 0; }

.content_R { float:left; width:420px; }

fieldset { border:0; margin:0; padding:0; }
fieldset legend {
    font-size:14px;
    padding:0;
    margin:0 0 10px 0;
    color:#910045;
}
fieldset label { width:110px; display:block; float:left; text-align:right; padding:4px; padding-top:6px; }
fieldset span { display:block; float:left; padding:5px; width:300px; }