/* CSS Document */
/* 2
Éste código deberá funcionar en los browsers actuales que sigan las recomendaciones estándar de la W3C. Pero, IE 6 y anteriores, no reconoce éste código, por lo que tendremos que recurrir a un hack, utilizaremos text-align:center; para ésto. Éste error será corregido en el IE7.
body { text-align:center; }*/ 

body{
margin: 0;
text-align:center;
background-color: white;
background-image:url(/images-index/background-image.jpg);
background-repeat: repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:#1D1D1D;
text-align:left;
}
.corte { clear: both;}
/* 1
Para que el #wrap centre el contenido utilizaremos CSS.
Utilizaremos margenes automáticos para centrar el div, y recuerde que éste debe tener un tamaño, ya sea en pixeles, em o porcentajes.
#contenedor { margin:0 auto 0 auto; width:390px; text-align:left;}
*/

/*
Por inercia, todo código de estilo CSS que se utilice en el XHTML, el contenido hijo hereda éstos estilos. En otras palabras, tódo el contenido será centrado, por lo que volveremos a utilizar text-align, pero ésta ves centrando todo el contenido de #wrap hacia la izquierda (o también podria ser hacia la derecha, dependiendo mucho de su diseño).
*/
a:link{
color:#1D1D1D;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}a:visited{
color:#1D1D1D;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
a:hover{
color:#889926;
text-decoration:none;
}

a.linkverde{
color:#889926;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}a:visited.linkverde{
color:#889926;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
a:hover.linkverde{
color:#CC0000;
text-decoration:none;
}

a.ccbus{
color:#008000;
font-size:12px;
text-decoration:none;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}a:visited.ccbus{
color:#008000;
font-size:12px;
font-weight:bold;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}
a:hover.ccbus{
color:#889926;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}

#contenedor{
background-image:url(/images-index/contenedor-background-image.jpg);
border-left: 8px solid white;
border-right: 8px solid white;
padding:0px;
margin: 0 auto 0 auto;
width: 959px;
height: 100%;
text-align:left;
}
/*ENCABEZADOS*/
#encabezado {
background-image: url(/images-index/head-image.jpg);
padding-left: 40px;
padding-right: 40px;
width: 879px;
height:20px;
color: #0C5067;
font-weight:bold;
}
#encabezado p{
margin:0px;
padding:0px;
padding-top:2px;
}
#encabezado ul {
width:500px;
text-align:right;
font-weight:normal;
text-decoration:none;
float:right;
margin: 0px;
padding: 0px;
padding-top:2px;
list-style: none;
}

#encabezado li {
float: right;
margin-left:15px;
}

#encabezado li a {
text-decoration: none;
color:#0C5067;
}

#encabezado li a:hover {
color:#E83C24;
text-decoration: none;
}

#menuprincipal{
width:959px;
height:57px;
background-image:url(/images-index/menu-background.jpg);
text-align:center;
}

#submenu{
width:949px;
height:30px;
padding-top:5px;
text-align:left;
padding-left:10px;
background-color:#02455C;
font-size:11px;
color: #66CCFF;
}

#submenu ul {
width:949px;
text-align:left;
font-weight:normal;
text-decoration:none;
float:left;
margin: 0px;
padding: 0px;
padding-top:2px;
list-style: none;
}

#submenu li {
float: left;
margin-left:8px;
padding-left:10px;
}

#submenu li a {
text-decoration: none;
color:#FFFFFF;
}

#submenu li a:hover {
color:#66CCFF;
text-decoration: none;
}


#submenu li a.env {
text-decoration: none;
color:#AADC2F;
}

#submenu li a:hover.env {
color:#FFFFFF;
text-decoration: none;
}


#banner{
background-image:url(/images-index/contenedor-background-image.jpg);
background-repeat:repeat-x;
width:959px;
height:169px;
}

#newsletterbanner{
background-image:url(/images-index/contenedor-background-image.jpg);
background-repeat:repeat-x;
width:959px;
height:97px;
}

