/* -------------------------------------- */
/* Definici? d'estils de osonapisos.com   */
/* -------------------------------------- */

/* Definici? de TAGS HTML */

body{
margin:0px;
padding:0px;
font-family: tahoma,arial,verdana;
font-size:12px;
color:#000;
}


h4{
padding:3px;
width:95%;
font-family: tahoma.arial;
font-size:15px;
color:#000;
}

hr{
background:#ccc;
height:2px;
border:0px solid;
}

h2{
border:0px solid;
color:#000;
padding:0px 0px 1px 0px;
margin:0px 2px 10px 0px;
text-align:left;
font-family: tahoma,arial;
font-size:13px;
border-bottom:2px solid #606060;
}


.amagat{
   visibility:hidden;
   width: 0px;
   height: 0px;
}

#fons {
       position:relative;
       background:#fff;
       color: #000;
       width:100%;
}

#cap {
       position:relative;
       width:100%;
       background:url('../img/fonscap.gif');
       color: #fff;
       clear:both;
       min-height:100px;
       height:100px;
       text-align:right;
}

#logo {
       position:absolute;
       background:url('../img/logo.gif');
       top:0px;
       left:0px;
       width:340px;
       min-height:100px;
       height:100px;
}


#idioma {
       position:absolute;
       top:5px;
       right:0px;
       width:340px;
       min-height:20px;
       height:20px;
}


#idioma a{
    text-decoration:none;
    color:#000;
}

#idioma a:hover{
    text-decoration:underline;
    color:#000;
}

#bannercap {
       position:absolute;
       top:20px;
       right:10px;
       width:468px;
       min-height:60px;
       height:60px;
}

#login {
       position:absolute;
       top:0px;
       right:10px;
       width:350px;
       min-height:75px;
       height:75px;
}

#ajusta {
  padding:0px;
}

#columna_esq {
       position:absolute;
       left:0px;
       width:120px;
font-family: tahoma,arial,verdana;
       font-size:11px;
       color:#fff;
       top:0px;
       background:#222942;
}

#columna_esq a{
       text-decoration:none;
font-family: tahoma,arial,verdana;
       font-size:11px;
       color:#fff;
}

#columna_esq a:hover{
       text-decoration:none;
font-family: tahoma,arial,verdana;
       font-size:11px;
       font-weight:600;
       color:#fbbf01;
}

#columna_esq h3{
       text-decoration:none;
font-family: tahoma,arial,verdana;
       font-size:12px;
       color:#fff;
       padding:1px;
       margin: 0px 0px 5px 0px;
}

#columna_esq input{
font-family: tahoma,arial,verdana;
       font-size:10px;
       color:#222942;
       width:55px;
border:0px;
}


#columna_esq table{
  font-size:11px;
}


#bloc{
       color:#fff;
}

#bloc a:link{
       color:#fff;
}

#bloc a{
       color:#fff;
}



#seccio {
       position:absolute;
       left:124px;
       right:127px;
       color: #000;
font-family: tahoma,arial,verdana;
       font-size:12px;
       top:3px;
}

#seccio a{
       color: #000;
       text-decoration:none;
}

#columna {
       position:absolute;
       right:0px;
       width:125px;
       color:#000;
       background:#fff;
       text-align:center;
       top:3px;
}

#peu {
position:relative;
clear:both;
width:100%;
color:#000;
text-decoration:none;
}

#peu a{
color:#000;
text-decoration:none;
}


#cercador{
     postion:relative;
     width:279px;
     min-height:150px;
     height:150px;
     color:#222942;
     float:left;
     font-size:13px;
     border:0px solid;
}

#cercadorpromos{
     postion:relative;
     width:279px;
     color:#222942;
     float:left;
     font-size:13px;
     border:0px solid;
}

#cercador h4{
color:#000;
display:inline;
}

.cercadorinput{
		margin-top:-17px;
       margin: 0px;
       padding: 2px;
       color: #000;
       font-family: Arial;
       font-size:12px;
}

.cercadorinput2{
       margin: 0px;
       padding: 2px;
       background: #85bb1e;
       color: #000;
       font-size:9px;
       width:150px;
}



#noticies{
      position:relative;
      color:#000;
      text-align:left;
      float:left;
}

#noticies h4{
color:#000;
display:inline;
}

#anuncigran{
      position:relative;
      color:#000;
      text-align:center;
      width:100%;
      clear:both;
}

