/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent}
body{line-height: 1}
ol, ul{list-style: none}
blockquote, q{quotes: none}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none}
:focus{outline: 0}
ins{text-decoration: none}
del{text-decoration: line-through}
table{border-collapse: collapse;border-spacing: 0}
/* end css reset */
ul.lineal li{display: inline;}
.clear {clear: both;}
.derecha {text-align: right;}
.centrado{text-align: center;}
/*ver scroll*/
html { min-height: 100%; margin-bottom: 1px; }
body{
    background: #eeedee;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    }

a,
a.visited{
    color: #008000;
}
    a:hover{
        color: #92951c;
    }
img{
    border: 0;
}

#contenedor{
	width: 840px;
	text-align: left;
	margin: 0 auto;
	color: #666;
	font-size: 12px;
	}

#cabecera-superior{
    background: #fff;
    margin: 0 0 4px 0;
    padding: 7px 10px 6px 10px;
    font-size: 10px;
    overflow: hidden;
    _display: inline-block;
}
    #cabecera-superior ul#idiomas{
        float: left;
        font-size: 10px;
        margin-top: 4px;
    }
        #cabecera-superior ul#idiomas li{
            background: url(/img/separador-top.gif) no-repeat right center;
            margin-right: 10px;
            padding-right: 10px;
            float: left;
        }
            #cabecera-superior ul#idiomas li a{
                float: left;
                padding-bottom: 1px;
            }
            #cabecera-superior ul#idiomas li.ultima{
                background: none;
            }
    #cabecera-superior ul#info-cabecera{
        float: right;
        font-weight: bold;
        color: #858585;
    }
        #cabecera-superior ul#info-cabecera li{
            float: left;
            margin-left: 25px;
            margin-top: 5px;
        }
            
            #cabecera-superior ul#info-cabecera li.mail{
                margin-top: 4px;
            }
                #cabecera-superior ul#info-cabecera li.mail a{
                    text-decoration: none;
                    border-bottom: 1px solid #008000;
                    float: left;
                }
                    #cabecera-superior ul#info-cabecera li.mail a:hover{
                        border-bottom: 1px solid #92951c;
                    }

