@charset "utf-8";
/* CSS Document */

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

a,input.boton {
outline:none;}

#Top {
width:915px;
height:140px;
/*background-image:url(img/top.jpg);*/
margin-left:auto;
margin-right:auto;
}
#Centro{
width:932px;
background-image:url(img/fondo.jpg);
background-repeat:repeat-y;
margin-left:auto;
margin-right:auto;
}
#ContenedorCentro{
width:782px;
margin-left:auto;
margin-right:auto;

}
#Footer{
width:932px;
height:31px;
background-image:url(img/footer.jpg);
margin-left:auto;
margin-right:auto;
}
#PieFooter{
width:932px;
height:31px;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#969696;
}

#IzquierdaHome{
width:470px;
float:left;
}
#DerechaHome{
width:262px;
float:right;
}
.TitulosHome{
width:auto;
height:26px;
}
#ImgProxReunion{
width:470px;
}
.BarraHome{
width:100%;
height:10px;
background-image:url(img/barra-home.jpg);
margin-left:auto;
margin-right:auto;
}
#NewsletterHome{
width:470px;
height:142px;
background-image:url(img/newsletter-home.jpg);
margin-top:10px;
}
#NoticiasHome{
width:262px;
clear:both;
}
.ContenedorNoticiaHome{
width:262px;
clear:both;
}
.BarraNoticiasHome{
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#C4F0F7;
clear:both;
}
.TxtNoticias{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4D4D4D;
text-align:justify;
}
.TxtTitNoticias{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#000000;
}
#PublicacionesTextoBase{
margin-top:5px;
width:100%;
height:20px;
background-color:#ebebeb;
}
#TxtPublicaciones{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding:5px;
}
#PublicacionesTapas{
width:100%;
margin-top:10px;
}
#AreaNoticiasNewsHome{
width:250px;
height:110px;
float:right;
padding-top:5px;
}
#EspacioLogos{
width:813px;
height:59px;
/*background-color:#009933;*/
margin-top:10px;
margin-left:auto;
margin-right:auto;
}
#Menu{
width:900px;
height:31px;
/*background-color:#009966;*/
margin-left:auto;
margin-right:auto;
}

/* Botonera */
.menuPrinc {
    height: 31px;
    line-height: 49px;
    list-style-type: none;
    margin: 0 auto;
    padding-left: 0px
  }
.menuPrinc li {height: 49px; line-height: 49px; padding: 0 !important; background: none; float: left; margin-left:0px;}

a#home {
display:block;
width:74px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_home.jpg) top left no-repeat;
}
a#home:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#nosotros {
display:block;
width:109px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_nosotros.jpg) top left no-repeat;
}
a#nosotros:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#reuniones {
display:block;
width:170px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_reuniones.jpg) top left no-repeat;
}
a#reuniones:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}



a#asociarse {
display:block;
width:114px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_asociarse.jpg) top left no-repeat;
}
a#asociarse:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}



a#contactenos {
display:block;
width:135px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_contactenos.jpg) top left no-repeat;
}
a#contactenos:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#blog {
display:block;
width:76px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_blog.jpg) top left no-repeat;
}

a#blog-desact {
display:block;
width:76px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_blog-desact.jpg) top left no-repeat;
}

a#blog:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#blog-desact:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#twitter {
display:block;
width:38px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_twitter.jpg) top left no-repeat;
}
a#twitter:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#linkedin {
display:block;
width:38px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_linkedin.jpg) top left no-repeat;
}
a#linkedin:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#newsletter {
display:block;
width:110px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_newsletter.jpg) top left no-repeat;
}
a#newsletter-desact {
display:block;
width:110px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_newsletter-desact.jpg) top left no-repeat;
}