#anunci{
      position:relative;
      color:#000;
      text-align:left;
      float:left;
      width:214px;
      margin: 3px;
background:url('../img/anunci.gif') NO-REPEAT;
      height:215px;
      min-height:215px;
}


#contacte{
      background:#e3f0cc;
      padding:10px;
      margin: 5px;
      position:relative;
      color:#000;
      text-align:left;
      float:left;
}

#resultats{
      background:#e3f0cc;
      position:relative;
      color:#000;
      text-align:left;
}

#ampliacerca2 {
 margin: 0px 0px 0px 0px;
 border:1px solid #c0c0c0;
 background:#ffffff;
 color:#000;
 padding:5px;
}

#ampliacerca2 a{
 background: #85bb1e;
 color:#000;
 padding:5px;
 margin-top:3px;
 display:block;
 text-align:left;
 width:179px;
}



#noticies h4{
}

#pestanyes{
      padding:0px;
      color:#000;
      clear:both;
}


select {
       background: #fff;
       font-size:12px;
       font-weight: 500;
}

input {
       padding: 1px;
       background: #fff;
       color: #000;
       font-size:12px;
       font-weight:500;
}


textarea {
        width:500px;
        height:300px;
}


.separator{
   width: 6px;
   height: 19px;
}


.tdactiu{
   background: url('../img/4.gif');
   width: 127px;
   height: 20px;
   vertical-align: middle;
   text-align: center;
}


.tdno{
   background: url('../img/2.gif');
   width: 127px;
   height: 20px;
   vertical-align: middle;
   text-align: center;
}


.tdno2{
   background: url('../img/3.gif');
   width: 127px;
   height: 20px;
   vertical-align: middle;
   text-align: center;
}

.portada{
 margin: 0px 0px 0px 0px;
 border: 1px solid #c0c0c0;
 background:#f4f4f4;
}

.portada2{
 border:1px solid #c0c0c0;
}


.blanco{
font-family: tahoma,arial,verdana;
font-size:12px;
color:#fff;
}

.negro{
font-family: tahoma,arial,verdana;
font-size:12px;
color:#000;
vertical-align:middle;
}

.negro th{
font-family: tahoma,arial,verdana;
font-size:12px;
color:#000;
font-weight:500;
}

.peque{
font-size:11px;
}

/* quitalo cuando no sea necesario,pero es k kedan los links en blanco sobre blanco y nomentero XD */

#bloc a { color: #000; }

/* Otra m?a:D Esta es la clase para las capas del buscador de portada que empiezan escondidas*/

.amagacerca {
 width:170px;
 visibility: hidden;
 display: none;
 position:absolute;
 background:#fff;
 border: 1px solid #7f9db9;
 margin: 20px 0px 0px 0px;
 color:#222942;
 overflow:auto;
}

.capaajuda {
 position:relative;
 clear: both;
 float:left;
 visibility:hidden;
 display:none;
 background:#fff;
 border: 1px solid #000;
 padding: 10px;
 z-index:1;
 color: green;
 font-weight:600;
margin: 10px 0px 0px 0px;
}

.formerror{
 background:red;
 color: #fff;
}


.thespecial{
 height:20px;
background:#f4f4f4;
 color: #000;
}

#logoprint{
 visibility: hidden;
 display: none;
}
.alerta {
        font-size:11px;
        display:block;
        padding:0px;
        margin:0px;
        border:0px;
}

.textinput{
        left: 0px;
        font-family: Arial;
        font-size:12px;
        padding:0px;
        padding-left:5px;
        border:1px solid #7f9db9;
}

.textdinsinput {
        margin-top:-17px;
        left: 0px;
        font-family: Arial;
        font-size:12px;
        padding:0px;
        padding-left:5px;
        vertical-align: middle;
}

.textdinsboto {
        margin-top:-22px;
        left: 0px;
        font-family: Arial;
        font-size:12px;
        padding:0px;
        padding-left:0px;
        text-align: center;
}

.boto{
		padding:0px;
		cursor: pointer;
		vertical-align: bottom;
}

#textcl{
height:60px;
min-height:60px;
}

#caracteres{
float:right;
font-size:11px;
}

#anteriors{
 display:block;
 margin-right:5px;
 margin-left:5px;
 padding:5px 10px 5px 10px;
 background: #85bb1e;
 width:160px;
 border-bottom:2px solid #ccc;
 border-right:2px solid #ccc;
 font-size:11px;
}

#anteriors a{
color:#000;
}