@charset "iso-8859-1";
/* CSS Document */


body {
	background-color:#666;
	text-align:center;
	margin:0 ; 
	padding:0;
		background-image:url(img/bg_marco.jpg);
	background-position: top;
	background-repeat:no-repeat;
	
	color:#666;
	
	
}
#body_comunion {
	background-color:#666;
	text-align:center;
	margin:0 ; 
	padding:0;
		background-image:url(img/bg_marco_comunion.jpg);
	background-position: top;
	background-repeat:no-repeat;
	
	color:#666;
	
	
}

h1 {font-size:25px;}
h3 {font-size:16px;}
#container {
	text-align: left;
	width: 900px;
	margin:0 auto;
	
	
}
#portada {
	position:relative; background-image:url(img/fondo_portada1.jpg); background-position:0px -20px; background-repeat:no-repeat; width:754px; height:540px; 
}
#int {
	position:relative; background-color: #666; background-position:0px -20px; background-repeat:no-repeat; width:754px; height:540px; 
}

#panelgris {
	position:relative; top:370px; right:20px; width:259px; height:143px; float:right;  
	}

#logotipo {
	position:relative; top:10px; left:755px; width:150px; height:150px; float:left;
}
#logotipo2 {
	position:relative; top:20px; right:-10px; width:108px; height:108px; float:right; margin:0 0px 0 0;
}
#menu {
	float:left;
	width:708px;
	position:relative;
	top:0px;
	left:0px;
	width:708px;
	height:32px;
	margin:0;
	}
	#menu_gal {
	float:left;
	width:708px;
	position:relative;
	top:-14px;
	left:0px;
	height:25px;
	margin:0px 0 -100px 0px;
	
	}
	html>body	#menu_gal {
	float:left;
	width:708px;
	position:relative;
	top:90px;
	left:0px;
	height:25px;
	margin:0px 0 -100px 0px;
	
	}
.menu_container {
	position:relative;
	top:0px;
	left:0px;
	width:708px;
	height:32px;
	
	margin:0px;
	
	}
#info {
	position:relative;
	text-align:left;
	font-style:normal;
	float:right;
	width:130px;
	top:-151px;
	right:0px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	border-bottom:#FFF solid 1px;
	line-height:15px;
	letter-spacing:1px;
	margin:0px 0 -111px 0;
	height:110px;
}
.infolink {
	position:relative;
	text-align:center;
	font-style:normal;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:15px;
	letter-spacing:1px;
	text-decoration:none;
	margin:0px; 
}
.infolink:link {
	text-decoration:none;
	color:#FFF;
}
.infolink:a {
	text-decoration:none;
	color:#FFF;
}
#copy {
	position:relative;
	text-align:left;
	font-style:normal;
	float:right;
	width:200px;
	top:-6px;
	right:-70px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:0 0 -100px 0;
	line-height:15px;
	letter-spacing:1px;
}
.copylink {
	position:relative;
	text-align:left;
	font-style:normal;
	text-decoration:none;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:0 0 0 0px;
	
	letter-spacing:1px;
}
.copylink: link {
	text-decoration:none;
	color:#FFF;
}
.copylink: a{
	text-decoration:none;
}
.copylink: a:hover{
	text-decoration:none;
	color:#FFF;
}
#copylink2: a{
	text-decoration:none;
	color:#fff;
}
#copylink2: a:hover{
	text-decoration:none;
	color:#FFF;
}
#copy2 {
	position:relative;
	text-align:left;
	font-style:normal;
	float:left;
	width:130px;
	top:533px;
	left:170px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	margin:0 0 0px 0px;
	line-height:15px;
	letter-spacing:1px;
	color:#FFF;
}



.nextprev {
	float:left; width:25px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:9px; color:#FFF; margin-left:3px;
}
.nextprev:a {
	 color:#FFF; text-decoration:none; color:#FFF;
}
.nextprev:link {
	 color:#FFF; text-decoration:none; color:#FFF;
}
.nextprev:hover {
	 color:#FFF; text-decoration:none; color:#FFF;
}

.separador {
	width:5px; margin:0px; float:left; text-align:center;font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:9px; color:#FFF;
}
#navegacion {
	float:right;
	width:100px;
	position:relative;
	top:-85px;
	right:90px;
	width:70px;
	margin:0 0 0 0px;
}
html>body #navegacion {
	float:right;
	width:100px;
	position:relative;
	top:20px;
	right:90px;
	width:70px;
	margin:0 0 0 0px;
}

.preload {
	display:none;
}
#texto_int {
	height:520px; width:280px;  margin:20px 0 0 0 ; position:absolute; top:0px; left:10px;
	color:#EEE;
	text-align:justify;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}
#texto_int_titulo {
	width:300px;
	height:100px;
	margin:20px 0 0 0;
	position:absolute;
	top:1px;
	left:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#EEE;
	text-align:justify;
	font-size:12px;
	z-index:100;

}

#texto_int a {
margin:0 0 5px 0 ;
	text-decoration:none;
	color:#CCC;
	font-weight:bold;
}
#texto_int a:hover {
		margin:0 0 5px 0 ;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	}

#foto_int {
	height:540px; width:425px;  margin:0; position:absolute; top:0px; left:320px; float:left;
}
#ulinterior ul {
	
	margin:0 0 15px 15px;
	padding:0;
	
	list-style:none;
	list-style-type: square;
}
#ulinterior li {
	margin:0 0 5px 0 ;
	
}
#ulinterior a{
	margin:0 0 5px 0 ;
	text-decoration:none;
	color:#CCC;
	font-weight:bold;
	
}
#ulinterior a:hover{
	margin:0 0 5px 0 ;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	
}

.demo img {
	margin:1px;}
#foto_int_detalles {
	width:765px; height:540px; margin:0; position:absolute; top:0px; left:0px; float:left; z-index:0;
}
#info1 {
	position:relative;
	text-align:left;
	font-style:normal;
	float:right;
	width:130px;
	top:-100px;
	right:0px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	border-bottom:#FFF solid 1px;
	line-height:15px;
	letter-spacing:1px;
	margin:0px 0 -111px 0;
	height:110px;
}

#texto_int2_container {
	width:750px;
	height:520px;
	margin:0px;
	
	position:absolute;
	top:0;
	left:0;
}
.texto_int2 {
	height:520px; width:280px;  margin:20px 20px 0px 0px ; position:relative; top:0px; left:0px;
	float:left;
	color:#EEE;
	text-align:justify;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
}
.texto_int3 {
	height:520px; width:135px;  margin:20px 0px 0px 0px ; position:relative; top:0px; left:0px;
	float:left;
	color:#EEE;
	text-align:justify;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.texto_int3 p {
	 margin:10px 0px 0px 0px ; position:relative; top:0px; left:0px;
	
}