/* Minisite Bombers - Comiat */

/* Elements generals */

    body {
        font-size: 62.5%;
        font-family: arial, sans-serif;
        color: #333;
        margin: 0;
        padding: 0;
        background: #fff url("../images/background-header.gif") repeat-x left top;
    }

    ul {
        margin: 0;
        padding: 0;
    }

    li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    div, form {
        margin: 0;
        padding: 0;
    }

    a img {
        border: none;
        display: block;
    }

    a {
        color: #333;
        text-decoration: underline;
    }
    
    p, h1, h2, h3, h4, h5, h6 {
        margin: 0;
        padding: 0;
        font-size: 1em;
    }

    .hidden {
      display: none;
    }
    
    
    
    /* Layout general */
    
        .wrapper {
            width: 86em;
            overflow: hidden;
            margin: 0 auto;
        }
    
    
    
    /* Barra corporativa */
        
        .barra-corporativa {
            background-color: #000;
        }
        
            .barra-corporativa img {
                display: block;
            }

            
            
    /* Plana principal */
    
        .contingut-home {
            background: #e2373f url("../images/background-contingut.png") repeat-x left top;
        }
        
            .contingut-home .wrapper {                
                background: url("../images/background-contingut-torre.png") no-repeat right top;
                padding-bottom: 4em;
            }
            
            .contingut-home h1 {
                margin-top: 13em;
                margin-bottom: 5em;
            }
            
            .contingut-home p { 
                width: 35em;
                color: #fff;
                font-size: 1.4em;
                line-height: 1.5em;
                margin-bottom: 1.2em;
            }
            
            .contingut-home .menu-home {
                float: right;                
                background: url("../images/background-menu-home.gif") repeat-y right top;
                margin-top: 21.4em;
                margin-right: 2.8em;
            }
            
                .contingut-home .menu-home li {
                    float: left;
                    font-size: 1.4em;
                    padding: .4em 1.8em;
                    background: url("../images/background-menu-home.gif") repeat-y left top;
                }
                
                    .contingut-home .menu-home li a {
                        color: #fff;
                        text-decoration: none;
                    }
                    
                        .contingut-home .menu-home li a:hover {
                            text-decoration: underline;
                        }



    /* Capcalera */
    
        .capcalera {
            background: #D8353C url("../images/background-capcalera.gif") repeat-x top left;
        }
        
            .capcalera h1 {
                float: left;
            }
            
            .capcalera .wrapper {
                position: relative;
            }
                
                .capcalera .wrapper .boto {
                    position: absolute;
                    top: 4.6em;
                    right: 1.5em;
                    display: block;
                }
    
    
    /* Menu principal */
    
        .menu {
            background: #ccc url("../images/background-menu.gif") repeat-x left top;
        }
        
            .menu p {
                font-size: 1.2em;
                font-weight: bold;
                float: left;
                padding: 1em 0 0 0;
            }
            
            .menu ul {
                float: right;
                margin-top: .5em;
                background: url("../images/background-menu-li.gif") repeat-y right top;
            }

                .menu ul li {
                    display: block;
                    float: left;
                    font-size: 1.4em;
                    
                    padding: .5em 1.5em .5em 1.5em;
                    background: url("../images/background-menu-li.gif") repeat-y left top;
                }
                
                    .menu ul li.selected a {
                        color: #D6343C;
                        font-weight: bold;
                    }
                
                    .menu ul li a {
                        text-decoration: none;
                    }
                    
                        .menu ul li a:hover {
                            text-decoration: underline;
                        }



    /* Area de contingut */
    
        .contingut {
            padding: 3em 0 3em 0;
        }


        /* Text estandard */
        
            .contingut h2 {
                margin-bottom: 1em;
            }
            
            .contingut p {
                font-size: 1.2em;
                line-height: 1.7em;
                margin-bottom: 1.5em;
            }
            
            .contingut p.introduccio {
                font-size: 1.4em;
                line-height: 1.7em;
                font-weight: bold;
            }
            
            .contingut ul {
            }
            
                .contingut ul li {
                    font-size: 1.2em;
                    background: url("../images/text-li.gif") no-repeat .5em .7em;
                    line-height: 1.7em;
                    margin-bottom: 1em;
                    padding-left: 1.4em;
                }
            
            .contingut img.right {
                clear: right;
                float: right;
                padding: 2px;
                margin: 0 0 1.5em 2em;
                border: 1px solid #ccc;
            }


        /* Seccio de fotografies */
        
            .contingut ul.categories-fotos {
                width: 100%;
                overflow: hidden;
            }
            
                .contingut ul.categories-fotos li {
                    background: none;
                    float: left;
                    font-size: 1.4em;
                    border-right: 1px dotted #ccc;
                    margin-right: 1em;
                    padding: .2em 1em .2em 0;
                }
                
                .contingut ul.categories-fotos li a {
                    text-decoration: none;
                }
                
                    .contingut ul.categories-fotos li a:hover {
                        text-decoration: underline;
                    }
                
                .contingut ul.categories-fotos li.last {
                    border-right: none;
                    margin-right: 0;
                    padding-right: 0;
                }
                
                .contingut ul.categories-fotos li.selected {
                    font-weight: bold;
                }
                
                
                .contingut ul.galeria {
                    margin: 0;
                    padding: 2em 0;
                }
                
                    .contingut ul.galeria li {
                        width: 10em;
                        float: left;
                        margin: 0 1.8em 2em 0;
                        padding: 0;
                        font-size: 1.2em;
                        background: none;
                    }
                    
                        .contingut ul.galeria li img {
                            display: block;
                            margin-bottom: .5em;
                        }
                        
                        .contingut ul.galeria li a {
                            text-decoration: none;
                        }
                        
                            .contingut ul.galeria li a:hover {
                                text-decoration: underline;
                            }
                            
                            
                .contingut .ampliacio-fotografia {
                    text-align: center;
                }
                
                    .contingut .ampliacio-fotografia img {
                        border: 1px solid #ccc;
                        padding: 2px;
                    }



    /* Adreca corporativa */
                
        .adreca {   
            padding: 1em 0;
        }
        
            .adreca address {
                font-size: 1.1em;
                font-style: normal;
            }
            
                .adreca address a {
                    color: #A2292F;
                }
            
                .adreca address strong {
                    color: #A2292F;
                }
                
                
                
    /* Programa d'actes */
    
        dl.programa {
            width: 40em;
            overflow: hidden;
        }
        
            dl.programa dt {
                clear: left;
                color: #fff;                
                background-color: #D4002C;
                float: left;                
                font-size: 1.2em;
                font-weight: bold;
                height: 15px;
                padding: .5em;
                margin-top: 2px;
                margin-bottom: 15px;
            }

            dl.programa dd {
                float: left;
                width: 23em;
                font-size: 1.4em;
                height: 28px;
                display: block;
                margin-bottom: 15px;
                margin-left: 1em;
            }
            
                dl.programa dd.amb-marge {
                    padding-top: .6em;
                }
            
            
        .contingut .descarrega {
            font-size: 1.4em;
            margin-left: .5em;
            margin-bottom: 4em;
        }
            
            .contingut .descarrega a {
                color: #D4002C;
                padding-left: 1.4em;
                background: url("../images/icon-pdf.gif") no-repeat left center;
            }



    /* Footer corporatiu */
    
        .footer-corporatiu {
            color: #fff;
            background-color: #000;
            padding: .8em .5em;
        }
        
            .footer-corporatiu a {
                color: #fff;
                font-size: 1.1em;
                text-decoration: none;
            }
            
                .footer-corporatiu a:hover {
                    text-decoration: underline;
                }