/*Parroquia de San Pablo Apóstol, Zaragoza -PSPAZ- (http://sanpablozaragoza.org)*/
/*Archivo CSS para la aplicación de formatos y colores a los elementos del website*/
/*Diseño y definición: Trinidad Velilla Marín (TVM), webmaster*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*COLORES DEL WEBSITE (algunos elementos, como determinados calendarios, pueden tener colores no expresados aquí pero que concuerdan cromáticamente)*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BASICOS
      #FFFFFF - Blanco
	  #000000 - Negro
   AMARILLOS Y NARANJAS
      #FFFFCC - Vainilla claro - Color de fondo para los textos y tablas del website, salvo casos especiales
      #FF9900 - Naranja
      #FF6600 - Naranja rojizo- Links en estado hover
      #CC6633 - Ladrillo - Selflinks
   ROSAS Y ROJOS
      #FFD6AE - Rosa claro
      #FF0000 - Rojo
      #990000 - Granate - Cabeceras (h1, h2...)
      #660000 - Granate muy oscuro
   MALVAS Y MORADOS
      #CC6699 - Malva claro - Links en estado active
	  #CC9999 - Malva rosado-grisáceo
      #990099 - Morado penitencial
   AZULES
      #003333 - Azul ultramar muy oscuro - Calendarios individuales estáticos (calendarios simples)
      #006666 - Azul ultramar oscuro
      #669999 - Azul ultramar claro - Calendarios individuales estáticos (calendarios simples)
      #006699 - Azul Pacífico
   VERDES
      #3E5B0C - Verde oliva oscuro
      #4E7013 - Verde oliva medio - Cajas de menús (hecho con Deluxe Tuner) y barras de desplazamiento
      #006600 - Verde oscuro   
      #038103 - Verde medio - Links en estado normal
      #339900 - Verde
      #DFFBAF - Verde muy claro
      #EDFDD2 - Verde clarísimo*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*INICIO DE LA DEFINICIÓN DE ESTILOS DEL WEBSITE PSPAZ*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Características generales -margen general y colores barra scroll*/