#cabecera {
  position: relative;
}
#cabecera .bg {
  position: absolute;
  background: url(/img/bg-cabecera-11.jpg) no-repeat top left;
  width: 840px;
  height: 209px;
}
#cabecera .bg2 {
    background: url(/img/bg-cabecera-2.jpg) no-repeat top left;
    width: 840px;
    height: 209px;
    display: none;
}
#cabecera{
    background: url(/img/bg-cabecera-11.jpg) no-repeat top left;
    width: 840px;
    height: 209px;
    position:relative;
    }
    #cabecera.bg1{
        background: url(/img/bg-cabecera-1.jpg) no-repeat top left;
        }
    #cabecera.bg2{
        background: url(/img/bg-cabecera-2.jpg) no-repeat top left;
        }
    #cabecera.bg3{
        background: url(/img/bg-cabecera-3.jpg) no-repeat top left;
        }
    #cabecera.bg4{
        background: url(/img/bg-cabecera-4.jpg) no-repeat top left;
        }
    #cabecera.bg5{
        background: url(/img/bg-cabecera-5.jpg) no-repeat top left;
        }
    #cabecera.bg6{
        background: url(/img/bg-cabecera-6.jpg) no-repeat top left;
        }
    #cabecera.bg7{
        background: url(/img/bg-cabecera-7.jpg) no-repeat top left;
        }
    #cabecera.bg8{
        background: url(/img/bg-cabecera-8.jpg) no-repeat top left;
        }
    #cabecera.bg9{
        background: url(/img/bg-cabecera-9.jpg) no-repeat top left;
        }
    #cabecera.bg10{
        background: url(/img/bg-cabecera-10.jpg) no-repeat top left;
        }               
    #cabecera.bg11{
        background: url(/img/bg-cabecera-11.jpg) no-repeat top left;
        }               
    #cabecera.bg12{
        background: url(/img/bg-cabecera-12.jpg) no-repeat top left;
        }               
    #cabecera.bg14{
        background: url(/img/bg14.jpg) no-repeat top left;
        }               
    #cabecera.bg15{
        background: url(/img/bg15.jpg) no-repeat top left;
        }               
    #cabecera.bg16{
        background: url(/img/bg16.jpg) no-repeat top left;
        }               

    a.logo {
		width: 184px;
		height: 74px;
		position: absolute;
		top: 126px;
		left: 14px}
    #cabecera ul.menu-principal {
        position: absolute;
        height: 30px;
        width: 700px;
        top: 167px;
        left: 330px;
        float: left;
        background: url(/img/menu-assocap-esp.jpg) no-repeat 0 0 !important;
        }
        body.cat #cabecera ul.menu-principal {
            background: url(/img/menu-assocap-cat.jpg) no-repeat 0 0 !important;
            left: 345px;
            }
        #cabecera ul.menu-principal li {
            float: left}
    		a.opcion-menu{
    			float: left;
    			display:block;
    			height:0 !important;
    			padding: 30px 0 0 0;
    			text-indent: -10000px;
    			overflow: hidden;
    			height /**/: 30px}
            /* ASSOCAP */
            a.m-assocap{
                background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll 0px 0px;
                width:75px;
                margin-right: 17px;
                _margin-right: 8px;
                }
                body.cat a.m-assocap{
                    background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll 0px 0px;
                    width:75px;
                    margin-right: 9px;
                    _margin-right: 5px;
                    }
                a.m-assocap:hover{
                    background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll 0px -30px}
                    body.cat a.m-assocap:hover{
                        background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll 0px -30px}
                a.m-assocap-seleccionado{
                    background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll 0px -60px !important}
                    body.cat a.m-assocap-seleccionado{
                        background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll 0px -60px !important}
            /*SERVICIOS*/
            a.m-servicios{
                background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll -92px 0px;
                width:75px;
                margin-right: 13px;
                _margin-right: 7px;
                }
                body.cat a.m-servicios{
                    background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll -84px 0px;
                    width:65px;
                    margin-right: 11px;
                    _margin-right: 5px;
                    }
                a.m-servicios:hover{
                    background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll -92px -30px}
                    body.cat a.m-servicios:hover{
                        background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll -84px -30px}
                a.m-servicios-seleccionado{
                    background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll -92px -60px !important}
                    body.cat a.m-servicios-seleccionado{
                        background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll -84px -60px !important}
            /*NOTICIAS*/
            a.m-noticias{
                background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll -180px 0px;
                width:64px;
                margin-right: 10px;
                _margin-right: 5px;
                }
                body.cat a.m-noticias{
                    background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll -160px 0px;
                    width:64px;
                    margin-right: 14px;
                    _margin-right: 7px;
                    }
                a.m-noticias:hover{
                    background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll -180px -30px}
                    body.cat a.m-noticias:hover{
                        background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll -160px -30px}
                a.m-noticias-seleccionado{
                    background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll -180px -60px !important}
                    body.cat a.m-noticias-seleccionado{
                        background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll -160px -60px !important}
            a.m-faqs{
                background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll -254px 0px;
                width:154px;
                margin-right: 15px;
                _margin-right: 7px;
                }
                body.cat a.m-faqs{
                    background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll -238px 0px;
                    width:151px;
                    margin-right: 12px;
                    _margin-right: 6px;
                    }
                a.m-faqs:hover{
                    background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll -254px -30px}
                    body.cat a.m-faqs:hover{
                        background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll -238px -30px}
                a.m-faqs-seleccionado{
                    background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll -254px -60px !important}
                    body.cat a.m-faqs-seleccionado{
                        background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll -238px -60px !important}
            /*CONTACTO*/
            a.m-contacto{
                background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll -423px 0px;
                width:72px;
                }
                body.cat a.m-contacto{
                    background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll -400px 0px;
                    width:72px;
                    }
                a.m-contacto:hover{
                    background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll -423px -30px}
                    body.cat a.m-contacto:hover{
                        background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll -400px -30px}
                a.m-contacto-seleccionado{
                    background: transparent url(/img/menu-assocap-esp.jpg) no-repeat scroll -423px -60px !important}
                    body.cat a.m-contacto-seleccionado{
                        background: transparent url(/img/menu-assocap-cat.jpg) no-repeat scroll -400px -60px !important}
