/* ::::::::::::: MAS CASADEVALL ::::::::::::: */

body{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size:12px;
    color:#000;
    line-height:17px;
    text-align:center;
    background-image: url(/img/bg.gif);}

#container{
    position:relative;
    margin:auto;
    width:984px;
    border:1px solid #000;
    background-color:#fff;}
    
        #top{
            position:relative;
            width:984px;
            height:358px;
            background:url(/img/top.gif) no-repeat;}
            
             #idiomes{
                position: absolute;
                float: left;
                top: 20px;
                left: 20px;
                height: 18px;}

             #menu{
                position: absolute;
                float: left;
                top: 110px;
                left: 20px;
                width: 296px;
                height: 236px;
                line-height: 24px;}
                    #menu ul {  
                        list-style:none;
                        margin:0;
                        padding:0;}
                    #menu ul li {
                        position: relative;
                        background-image: url(/img/menu-off.gif);
                        top: 12px;
                        left: 0px;
                        font-size: 14px;
                        color: #000;
                        text-align: left;}
                    #menu ul li a{
                        display: block;
                        text-decoration:none;
                        text-indent: 20px;
                        width: 296px;
                        height: 30px;
                        color: #000;}
                    #menu ul li a:hover {
                        position: relative;
                        top: 0px;
                        left: 0px;
                        color: #901800;
                        background-image: url(/img/menu-on.gif);}
            
            #home-top-img{
                position:relative;
                float:right;
                width:630px;
                height:337px;
                right:20px;}
                
            #top-img{
                position:relative;
                float:right;
                width:630px;
                height:337px;
                top:20px;
                right:20px;
                border:1px solid #ccc;}
                    
                    
        #main{
            position:relative;
            width:984px;
            overflow: hidden;
            padding-bottom:10px;
            *padding-bottom:30px; /* IE 7 i anteriors */}
            
            #home-left{
                    position:relative;
                    float:left;
                    width:296px;
                    left:20px;
                    top:20px;}
                    
                        #home-botigueta{
                            position:relative;
                            width:100%;
                            margin-bottom:20px;}
                            
                                #home-botigueta .titol{
                                    background-color:#901800; 
                                    font-size:24px;
                                    color:#fff;
                                    height:17px;
                                    text-align:left;
                                    padding:15px;}
                                #home-botigueta .producte{
                                    text-align:left;
                                    padding:15px 15px 0px 15px;
                                    height:80px;}
                                #home-botigueta .producte img{
                                    width:80px;
                                    height:80px;
                                    border:1px solid #ccc;
                                    float:left;
                                    margin-right:10px;}
                            
                        #home-aixada{
                            position:relative;
                            background-color:#E2E1E1;
                            width:286px;
                            height:213px;
                            margin-bottom:20px;
                            padding-right:10px;
                            text-align:left;}
                                #home-aixada img{
                                    width:137px;
                                    height:193px;
                                    border:1px solid #616060;
                                    float:left;
                                    margin:10px;}
                                    
                
                #home-right{
                    position:relative;
                    float:right;
                    width:630px;
                    right:20px;
                    top:8px;
                    *top:20px;
                    margin-bottom:20px;}
                        
                        #home-benvinguts{
                            position:relative;
                            width:99%;
                            text-align:justify;}
                                #home-benvinguts img{
                                    width:189px;
                                    height:164px;
                                    float:left;
                                    margin-right:10px;
                                    background:url(/img/benvinguts.jpg) no-repeat;
                                    border:1px solid #616060;}
                                #home-benvinguts a {color:#000; text-decoration:none;}
                                #home-benvinguts a:hover {color:#399207; text-decoration:underline;}
                                    
                        #home-noticies{
                            float:left;
                            position:relative;
                            width:302px;
                            text-align:justify;
                            margin-top:14px;}
                                #home-noticies .titol{
                                    background-color:#901800; 
                                    font-size:24px;
                                    color:#fff;
                                    height:17px;
                                    text-align:left;
                                    padding:15px;}
                                    
                        #home-colabora{
                            float:right;
                            position:relative;
                            width:308px;
                            height:383px;
                            border:1px solid #ccc;
                            margin-top:14px;}
                
                
                #titol{
                    position:relative;
                    left:20px;
                    width:100%;
                    height:17px;
                    top:15px;
                    background:url(/img/bg-titol-main.gif);
                    background-repeat: repeat-y;
                    padding:15px;}
                    
                    #titol p{
                        position:relative;
                        font-size:26px;
                        color:#fff;
                        text-align:right;
                        right:75px;
                        margin: 0px;
                        padding: 0px;}
                        
                #content{
                    position:relative;
                    top:18px;
                    *top:18px; /* IE 7 i anteriors */
                    left:21px;
                    width:100%;
                    background:url(/img/bg-content-main.gif);
                    background-repeat: repeat-y;
                    margin-bottom:25px;
                    *margin-bottom:10px;}
                    
                    #contingut{
                        float:left;
                        position:relative;
                        left:10px;
                        width:705px;
                        text-align:justify;
                        padding:20px 0 20px 0px;}

                        div.pagination {
                            margin: 3px;
                            padding: 3px;
                            text-align: right; }

                        div.pagination a {
                            background-color: #901800;
                            border: 1px solid #901800;
                            color: #fff;
                            margin: 2px;
                            padding: 2px 5px 2px 5px;
                            text-decoration: none; }

                        div.pagination a:hover, div.pagination a:active {
                            background-color: #389c00;
                            border: 1px solid #389c00;
                            color: #fff;
                            margin: 2px;
                            padding: 2px 5px 2px 5px; }

                        div.pagination span.current {
                            background-color: #389c00;
                            border: 1px solid #389c00;
                            color: #fff;
                            font-weight: bold;
                            margin: 2px;
                            padding: 2px 5px 2px 5px; }

                        div.pagination span.disabled {
                            border: 1px solid #c7c6c6;
                            color: #c7c6c6;
                            margin: 2px;
                            padding: 2px 5px 2px 5px; }
                            
                        
                    #submenu{
                        float:left;
                        position:relative;
                        left:60px;
                        width:200px;
                        height:100px;
                        text-align:left; 
                        padding:20px 0 20px 0px;}
                        #submenu ul{
                            list-style: url(/img/fletxa.gif);
                            line-height: 24px;
                            vertical-align: top;}
                        #submenu ul li a {
                            text-decoration: none;
                            color: #000;}
                        #submenu ul li a:hover {
                            text-decoration: underline;}
        
