body { color: #748A95; font-family: arial; }
h1 { background: none; color: #D11C2E; font-size: 25px; margin: -5px 0px 10px 0px; padding: 0px; line-height: 25px; font-weight: normal; }
h1 span { padding-left: 0px; display: block; font-family: century gothic, arial; }
.xmap h1 span {text-transform:Lowercase;  }
h2 { font-weight: bold; font-size: 17px;color:#5e7682;}
.vivir{ font-weight: normal; font-size: 18px;color:#5e7682;}
.vivir2{ font-weight: normal; font-size: 12px;color:#5e7682;}

h2 span { font-weight: bold; font-family: century gothic, arial; }
h2 a { font-family: century gothic, arial; color:#fff}

h3 { color: #748A95; font-size: 16px; font-weight: bold; font-style: normal; text-decoration: none; line-height: 20px; margin: 0px 0px 0px 0px; font-family: century gothic, arial;}
h4 { color: #748A95 !important; font-family: century gothic, arial; }

h5 { font-size: 14px; }


p { color:#748A95;}
.pulse{ color:#fff;font-size: 11px;font-style: italic;}

.comentario { color:#748A95;font-size: 11px;font-style: italic;}
#com_biblioteca h1 {    background: url(../images/bg-libro2.jpg) no-repeat;    width: 555px;    height: 63px;}
#com_biblioteca h1 span {    padding-left: 80px;    padding-top: 15px;    color: #FFF;    display: block;}
#com_biblioteca { width: 555px; }

#com_celebraciones h1 {    background: url(../images/bg-cruz2.jpg) no-repeat;    width: 555px;    height: 63px;}
#com_celebraciones h1 span {    padding-left: 80px;    padding-top: 15px;    color: #FFF;    display: block;}
#com_celebraciones{ width: 555px; }

.com_imagenes2 h1 {    background: url(../images/bg-foto2.jpg) no-repeat;    width: 555px;    height: 63px;}
.com_imagenes2 h1 span {    padding-left: 80px;    padding-top: 15px;    color: #FFF;    display: block;}
.com_imagenes2{ width: 555px; }

.com_videos2 h1 {    background: url(../images/bg-pelicula3.jpg) no-repeat;    width: 555px;    height: 63px;}
.com_videos2 h1 span {    padding-left: 80px;    padding-top: 15px;    color: #FFF;    display: block;}
.com_videos2{ width: 555px; }

#com_videos ul.list li { background: none; border-bottom: 1px dotted #C2C2C2; width: 530px; margin: 0px; padding: 0px;}

.com_celebraciones2 h1 {    background: url(../images/bg-cruz2.jpg) no-repeat;    width: 555px;    height: 63px;}
.com_celebraciones2 h1 span {    padding-left: 80px;    padding-top: 15px;    color: #FFF;    display: block;}
.com_celebraciones2{ width: 555px; }

.contentpaneopen .uLeft {
    font-style: italic;
    font-weight: bold;
}
.content_text p { width: 710px; /*text-align: justify;*/ font-size: 11px; margin: 3px 0px 3px 0px; color: #586C74; }
.content_text h2 { width: 710px; font-size: 14px; margin: 3px 0px 3px 0px; color: #D11C2E; font-weight: normal; }
.content_text h3 { width: 710px; font-size: 12px; margin: 8px 0px 0px 0px; color: #586C74; text-transform: uppercase; font-weight: normal;  }
.content_text h4 { width: 710px; font-size: 11px; margin: 3px 0px 3px 0px; color: #586C74; font-style:italic; font-weight: normal;}
.content_text ul li{ font-size: 11px; color: #586C74;}

.article_separator, .componentheading, .clr { display: none; }
.blog_contenido, .contentpaneopen_contenido { margin: 0px; padding: 0px; }
aside table.contentpaneopen { margin: 0px; padding: 0px; }
header { top: 10px; height: 170px; }
header nav { top: 132px; height: 35px; }
footer { width: 100%; min-height: 30px; height: 30px; position: relative; top: -15px; *top: -10px; }
#container { background: #FFF; margin-top: 10px; padding: 170px 0px 10px 0px; *padding-top: 180px; }

#contentfooter {
    height: 30px;
    background: #B2C1C9;
}

#contentfooter nav ul {
    margin: 4px 0px 0px 0px;
}

#contentfooter2 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    padding-top: 7px;
    position: relative;
    font-size: 11px;
}


#content { margin-top: 20px; min-height: 340px; }
#content.col1 { width: 78%; }
#orig_blog.col1 { width: 78%; }
#container aside.col3 { width: 20%; position: absolute; left: 0px; }
.col3-aux { border-right: 1px solid #D11C2E; margin-top: 20px; }
#orig_blog .full_com_noticias { width: 94%; margin-left: 20px; }
#orig_blog .full_com_eventos { width: 94%; margin-left: 20px; }

#content.col1 p{ width: 710px; /*text-align:justify;*/ }

.box_fotos li{ float: left; border: 1px solid #D11F2F; margin: 0px 5px 5px 0px; padding: 0px; }
a.volver { color: #D11F2F; }


.logohome {
    position: absolute;
    top: 50px;
    left: 618px;
    width: 320px;
    overflow: hidden;
}

.logohome:hover { width: 320px;}
.column_separator { margin-left: 10px; float: right !important; }
#menufooter_left { float: left; width: 50%;}
#menufooter_right { float: right; width: 40%; text-align: right;}
#contentfooter nav ul { margin-left: 12px; margin-right: 15px; width: 440px;}

.com_ckform .col1 { width: 40%; float: left; }
.com_ckform .col2 { width: 60%; float: right; }
.com_map .col1 { width: 40%; float: left; }
.com_map .col2 { width: 60%; float: right; }
.latestnews { margin: 0px; padding: 0px;}

ul.menu_mainmenu { font-family: century gothic, arial; width: 870px; float: left; margin-left: 20px; padding-left: 50px;  background: url(../images/cabecera/menu.jpg) 0px 0px repeat-x; height: 35px;}
ul.menu_mainmenu li { float: left;  margin: 10px 10px 0px 0px; padding: 0px 10px 0px 0px; border-right: 1px solid #FFF; height:15px; line-height: 15px;}
.menu_mainmenu li a { color: #748A95; font-size: 16px; font-weight: 100; }
.menu_mainmenu li a:hover { color: #D11C2E; }

ul.menu_mainmenu li.item22 { padding-right: 0px; margin-left: 80px; width: 260px;	text-align: right; }
ul.menu_mainmenu li.item22 a { font-size: 14px; display: inline;}



.breadcrumbs {
    margin-left: 20px;
}

.breadcrumbs a {
    color: #D11C2E;
}

ul.jflanguageselection {
    margin: 5px 40px 0px 0px;
}

ul.jflanguageselection li:first-child {
    border-right: 1px solid #B2C1C9;
}

ul.jflanguageselection li {
    display: inline;
    margin: 0px 0px 0px 10px;
    padding: 0px 10px 0px 0px;
}

ul.jflanguageselection li a {
    color: #B2C1C9;
    font-size: 11px;
}

ul.jflanguageselection li a:hover {
    text-decoration: underline;
}

.noticias_destacadas {
    margin: 0px 10px 0px 20px;
    text-align: right;
}

.noticias_destacadas h2 {
    margin: 0px 0px 5px 0px;
    font-weight: normal;
    font-size: 17px;
}

.noticias_destacadas p {
    color: #748A95;
    margin: 0px;
    font-weight: normal;
    font-size: 12px;
}

.noticias_destacadas a {
    color: #D11C2E;
    display: block;
    margin: 0px 0px 10px 0px;
}

.banner-izquierda {
    margin: 0px 10px 0px 20px;
	background: url(../images/bg-ilustracioniconicc.jpg) 0px 400px no-repeat;
}

p.tipo1 {
    color: #748A95;
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    margin: 0px 0px 0px 30px;
}

p.tipo1 span {
    color: #D11C2E;
}

#content p.tipo2 { color: #748A95; font-size: 14px; line-height: 20px; margin: 10px 0px 10px 30px; width: 300px; }

.logocmsantiago { position: absolute; bottom: 20px; right: 40px; }
.logocmsantiago img { width: 70px; }
.img-right-home { position: absolute; top: -5px; right: 30px; }


.box-elmartirio { width: 247px; position: absolute; top: 60px; left: 0px; margin: 0px 0px 0px 10px; }
.header-elmartirio { background: url(../images/bg-pelicula.jpg) no-repeat; width: 247px; height: 60px; }
.header-elmartirio h2 { position: absolute; top: 10px; left: 80px; color: #FFF; font-size: 22px; font-weight: normal; }
.body-elmartirio {  margin-left: 13px; width: 234px; background: #D11F2F; height: 230px; }
#content .body-elmartirio p { line-height: 18px; color: #FFF; margin: 0px 30px 0px 70px; width: 150px;}

.pos-elitinerario { position: absolute; top: 60px; left: 280px; }
.pos-contexto {position: absolute; top: 200px; left: 280px;}

.pos-testimonios1 { position: absolute; top: 80px; left: 443px; }
.pos-otrosmartires1 {  position: absolute; top: 220px; left: 443px; }

.pos-testimonios { position: absolute; top: 60px; left: 443px; }
.pos-otrosmartires {  position: absolute; top: 200px; left: 443px; }
.pos-biblioteca { position: absolute; top: 60px; left: 0px; }

.pos-imagenes { position: absolute; top: 60px; left: 290px; }
.pos-videos {position: absolute; top: 230px; left: 0px; }
.pos-celebraciones { position: absolute; top: 230px; left: 290px; }
.pos-visita { position: absolute; top: 20px; left: 350px; }
.telefono-contacto { font-size:11px; margin-top:-20px; }
.tabla-horarios { margin-left:30px; }

.header-elitinerario { background: url(../images/bg-foto.jpg) no-repeat; width: 247px; height: 60px; }
.header-contexto { background: url(../images/bg-libro.jpg) no-repeat; width: 247px; height: 60px; }
.header-testimonios { background: url(../images/bg-microfono.jpg) no-repeat; width: 247px; height: 60px; }
.header-otrosmartires { background: url(../images/bg-cruz.jpg) no-repeat; width: 247px; height: 60px;}
.header-imagenes { background: url(../images/bg-foto.jpg) no-repeat;width: 247px; height: 60px;}
.header-videos { background: url(../images/bg-pelicula2.jpg) no-repeat; width: 247px; height: 60px;}
.header-visita { background: url(../images/bg-visitavirtual.png) no-repeat; width: 277px; height: 120px;margin-bottom: 15px;}

div#visita_virtual p{ width: 190px !important; margin-left: 80px;}


.mapa-martiriales { width: 468px; height: 340px; margin: 20px 10px 0px 0px;}

.lugar { display:none; width: 240px; margin: 0px 0px 0px 0px; position:absolute;right:0px;top:15px;}
.lugar h2{ width: 240px; color:#000;font-size: 15px;line-height: 15px;}
#content.col1  .lugar p{ width: 220px; }


#numeracion{ width: 240px; margin: 0px 0px 0px 0px; position:absolute;right:0px;top:35px;}
#numeracion h2{ width: 140px; color:#000;font-size: 15px;line-height: 15px;}
#numeracion ul{}
	
	
#numeracion ul li{margin-left:0px;margin-bottom:10px;width: 140px; padding-left:35px;line-height: 15px; }

#numeracion ul li.l01{background: url(/images/stories/lugares/numeros.png) 0px -5px no-repeat; }
#numeracion ul li.l02{background: url(/images/stories/lugares/numeros.png) 0px -50px no-repeat;padding-bottom:15px; }
#numeracion ul li.l03{background: url(/images/stories/lugares/numeros.png) 0px -94px no-repeat; }
#numeracion ul li.l04{background: url(/images/stories/lugares/numeros.png) 0px -139px no-repeat; padding-bottom:15px;}
#numeracion ul li.l05{background: url(/images/stories/lugares/numeros.png) 0px -184px no-repeat; padding-bottom:15px;}
#numeracion ul li.l06{background: url(/images/stories/lugares/numeros.png) 0px -230px no-repeat;padding-bottom:15px; }

#content.col1  #numeracion #pulse {width: 180px;position:relative;}

#content.col1  #numeracion #pulse img { left:0;position:absolute;top:0;}
#content.col1  #numeracion #pulse p{float:left;position:relative ;top:0 ;padding-left:58px; color:#d4001d;width: 180px;}



.box-generico { width: 247px; margin: 0px 0px 0px 20px;}
.box-generico a { color: #FFF; }
.box-generico a:hover { color: #66070F; }
.box-elmartirio a:hover { color: #66070F; }
.box-generico h2 { position: absolute; top: 7px; left: 65px; color: #FFF; font-size: 20px; font-weight: normal; width: 100%; }
.body-box-generico { margin-left: 14px; width: 237px; height: 200px; }
#content .body-box-generico p { line-height: 15px; color: #748A95; margin: 0px 0px 0px 40px; width: 190px; text-align: left; }

.pos-otrosmartires1 h2 { left: 65px; top: 4px; line-height: 15px; }
.pos-otrosmartires1 h2 span { font-size: 15px; font-weight: normal; }

.pos-otrosmartires h2 { left: 65px; top: 4px; line-height: 15px; }
.pos-otrosmartires h2 span { font-size: 15px; font-weight: normal; }
.pos-contexto h2 { left: 65px; }

.pos-visita h2 {
    left: 140px;
    font-size: 30px;
    top: 18px;
    line-height: 30px;
}

.box-der {
    position: absolute;
    top: 20px;
    left: 600px;
    width: 80px;
}

.box-der a {
    margin-bottom: 10px;
}

.link-bib {
    background: url(../images/bt-libro02.jpg) no-repeat;
    text-indent: -9000px;
    display: block;
    width: 80px;
    height: 78px;
}

.link-bib:hover {
    background: url(../images/bt-libro01.jpg) no-repeat;
}

.link-bib.active {
    background: url(../images/bt-libro01.jpg) no-repeat;
}

.link-peli {
    background: url(../images/bt-pelicula02.jpg) no-repeat;
    text-indent: -9000px;
    display: block;
    width: 80px;
    height: 78px;
}

.link-peli:hover {
    background: url(../images/bt-pelicula01.jpg) no-repeat;
}

.link-peli.active {
    background: url(../images/bt-pelicula01.jpg) no-repeat;
}

.link-foto {
    background: url(../images/bt-foto02.jpg) no-repeat;
    text-indent: -9000px;
    display: block;
    width: 80px;
    height: 78px;
}

.link-foto:hover {
    background: url(../images/bt-foto01.jpg) no-repeat;
}

.link-foto.active {
    background: url(../images/bt-foto01.jpg) no-repeat;
}

.link-cruz {
    background: url(../images/bt-cruz02.jpg) no-repeat;
    text-indent: -9000px;
    display: block;
    width: 80px;
    height: 78px;
}

.link-cruz:hover {
    background: url(../images/bt-cruz01.jpg) no-repeat;
}

.link-cruz.active {
    background: url(../images/bt-cruz01.jpg) no-repeat;
}

.list-photos {
    margin-left: 30px;
}

.list-photos .box-img {
    width: 25%;
    float: left;
}

.list-photos .box-text { width: 72%; float: right; }

.list-photos .caja-productos { background: none; margin: 0px; padding: 0px 0px 10px 0px; border-bottom: 1px dotted #C2C2C2; }
#content .list-photos .caja-productos p { width: 670px;}
#com_biblioteca .list-photos .caja-productos p { width: 500px;}
.list-photos .caja-productos a.pdf { margin: 5px 0px 0px 5px; }
.list-photos .caja-productos a.web { margin: 5px 0px 0px 5px; }


#com_enlaces .list-photos .caja-productos { width: 94%; }
#com_enlaces .list-photos .caja-productos a.web { margin: 5px 0px 0px 5px; padding-left: 5px; color: #D11C2E; }
#com_noticias .list-photos .caja-productos { width: 94%; }
#com_eventos .list-photos .caja-productos { width: 94%; }

/* Jcomments */
#jc { width: 690px; }
#comments-footer { display: none; }
#comments-form-link { margin: 0px; padding: 0px; }
#comments-form-link #addcomments { position: absolute; left: -25px; top: 30px; height: 50px;    color: #748A95;}

/* LOCALIZACION */
#map { height: 340px; width: 670px; margin: 10px 0px 10px 10px; float: left; }

/* forms */
.ckCSSinputnormal { background-color: #B2C1C9; border: 1px solid #605C53; }

/*quienes fueron*/
div.text-martir {
    width: 210px;
    float: right;
	font-size: 11px;
	padding-right: 15px;
	line-height: 15px;
}
div.text-martir h1{
	padding-top: 0px;
	margin-top: 0px;
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
/*fin quienes fueron*/

/*m�rgenes*/

.mt12{margin-top: 12px;}
.ml12{margin-left: 12px; float: left;}
.mr18{margin-right: 18px; #margin-right: 18px;}
.mr5{margin-right: 5px;}
.ml5{margin-left: 5px;}
.ml175{margin-left: 175px; #margin-left: 175px;}
.ml285{margin-left: 285px; #margin-left: 285px;}

/*fin m�rgenes*/

/*alturas*/
.h32{height: 32px;}
/*fin alturas*/

/*boxhome con bordes*/

.borde-izq-der{border-right: 3px solid #D8161A; border-left: 3px solid #D8161A; height: 310px;}
.boxhome{ width: 405px; float: left; _margin-right: 46px; height: 100%; margin: -20px 0px 0px 20px;}
.headerboxhome{ background: url(/templates/base/images/head-quienesfueron.png) #FFFFFF no-repeat left top; min-height:29px; }
.headerboxhome p{ height: 45px; color: #FFF; font-weight: bold; line-height: 20px; margin: 0px 5px 0px 5px; padding: 5px; }
.imgboxhome { }
.bodyboxhome{ background: url(/templates/base/images/pie-quienesfueron.png) #FFFFFF no-repeat left bottom; position: relative; padding-bottom: 39px;/* Padding de la altura de la im�gen */}
.bodyboxhome p{ color: #000; margin: 5px; line-height: 20px; margin: 0px 5px 0px 5px;}
.bodyboxhome ul{display: block; padding: 20px 0px 20px 0px; }
.bodyboxhome ul li{ background: url(/stories/iconos.png) no-repeat 0px -333px; _background: url(/stories/flecha.gif) no-repeat; color: #022449; padding: 0px 0px 0px 20px; line-height: 15px; font-size: 12px; font-weight: bold; margin: 0px 10px 5px 10px; display: block; }
.bodyboxhome ul li ul { margin: 0px; padding: 0px; }
.bodyboxhome ul li li{ background: none; margin: 0px 0px 0px 10px; padding: 0px; font-weight: normal; }
.anchototal{width: 960px;}


/*fin boxhome*/ 
 
 .selectores a img{ float: left;}
 .selectores a strong{ color: #FFFFFF; font-size: 1.2em; float: left; margin: 0px 5px 0px 5px; cursor: pointer;*margin: 5px 5px 0px 5px; }
 .selectores a strong:hover{color: #b2c1c9;}
 .selectores .selectorL{position: absolute; bottom: 8px; left: 10px;}
 .selectores .selectorR{position: absolute; bottom: 8px; right: 10px;}

/*menu barbastro joven*/
.contenidocentrado{  margin-left:auto;margin-right:auto;width:960px;}
img.video{ margin: 40px 0 0 30px;}


div.barbastro-joven{ float: right; width: 300px; margin: 0px 30px 0 0;}
div.barbastro-joven div{ height: 56px;}
div.barbastro-joven div h2{color:#FFFFFF; font-size:20px; font-weight:normal; margin-left:67px; position:absolute; margin-top:13px; }
div.barbastro-joven div h2 a{ color: #FFFFFF;}
div.barbastro-joven div h2 a:hover{ color: #cccccc;}

div.jugarse_la_vida{ background: url(/templates/base/images/joven01.jpg) no-repeat; margin-bottom: 15px;}
div.la_historia_de_faustino{ background: url(/templates/base/images/joven02.jpg) no-repeat; margin-bottom: 15px;}
div.para_vivir{ background: url(/templates/base/images/joven03.jpg) no-repeat; margin-bottom: 15px;}
div.para_preguntarse{ background: url(/templates/base/images/joven04.jpg) no-repeat;}
div.aceptas_la_donacion{ background: url(/templates/base/images/joven05.jpg) no-repeat; margin-bottom: 15px; }
div.aceptas_la_donacion a { letter-spacing:-1pt; }
.justificado{text-align:justify;}
 .testimoniosparrafo{font-size: 11px;}

/*fin menu barbastro joven*/

div.articulo h2{ color: #D11C2E;}
div#flash{margin-top: 20px;}

/*Barbastro joven*/
ul.listaroja li{ color: #D11F2F; margin: 0px; padding: 0px;font-style: italic; *margin-bottom:5px;}
ul.listaroja li a{ color: #D11F2F;}
ul.listaroja li ul{ margin-bottom: 0px;}
.parapreguntarse{ font-size: 15px;}
.parapreguntarse h5{ font-size: 15px;}
p.todoocurrio{ width: 710px; line-height:15px; font-size: 12px;}
.rojojoven{ color: #D11F2F;font-weight: normal;}
.img-right-faustino { position: absolute; top: 120px; right: 40px;}

ul.listadotestimonios li{ color: #566a75; margin: 0px;font-size: 11px; padding-left: 20px;font-style: italic;}
ul.listadotestimonios li a{ color: #566a75;*margin-top:5px;}
/*
div#texto{margin: 0 20px 0 220px}
div#texto p.text{font-size: 17px; color: #748A95;}
div#texto h2{color: #d11f2f;}
div#texto h3{color: #748A95; margin: 0px 0px 20px 0px;}
div.izquierda{ width: 192px;}
*/

.textogris {margin: 15px 0px 30px 0px;}
.textogris p{ margin: 10px 0px 10px 0px; padding: 0px; color: #748A95; font-size: 14px; }


#content .imagenes{float: left; margin: 0 23px 0 0; width: 125px; color: #000;}
#content .imagenes p{font-style: italic; color: #000; line-height: 13px; width: 125px; text-align: left;}


#pijv{margin: 5px 90px 30px 0px;}

#content .paravivir{ height: 100px; position: relative; }
#content .paravivir img{ position: absolute; top: 10px; left: 0px; }
#content .paravivir p{font-size: 1px; width: 605px; margin: 0px 0px 0px 100px; color: #596D75; float: left;}
#content .paravivir h3{color: #d11f2f; font-size: 15px; font-weight: normal; margin: 0px 0px 0px 100px;  float: left; text-transform: uppercase;}

#content p.texto-rojo {color: #D11F2F; margin: -15px 0px 20px 10px; padding: 0px; font-style: italic;  }


/*MAPA WEB */

ul.level_0{ float: left; width: 200px; margin: 0px 0px 0px 20px; padding: 0px;}
ul.level_0 li{ list-style:circle; margin: 0px; padding: 0px; text-transform:Lowercase;  }
ul.level_0 ul.level_1 { margin: 0px; padding: 0px;}
ul.level_0 ul.level_1 li{ list-style:circle; margin: 0px 0px 0px 20px; padding: 0px; line-height: 17px; height: 17px;  }
ul.level_0 ul.level_1 li a{ margin: 0px; padding: 0px; font-style: italic; }
ul.level_0 a:hover{ text-decoration: underline; }
#l_xmap_1_0{ width: 40%;}
#l_xmap_6_0{ width: 24%;}
#l_xmap_7_0{ width: 24%;}

/*Fin Barbastro joven*/