@charset "utf-8";
/* CSS Document */

h4 {
	padding: 15px 0px;
}

.top {
	margin-top: 1.5em !important;
}

.bottom {
	margin-bottom: 1.5em !important;
}

.rosario-main {
	width: 100%;
	float: left;
	text-align: left;
/*	font-size: 0.75rem;*/
}

.rosario-esquema {
	width: -moz-calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: -o-calc(100% - 60px);
	width: calc(100% - 60px);
	float: left;
}

.rosario-columna {
	position: fixed;
	width: 40px;
	float: right;
	top: 160px;
	right: 10px;
	z-index: 50;
}

.rosario-img {
	max-width: 75px;
	max-height: 95px;
	margin: 15px 0px;
	float: left;
	margin-right: 15px;
}

.sacerdote {
	width: 100%;
	float: left;
	background-image: url(imagenes/cruz-eucaristia.png);
	background-repeat: no-repeat;
	background-position: left top;
    background-size: 0.6em;
	color: #000;
	font-size: 2.5em;
}

.sacerdote:before {
    display: inline-block;
    width: 0.85em; 
    content: ' ';
}

.lector {
	width: 100%;
	float: left;
	color: #000;
	font-size: 2.5em;
}

.pueblo {
	width: 100%;
	float: left;
	color: #03F;
	font-size: 2.5em;
}

.rojo {
	color: #C00 !important;
}

.azul {
	color: #03F !important;
}

.monitor {
	width: 100%;
	float: left;
	color: #D09;
/*	margin: 0.85em 0px;*/
	margin: 0px;
	font-size: 1.7em;
	font-style: italic;
}

.seccion {
	width: 100%;
	float: left;
	color: #C00;
/*	margin-top: 1.5em;*/
	font-size: 2.5em;
}

.misterios {
	font-family: "Trebuchet MS", Arial;
	width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: -o-calc(100% - 100px);
	width: calc(100% - 100px);
/*	width: 100%;*/
	float: left;
	color: #096;
	font-size: 2.5em;
	margin: 0px;
	margin-top: 20px;
}

.misterios-nombre {
	width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: -o-calc(100% - 100px);
	width: calc(100% - 100px);
	float: left;
	color: #000;
	font-size: 2.5em;
	margin: 0px;
}

.rosario-hr {
	border: none;
	border-bottom: #999 2px solid;
	width: 60%;
	float: left;
	margin: 50px 20%;
}

.indicaciones {
	width: 100%;
	float: left;
	color: #F55;
	font-size: 1.8em;
	font-style: italic;
}

.ico-link {
	position: relative;
	background-color: #05B;
	width: 40px;
	height: 30px;
	line-height: 30px;
	float: left;
	text-align: center;
	color: #FFF !important;
	margin-bottom: 15px;
	cursor: pointer;
}

.ico-link:hover {
	background-color: #333;
	text-decoration: none;
}

.ico-link-aktivo {
	background-color: #094 !important;
}

.ico-link-vacio {
	border: #FFF 1px solid;
	background-color: #F00;
	position: absolute;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: bolder;
	top: -10px;
	right: -10px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	z-index: 50;
}

div[id*="-letra"] p {
	width: 100%;
	float: left;
	color: #03F;
	font-size: 2.5em;
	margin-bottom: 1.5em;
}

.cantos-esquema {
	margin-top: 4.5em;
}

.num-estrofa {
	font-size: 1.2rem;
}