#peu{
    position:relative;
    margin:auto;
    margin-top:5px;
    padding: 15px 20px 15px 20px;
    width:944px;
    height:60px;
    border:1px solid #000;
    background-color:#fff;}

    #peu-menu {
        background-color:#E2E1E1;
        padding:8px;}
    
    #peu-copy {
        float:left;
        padding:10px 0 0 5px;
        text-align: left;}
        
    #peu-iglu {
        float:right;
        padding:10px 5px 0 0;
        text-align: left;}
            #peu-iglu a {color: #AEAEAE; font-size:11px; text-decoration:none;}
            #peu-iglu a:hover {color:#AEAEAE; font-size:11px;}
    
                        
/* GENERAL */

.salto {clear:both;}
                
a {color:#901800; text-decoration:underline;}
a:hover {color:#399207; text-decoration:underline;}

td {border-bottom:1px solid #ddd; text-align:left; padding:5px 0 5px 20px;}
.td2 {border-left:1px solid #ddd; text-align:left; padding:5px 0 10px 50px;}

.titular-m {color:#901800; font-size:30px; position:relative; top:4px; text-align:left;}
.subtitular {font-size:24px; position:relative; top:10px; text-align:left;}
.asto {color:#901800; font-size:25px;}
.color {color:#901800;}

.spacer{background-color:#C6C6C6; height:1px; width:100%; margin: 20px 0px 20px 0px;}
            
.listimg {
    float:left;
    border:1px solid #ccc;
    margin-right:15px;}
    
.link {
    position:relative;
    padding:10px;
    width:100%;
    min-height:110px;}

.shop {
    float:left;
    position:relative;
    padding:5px 10px 15px 0;
    width:168px;
    min-height:131px;}