@charset "utf-8";
/* CSS Document */
	
body { 
	background-image: url(../images/fondo.gif);
	background-color:#A8C4CA;
	background-repeat: repeat-x;
	margin:0;
	font-family: Arial, Helvetica, Verdana, Sans-serif;  
	font-size: 12px;  
	color:#1B110C;
}

h1{
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	color:#3c838d;
	padding:0;
	margin:0 0 10px 0;
}

h2{
font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#d45f74;
	padding:0;
	margin:5px 0 5px 0;
}

#page-container{
	width:975px;
	display:block;
	position:relative;
	border:0px;
	margin:0 auto;
}



/* MENU ARRIBA*/
#menu{
	display:block;
	height:53px;
	width:975px;
	position:relative;
	margin:10px 0 0;
	padding:0;
	
}

#menu ul#menuUp{
	margin:0;
	display:block;
	margin:0;
	padding:25px 12px 0 0;
}

#menu ul#menuUp li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 13px;
	padding:0;
	display:block;
	float:right;
}

#menu ul#menuUp li a{
	margin:0;
	padding:0;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	font-size:13px;
}

#menu ul#menuUp li a:hover{
	color:#eba1aa;
}
/*#main-nav {
    display:block;
	position:relative;
	height:63px;

}*/

/*HEADER*/

#header {
	display:block;
	position:relative;
	background:url(../images/header.jpg) no-repeat;
	height:399px;
	margin: 0;  
	padding: 0;  
	

}

/*CONTENIDO*/
#contenido {
	display:block;
	position:relative;
	background:#FFFFFF;
	height:430px;
	margin: 6px 0 0;
	padding: 20px;
}

/*INDEX*/
#banners {
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
#banners li{
	margin:0px;
	float:left; 
}
#banners li a{
	display:block; /*convertimos el vinculo en un bloque*/
	width:300px;
	height:160px;
	text-decoration:none;
	text-align:center;
	background-repeat:no-repeat;
	}
#tile1{
	background:url(../images/tile_menu.gif);
	background-repeat:no-repeat;
	margin-right: 16px;
	margin-bottom: 20px;
	}
#tile2{
	background:url(../images/tile_servicios.gif);
	background-repeat:no-repeat;
	margin-right: 16px;
	}
#tile3{
	background:url(../images/tile_galeria.gif);
	background-repeat:no-repeat;
	}

#info {
	clear:both;
	width:925;
	height:200px;
	background-image:url(../images/fondo_gris.gif);
	background-repeat: repeat-x;
	margin:0;
	padding:0;
}

#texto{
	float:right;
	width:540px;
	margin-right: 20px;
    margin-top: 20px;
}

#fotos{
	float: left;  
	width: 330px;
	height:160px;
	background-image:url(../images/foto1.jpg);
	margin-left: 20px;
    margin-top: 20px;
}

/*CELEBRACIONES*/

#infocele {
	clear:both;
	width:925;
	height:200px;
	background-image:url(../images/fondo_gris.gif);
	background-repeat: repeat-x;
	margin:0;
	padding:0;
}

#textocele{
	float:right;
	width:540px;
	height:400px;
	padding: 0 10px 0 0;        
	margin-top: 15px;
	overflow:auto; 
	text-align:justify;
}

#fotocele{
	float: left;  
	width: 333px;
	height:249px;
	background-image:url(../images/foto-cele.jpg);
	margin-left: 20px;
    margin-top: 20px;
}

/*PARRILLADA*/

#infoparri{
	clear:both;
	width:925;
	height:200px;
	background-image:url(../images/fondo_gris.gif);
	background-repeat: repeat-x;
	margin:0;
	padding:0;
}

#textoparri{
	float:right;
	width:540px;
	height:400px;
	padding: 0 10px 0 0;        
	margin-top: 15px;
	overflow:auto; 
	text-align:justify;
}

#fotoparri{
	float: left;  
	width: 333px;
	height:249px;
	background-image:url(../images/foto-parri.jpg);
	margin-left: 20px;
    margin-top: 20px;
}

/*CONTACTENOS*/
#infocontacto{
	clear:both;
	width:925;
	height:200px;
	background-image:url(../images/fondo_gris.gif);
	background-repeat: repeat-x;
	margin:0;
	padding:0;
}

#textocontacto{
	float:right;
	width:540px;
	height:400px;
	padding: 0 10px 0 0;        
	margin-top: 15px;
	overflow:auto; 
	text-align:justify;
}

#fotocontacto{
	float: left;  
	width: 333px;
	height:249px;
	background-image:url(../images/foto-cont.jpg);
	margin-left: 20px;
    margin-top: 20px;
}



/*FOOTER*/
#footer {
	clear: both; 
	display:block;
	background:#1b110c;
	
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	padding: 20px 25px;
}

#footer a{
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover{
	color:#eba1aa;

}

#footer #altnav { 
	width: 400px;  
	float: right;  
	text-align: left;
	}  

#footer #altnav a{ 
	padding:5px;
	}