body{
	background-color: teal;
	font-family: sans-serif;
        margin: 0px;
        padding: 0px;
	text-align: center;

}

img{
	background-position: center;
	margin-top:10%;
}

h1{
	color: White;
}

h2{
	color: White;
}

p{
	color: White;
	text-align: center;
}

/** nuevo... **/

p.breviario_salmo_titulo{
        color: turquoise;
        text-align: center;
}

p.breviario_salmo{
        color: white;
        text-align: justify;
}

p.breviario_antifona{
        color: white;
        text-align: justify;
}

p.breviario_responsorio{
        color: white;
        text-align: justify;
}

/** ...fin **/

p.bibliografia{
	color: White;
	text-align: justify;
}

p.fonoteca{
        color: white;
        text-align: justify;
}

p.videografia{
	color: White;
	text-align: justify;
}

p.espacio{
	color: White;
	text-align: justify;
}

p.enlace{
	color: White;
	text-align: justify;
}

p.historial{
	color: White;
	text-align: justify;
}

ol.historial{
	color: White;
	text-align: justify;
}

li.historial{
	color: White;
	text-align: justify;
}

/**nuevo...**/
ul.celebraciones{
    list-style: none;
    margin: 0px;
    padding: 0px;

}
/**...fin**/

em{
	color: White;
	font-weight: bold;
}

/** nuevo... **/

em.breviario_rubrica{
        color: turquoise;
        font-weight: normal;
}

/** ...fin **/

a:link{
	color: YellowGreen;
	text-decoration: none;
}

a:visited{
	color: YellowGreen;
	text-decoration: none;
}

a:hover{
	color: Yellow;
	text-decoration: none;
}

a:active{
	color: YellowGreen;
	text-decoration: none;
}

div.capa-superpuesta#continente {
	display: none;
	background: black;
	height: 100%;
	left: 0px;
	position: fixed;
	text-align: center;
	top: 0px;
	width: 100%;
	z-index: 5000;
}

div#contenedora{
	border-color: White;
	border-style: solid;
	border-width: 0px;
        left: 0px;
	margin-left: auto;
	margin-right: auto;
        position: absolute;
        top: 0px;
	width: 100%;
        z-index: 1500;
}

div.cabecera{

}

#cabecera{
        background-color: teal;
        border-color: green;
        border-style: solid;
        border-width: 0px;
        color: black;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        z-index: 1550;
}

div.menu{
        background-color: black;
        border-color: green;
        border-style: solid;
        border-width: 0px;
        color: gray;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        z-index: 1600;
}

div.submenu{
        background-color: darkblue;
        border-color: green;
        border-style: solid;
        border-width: 0px;
        color: yellowgreen;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        z-index: 1600;
}

/**nuevo...**/
form.capilla{
        display: inline;
}

form.biblioteca{
        display: inline;
}
/**...fin**/

form.recepcion{
        display: inline;
}

div.informacion{
        background-color: blue;
        border-color: green;
        border-style: solid;
        border-width: 0px;
        color: white;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        z-index: 1600;
}

div#informacionGeneral{
    
}

div#informacionParticular{
    
}

div.exito{
        background-color: green;
        border-color: green;
        border-style: solid;
        border-width: 0px;
        color: white;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        z-index: 1600;
}

div#exitoGeneral{
    
}

div#exitoParticular{
    
}

div.aviso{
        background-color: yellow;
        border-color: green;
        border-style: solid;
        border-width: 0px;
        color: black;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        z-index: 1600;
}

div#avisoGeneral{
    
}

div#avisoParticular{
    
}

div.error{
        background-color: red;
        border-color: green;
        border-style: solid;
        border-width: 0px;
        color: white;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        z-index: 1600;
}

div#errorGeneral{
    
}

div#errorParticular{
    
}

/**nuevo...**/
div.informacion_liturgica{
        background-color: cadetblue;
        color: white;
        margin: 1em;
        padding: 1em;
}
/**...fin**/
div.columna{

}

#central{
	border-color: Yellow;
	border-style: solid;
	border-width: 0px;
	margin-left: auto;
	margin-right: auto;
        overflow: hidden;
	width: 60%;
        z-index: 1550;
}

#izquierda{
	border-color: Orange;
	border-style: solid;
	border-width: 0px;
        float: left;
	margin-left: auto;
	margin-right: auto;
	width: 49%;
        z-index: 1600;
}

#derecha{
	border-color: DarkOrchid;
	border-style: solid;
	border-width: 0px;
        float: right;
        margin-left: auto;
        margin-right: auto;
	padding: 0;
	width: 49%;
        z-index: 1600;
}