#titulo{
background-image:url(images-visitors/titulo.jpg);
background-repeat:repeat-x;
width:874px;
height:25px;
margin-left:40px;
margin-right:40px;
color:#737362;
font-weight:bold;
}

#titulo a{
color:#737362;
font-weight:bold;
}

#titulo a:hover{
color:#E83C24;
font-weight:bold;
}

#titulo h2{
margin:0px;
padding:0px;
/*padding-left:15px;*/
color:#106582;
font-size:16px;
}

#contenido{
padding-left: 40px;
padding-right: 40px;
width: 879px;
/*height:100%;
margin-bottom:15px;*/
}

#contenidoPWP {
margin-left: 40px;
margin-right: 40px;
width: 879px;
background-color: White;
/*height:100%;
margin-bottom:15px;*/
}

#anouncements{
	float:left;
	margin-top:12px;
	width: 211px;
}

#anouncements ul{
margin: 0px;
padding:0px;
list-style: none;

}
#anouncements li{
padding:0px;
margin: 0px;
margin-top:5px;
padding-bottom:5px;
list-style: none;
border-bottom-color:#666666;
border-bottom-style:dotted;
border-bottom-width:1px;
line-height:95%;
color:#1D1D1D;
}
/*#anouncements li a{
text-decoration:none;
color:#333333;
}*/
#anouncements li a img{
border:0px;
}

/*#anouncements li a:hover {
color:#889926
text-decoration: none;
}*/

#highlights{
	float:left;
	margin-top:12px;
	width: 400px;
	background-color: white;
	border-style:solid;
	border-width:1px;
	border-color:#999999;
	margin-left: 24px;
}

#showimage-tittle{
height:21px;
background-image:url(/images-index/hightlights-tittle.gif);
background-repeat:no-repeat;
background-position:10px;
text-align:right;
}

#showimage-tittle{
height:21px;
background-image:url(/images-index/hightlights-tittle.gif);
background-repeat:no-repeat;
background-position:10px ;
background-color:#FFFFFF;
padding-left:10px;
text-align:right;
border-bottom:1px;
border-bottom-color:#666666;
border-bottom-style:solid;
}
/*#showimage-tittle a, #showimage-tittle a:hover{
color:#A2C000;
text-decoration:none;
background-image:url(/images-index/hightlights-background.gif);
background-repeat:repeat;
padding-bottom:7px;
padding-left:16px;
padding-right:16px;
border-left:1px;
border-left-color:#666666;
border-left-style:solid;
border-bottom:1px;
border-bottom-color:#666666;
border-bottom-style:solid;

}*/

#showimage-tittle a:hover{
color:#CC0000;
background-image:url(/images-index/hightlights-background2.gif);
background-repeat:repeat;
}


/*content*/
#showimage-content-left, #showimage-content-right{
margin-top:5px;
width:179px;
float:left;
padding-top:5px;
padding-left:10px;
padding-right:10px;
border-right-width:1px;
border-right-style:dotted;
border-right-color:#666666;
}

#showimage-content-right{
border-right-width:1px;
border-right-style:dotted;
border-right-color:#FFFFFF;
}

#showimage-content-left img, #showimage-content-right img{
height:90px;
width:168px;
padding:3px;
border-width:1px;
border-style:solid;
border-color:#666666;
}

#showimage-content-left p, #showimage-content-right p{
margin:0px;
margin-bottom:5px;
line-height:100%;
}
/*#showimage-content-left a, #showimage-content-right a{
color:#889926;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}*/
#showimage-content-left a:hover, #showimage-content-right a:hover{
color:#CC0000;
text-decoration:none;
}
#showimage-content-left img.flecha, #showimage-content-right img.flecha{
width:26px;
height:12px;
border:0px;
padding:0px;
margin-left:80px;
vertical-align:middle;
}

.showimage-content-left, .showimage-content-right{
margin-top:5px;
width:179px;
float:left;
padding-top:5px;
padding-left:10px;
padding-right:10px;
border-right-width:1px;
border-right-style:dotted;
border-right-color:#666666;
}