html {
margin: 5px;
scrollbar-face-color:       #4E7013;
scrollbar-arrow-color:      #EDFDD2;
scrollbar-track-color:      #DFFBAF;
scrollbar-shadow-color:     '';
scrollbar-highlight-color:  '';
scrollbar-3dlight-color:    #3E5B0C;
scrollbar-darkshadow-color: #000000;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Estructura de las páginas (layout -"wrapper" que envuelve a todo el contenido-)*/
#wrapper {
margin:           auto;
width:            790px;
position:         relative;
background-color: #FFFFCC;
border-top:       9px solid #4E7013;
border-left:      9px solid #4E7013;
border-right:     9px solid #4E7013;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Encabezamientos de párrafo -headers-*/
h1, h2, h3, h4, h5, h6 {
font-family:  Georgia, "Times New Roman", Times, serif;
color:        #990000;
padding:      0 40px 3px 40px;
margin:       30px 0 3px 0;
text-align:   left;
}

h1 {font-size: 1.3em;}
h2 {font-size: 1.1em;}
h3 {font-size: 1em;}
h4 {font-size: 0.9em;}
h5 {font-size: 0.8em;}
h6 {font-size: 0.6em;}

.specialtitle /*-encabezados menú index Año Jubilar Paulino-*/{
color:            #990000;
font-size:        1em;
font-weight:      bold;
padding:          9px 0 6px 0;
margin:           0;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Cuerpo del texto*/
body {background-image: url(../images/comunes/bg_easter1.gif); background-attachment: fixed;}

p, .freetextingrana, .freetextingreen, .freetextinpink {
font-family: Georgia, "Times New Roman", Times, serif;
color:       #000000;
font-size:   1em;
line-height: 20px;
padding:     0 40px 0 40px;
margin:      9px 0 12px 0;
text-align:  justify;
}

.freetextingrana, .freetextingreen, .freetextinpink {padding: 0; text-align: center;}
.freetextingrana {background-color: #990000; color: #FFFFCC; font-weight: bold;}
.freetextingreen {background-color: #DFFBAF;}
.freetextinpink  {background-color: #FFD6AE;}

.adent_izdo1  {margin-left: 30px;}
.adent_izdo2  {margin-left: 50px;}
.adent_dcho   {margin-left: 30px;}
.adent_izdcho {margin-left: 60px; margin-right: 60px;}

.small  {font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 20px;}

.medium {font-size: 1.25em; line-height: 25px; padding: 0 5px 0 5px; text-align: center;}

.big    {color:#990000; font-weight: bold; font-size: 2.75em; line-height: 80px; padding: 0 5px 0 5px; text-align: center;}

.right  {float: right;}

.firma {color: #990000; font-style: italic; text-align: right;}

.center {text-align: center;}

.finpag {margin: 0;}

hr {color: #4E7013; background-color: #4E7013; height: 2px;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Tablas*/
td {
background:  #FFFFCC;
font-family: Georgia, "Times New Roman", Times, serif;
color:       #000000;
font-size:   1em;
line-height: 20px;
padding:     0 10px 10px 10px;
text-align:  left;
}

/*Tablas especiales -Agenda Jubilar Paulina-*/
.tdazul, .tdgranate, .tdgranaosc, .tdmalvarosa, .tdnaranja, .tdrojo, .tdverde {
font-family: Arial, Helvetica, sans-serif;
font-size:   0.9em;
color:       #FFFFFF;
font-weight: bold;
margin:      0;
padding:     0 3px 0 3px;
text-align:  center;
}

.tdazul       {background-color: #006699;}
.tdgranate    {background-color: #990000;}
.tdgranaosc   {background-color: #660000;}
.tdmalvarosa  {background-color: #CC9999;}
.tdnaranja    {background-color: #FF9900;}
.tdrojo       {background-color: #FF0000;}
.tdverde      {background-color: #339900;}

.tdverdeclaro {background-color: #EDFDD2; border: 1px solid #4E7013;}

.tdtextagenda {margin: 0 0 12px 0; padding: 0 3px 0 12px;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Texto resaltado*/
.granate       {color: #990000;}
.granateitalic {color: #990000; font-style: italic;}
.granateoscuro {color: #660000;}
.verde         {color: #006600;}
.verdeitalic   {color: #006600; font-style: italic;}

.boletazul       {background-color: #006699; color: #FFFFFF; border: 4px solid #006699;}
.boletblanco     {background-color: #FFFFFF; color: #990000; border: 1px solid #990000;}
.boletgranate    {background-color: #990000; color: #FFFFFF; border: 4px solid #990000;}
.boletgranaosc   {background-color: #660000; color: #FFFFFF; border: 4px solid #660000;}
.boletmalvarosa  {background-color: #CC9999; color: #FFFFFF; border: 4px solid #CC9999;}
.boletmorado     {background-color: #990099; color: #FFFFFF; border: 4px solid #990099;} 
.boletnaranja    {background-color: #FF9900; color: #FFFFFF; border: 4px solid #FF9900;}
.boletoliva      {background-color: #4E7013; color: #FFFFFF; border: 4px solid #4E7013;}
.boletrojo       {background-color: #FF0000; color: #FFFFFF; border: 4px solid #FF0000;}
.boletverde      {background-color: #339900; color: #FFFFFF; border: 4px solid #339900;}
.boletverdeosc   {background-color: #3E5B0C; color: #FFFFFF; border: 4px solid #3E5B0C;}

.fluoverde       {background-color: #DFFBAF; padding: 6px;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Hipervínculos -las distintas opciones (link, visited, hover y active) deben definirse en ese orden para que TODAS funcionen correctamente-*/
a:focus           {outline: none;}

a                 {color: #038103; text-decoration: underline;}
a:hover           {color: #FF6600; text-decoration: underline;}
a:active          {color: #CC6699; text-decoration: underline;}

a.selflink                          {color: #006666; text-decoration: none; border-bottom: 1px dotted;}
a.selflink:hover, a.selflink:active {color: #CC6633; text-decoration: none; border-bottom: 1px dotted;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Listas*/
/*Listas de viñetas (ul -Unordered bulleted Lists-) y numeradas (ol -Ordered numbered Lists-)*/
ul li, ol li {
font-family:   Georgia, "Times New Roman", Times, serif;
font-size:     1em;
line-height:   20px;
padding:       4px 40px 0 0;
margin-bottom: 12px;
text-align:    justify;  
}

ul li        {list-style-image: url(../images/comunes/redsqr.gif);}
ol li        {list-style-type: decimal;}
ul, ol       {padding: 0; margin: 6px 0 20px 60px;}
ul ul, ol ol {padding: 0; margin: 6px 0  6px 18px;}
ul ol, ol ul {padding: 0; margin: 6px 0  6px 36px;}

/*Elementos de la lista del menú index del Año Jubilar Paulino*/
#menuap    {padding: 0 0 0 45px; margin: 0; text-align: left;}  
#menuap li {font-size: 0.9em; line-height: 10px; list-style-image: url(../images/comunes/bullet.gif)}

/*Listas de definiciones (dl -Definition Lists-)*/
dl {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:   1em;
line-height: 20px;
padding:     0;
margin:      0 0 15px 0px;
text-align:  justify;
}

dl dt {margin: 6px 40px 3px 30px;}
dl dd {margin: 0 40px 12px 50px;}

/*Listas de elementos del sitemap*/
.mapawebcabeceras {
font-size:        1.1em;
color:            #FFFFCC;
font-weight:      bold;
background-color: #4E7013;
border:           4px solid #4E7013;
}

.mapawebtexto {
font-size:        0.8em;
color:            #990000;
padding:          15px 0 0 0;
margin:           0;  
font-weight:      bold;
}

.mapaweblinks {
font-size:        0.8em;
color:            #038103;
padding:          0 0 0 10px;
margin:           0;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Texto para notas al pie de página*/
.notapie {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:   0.9em;
padding:     10px 40px 0 90px;
font-style:  italic;
text-align:  justify;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Fotografías*/ 
img {border: 0;}

/*Fotos sin borde*/
.foto_izdasb, .foto_izdasb2, .foto_dchasb, .foto_dchasb2, .foto_centrosb {width: auto; height: auto;}

.foto_izdasb   {margin: 4px 20px 0 0;    float: left;}
.foto_izdasb2  {margin: 4px 20px 20px 0; float: left;}
.foto_dchasb   {margin: 4px 0 0 20px;    float: right;}
.foto_dchasb2  {margin: 4px 0 20px 20px; float: right;}
.foto_centrosb {margin: 6px 0 12px 0;}

/*Fotos con borde*/
.foto_izdacb, .foto_izdacb2, .foto_dchacb, .foto_dchacb2, .foto_centrocb {width: auto; height: auto; border: 1px solid #4E7013;}

.foto_izdacb   {margin: 4px 20px 0 0;    float: left;}
.foto_izdacb2  {margin: 4px 20px 20px 0; float: left;}
.foto_dchacb   {margin: 4px 0 0 20px;    float: right;}
.foto_dchacb2  {margin: 4px 0 20px 20px; float: right;}
.foto_centrocb {margin: 10px 0 18px 0;}
.foto_tabla    {margin: 15px 0 0 0; border: 1px solid #4E7013;}

.bordeverde {border: 1px solid #4E7013;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Calendario mensual -para el javascript y el texto de cada mes de la Agenda Jubilar Paulina-*/
.main       {width: 150px; border: 1px solid #003333; margin: 0; padding: 0;}
.month      {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #FFFFFF; background-color: #003333; line-height: 120%; font-weight: bold; padding: 3px; text-align: center; font-weight: bold;}
.daysofweek {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #FFFFCC; background-color: #669999; line-height: 120%; padding: 3px; text-align: center; font-weight: bold;}
.days       {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; background-color: #EDFDD2; line-height: 105%; padding: 3px; text-align: right;}
.textmonth  {font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.9em; color: #003366; line-height: 20px; padding: 3px;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Div de posición fija para contener los .gif que llevan directamente al top/bottom de cada página*/
#arrows {float: right; margin-left: 765px; position: fixed; top: 12em; width: auto; height: auto;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Texto copyright*/
#copyright {
font-family: Arial, Helvetica, sans-serif;
font-size:   0.7em;
color:       #FFFFCC;
text-align:  center;
padding:     10px 0 10px 0;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*FIN DE LA DEFINICIÓN DE ESTILOS DEL WEBSITE PSPAZ*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/