/* CSS Document */

body {background:#E52522; font-family:"Trebuchet MS", Verdana, Arial}

h1 { font-size:24px; background:url(../img/h1_ico.gif) no-repeat; padding:0 0 0 50px; height:33px;margin:0; font-weight:normal}
h2 { font-size:18px}
h3 { font-size:16px;}
p { line-height:18px}
.sangria { margin-left: 53px; margin-bottom:30px}
.sangria ul { list-style:url(../img/li_ico.gif) outside; padding:0; margin:0 0 0 15px}
.sangria ul li { }
.titleh1 { border-bottom: 2px solid #000; padding:0; }

.intro01 { background:url(../img/intro.jpg) 50% 50% no-repeat; height: 570px; width:990px; margin:0 auto}
.intro01 .entrar { background: #FFF; width:120px; height:20px; padding: 5px 20px 5px 0; font-variant:small-caps; font-size:15px; font-weight:bold; text-align:right; float:left; margin: 400px 0 0 832px}
.intro01 .entrar .negro a { color:#000; text-decoration:none}
.intro01 .entrar .negro a:hover { text-decoration:underline}
.intro01 .entrar .rojo a { color:#E52522; text-decoration:none}
.intro01 .entrar .rojo a:hover { text-decoration:underline}

/* HEADER */

.header { background:url(../img/fondo_header01.gif) top left repeat-x;}
.logo { float:left}
.fecha { background:url(../img/fondo_fecha.gif) top right no-repeat; border-bottom: #999 solid 1px; text-align: right; color:#999; font-size:11px; padding-top: 12px}
.menu { padding:27px 10px 0 0}
.menu ul { font-size:13px; padding:0 0 0 40px; margin:0; text-align:right}
.menu ul li { display:inline;}
.menu ul li a { color:#FFF; border-left:#CCC solid 1px; padding: 0 10px; text-decoration:none; font-weight:bold}
.menu ul li  a .rojo{ color:#E52522;}
.menu ul li .last a { color:#FFF; border-left: #CCC solid 1px; padding:0 0 0 10px; text-decoration:none}
.menu ul li a:hover { text-decoration:underline; color:#999}

/* MAINCONTAINER */

.maincontainer, .maincontainer2 { background:#FFF url(../img/fondo_maincontainer.gif) top left no-repeat; font-size:11px;}

.columna { border-right:solid 1px #CCC; padding-top:60px;}
.columna ul { padding:0; margin:0;}
.columna ul li { list-style:none; padding:5px 0; border-bottom: dotted 1px #999}
.columna ul li a { color:#E52522; text-decoration:none}
.columna ul li a:hover { text-decoration:underline}
.fotog { min-height: 318px; background: #FFF url(../img/fondo_colfoto.gif) 100% 1% no-repeat;}
.archivo { min-height: 318px; background: #FFF url(../img/fondo_colfoto.gif) 100% 2% no-repeat;}
.actual { min-height: 658px; background: #FFF url(../img/fondo_colfoto.gif) 100% 1% no-repeat;}
.conoce { min-height: 280px; background: #FFF url(../img/fondo_colhisto.gif) 100% 2% no-repeat;}
.voluntariado { min-height: 1380px; background: #FFF url(../img/fondo_colhisto.gif) 100% 0.5% no-repeat;}
.juventud { min-height: 1870px; background: #FFF url(../img/fondo_colhisto.gif) 100% 0.5% no-repeat;}
.socorro { min-height: 1240px; background: #FFF url(../img/fondo_colhisto.gif) 100% 0.5% no-repeat;}
.ruta, .ruta2 { border-bottom:#999 solid 1px; }
.ruta ul, .ruta2 ul { padding:0; margin:0}
.ruta ul li, .ruta2 ul li { display:inline}
.ruta ul li a, .ruta2 ul li a { color:#E52522; text-decoration:none}
.ruta ul li a:hover, .ruta2 ul li a:hover { text-decoration:underline}

.intro { font-size:12px}
.intro img { float:left; margin-top:3px}
.textointro { margin-left: 253px; padding-left:30px}

.fotografia, .fotografia2, .carteleria, .fotografia_portada {}
.fotografia ul, .fotografia2 ul, .fotografia_portada ul  { margin:0 0 8px 0; padding:0}
.fotografia ul li, .fotografia2 ul li, .fotografia_portada ul li { display:inline;}
.fotografia ul li a { padding:3.8px;}
.fotografia2 ul li a { padding:6.8px;}
.fotografia_portada ul li a { padding:32px;}
.carteleria ul { margin:0 0 20px 0; padding:0}
.carteleria ul li { display:inline;}
.carteleria ul li a { padding:10.5px;}
.tabla, .tabla td { border: solid 1px #ccc !important}
.tabla a { color:#E52522;}
.tabla2 { border: none !important}
.tabla2 td { border: none !important}
.tabla3 { background: #C7FDBD; border:#009900}
.tabla3 td { color:#009900; font-weight:bold;; padding:15px}

.cr { color:#E52522; font-weight:bold}

/* FOOTER */

.footer { text-align:right; font-size:11px; background:url(../img/fondo_sombra_pie.gif) top left repeat-x}
.footer .cr_linkpie { float:left; margin-top:4px}
.footer ul { padding:5px 0 0 0; margin:0}
.footer ul li { display:inline; border-right: #FFF solid 1px; }
.footer a { color:#FFF; text-decoration:none; padding:0 5px; }
.footer a:hover { text-decoration:underline}

.footer_intro { text-align:right; font-size:11px; width:960px; margin:0 auto}
.footer_intro ul { padding:0 25px 0 0; margin:0}
.footer_intro ul li { display:inline; }
.footer_intro ul li a { color:#FFF; text-decoration:none; padding:0 5px; }
.footer_intro ul li a:hover { text-decoration:underline}