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

/* Estilos propios pagina Medalla */

/* Menubar: items */ 
#menubar ul li#mb_inicio { display: block; } /* Inicio */
#menubar ul li#mb_abadia { display: block; } /* Abadia */
#menubar ul li#mb_ubicacion { display: none; } /* Ubicacion */
#menubar ul li#mb_fotos { display: none; } /* Fotos */
#menubar ul li#mb_maps { display: none; } /* Vista aerea */
#menubar ul li#mb_contactar { display: block; } /* Contactar */
#menubar ul li#mb_visitas { display: block; } /* Libro Visitas */
#menubar ul li#mb_productos { display: block; }  /* Productos */
#menubar ul li#mb_conosur { display: none; }  /* Cono Sur */
#menubar ul li#mb_osb { display: none; } /* Benedictinos */
#menubar ul li#mb_links { display: none; } /* Enlaces */
#menubar ul li#mb_regla { display: none; } /* Regla */
#menubar ul li#mb_vidasb { display: block; } /* San Benito */
#menubar ul li#mb_preguntas { display: block; } /* Preguntas */

/* --------------- */
#content p {
	margin: 20px 20px 20px 20px;
	text-align: justify;
	font-size: 100%;
}

#sidebar ul li#sb_medalla a {
	background-color:#FFFFFF;
	width:7.3em;
	line-height:2em;
	border:2px solid #840000;
	color:#840000;
}
#sidebar ul li#sb_medalla a:hover {
	background-color:#FFFFFF;
	cursor:default;
}
#topbar ul li#tb_medalla a {
	background-color:#FFFFFF;
	width:96%;
	line-height:26px;
	border:2px solid #000080;
	color:#000080;
}
#topbar ul li#tb_medalla a:hover {
	background-color:#FFFFFF;
	cursor:default;
}

p {
	font-size: 110%;
	line-height:25px;
}

.cssml {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:110%;
	color:#000000;
	line-height:1.8em;
	letter-spacing:1px;	
}
.cspb {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:110%;
	color:#840000;
	line-height:2em;
	letter-spacing:1px;
}
.vrs {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:110%;
	color:#000080;
	line-height:1.8em;
	letter-spacing:1px;
}
.first-letter {
    font-size:110%;
	font-weight:bold;
}

.ui-tooltip, .arrow:after {
background: #CC6666;
border: 1px solid white;
}
.ui-tooltip {
padding: 3px 10px;
color: white;
border-radius: 5px;
font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
/*box-shadow: 0 0 7px black;*/
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -20px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
/*box-shadow: 6px 5px 9px -9px black;*/
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}