.showimage-content-right{
border-right-width:1px;
border-right-style:dotted;
border-right-color:#FFFFFF;
}

.showimage-content-left img, .showimage-content-right img{
height:90px;
width:168px;
padding:3px;
border-width:1px;
border-style:solid;
border-color:#666666;
}

.showimage-content-left p, .showimage-content-right p{
margin:0px;
margin-bottom:5px;
line-height:100%;
}

.showimage-content-left a:hover, .showimage-content-right a:hover{
color:#CC0000;
text-decoration:none;
}
.showimage-content-left img.flecha, .showimage-content-right img.flecha{
width:26px;
height:12px;
border:0px;
padding:0px;
margin-left:80px;
vertical-align:middle;
}

h2{
margin:0px;
margin-top:5px;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#106582;
font-weight:bold;
}


#week{
float:left;
width: 211px;
height: 245px;
/*line-height:90%;*/
margin:0px;
padding:0px;
margin-left:24px;
background-image:url(/images-index/thisweek-tittle.jpg);
background-repeat:no-repeat;
padding-top:60px;
}

#week img.calendar{
border-width:2px;
border-style:dotted;
border-color:#666666;
border-spacing:10px;
padding-left:63px;
padding-right:63px;
padding-top:2px;
padding-bottom:2px;
width:81px;
height:13px;
background-image:url(/images-index/calendar-background.gif);
}

#weeknews{
width: 211px;
height: auto;
border-bottom-color:#47473C;
border-bottom-style:dotted;
border-bottom-width:thin;
padding-bottom:2px;
margin-bottom:5px;
}


#weeknews img{
float:left;
width: 32px;
height: 23px;
border-width:1px;
border-color:#999999;
border-style:solid;
padding:1px;
}

#weeknews img.cal{
float:left;
width: 30px;
height: 31px;
border-width:1px;
border-color:#999999;
border-style:solid;
padding:1px;
}

#weeknews img.flecha{
float:left;
margin-top:3px;
width:9px;
height:5px;
border:none;
}

#weeknews h2{
float:left;
margin:0px;
padding:0px;
padding-left:15px;
}

#weeknews p{
float:left;
width: 150px;
padding-left: 15px;
margin: 0;
text-align: left;
}

#weeknews ul{
float:left;
list-style-type: disc;
padding: 0;
margin: 0;
text-align: left;
width: 150px;
padding-left: 51px;
}
#weeknews p a{
color:#666666;
text-decoration:none;
}

#weeknews p a:hover{
color:#889926;
text-decoration:none;
}

#week img.calendar{
border-width:2px;
border-style:dotted;
border-color:#666666;
border-spacing:10px;
padding-left:63px;
padding-right:63px;
padding-top:2px;
padding-bottom:2px;
width:81px;
height:13px;
background-image:url(/images-index/calendar-background.gif);
}


#livingdoing {
width:494px;
float:left;
}

#livingdoing ul{
margin:0px;
margin-top:12px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
list-style:none;
width:247px;
float:left;
}
#livingdoing ul li.titulo{
height:20px;
background-color:#9ED5DC;
padding-top:6px;
padding-left:8px;
font-family:GillSans, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
border:none;

}
#livingdoing ul li{
height:15px;
padding-top:2px;
padding-left:8px;
border-bottom-style:dotted;
border-bottom-width:1px;
border-bottom-color:#B8B8B5;
}

#banners{
width:358px;
height:300px;
float:left;
margin-left:20px;
background-image:url(/images-index/custom-background-banner.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#banners img{
margin-bottom:15px;
}

#banners ul{
float:left;
padding:0px;
padding-left:18px;
margin:0px;
width:161px;
list-style:none;
float:left;
}

#banners ul li{
list-style-image:url(/images-index/iconolista.gif);
}
#pie{
clear:left;
float:left;
padding-top:11px;
text-align:center;
width:874px;
height:25px;
margin-left:40px;
margin-right:40px;
height:100px;
background-image:url(/images_index/foot.gif);
background-repeat:no-repeat;
background-position:right;
padding-bottom:10px;
border-color:#999999;
border-style:dashed;
border-width:1px;
display: inline;
}
#weeknews2{
width: 376px;
height: 100%;
border-bottom-color:#47473C;
border-bottom-style:dotted;
border-bottom-width:thin;
/*/*padding-bottom:10px;*/
margin:10px;
}