a#newsletter:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#newsletter-desact:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#nosotros_en {
display:block;
width:109px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_en_nosotros.jpg) top left no-repeat;
}
a#nosotros_en:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#reuniones_en {
display:block;
width:170px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_en_reuniones.jpg) top left no-repeat;
}
a#reuniones_en:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#servicios {
display:block;
width:170px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_reuniones.jpg) top left no-repeat;
}
a#servicios:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#servicios {
display:block;
width:170px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_reuniones.jpg) top left no-repeat;
}
a#servicios:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}


a#servicios {
display:block;
width:112px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_servicios.jpg) top left no-repeat;
}
a#servicios:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#servicios_en {
display:block;
width:170px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_en_reuniones.jpg) top left no-repeat;
}
a#servicios_en:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#servicios_en {
display:block;
width:112px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_en_servicios.jpg) top left no-repeat;
}
a#servicios_en:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#asociarse_en {
display:block;
width:114px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_en_asociarse.jpg) top left no-repeat;
}
a#asociarse_en:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#contactenos_en {
display:block;
width:135px;
height:30px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/menu_en_contactenos.jpg) top left no-repeat;
}
a#contactenos_en:hover {
background-position:0 -30px;/* con esto cambiamos la porcion de imagen que se muestra */
}


/*.preload2 {background: url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/button4a.gif);}

.menuPrinc {padding:0; margin:0; margin-bottom:0; list-style:none; height:25px; background:#fff url(http://www.luisangelcamargo.com/wp-content/uploads/2007/12/fd_menu.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }*/

