/* Presentation Stylesheet */ 

a:link,
a:visited,
a:active {
	color:#548cca;
	text-decoration: none;
	font-weight: bold; 
	}



a:hover {
	color:#000000; 
	text-transform: none; 
	font-weight: bold;

	}



input, textarea {
	border:1px solid #548cca; 
	background: #558bcb;
	font-size: 9pt;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	}


h1 {
	font-size: 13pt; 
	font-weight: bold;
	font-family: "Arial", Helvetica, Tahoma, Sans-serif;  
	color:#ffffff;
	text-transform: uppercase;
	text-align: left;
	background-color: #548cca;
	line-height: 20px;
	padding: 2px 2px 2px 2px;  
	}
	
p.imp {
	font-size: 11pt; 
	font-family: "Arial", Helvetica, Tahoma, Sans-serif;  
	font-weight: bold;
	color:#548cca;
	display: inline;
	text-align: center;
	}	
	
p.gal {
	font-size: 13pt; 
	font-family: "Arial", Helvetica, Tahoma, Sans-serif;  
	font-weight: bold;
	text-align: center;
	border-bottom: medium solid #c2d6ec;
	}	

p.quote {
	font-size: 13pt; 
	font-family: "Georgia", Tines New Roman, serif; 
	font-style: italic;
	color:#666666;
	text-align: center;
	line-height: 14pt;  
	}	


p.dotted {
	font-size: 11pt; 
	font-weight: bold;
	font-family: "Arial", Helvetica, Tahoma, Sans-serif;  
	color:#000000;
	text-align: right;
	text-transform: uppercase;
	border-bottom: medium solid #548cca;
	}
	
p.small {
	font-size: 7pt; 
	font-family: "Arial", Helvetica, Tahoma, Sans-serif;  
	text-align: left;
	}

	
#l-col ul.circle {
	list-style-type: circle;
	font-size: 7.5pt; 
	font-family: "Arial", Helvetica, Tahoma, Sans-serif;  
	text-align: left;
	}

ul.disc {
	list-style-type: disc;
	}
	
ul.circle {
	list-style-type: circle;
	}


img.photo {
	display: block;
    margin-left: auto;
    margin-right: auto;
	}
			
		
#pic {
	border: 8px solid #dae6f3;
	}

	
#menu {
  list-style: none;
  color: #ffffff;
  padding: 0;
  margin: 0;
  width: 900px;
  height: 450px;
  background: url(header.jpg) no-repeat;
  position: relative;
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
  display: block;
  text-indent: -2000%;
  position: absolute;
  outline: none;
}
#menu a:hover {
  display: block;
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}

#menu .inicio {
  width: 65px;
  height: 17px;
  background: url(img/inicio.gif) no-repeat;
  left: 77px;
  top: 381px;
}

#menu .antigua {
  width: 133px;
  height: 12px;
  background: url(img/antigua.gif) no-repeat;
  left: 188px;
  top: 365px;
}

#menu .ermita {
  width: 122px;
  height: 12px;
  background: url(img/ermita.gif) no-repeat;
  left: 220px;
  top: 382px;
}

#menu .ermitaii {
  width: 63px;
  height: 12px;
  background: url(img/ermitaii.gif) no-repeat;
  left: 316px;
  top: 382px; 
} 

#menu .sanpedro {
  width: 157px;
  height: 13px;
  background: url(img/sanpedro.gif) no-repeat;
  left: 218px;
  top: 399px;
}

#menu .casas {
  width: 47px;
  height: 13px;
  background: url(img/casas.gif) no-repeat;
  left: 279px;
  top: 416px;
}
#menu .galeria {
  width: 86px;
  height: 23px;
  background: url(img/galeria.gif) no-repeat;
  left: 408px;
  top: 378px;
}

#menu .requisitos {
  width: 118px;
  height: 21px;
  background: url(img/requisitos.gif) no-repeat;
  left: 533px;
  top: 381px;
}

#menu .mapa {
  width: 59px;
  height: 17px;
  background: url(img/mapa.gif) no-repeat;
  left: 693px;
  top: 381px;
}

#menu .contacto {
  width: 21px;
  height: 23px;
  background: url(img/contacto.gif) no-repeat;
  left: 797px;
  top: 378px;
}


p.blockquote {
	font-size: .9em;
	line-height: 1.6em;
	padding: 0 0 0 30px;
	margin: 20px 40px 0 10px;
	background: url("http://depasenrenta.com/img/quote.gif") no-repeat top left #fff;
	color: #777;
}