/* 
    Document   : default
    Created on : 15/06/2010, 18:03:05
    Author     : dani
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    font-family:verdana, arial, helvetica;
    font-size:12px;
    background-color:#7da061;
    
}

#idiomes {
    margin-top:10px;
    font-size:0.8em;   
}

#idiomes a {
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
    font-size:0.8em;
    background-color:#000000;
    background-color:#7da061;
    border:5px solid #354925;
    border:1px solid #ffffff;
    padding:5px;
}

#idiomes a:hover {
    text-decoration:underline;
}

#opcions {
    margin-top:2.5em;
}

#opcions a {
    color:#ffffff;
    font-weight:bold;
    padding:10px;
    background-color:#000000;
    background-color:#7da061;
    border:5px solid #354925;
    border:1px solid #ffffff;
    text-decoration:none;
}

#container-principal {
    /*width:1000px; */
    width:100%;
    min-width:750px;
    min-height:600px;
    max-width:1000px;
    margin:auto;
    background-image:url('../img/fons1.jpg');
    background-repeat:no-repeat;
    background-position:center top;
}

#header {
    padding:1em;
    padding-top:0.5em;
    
}

#header h1 {
    color:#000000;
}

#idiomes .actual, #opcions .actual {
    color:#4e75c2;
    color:#354925;
}

.panellInformatiu {
    background-color:#000000; 
    width:25em;
    margin:1em;
    float:right;
    color:#ffffff;
    font-weight:bold;
    text-align:justify;
    padding:1em;
    font-size:1.2em;
    line-height:1.5em;
}

.panellInformatiu.tarifes {
    width:25em;
}

.panellInformatiu.preusTemporada {
    width:25em;
}

.panellInformatiu.preusAnuals {
    width:25em;
}

.panellInformatiu a {
    color:#ffffff;
    font-weight:bold;
}

.panellBungalows {
    background-color:#000000;
    color:#ffffff;
    font-weight:bold;
    width:90%;
    margin:auto;
    padding:5px;
}

.panellBungalows h2 {
    text-align:center;
}

#container-principal.patxet {
 background-image:url('../img/fons2.jpg');
}

#container-principal.patxet h1 {
    color:#ffffff;
}

#header .logo h1 {
    margin-top:50px;
    color:#ffffff;   
}

#header table, #header table a {
    color:#ffffff;
    font-weight:bold;
}


#map, #map a  {
    color:#000000;
    text-align:left;
}


.reserves .txt {
    width:20em;
}

.reserves textarea {
    height:5em;
}

#serveis img {
    border:0;
    width:50px;
   /*border:5px solid #354925;*/
}

#container-principal.serveis.piscina {
 background-image:url('../img/fons_piscina.jpg');
}

#container-principal.serveis.taula {
 background-image:url('../img/fons_taula.jpg');
}

#container-principal.serveis.caminar {
 background-image:url('../img/fons_caminar.jpg');
}

#container-principal.serveis.acces {
 background-image:url('../img/fons_acces.jpg');
}

#container-principal.serveis.parquing {
 background-image:url('../img/fons_parquing.jpg');
}

#container-principal.serveis.menjador {
 background-image:url('../img/fons_menjar.jpg');
}
#container-principal.serveis.picnic {
 background-image:url('../img/fons_picnic.jpg');
}
#container-principal.serveis.dutxa {
 background-image:url('../img/fons_dutxa.jpg');
}
#container-principal.serveis.refresc {
 background-image:url('../img/fons_refresc.jpg');
}

/*#grupsImatges {
    width:90%;
    margin:auto;
    background-color:#000000;
    margin-bottom:5px;
    padding:5px;
}*/

#grupsTarifes, #grupsImatges, #panellImatges, #preusAnuals, #preusBungalows {
    width:96%;
    margin-bottom:5px;
    margin-left:1em;
    padding:5px;
}

#grupsTarifes, #grupsImatges, #panellImatges, #preusAnuals, #preusBungalows {
    margin-top:1.5em;
    background-color:#7da061;
    border:5px solid #354925;
    border:1px solid #ffffff;
}

#preusAnuals, #preusBungalows {
    color:#ffffff;
    font-weight:bold;
}

#panellImatges {
    margin-top:0em;
}

#grupsTarifes a, #grupsImatges a {
    /*border:5px solid #354925;*/
    border-right:5px solid #354925;
    padding-right:5px;
}

#grupsImatges a, #grupsTarifes a, #preusAnuals a {
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
}

#grupsImatges a:hover, #grupsTarifes a:hover {
    text-decoration:underline;
}

.taulaTarifes {
    margin:auto;
}

.taulaTarifes td {
    background-color:#000000;
    padding-left:1em;
    padding-right:1em;
    width:20em;
    color:#ffffff;
    font-weight:bold;
}

.taulaTarifes h2 {
    color:#ffffff;
    font-weight:bold;
}


#panellInformatiu {
    background-color:#7da061;
    border:5px solid #354925;
}

#peu {
    color:#000000;
    font-weight:bold;
    font-size:0.8em;
    text-align:center;
}

#peu a {
    color:#000000;
    font-weight:bold;
}