* * {
    font-family:"Trebuchet MS";
    margin:0px;
    padding:0px;
    }
   
body {
        background-color: #f5f5f5;
    background-image: url(../img/fondo.jpg);
    background-repeat:repeat-x;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
a {
    color:#bf0f0f;
    text-decoration:none;
    }
h1 {
    color:#bf0f0f;
    font-size:36px;
    padding:10px 0 0 20px;
    }
h3 {
    color:#c6946e;
    }
img{ border: none;}
strong{ color:#c6946e}
.grancontingut {
    margin:0 auto;
    padding:0px 0px 20px 0px;
    background:#FFFFFF;
    width:800px;
    }

.capcelera {
    height:80px;
    position:relative;
    margin:0px;
    }
        .telf {
            position:absolute;
            top:20px;
            right:20px;
            text-align:right;
            font-size:24px;
            color:#c6946e;
            }
        .email {
            font-size:11px;
            color:#bf0f0f;
            }
           
.fotocapcelera {
    height:200px;
    margin-bottom:-90px;
    }

.barratitol {
    height:40px;
    background:#c6946e;
    color:#FFFFFF;
    text-align:right;
    padding:10px 20px 0 0;
    font-size:24px;
    }
.menuesq {
    border-right:1px solid #ede6e0;
    width:200px;
    text-align:right;
    font-size:14px;
    color:#bf0f0f;
    float:left;
    }
        .menuesq ul {
            margin:20px 0 20px 0;
            width:200px;
            list-style:none;
            }
        .menuesq li {
            width:160px;
            margin-bottom:5px;
            }
                .menuesq li a{
                    padding:0px 20px 0px 0px;
                    }
                .menuesq li a:hover{
                    background:url(../img/bg_botomenuesq.jpg) right repeat-y;
                    }
.subseccio {
    font-size:10px;
    color:#999999;
    }
    .subseccio a{
    font-size:10px;
    color:#999999;
    }
.contingut {
    width:550px;
    padding:20px;
    float:left;
    }
   
/*inici*/   
.inici_quadre {
    background:#eeeeee;
    border:solid 1px #CCCCCC;
    width:550px;
    height:250px;
    position:relative;
    }
        .inici_quadretext {
            position:absolute;
            top: 20px;
            left:270px;
            width:250px;
            }
/*galeria*/
.galeria {
    width:550px;
    height:115px;
    background:#eeeeee;
    border:solid 1px #CCCCCC;
    }   
    .galeria_mini {
        width:100px;
        height:100px;
        border:1px solid #CCCCCC;
        margin:5px 0 5px 5px;
        float:left;
        }       
/*localitzacio*/
.mapa {
    width:390px;
    height:400px;
    padding:5px;
    float:left;
    border:solid 1px #CCCCCC;
    background:#eeeeee;
    }
        .mapa_direccio {
            width:145px;
            float:left;
            text-align:right;
            }
   
/*interior5 - solo texto*/
.solotexto {               
    background:#eeeeee;
    border:solid 1px #CCCCCC;
    width:510px;
    position:relative;
    padding:20px;
    }
           
           
/*footer*/
.footer {
    width:800px;
    height:40px;
    background:#c6946e;
    margin:0 auto;
    color:#FFFFFF;
    text-align:center;
    padding:10px 0 0 0;
    }
   
    .logofooter {
        width:100px;
        float:left;
        }
    .columnafooter {
        width:430px;
        float:left;
        text-align:left;
        }
    .columnafooter2 {
        width:250px;
        float:right;
        text-align:right;
        }
   
   
   
   
   








/*GALERIA*/   
.main_image {
/*
    height: 375px;
    width: 500px;
    float: left;
*/
    background: #f6f6f6;
    position: relative;
    border:1px solid #dedede;
    padding:5px;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    color: #fff;
}
.main_image h2 {
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px;
}
.main_image p {
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 10px;
    margin: 0;
}
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 1em;
    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
    width: 100%;
    background: none;
    border-top: 0px solid #000;
}
.main_image a.collapse { /*--This is our hide/show tab--*/
    background: url(btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.main_image a.show {background-position: left bottom;}
.image_thumb {
    float: left;
    border: 1px solid #fff;
    background: #fff;
    margin-bottom:10px;
}
.image_thumb img {
    border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
    float: left;
}
.image_thumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width:550px;
    background: #fff;
}
.image_thumb ul li{
    margin: 0;
    padding: 5px 7px;
    background: #fff  repeat-x;
    float: left;
    border:solid 1px #fff;
   
}
.image_thumb ul li.hover { /*--Hover State--*/
    background: #ddd;
    cursor: pointer;
    border:solid 1px #CCCCCC;

}
.image_thumb ul li.active { /*--Active State--*/
    background: #f0f0f0;
    cursor: default;

}
html .image_thumb ul li h2 {
    font-size: 1.5em;
    margin: 5px 0;
    padding: 0;
}
.image_thumb ul li .block {
    float: left;
    margin-left: 10px;
    padding: 0;
    width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/
/* Formulario*/
form {
  margin: 0px 10px 10px 10px;
  width: 500px;
  float:left;
}

form fieldset {

  border:1px solid #ccc;
  background:#f1f1f1;
  padding: 10px;
  margin: 0;
}
input {

  border:1px solid #ccc;
  background:#FFFFFF;
}
input:hover {

  border:1px solid #bf0f0f;
  background:#FFFFFF;
}

form fieldset legend {
    font-size:14px;
    color:#bf0f0f;
    background:#FFFFFF;
    font-weight:bold;
    padding:5px;
}
form label {
    display: block; 
    float: left;
    width: 90px;
    padding: 0;
    margin: 5px 0 0;
    text-align: left;
}
form fieldset label:first-letter {
    text-decoration:underline;  
                                  
}
form input, form textarea {
    margin:5px 0 0 10px;
}
form input#reset {
    margin-left:0px;
    background:#bf0f0f;
    color:#FFFFFF;
    padding:5px;
    border:none;
    font-weight:bold;
}
form input#reset:hover {
    margin-left:0px;
    background:#999999;
    color:#FFFFFF;
    padding:5px;
    border:none;
    font-weight:bold;
}
form input#submit {
    margin-left:0px;
    background:#bf0f0f;
    color:#FFFFFF;
    padding:5px;
    border:none;
    font-weight:bold;
}
form input#submit:hover {
    margin-left:0px;
    background:#999999;
    color:#FFFFFF;
    padding:5px;
    border:none;
    font-weight:bold;
}

textarea { overflow: auto;
border:1px solid #ccc; }
textarea:hover { overflow: auto;
border:1px solid #bf0f0f; }

form small {
    display: block;
    margin: 0 0 5px 0px;
    padding: 1px 3px;
    font-size: 88%;
}

form .required{font-weight:bold;}

form br {
    clear:left;
}
.legal{ font-size:9px; clear:both}