#contenido{
    background: #fff;
    margin: 4px 0 0 0;
    padding: 20px 26px;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    overflow: hidden;
    _display: inline-block;
}
    #contenido p {
        margin: 0 0 15px 0;
        line-height: 19px;
    }
    #contenido h2,
    #contenido h3,
    #contenido h4
     {
        margin: 0 0 10px 0;
    }
    /*home*/
    h2{
        color: #92951c;
        font-size: 13px;
    }
    div#frase-home{
        position: relative;
        width: 781px;
        height: 76px;
        margin: 5px 0 35px 0;
    }
        h2.home{
            background: url(/img/frase-home-spa.jpg) no-repeat top left;
            width: 781px;
            height: 76px;
            text-indent: -100000px;
        }
            body.cat h2.home{
                background: url(/img/frase-home-cat.jpg) no-repeat top left;
            }
            div#frase-home a{
                position: absolute;
                bottom: 16px;
                _bottom: 27px;
                right: 102px;
                _right: 96px;
            }
                body.cat div#frase-home a{
                    bottom: 20px;
                    right: 273px;
                }
                a.ampliar{
                    background: url(/img/ampliar.jpg) no-repeat 0 0px;
                    padding: 1px 0 0 30px;
                    /* IE7 */
/*                    padding-bottom: 1px;*/
                    height: 13px;
                    display: block;
                    font-size:11px;
                }
    div#servicios-home{
        width:360px;
        float: left;
        margin: 0 50px 70px 0;
    }
        div#servicios-home h2{
            margin-bottom: 20px;
        }
        ul#listado-servicios-home{
            margin: 30px 0 0 0;
        }
            ul#listado-servicios-home li{
                border-bottom: 1px solid #dadada;
                padding: 0 0 12px 0;
                margin-bottom: 10px;
            }
                ul#listado-servicios-home li a.ampliar{
                    margin-left: 3px;
                }
                ul#listado-servicios-home li p{
                    margin: 0;
                    line-height: 13px;
                }
                ul#listado-servicios-home li h3{
                    font-size: 12px;
                    color: #555;
                    margin: 0 0 10px 0;
                    background: url(/img/punto.gif) no-repeat 0 4px;
                    padding: 0 0 0 10px;
                }
    div#noticias-home{
         width:360px;
         float:left;
         margin-bottom: 70px;
    }
        div#noticias-home h2{
            margin-bottom: 16px;
        }
        ul#listado-noticias-home{
        }
            ul#listado-noticias-home li{
                border-bottom: 1px solid #dadada;
                padding: 0 0 15px 0;
                margin-bottom: 11px;
            }
                ul#listado-noticias-home li p{
                    margin: 0;
                }
                    ul#listado-noticias-home li p.extracto{
                        margin: 0 0 10px 0;
                    }
                ul#listado-noticias-home li h3{
                    font-size: 12px;
                    color: #555;
                    line-height: 16px;
                    margin: 0 0 7px 0;
                }
/*fin home*/
h2.titular{
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 4px;
    margin: 22px 0 33px 0 !important;
}
/* servicios
   ------------------------------------------------------------------- */
ul#menu-servicios {
    font-size: 12px;
}
    ul#menu-servicios li{
        margin: 0 0 10px 0;
        _height: 1%;
    }
        ul#menu-servicios li a{
            background: url(/img/flecha-gris.jpg) no-repeat 0 3px;
            padding: 0 0 0 33px;
            display: block;
            line-height: 18px;
        }
            ul#menu-servicios li a.seleccionado{
                background: url(/img/flecha-verde-suave.jpg) no-repeat 0 3px;
                color: #92951c;
                text-decoration: none;
            }

#contenido-interior.vista-servicio{}
    #contenido-interior.vista-servicio h3{
        background: none;
        padding: 0 0 12px 0;
        margin-bottom: 17px;
        border-bottom: 1px solid #d6d7a9;
    }
    #contenido-interior.vista-servicio h4{
        color: #92951c;
        padding: 25px 0 12px 0;
        font-size: 12px;
        margin-bottom: 17px;
        border-bottom: 1px solid #d6d7a9;
    }
    #contenido-interior.vista-servicio ul li{
        line-height: 18px;
        margin: 0 0 15px 15px;
        width: 445px;
    }
        span.punto{
            background: url(/img/punto.gif) no-repeat 0 6px;
            /*IE7*/
/*            background: url(/img/punto.gif) no-repeat 0 5px;*/
            _background: url(/img/punto.gif) no-repeat 0 5px;
            padding: 0 0 0 10px;
        }
        span.label-li{
            color: #555;
            font-weight: bold;
        }
    #contenido-interior.vista-servicio p.titulo-lista{
        font-weight: bold;
        color: #333;
        margin: 0 0 8px 15px;
    }
    ul.lista-datos{
        font-size: 12px;
    }
        ul.lista-datos li{
            line-height: 16px;
        }

