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

.navigation {
	height: 350px;
    margin: 0px auto;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1.4px;
}

.navigation a:link {
	transition:none;
}

.navigation .item {
    position:relative;
	width:100px;
	height:auto;
	
}
.bubble1 {
    top:66px;
    left:25px;
}
.bubble2 {
   top:18px;
   left:228px;
}
.bubble3 {
   top:30px;
   left:433px;
}
.bubble4 {
   top:47px;
   left:600px;
}
.bubble5 {
   top:71px;
   left:790px;
}

.bubble6 {
   top:246px;
   left:25px;
}
.bubble7 {
   top:198px;
   left:228px;
}
.bubble8 {
   top:210px;
   left:433px;
}
.bubble9 {
   top:227px;
   left:600px;
}
.bubble10 {
   top:251px;
   left:790px;
}
a.icon {
    width:52px;
    height:52px;
    position:absolute;
    top:0px;
    left:0px;
	cursor: url(../monjecursorflecha.cur), pointer;
}
.bubble1 a.icon {
    background:transparent url(../images/comunidad/espiritualidad/conversion.png) no-repeat 0px 0px;
}
.bubble2 a.icon {
    background:transparent url(../images/comunidad/espiritualidad/comunidad.png) no-repeat 0px 0px;
}
.bubble3 a.icon {
    background:transparent url(../images/comunidad/espiritualidad/pobreza.png) no-repeat 0px 0px;
}
.bubble4 a.icon {
    background:transparent url(../images/comunidad/espiritualidad/castidad.png) no-repeat 0px 0px;
}
.bubble5 a.icon {
    background:transparent url(../images/comunidad/espiritualidad/obediencia.png) no-repeat 0px 0px;
}
.bubble6 a.icon {
    background:transparent url(../images/comunidad/espiritualidad/soledad.png) no-repeat 0px 0px;
}
.bubble7 a.icon {
    background:transparent url(../images/comunidad/espiritualidad/trabajo.png) no-repeat 0px 0px;
}
.bubble8 a.icon {
    background:transparent url(../images/comunidad/espiritualidad/lectio.png) no-repeat 0px 0px;
}
.bubble9 a.icon {
    background:transparent url(../images/comunidad/espiritualidad/alabanza.png) no-repeat 0px 0px;
}
.bubble10 a.icon {
    background:transparent url(../images/comunidad/espiritualidad/manto.png) no-repeat 0px 0px;
}

.navigation .item a.active {
    background-position:0px -52px;
}
.item img.circle {
    position:absolute;
    top:0px;
    left:0px;
    width:52px;
    height:52px;
    opacity:0.1;
}
.item h2 {
	font-family: 'Courgette', cursive;
    position:absolute;
    width:147px;
    height:52px;
    color:#897266;
    font-size:24px;
    top:0px;
    left:52px;
    text-indent: 5px;
    line-height:20px;
    text-shadow:1px 1px 1px #fff;
}
.item h2.active {
	color: #fff;
	text-shadow: 1px 0px 1px #555;
}
.item ul {
    list-style:none;
    position:absolute;
    top:60px;
    left:25px;
    display:none;
}
.item ul li a {
    font-size:15px;
    text-decoration:none;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:#222;
    padding:3px;
    float:left;
    clear:both;
    width:100px;
    text-shadow:1px 1px 1px #fff;
}
.item ul li a:hover {
    background-color:#fff;
    color:#444;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:1px 1px 4px #666;
    -webkit-box-shadow:1px 1px 4px #666;
    box-shadow:1px 1px 4px #666;
}