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

/* Estilos propios pagina Links */

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

/* -----------------*/

.links ul {
	list-style-image:url('../images/link_icon.gif');
	padding:0 0 0 20px;
	width:25em;
	margin:10px auto 10px auto;
	text-align:left;
}
.links ul li {
	list-style-image:url('../images/link_icon.gif');
	width:20em;
	line-height:24px;
	margin:3px 0 3px 40px;
	font-size:100%;
}
.links ul li a {
	display:block;
	color:#0000FF;
	width:20em;
	line-height:24px;
	text-decoration:none;
}
.links ul li a:hover {
	background-color:#0099CC;
	color:#FFFFFF;
}

h2 {
	display:block;
	margin:10px 0 0 0;
	padding:0px 0px 2px 5px;
	background-color:#003399;
	font-size:100%;
	color:#FFFFFF;
	font-weight:normal;
	text-align:center;
}

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

/* =========================== */

#tabs {
	padding: 0;
	margin: 0;
    border: 0;
	background:transparent;
	display:none;
} 

#tabs .ui-tabs-nav {
	padding: 0;
	margin: 0;
    border: 0;
	border-radius:0;
	background-image:none;  
	background-color:#069;  
	text-align:center;
}

#tabs .ui-tabs-nav li {
	padding:0;
	border:0;
    margin-top: 0.4em;
	margin-bottom:-5px;
  	display:inline-block;
    float: none;
	font-size: 80%;
	font-weight:bold;
	border-radius:10px 10px 0px 0px;
} 

#tabs .ui-tabs-nav li a {
	outline:none;
	border-radius:10px 10px 0px 0px; 
}

#tabs .ui-state-default a { 
	color:#999999; 
	background-color:#FFFFFF; 
}

#tabs .ui-state-hover a { 
	color: #666666; 
	background-color:#FFFFCC; 
}

#tabs .ui-state-active a { 
	color: #000000; 
	background-color:#D6D6D6; 
}