* {
 padding:0;
 margin:0;
 }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol,dl, fieldset, address {
	margin: 1em 5%;
}
li, dd { margin-left:5%; }
body {
	background-image: url(imgs/colorweb.png);
}
a {text-decoration:none}
img{border:none}
 
a:visited {color:#ffffff}
#container{
	position: relative; /* container positioning */
	margin-left: auto;
	margin-right: auto;
	text-align: center;/**background-image:url(imgs/plantilla.jpg); **/
	background-repeat:no-repeat;
	width:915px;
	height:689px;
margin-top:10px;
	background-image: url(imgs/fondo.png);
}
#arriba{
float:left;
	height:600px;
	width: 250px;


}
#musicas{
	float:left;background-repeat:no-repeat;
	width:225px;
	height:138px;	
}
#arriba a.musicas{ 
	float:left;
	width:225px;
	height:138px;	
}
#arriba a.musicas:visited{ text-decoration:none;	
}
#arriba a.musicas:hover{
	background-image:url(imgs/off_musicas_d.png);
	float:left;
	background-repeat:no-repeat;
	width:228px;
	height:142px;
	margin-left: -2px;

}
#quienes{
float:left;background-repeat:no-repeat;
	width:250px;
	height:78px;
}
#arriba a.departamentos {
	float:left;
	background-repeat:no-repeat;
width:250px;
	height:58px;	
}
#arriba a.departamentos:visited{ text-decoration:none;	
}
#arriba a.departamentos:hover {
	background: url(imgs/off_departamentos_d.png) no-repeat;
	float:left;
	background-repeat:no-repeat;
	width:251px;
	height:63px;
	margin-left: 0px;
}
#arriba a.colecciones {

	float:left;
	width:250px;
	height:61px;
}
#arriba a.colecciones:visited{ text-decoration:none;	
}
#arriba a.colecciones:hover {
	background: url(imgs/off_colecciones_d.png) no-repeat;
	float:left;
	width:250px;
	height:64px;
	margin-left: 18px;
}
#arriba a.contacto {
	
	float:left;
width:250px;
height:45px;	
}
#arriba a.contacto:visited{ text-decoration:none;	
}
#arriba a.contacto:hover {
	background: url(imgs/off_taller_d.png) no-repeat;
	float:left;
	width:207px;
	height:50px;
	margin-left: 30px;
}
#centro{
	float:right;
	height:650px;
	width: 600px;
	background-image:url(imgs/perfil.gif);
	border-color:#000;
	background-repeat:no-repeat;
	margin-left: 45px;	
}
#cvs{
	width:520px;
	height:300px;
	margin-right: 50px;
	float: right;display: inline;
}
#pedro{
	float:left;
	width:250px;
	height:302px;
	margin-top: 25px;
	text-align: justify;
	display: inline;
	margin-left: 5px;	
}
#dibu{
	background-repeat:no-repeat;
	width: 360px;
	height: 270px;
	position:absolute;
	display:inline;
	background-image: url(imgs/marpedro.gif);
	left: 428px;
	top: 355px;
}
#mar{
	float:right;
	width:250px;
	height:302px;
	margin-top: 25px;
	margin-left: 0px;
	text-align: justify;
	display: inline;
}
#filosofia{
	height: 116px;
	width: 33px;
	border: none;
	float: left;
	margin-right: 40px;
	margin-top: 70px;
	z-index: 100;
	text-decoration: none;display: inline;
}
.texto{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify;  margin-top:15px; font-weight:normal; color: #9f6e53; line-height:20px}
.textotop{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; text-align:left; margin-top:10px; font-weight:normal; color: #8c4700; }
.preload{
	visibility: hidden;
}
#footer  {
float:right;
font-family:Arial,Helvetica,sans-serif;
margin-right:60px;
margin-top:40px;
}
.enlaces{font-family:Arial, Helvetica, sans-serif;
	font-size:16px;

	margin-top:5px;
	font-weight:bold;
	color: #FFFFFF;

	text-decoration:none;
	display: inline;
	margin-right: 5px;
}
.redes {margin right:10px
	margin-right: 20px;
	width: 70px;
	margin-right: 40px;
}