@charset "UTF-8";
body {
	background-color: #FFF;
	background-image: url(images/back.jpg);
	background-repeat: repeat;
	margin:0px;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

div.inicio {float: left;
	
}

#main {
	width: 960px;
	margin: 0 auto;
	background-color: white;
}

ul.menu li a {
	float: left;
	text-decoration: none;
	color: gray;
	margin: 0px 2px;
	padding: 0 10px;
	border-left-color: silver;
	border-left-width: 1px;
	border-right: 1px solid gray;
background:white;
  -o-transition:color .2s ease-out, background 1s ease-in;
  -ms-transition:color .2s ease-out, background 1s ease-in;
  -moz-transition:color .2s ease-out, background 1s ease-in;
  -webkit-transition:color .2s ease-out, background 1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background 1s ease-in;
}
ul.menu li a:hover {
	
	color: #be1d2d; 
}

div.cuerpo {width: 840px;margin: 30px auto;
	font-size: 16px;
	line-height: 24px;height: 2500px;
}

.cuerpo p {width: 480px;
	
}

h1 {
	color: #bd1c2c;
	text-decoration: none;
	font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;width: 500px;
	padding-top: 30px;
}
.menu{
	text-decoration: none;
	list-style: none;
	margin: 60px 0px 0px;float:  left;
	width: 400px;padding: 0px;
}

div.texto {
	width: 480px;float: left;
	
}

div.imagenes {float: left;	
margin-top: 50px;margin-left: 20px; text-align:center;}