.menuPrinc li.top {display:block; float:left; position:relative;}
.menuPrinc li a.top_link {display:block; float:left; height:25px; margin-left:6px; line-height:25px; color:#333; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 6px; cursor:pointer;}
.menuPrinc li a.top_link span {float:left; display:block; padding:0 10px 0 6px; height:40px;}
.menuPrinc li a.top_link span.down {float:left; display:block; padding:0 10px 0 6px; height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menuPrinc li a.top_link:hover {color:#fff;}
.menuPrinc li a.top_link:hover span {}
.menuPrinc li a.top_link:hover span.down { }
.menuPrinc li:hover > a.top_link {color:#fff;}
.menuPrinc li:hover > a.top_link span {}
.menuPrinc li:hover > a.top_link span.down {}
.menuPrinc table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.menuPrinc a:hover {visibility:visible;}
.menuPrinc li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menuPrinc ul, 
.menuPrinc :hover ul ul, 
.menuPrinc :hover ul :hover ul ul,
.menuPrinc :hover ul :hover ul :hover ul ul,
.menuPrinc :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menuPrinc :hover ul.sub {left:0px; top:30px; background: #00827B; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:150px; height:auto; font-weight:normal;}
.menuPrinc :hover ul.sub li {display:block; height:auto; position:relative; float:left; width:150px; border-top:1px solid #d5d5d5; margin-bottom:0;}
.menuPrinc :hover ul.sub li a {display:block; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; padding:4px 3px; line-height:1; color:#FFFFFF; text-decoration:none;}
.menuPrinc :hover ul.sub li a.fly {background:#ffffff  no-repeat 150px 6px;}
.menuPrinc :hover ul.sub li a:hover {background:#00827B; color:#000000;}
.menuPrinc :hover ul.sub li a.fly:hover {background:#E5FAFC  no-repeat 150px 6px;}
.menuPrinc :hover ul li:hover > a.fly {background:#E5FAFC} 

.menuPrinc :hover ul.sub2 {left:0px; top:30px; background: #24C0B5; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:150px; height:auto; font-weight:normal;}
.menuPrinc :hover ul.sub2 li {display:block; height:auto; position:relative; float:left; z-index:2;width:150px; border-top:1px solid #d5d5d5; margin-bottom:0;}
.menuPrinc :hover ul.sub2 li a {display:block; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; padding:4px 3px; line-height:1; color:#FFFFFF; text-decoration:none;}
.menuPrinc :hover ul.sub2 li a.fly {background:#ffffff  no-repeat 150px 6px;}
.menuPrinc :hover ul.sub2 li a:hover {background:#24C0B5; color:#000000;}
.menuPrinc :hover ul.sub2 li a.fly:hover {background:#E5FAFC  no-repeat 150px 6px;}

.menuPrinc :hover ul.sub3 {left:0px; top:30px; background: #417DD2; padding:0; /*border:1px solid #1E8BB5; white-space:nowrap;*/ width:150px; height:auto; font-weight:normal;}
.menuPrinc :hover ul.sub3 li {display:block; height:auto; position:relative; float:left; width:150px; border-top:1px solid #d5d5d5; margin-bottom:0;}
.menuPrinc :hover ul.sub3 li a {display:block; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; padding:4px 3px; line-height:1; color:#FFFFFF; text-decoration:none;}
.menuPrinc :hover ul.sub3 li a.fly {background:#ffffff  no-repeat 150px 6px;}
.menuPrinc :hover ul.sub3 li a:hover {background:#417DD2; color:#000000;}
.menuPrinc :hover ul.sub3 li a.fly:hover {background:#E5FAFC  no-repeat 150px 6px;}

.menuPrinc :hover ul :hover ul,
.menuPrinc :hover ul :hover ul :hover ul,
.menuPrinc :hover ul :hover ul :hover ul :hover ul,
.menuPrinc :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px; background: #fff; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
.menuPrinc :hover ul.sub li ul {border-top:1px solid #005FB9; background: #fff; z-index:300;}

/* NOSOTROS */

#BarraIzquierdaNosotros{
width:155px;
/*background-color:#006600;*/
float:left;
}


#CentroNosotros{
width:400px;
float:left;
margin-left:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#424242;
padding-bottom:5px;
padding-top:5px;
}
/*#CentroNosotrosTexto{
width:380px;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#424242;
padding-bottom:5px;
padding-top:5px;
}*/
#BarraDerechaNosotros{
width:164px;
/*background-color:#FFFF00;*/
float:right;
}

#BoxGris{
width:100%;
background-color:#F2F2F2;
border-bottom:solid;
border-bottom-color:#D9D9D9;
border-top:solid;
border-top-color:#D9D9D9;
}
#BoxGrisTexto{
width:90%;
margin-left:auto;
margin-right:auto;
padding-bottom:5px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#424242;
line-height:15px;
}

.BordeImg {
border:solid 1px #000000;
}
.CampoTxtAutoridades{
width:80%;
margin-left:auto;
margin-right:auto;
}
#BarraDerechaAutoridades{
width:174px;
/*background-color:#FFFF00;*/
float:right;
border:solid 1px #CCCCCC;
}
#CampoTxtPresidentesAnteriores{
width:90%;
margin-left:auto;
margin-right:auto;
padding-bottom:5px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#424242;
line-height:15px;
}

.MenuAsociarse:link {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#424242;
line-height:20px;
text-decoration: none;
}
.MenuAsociarse:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#424242;
background-color:#B7EAE5;
line-height:20px;
text-decoration: none;
}
.MenuAsociarse:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#424242;
line-height:20px;
text-decoration: none;
}

/* Publicaciones */
.PublicacionesPrincipal{
width:100%;
}

.PublicacionesTxt{
width:300px;
float:right;
}

.TxtEdicion{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#6e6e6e;
}

/* Contacto */
.TextArea {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#424242;
border:solid 1px #BABABA;
}
.BtnContacto:link {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#424242;
text-decoration: none;
}
.BtnContacto:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#00827B;
text-decoration: none;
}
.BtnContacto:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#424242;
text-decoration: none;
}

/* Reuniones */
#BarraDerechaReuniones{
width:174px;
/*background-color:#FFFF00;*/
float:right;
}
.CampoTxtReunionesAnteriores{
width:100%;
padding-bottom:5px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#424242;
}

/* Reuniones anteriores*/
#TituloReunion{
width:400px;
height:28px;
background-color:#ACAA7B;
display: table-cell;
vertical-align:middle;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
text-align:right;
}
#SubTituloReunion{
width:394px;
background-color:#7E7C54;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-align:right;
}
#CentroReunionesAnteriores{
width:400px;
float:left;
margin-left:30px;
/*font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#424242;
padding-bottom:5px;
padding-top:5px;*/
background-color:#FBFCF5;
border-bottom:solid 3px #7E7F55;
border-left:solid 1px #7E7F55;
border-right:solid 1px #7E7F55;
}
#topReunionAnterior{
width:390px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
}
.FechaReunionProxima{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#01AECC;
}
.HoraReunionAnterior{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6E6E6E;
}
.DetalleReunionAnterior{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#424242;
}
#BarraDerechaReunionesInter{
width:174px;
/*background-color:#FFFF00;*/
border:solid 1px #cccccc;
float:right;
}
.CampoTxtReunionesAnterioresInter{
width:90%;
margin-left:auto;
margin-right:auto;
padding-bottom:2px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#424242;
}
.CampoTxtReunionesAnterioresSelect{
width:95%;
margin-left:auto;
margin-right:auto;
background-color:#C3E6EA;
/*padding-bottom:2px;*/
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#424242;
}
#BoxGrisGaleriaReuniones{
width:100%;
background-color:#F2F2F2;
border-bottom:solid;
border-bottom-color:#D9D9D9;
border-top:solid;
border-top-color:#D9D9D9;
}
.BoxGrisTextoCeleste{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#01AECC;
line-height:15px;
}

/* Reuniones proximas*/
#TituloReunionProx{
width:400px;
height:28px;
background-color:#94C063;
display: table-cell;
vertical-align:middle;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
text-align:right;
}
#SubTituloReunionProx{
width:394px;
background-color:#01AECC;
padding:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
text-align:right;
}
#CentroReunionesProximas{
width:400px;
float:left;
margin-left:30px;
/*font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#424242;
padding-bottom:5px;
padding-top:5px;*/
background-color:#F7FCF2;
border-bottom:solid 3px #01AECC;
border-left:solid 1px #01AECC;
border-right:solid 1px #01AECC;
}
#CentroReunionesProximasNews{
width:400px;
float:left;
margin-left:30px;
background-color:#FFFFFF;
border-bottom:solid 3px #01AECC;
border-left:solid 1px #FFFFFF;
border-right:solid 1px #FFFFFF;
}
#topReunionAnterior{
width:390px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
}
.FechaReunionAnterior{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#BC1A0A;
}
.HoraReunionAnterior{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#6E6E6E;
}
.DetalleReunionAnterior{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#424242;
}
#BarraDerechaReunionesInter{
width:174px;
/*background-color:#FFFF00;*/
border:solid 1px #cccccc;
float:right;
}
.CampoTxtReunionesAnterioresInter{
width:90%;
margin-left:auto;
margin-right:auto;
padding-bottom:2px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#424242;
}
.CampoTxtReunionesAnterioresSelect{
width:95%;
margin-left:auto;
margin-right:auto;
background-color:#C3E6EA;
/*padding-bottom:2px;*/
padding:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#424242;
}
#BoxGrisGaleriaReuniones{
width:100%;
background-color:#F2F2F2;
border-bottom:solid;
border-bottom-color:#D9D9D9;
border-top:solid;
border-top-color:#D9D9D9;
}
.BoxGrisTextoCeleste{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#01AECC;
line-height:15px;
}
#BoxCeleste{
width:100%;
background-color:#C3E6EA;
border-bottom:solid;
border-bottom-color:#A8A8A8;
border-top:solid;
border-top-color:#A8A8A8;
}