#weeknews2 a:link{
color:#47473C;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}

#weeknews2 a:visited{
color:#47473C;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
}

#weeknews2 a:hover{
color:#889926;
text-decoration:none;
}

#weeknews2 img{
float:left;
width: 32px;
height: 23px;
border-width:1px;
border-color:#999999;
border-style:solid;
padding:1px;
}

#weeknews2 img.cal{
float:left;
width: 30px;
height: 31px;
border-width:1px;
border-color:#999999;
border-style:solid;
padding:1px;
}

#weeknews2 img.grande{
float:left;
width: 62px;
height: 43px;
border-width:1px;
border-color:#999999;
border-style:solid;
padding:1px;
}

#weeknews2 img.flecha{
float:left;
margin-top:3px;
width:9px;
height:5px;
border:none;
}

#weeknews2 h2{
float:left;
margin:0px;
padding:0px;
padding-left:10px;
}

#weeknews2 p{
float:left;
padding-left: 10px;
margin: 0;
text-align: left;
}

#weeknews2 ul{
float:left;
list-style-type: disc;
padding: 0;
margin: 0;
text-align: left;
padding-left: 51px;
}
#weeknews2 p a{
color:#666666;
text-decoration:none;
}

#weeknews2 p a:hover{
color:#889926;
text-decoration:none;
}
.flechamore{
text-align:right;
}
.flechamore img{
border: 0px;
}
#week2{
margin-left:24px;
text-align:left;
margin-top:12px;
float:left;width: 211px;
/*float:left;

height: 245px;
line-height:90%;
margin:0px;
padding:0px;
margin-left:24px;
margin-top:12px;*/
}

#weeknews3{
width: 500px;
height: 100%;
border-bottom-color:#47473C;
border-bottom-style:dotted;
border-bottom-width:thin;
/*/*padding-bottom:10px;*/
margin:10px;
}


#serchput{
background-color:#FFFFFF;
width:150px;
height:20px;
border-color:#CCCCCC;
border-width:1px;
border-style:solid;
}

.azul{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#106582;
font-weight:bold;
}

#calendar{
border-width:2px;
border-style:dotted;
border-color:#666666;
border-spacing:10px;

padding-top:2px;
padding-bottom:2px;
width:174px;
height:13px;
background-image:url(/images-index/calendar-background.gif);
text-align:center;
margin-bottom:5px;

}

#vineta{
width: 376px;
height: 50px;
border-bottom-color:#47473C;
border-bottom-style:dotted;
border-bottom-width:thin;
margin:10px;
margin-bottom:5px;
}
#vineta img{
float:left;
width: 50px;
height: 30px;
border-width:1px;
border-color:#999999;
border-style:solid;
padding:1px;
}



#vineta h2{
float:left;
margin:0px;
padding:0px;
padding-left:15px;
}

#vineta p{
float:left;


margin: 0;
text-align: left;
}

#vineta ul{
float:left;
list-style-type: disc;
padding: 0;
margin: 0;
text-align: left;

padding-left: 51px;
}
#vineta p a{
color:#666666;
text-decoration:none;
}

#vineta p a:hover{
color:#889926;
text-decoration:none;
}
.corte2 {
clear: both;
}
.corte3 {
clear: both;
height:10px;
}
.corte {
clear: both;
height:20px;
}
.cddtext {
font-size: 12px;
text-align: justify;
}
.VolunteerTable
{
    font-size: 13px;
    font-weight: bold;
	border-collapse: collapse;
    empty-cells: hide;
}
.time 
{
    background-color: #cdcdcd;
}
.VolunteerTable td
{
    border: 1px solid gray;
    border-collapse: collapse;
    text-align: center;
    width: 40px;
    empty-cells: hide;
}