body{
	background-color: #FFFFFF;
	background-image: url(imagenes/bg_psycho.gif);	
   margin: 0px;	
	padding: 0px;		
	color: #757575;
	text-align:center;
	font: 12px  Verdana, Arial, Helvetica, sans-serif;	
}


#page{
   position:relative;   
   background-color: #FFF;
	width:720px;	
	padding: 10px;	
	margin: 10px auto;	
	border: 1px solid #CCC;
	text-align: left;		
}

.bginicio{
 background-image: url(imagenes/bg_inicio.jpg);	
	background-repeat: no-repeat;
	background-position: 10px 10px; 
}

.bgbodas{
   background-image: url(imagenes/bg_bodas.jpg);   	
	background-repeat: no-repeat;
	background-position: 10px 10px; 
}


.bgcomuniones{
   background-image: url(imagenes/bg_comuniones.jpg);	
	background-repeat: no-repeat;
	background-position: 10px 10px; 
}

.bgnacimientos{
   background-image: url(imagenes/bg_nacimientos.jpg);   
	background-repeat: no-repeat;
	background-position: 10px 10px; 
}

.bgenamorados{
   background-image: url(imagenes/bg_enamorados.jpg);   
	background-repeat: no-repeat;
	background-position: 10px 10px; 
}

.bgdespedidas{
   background-image: url(imagenes/bg_despedidas.jpg);   
	background-repeat: no-repeat;
	background-position: 10px 10px; 
}

.bgregalo{
   background-image: url(imagenes/bg_regalalo.jpg);   
	background-repeat: no-repeat;
	background-position: 10px 10px; 
}

.bgeventos{
   background-image: url(imagenes/bg_eventos.jpg);   
	background-repeat: no-repeat;
	background-position: 10px 10px; 
}

.bgtrabaja{
   background-image: url(imagenes/bg_trabaja.jpg);   
	background-repeat: no-repeat;
	background-position: 10px 10px; 
}

.bgtrabaja2{
   background-image: url(imagenes/bg_trabaja2.jpg);   
	background-repeat: no-repeat;
	background-position: 10px 10px; 
}

.bgcontacto{
	background-image: url(imagenes/bg_contacto.jpg);  
	background-repeat: no-repeat;
	background-position: 10px 10px; 
}

.bgejemplos{
	background-image: url(imagenes/bg_ejemplos.jpg);  
	background-repeat: no-repeat;
	background-position: 10px 10px; 
}


#wrap{
background-image: url(imagenes/bg_menu.gif);
background-repeat: no-repeat;
background-color: transparent;
background-position: 0px 0px; 
width: 720px;
text-align: center;

}

#content_left{
width:510px; float:left; padding-top: 270px;
}

#texto_left{
width:480px;
text-align: left;
clear: left; 
}
#texto_left p{
width:450px;
padding-left: 0px;
}

#menu_right{
	width:210px; height:400px; float:right;
	padding-top: 20px;		
	text-align:left;
}

/*-----------------menu------------------*/	
ul#menu {  
	list-style:none;
	margin:0;
	padding:0;
	}
ul#menu li {
	padding:0;	
	}
ul#menu li a {
	display:block;
	width:200px;
	height:25px;
	text-decoration:none;	
	}
ul#menu li a:hover {
	background-position:bottom;	
	}

ul#menu li a span {
	display:none;
	}
#bodas {
	background-image:url(imagenes/menu/bodas.gif);
	}
#comuniones {
	background-image:url(imagenes/menu/comuniones.gif);
	}
#nacimientos {
	background-image:url(imagenes/menu/nacimientos.gif);
	}
#despedidas {
	background-image:url(imagenes/menu/despedidas.gif);
	}
#enamorados {
	background-image:url(imagenes/menu/enamorados.gif);
	}
#regalo {
background-image: url(imagenes/menu/regalalo.gif);
}

#eventos {
background-image: url(imagenes/menu/eventos.gif);
}

#funciona {
background-image: url(imagenes/menu/funciona.gif);
}

#ejemplos {
background-image: url(imagenes/menu/ejemplos.gif);
}

#trabaja {
background-image: url(imagenes/menu/trabaja.gif);
}

#informado {
background-image: url(imagenes/menu/informado.gif);
}

#contacto{
background-image: url(imagenes/menu/contacto.gif);
}
			
/*----------------enlaces imagenes-------------------*/


.bt_contacto {
	width: 222px;
	height: 107px;	
	display: block;
	background-image: url(imagenes/bt_contacto.gif);
	background-position: top;
	float: left;
	margin-right: 5px;	
}

.bt_mail a{
	width: 222px;
	height: 107px;	
	display: block;
	background-image: url(imagenes/bt_mail.gif);
	background-position: top;
	float: left;
	margin-right: 5px;	
}

.bt_mail a:hover{
	background-position: bottom;
}

.bt_mail a span {
	display:none;
}


h1{
font-size: 14px;
color: #D63791;
}


a.links{	
	text-decoration: none;
	color: #D63791;
	font-weight: bold;
	
}

a:hover.links{
	background-color: #ffc103;
	text-decoration: none;
	font-weight: bold;
}


#separador{
	width:100px;
	height: 50px;	
}


ul.listados{
	margin-left: 0px;
	padding-left: 0px;
}


.listados li{
list-style-type: none;
background-image: url(imagenes/ico_listados.gif);
background-repeat: no-repeat;
height: 25px;	
}

.listados li a{	
	text-decoration: none;
	color: #D63791;
	font-weight: bold;
	padding-left:20px;
	padding-top: 5px;
	
	
}

.listados li a:hover{ 
	color: #ffc103;	
	text-decoration: none;
	font-weight: bold;
}