/* CSS Document */

/* PARA QUE EN IE6 FUNCIONEN LOS PNG TRANSPARENTES */
* html img,
* html .png{
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "img/vacio.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}
/* ---- */

.transp {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

body{
	margin:0px; width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	/*background:url(../img/watermarks.jpg) top center no-repeat;*/
}
ul{	list-style:none; margin:0px; padding:0px; }
ul li{margin:0px; padding:0px;}
div{float:left;}
h1,h2,h3{margin:0px; display:inline;}
a{text-decoration:none;}
a img{border:none;}
p{margin:0 0 10px 0;}

.contPrincipal{
	width:970px;
	margin:0px auto;
	float:none;
	margin-top:28px;
}
.header{
	height:305px;
	width:970px;
	margin-bottom:8px;
}
.header #logo{ width:289px; height:66px;margin-left:21px;}
.header #menuSup{ width:660px; height:66px; }
.header #menuSup ul{ float:right; margin-right:18px;}
.header #menuSup ul li{float:left; margin-left:7px; padding-left:9px;  background:url(../img/sep.gif) left 2px no-repeat;}
.pie ul li{float:left; margin-left:7px; padding-left:9px;  background:url(../img/sep.gif) left 1px no-repeat;}

.header #menuSup ul li#first, .pie ul li#first{background:none; margin-left:0px;}
.header #menuSup ul li a, .pie ul li a{color:#666666;}
.header #menuSup ul li a:hover, .pie ul li a:hover{text-decoration:underline;}
.header #menu{ margin-top:-29px; position:relative;}

#mas{font-size:12px; font-weight:bold;}
#mas:hover span{text-decoration:underline;}

.noticias, .fotos{ width:448px;}
.noticias #franja{ background:url(../img/iso1.gif) 410px 3px no-repeat #ad2829; padding:8px 0 0 20px; width:428px; height:27px;}
#franja h2{font-size:15px; color:#FFFFFF; }
.noticias .contenido{ width:406px; border:1px solid #eeeeee; padding:25px 20px 15px 20px;}
.noticias .contenido #noticia{ width:100%; padding-bottom:16px; margin-bottom:17px; border-bottom:1px solid #EEEEEE; }
.noticias .contenido #noticia div, .donaciones .contenido #donacion div, .retiros .contenido #retiro div,.fotos .contenido div,.reflexionar .contenido div{float:none;}
.noticias .contenido #noticia h3{ color:#ad2829; font-size:15px; }
.noticias .contenido #noticia a{font-size:14px; font-weight:bold; color:#666666;}
.noticias .contenido #noticia a:hover{color:#ad2829;}
.noticias #mas{color:#ad2829;}

.donaciones, .retiros{ width:245px; margin-left:16px;}
.donaciones #franja{ background:url(../img/iso2.gif) 210px 3px no-repeat #71706e; padding:8px 0 0 20px; width:225px; height:27px;}
.donaciones .contenido, .retiros .contenido{ border:1px solid #eeeeee; padding:25px 20px 15px 20px; width:203px; }
.donaciones .contenido #donacion h3{font-size:12px; color:#333333;}
.donaciones .contenido #donacion{ width:100%; padding-bottom:17px; margin-bottom:20px; border-bottom:1px solid #EEEEEE; }
.donaciones .contenido #donacion a{font-weight:bold; color:#666666;}
.donaciones .contenido #donacion a:hover{color:#ad2829;}
.donaciones #mas{color:#333333;}

.retiros #franja{ background:url(../img/bg_retiros.gif) top left no-repeat; padding:8px 0 0 20px; width:225px; height:27px;}
.retiros .contenido #retiro{ width:100%; padding-bottom:16px; margin-bottom:17px; border-bottom:1px solid #EEEEEE; }
.retiros .contenido #retiro h3{color:#abaa5c; font-size:13px;}
.retiros .contenido #retiro #titulo2{font-size:14px; font-weight:bold;}
.retiros .contenido #retiro a{font-weight:bold; color:#666666;}
.retiros .contenido #retiro a:hover{color:#abaa5c;}
.retiros #mas{color:#abaa5c;}

.fotos #franja{ background:url(../img/iso3.gif) 410px 3px no-repeat #c45923; padding:8px 0 0 20px; width:428px; height:27px;}
.fotos .contenido{ width:420px; padding:13px; border:1px solid #eeeeee;}
.fotos #mas,.reflexionar #mas{color:#c45923;}

.reflexionar{ width:506px; margin-left:16px;}
.reflexionar #franja{ background:url(../img/iso3.gif) 468px 3px no-repeat #c45923; padding:8px 0 0 20px; width:486px; height:27px;}
.reflexionar .contenido{ padding:17px 20px 15px 20px; width:464px; border:1px solid #eeeeee;}
.reflexionar .contenido #reflexion{font-size:14px; padding-bottom:14px; margin-bottom:20px; border-bottom:1px solid #eeeeee;}
.reflexionar .contenido #reflexion h3{color:#333333; font-size:12px;}
.reflexionar .contenido #reflexion a{color:#666666; font-size:14px;}
.reflexionar .contenido #reflexion a:hover{color:#c45923;}

.encontranos{width:940px; padding:20px 15px 15px 15px; border:1px solid #eeeeee; font-size:12px; font-weight:bold;}
.encontranos #titulo{ color:#333333; float:none; padding-top:5px;}
.encontranos #acceso{ font-size:11px; font-weight:normal; margin-top:-3px;}
.encontranos a{ cursor:pointer}

.encontranos .donde{ height:30px; margin-left:30px;}
.encontranos #msn{ background:url(../img/ico_msn.gif) top left no-repeat; padding-left:42px;}
.encontranos #fb{ background:url(../img/ico_fb.gif) top left no-repeat; padding-left:76px;}
.encontranos #youtube{ background:url(../img/ico_youtube.gif) top left no-repeat; padding-left:70px;}
.encontranos #twitter{ background:url(../img/ico_twitter.gif) top left no-repeat; padding-left:35px;}

.pie{width:960px; background-color:#ededef; padding:10px 5px 10px 5px; font-size:9px;}

.cabeceraSec{ width:970px; background:url(../img/iso4.gif) 930px 0px no-repeat; height:30px; border-bottom:2px solid #eeeeee; margin-bottom:15px;}
.cabeceraSec h2{ color:#ad2829; font-size:18px;}

.colIzq{width:172px; padding-right:20px; border-right:1px solid #eeeeee; font-size:12px;}
.colIzq ul{}
.colIzq ul#op{margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eeeeee;}
.colIzq ul li a{color:#666666; }
.colIzq ul li span#title{color:#333333; font-weight:bold; line-height:13px;}
.colIzq ul li a#title,.colIzq ul li span#title2{font-weight:normal; display:block; line-height:13px; color:#333333; cursor:default; }
.colIzq ul:hover li a#title,.colIzq ul:hover li span#title2,.colIzq ul li a:hover{color:#ad2829;}
.colIzq ul#sub {display:none; margin-top:5px;}
.colIzq ul#op:hover #sub{display:block;}


.colIzq ul li#title ul{font-weight:normal; line-height:normal;}
.colIzq ul li#title ul li a{color:#666666;}

.cuerpoSeccion{ width:720px; padding:3px 30px 0 27px; border-left:1px solid #eeeeee; margin-left:-1px;}
.cuerpoSeccion div{float:none;}
.cuerpoSeccion h3{color:#333333; font-size:13px;}
.cuerpoSeccion h2{color:#ad2829; font-size:21px; font-weight:normal;}
.cuerpoSeccion a{color:#ad2829;}
.cuerpoSeccion a:hover{text-decoration:underline;}

.infoRetiros tr td{padding:5px; background-color:#F1F1F1;}
.infoRetiros a{color:#666666;}
.infoRetiros a:hover{text-decoration:underline;}

.consultas a.activa{color:#ad2829; font-weight:bold;}
.consultas a{ color:#333333;}
.consultas a:hover{color:#ad2829;}