.LinksGris:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#424242;
line-height:15px;
text-decoration: none;
}
.LinksGris:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#424242;
line-height:15px;
text-decoration: underline;
}
.LinksGris:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#424242;
line-height:15px;
text-decoration: none;
}

.LinksNovedadesHome:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4D4D4D;
text-align:justify;
text-decoration: none;
}
.LinksNovedadesHome:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4D4D4D;
text-align:justify;
text-decoration: underline;
}
.LinksNovedadesHome:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4D4D4D;
text-align:justify;
text-decoration: none;
}

/* Logistica */
.BoxGrisGaleria{
width:100%;
background-color:#F2F2F2;
border-bottom:solid;
border-bottom-color:#D9D9D9;
border-top:solid;
border-top-color:#D9D9D9;
}

.mapa {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	text-align:justify;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.mapa a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	text-align:justify;
	text-decoration: none;
}
.mapa:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1D8F85;
	text-align:justify;
	text-decoration: underline;
}


/*/+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++/*/

/*   Vertical Accordions  */
		
	.accordion_toggle {
	display: block;
	height: 30px;
	width: 380px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #CCCCCC;
	cursor: pointer;
	background-color: #ffffff;
	background-image: url(img/flecha_mas.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin: 0;
		}
		.accordion_toggle:hover {
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CBDED9;
	
		}
		
		.accordion_toggle_active {
	color: #8D0000;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(img/flecha_menos.png);
	background-repeat: no-repeat;
	background-position: right 0px;
		}
		.accordion_toggle li {
	background-image: url(img/bullet.png);
	background-repeat: no-repeat;
	list-style-type: none;
	list-style-image: none;
	background-position: 0px 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #666666;
	font-size: 11px;	
		}
		
		.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
	border-bottom: 1px solid #CCCCCC;
	width: 400px;
	margin-top: 10px;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			.accordion_content li {
	background-image: url(img/bullet.png);
	background-repeat: no-repeat;
	list-style-type: none;
	list-style-image: none;
	background-position: 0px 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 18px;
}
						
			.accordion_content p {
	line-height: 19px;
	padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
	display: block;
	height: 105px;
	width: 380px;
	line-height: 30px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #CCCCCC;
	cursor: pointer;
	margin: 0;
	background-color: #ffffff;
	background-image: url(img/flecha_mas.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
		}

		.vertical_accordion_toggle_active {
			background: url(img/flecha_menos.png) no-repeat 0 right #ffffff;
			color: #8D0000;
			border-bottom: 1px solid #CCCCCC;
		}

		.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}

			.vertical_accordion_content p {
	line-height: 20px;
			}
  			
		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #CCCCCC;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.horizontal_accordion_toggle_active {
			background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #CCCCCC;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
			
			.horizontal_accordion_content p {

			}
					
					
    /* Container styling*/
    #horizontal_container {
	width: 540px;
	height: 100px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
    }
    
    #vertical_nested_container {
	width: 540px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
    }
	
	
	/*/+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++/*/

/* AGENDA */
#BarraIzquierdaAgenda{
width:90px;
/*background-color:#006600;*/
float:left;
}

#CentroAgenda{
width:470px;
float:left;
margin-left:25px;
/*font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#424242;
padding-bottom:5px;
padding-top:5px;*/
background-color:#FFFFFF;
border-bottom:solid 3px #01AECC;
border-left:solid 1px #FFFFFF;
border-right:solid 1px #FFFFFF;
}

a#agenda_volver {
display:block;
width:147px;
height:23px; /* aqui esta el truco */
text-indent:-9999px;
background:url(img/btn-agenda-volver.jpg) top left no-repeat;
}
a#agenda_volver:hover {
background-position:0 -23px;/* con esto cambiamos la porcion de imagen que se muestra */
}

/* FIN DE LA AGENDA */

#movie_up{
	margin-left: 15px;
	position:absolute;
	z-index:1;
}

#movie_down{
	margin-left: 15px;
	position:relative;
	z-index:0;
} 

#movie_up2{
	margin-left: 15px;
	position:absolute; 
	z-index:1;
}

#movie_down2{
	/*margin-left: 15px;*/
	position:relative; 
	z-index:0;
} 