/* fin servicios
   ------------------------------------------------------------------- */

    #submenu{
        width: 230px;
        float: left;
    }
        #submenu img{
            margin-bottom: 34px;
        }
    #contenido-interior{
        width: 524px;
        float: right;
        margin-bottom: 40px;
    }
        #contenido-interior h3{
            color: #92951c;
            font-size: 12px;
            background: url(/img/punto.gif) no-repeat 0 4px;
            padding: 0 0 0 10px;
            margin-bottom: 11px;
        }
        #contenido-interior p.entradilla-servicios{
            margin-bottom: 8px;
        }
        #contenido-interior p.separador{
            margin: 0 0 18px 0;
            _margin-bottom: 16px;
            border-bottom: 1px solid #d8d8d8;
            line-height: 13px;
            padding-bottom: 20px;
            _padding-bottom: 18px;
        }
            #contenido-interior p.ultimo{
                border-bottom: none !important;
            }          
        #contenido-interior.vista-assocap a,
        a.gris{
            color: #333;
        }          
        #contenido-interior.vista-assocap span.label-li{
            color: #666;
        }
            a.gris:hover,
            #contenido-interior.vista-assocap a:hover{
                color: #92951c;
            }          
        #contenido-interior img.interior-servicios{
            margin: 0 0 20px 0;
            _margin-bottom: 13px;
            border-bottom: 1px solid #d8d8d8;
            padding-bottom: 20px;
            _padding-bottom: 17px;
        }
/* apartado assocap
------------------------------------------------------------------- */

#contenido-interior.vista-assocap{
    margin-top: -5px;
} 
#contenido-interior.vista-assocap h3{
    background: none;
    padding: 0 0 12px 0;
    border-bottom: 1px solid #d6d7a9;
    margin: 35px 0 6px 0;
    font-size: 13px;
} 
#contenido-interior.vista-assocap h4{
    color: #92951c;
    padding: 13px 0 0 0;
    margin-bottom: 13px;
    font-size: 12px;
}
ul.lista-escuelas{
    margin: 0 0 0 10px;
}
    ul.lista-escuelas li{
        margin-bottom: 10px;
        font-weight: normal !important;
        color: #333 !important;
        line-height: 19px !important;
        font-size: 12px;
    }


