/* $Id: municipios.css 1679 2004-11-12 19:47:55Z ruth $ */

/* Common style rules for Red Local website

   The stylesheet is divided into the following three parts:
   
   1. Layout rules: 
      Box properties (exclusive of borders), positioning, text-indent, alignment, lists
      
   2. Visual rules: 
      Colors, backgrounds, borders, links, emphasis
      
   3. Typographical rules: 
      Font and text properties (exclusive of links, alignment and text-indent)

   NOTE: Validate CSS syntax before add your changes to the CVS tree!!
*/

@import "common.css";

/* ------------------------- Layout rules ------------------------- */

#content {
    padding: 0 3em 0 3em;
}



#overview {
    border: 1px solid #ccc;
}

#photo {
    float: left;      
    width: 242px;
}

#address {
    float:left;
}

#staff{
    clear:both;    
}

#info {
    clear: both;
}

h3 {
    margin: 0;
    padding-top: 1em;
}

#overview h4 {
    margin: 1em 0 .5em 0;
}

#overview h5 {
    margin: 1em 0 0 .7em;
}

#overview ul {
    margin: 0 0 0 2em;
}

#overview ul li {
    list-style-image: none;
    list-style-type: disc;
}

#overview #address, #overview #staff, #overview #web {
    margin: 0 1em;
}

#overview p {
    margin: 0;
}

address .street, address .province {
    display: block;
}

address .phone, address .fax, address .email {
    display: block;
    padding-left: 22px;
}

address br {
    display: none;
}

dd {
    margin: 0 0 1.5em 0;
}


#map {
    margin: 0 0 0 10px;
    float: right;
    width: 410px; 
}


/* -------------- Colors, backgrounds, borders, links ------------- */

dt {
    color: #000;
}

#overview {
    background-color: #dedede;
}

#staff h4 {
    background-color: #ccc;
    width:100%;
}

address .phone {
    background: transparent url("../images/phone.png") no-repeat left center;
}

address .fax {
    background: transparent url("../images/fax.png") no-repeat left center;
}

address .email {
    background: transparent url("../images/email.png") no-repeat left center;
}


/* ----------------------- Typographical rules -------------------- */

address {
    font-style: normal;
    line-height: 1.5em;
}

#overview li, #overview p, #overview address {
    font-size: 90%;
}

#overview h4 {
    font-size: 100%;
    font-weight: bold;
}

#overview h5 {
    font-size: 90%;
    font-weight: bold;
}

#programas ul li {
    font-weight: bold;
}

#programas ul ul li,
#programas dl li,
#programas li p {
    font-weight: normal;
}