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

body {
	background-image:url(backgound.jpg);
	background-repeat: repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	text-align:center; /*aqui mandamos a centrar todo el contenido*/
	background-color: #FFFFFF;
	margin: 0px;
}
	
	#contenedor {
	width:789px; /*ancho total de la pagina*/ 
	border:0px; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/ 
	margin:13px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
}

/*************************** Menu **************************/


#header {
	width: 789px;
	height: 100px;
	margin:auto;
	border:0px;
	float:left;
	}
	
	#logo {
	position: absolute;
	float:left;
	}
	
	.link_imagen {
	border:none;
	}
	
	#slogan {
	white:299px;
	height:23px;
	margin:76px 0px 1px 350px;
	position: absolute;
	float:left;
	}
	
	#telefonos {
	margin:30px auto;
	float:right;
	}
 
    #menu {
	margin:0px;
	border:0px;
	background:url(menu_back.png);
	background-repeat:no-repeat;
	float:left;
	width:789px;
	height:29px;
	}
	
	ul {
	float: right;
	list-style-type:none; /*con esto quitamos las viñetas*/
	margin:0px; /*le quitamos el margen a la lista*/ 
	padding:0px; /*y el relleno*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
li {
    text-align:center;
	margin:5px auto; /*le quito el margen al elemento de la lista*/ 
	float:left; /*y los floto a la izquierda para eliminar el salto de linea*/ 
	border-right: 1px dotted #EE4598;

}
li a {
	font-size:12px;
	display:block; /*con esto el vinculo tendra un area rectangular, asi no sera solo el texto*/ 
	color:#FFFFFF; /*mas*/ 
	width:90px; /*defino el ancho del rectangulo del vinculo*/
	padding:2px 5px 2px 5px; /*sumamos el relleno al ancho y alto del rectangulo para obtener el div #menu completamente ocupado con los ítems del menú*/ 
	text-decoration:none; /*elimino el subrayado del vínculo*/ 
	font-weight:bold; /*decoración*/ 
	border-right: 1px dotted #FE94C6;
}
li a:hover {
	background-color:#EE4598; /*decoración para el evento hover (mouse encima)*/ 
    border:none;
}


/*************************** footer **************************/
 #linea_inferior {
   border-bottom: 4px solid #FA98B0;
   width: 789px;
   height:10px;
   float:left;
   }

   #footer {
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#D52450;
   width:789px;
   height: 14px;
   margin: 15px 0px auto;
   float:left;
   }
   
   #footer-1 p{  
   text-align:left;
   height:14px;
   width:400px;
   margin:0px auto;
   float:left;
   }
   
   #footer-2 p{
   text-align:right;
   height:14px;
   width:180px;
   margin:0px auto;
   float:right;
   }
   
   #footer-2 a {
   text-decoration:none;
   font-weight:bold;
   color:#D52450;
   }
   
   #footer-2 a:hover {
   text-decoration:none;
   font-weight:bold;
   color:#8D049D;
   }