/* fin apartado assocap
  ------------------------------------------------------------------- */

  /* Listado Noticias
  ------------------------------------------------------------------- */

  #contenido-interior.vista-lista-noticias{
      margin-top: -4px;
  } 
      #contenido-interior.vista-lista-noticias p{
          color: #333;
      } 
  #contenido-interior.vista-lista-noticias h3{
      margin-bottom: 11px;
      line-height: 16px;
      background: url(/img/punto.gif) no-repeat 0 6px;
      padding: 0 0 0 9px;
  } 
      #contenido-interior.vista-lista-noticias h3 a{
          color: #92951c;
          text-decoration: none;
      }
  #contenido-interior.vista-lista-noticias ul li{
      border-bottom: 1px solid #d8d8d8;
      margin-bottom: 15px;
  }
      #contenido-interior.vista-lista-noticias ul li p.fecha-noticias{
          margin: 0 0 6px 0;
          font-size: 11px;
      }
      #contenido-interior.vista-lista-noticias a.ampliar{
          background: url(/img/ampliar.jpg) no-repeat 0 4px;
          height: 16px;
          display: inline-block;
          margin-left: 10px;
      }
  div.paging{
      text-align: right;
      margin-top: 17px;
      margin-right: 2px;
  }
      div.paging a{
          /* IE7 */
/*          padding-bottom: 1px;*/
          _padding-bottom: 1px;
          /* IE7 */
/*          display: inline-block;*/
          _display: inline-block;
      }
      div.disabled{
          display: none;
      }
      span.d{
          background: url(/img/separador-paginacion.gif) no-repeat left center !important;
          padding-left: 15px;
          margin-left: 10px;
      }
          span.unica-d{
              background: none !important;
          }
          span.d-no-visible{
              display: none;
          }
      #contenido-interior.vista-noticia{
          margin-top: -1px;
      } 
          #contenido-interior.vista-noticia h3{
              line-height: 16px;
              background: url(/img/punto.gif) no-repeat 0 6px;
          }
          #contenido-interior.vista-noticia p.fecha-view{
              font-size: 11px;
          }

          #contenido-interior.vista-noticia img{
              margin: 15px 0 0 0;
          }
          #contenido-interior.vista-noticia p.volver-listado{
              border-top: 1px solid #d8d8d8;
              margin: 44px 0 0 0;
              padding-top: 15px;
              overflow: hidden;
              _display: inline-block;
              height: 50px;
          }
          #contenido-interior.vista-noticia a.ampliar{
              background: url(/img/ampliar.jpg) no-repeat 0 4px;
              height: 16px;
              display: inline;
              float: right;
          }
    img.img-noticias{
        margin-top: 20px;
    }
  /* fin listado noticias
    ------------------------------------------------------------------- */
  /* listado faq
    ------------------------------------------------------------------- */
    #contenido-interior.lista-faqs{
        margin-top: -1px;
    } 
        #contenido-interior.lista-faqs h3{
            line-height: 17px;
            margin-bottom: 8px;
            /* ni con important sale en IE7 */
            background: url(/img/punto.gif) no-repeat 0 7px;
        }
        #contenido-interior.lista-faqs h3 a{
            color: #92951c;
            text-decoration: none;
        }
        #contenido-interior.lista-faqs ul li{
            border-bottom: 1px solid #d8d8d8;
            margin-bottom: 15px;
        }
      #contenido-interior.lista-faqs a.ampliar{
          background: url(/img/ampliar.jpg) no-repeat 0 4px;
          height: 16px;
          display: inline-block;
          margin-left: 3px;
      }
      #submenu.submenu-faq img{
          margin-top: 15px;
      }
      div.faq{
          margin: 15px 0 15px 0;
      }  
          div.faq a{
              font-size: 11px;
          }  
      #contenido-interior.lista-faqs p.volver-faqs{
          border-top: 1px solid #d8d8d8;
          margin: 30px 0 0 0;
          padding-top: 15px;
          overflow: hidden;
          _display: inline-block;
          height: 50px;
      }
          #contenido-interior.lista-faqs p.volver-faqs a.ampliar{
              background: url(/img/ampliar.jpg) no-repeat 0 4px;
              height: 16px;
              display: inline;
              float: right;
          }
  /* fin listado faq
    ------------------------------------------------------------------- */
  /* aviso legal
    ------------------------------------------------------------------- */
    #contenido-interior.vista-legal h3{
        margin-top: 28px;
    }    
        #contenido-interior.vista-legal h3.primera{
            margin-top: 35px;
        }    
  /* fin aviso legal
    ------------------------------------------------------------------- */
  /* contacto
    ------------------------------------------------------------------- */
    form{
        margin-bottom: 30px;
    }
        form legend {
            color: #92951c;
            font-weight: bold;
            margin-left: 12px;
            font-size: 11px;
            padding: 0 10px;
        }
        form fieldset {
            border: 1px solid #ccc;
        }
        form div.inner-form{
            padding: 21px 20px 0 23px;
        }
        form label {
            display: block;
            color: #666;
            font-weight: bold;
            font-size: 11px;
            margin: 0 0 8px 0;
        }
        form input.texto,
        form textarea{
            border: 1px solid #d9d9d9;
            font-family: Arial, Verdana, sans-serif;
            color: #666;
            padding: 2px;
            font-size: 12px;
        }
            form input.corto{
                width: 237px;
                margin-bottom: 25px;
            }
            form input.largo{
                width: 475px;
                margin-bottom: 25px;
            }
        form textarea{
            width: 475px;
            height: 97px;
            margin-bottom: 15px;
        }
    div.vcard{
        font-size: 11px;
    }
        div.vcard span.fn{
            color: #92951c;
            font-weight: bold;
        }
        div.vcard span.country-name{
            display: none;
        }
   #submenu p{
       color: #666;
       margin: 0 0 5px 0;
       padding: 0;
       line-height: 15px;
   }
        span.leit-motiv{
            color: #333;
            font-weight: bold;
        }
        .hidden{
            display: none;
        }
        abbr{
            font-weight: bold;
        }
   #flashMessage{
       color: #cc0000;
       background: #ffe0e0;
       font-weight: bold;
       font-size: 11px;
       padding: 4px 6px;
       border: 1px solid #ffacac;
       margin: 20px 20px 0 20px;
   }
   #mensaje-ok{
       color: #3e5b00;
       background: #e4e9d9;
       font-weight: bold;
       font-size: 11px;
       padding: 4px 6px;
       border: 1px solid #b1c093;
       margin: 20px 20px 50px 20px;
   }
       div.error input{
       }
       div.error label{
       }
       .error-message{
           display: none;
       }
  /* fin contacto
    ------------------------------------------------------------------- */
#pie{
    background: url(/img/bg-pie.jpg) no-repeat top left;
    padding: 15px;
    margin: 0 0 100px 0;
    font-size: 11px;
    color: #666;
}
    #pie p{
        width: 660px;
        line-height: 18px;
        margin: 0 0 5px 0;
    }
    #pie ul li{
        display: inline;
        color: #858585;
        margin-right: 6px;
    }
    #pie p.iridia-estudio{
        margin-top: 25px;
    }
        #pie a{
            color: #666;
        }
            #pie a:hover{
                color: #333;
            }
    
