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

body {
	margin:0px;
	padding:0px;
	text-align:center;
}


#contenedor1{
	text_align:left;
	margin:0px auto;
	width:1024px;
	height:768px;
	background-image:url(images/fondo_web.png);
	background-repeat:no-repeat;
	}
	
#contenedor2{
	text_align:left;
	margin:0px auto;
	padding-top:30px;
	width:800px;
	height:600px;
	background-image:url(images/metal.png);
	background-repeat:no-repeat;
	margin-top: 45px;
	
	}
	
#cabecera{
	text_align:left;
	margin:0px auto;
	width:700px;
	height:78px;
	margin-top: 10px;
	}
#cabeceraindex{
	text_align:left;
	margin:0px auto;
	width:700px;
	height:150px;
	margin-top: 20%;
	}
#menu{
	margin:0px;
	text-align:center;
	padding: 0%;
	margin-top: 0px;
}


#contenido{
	width: 700px;
	margin-top: 3em;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-image: url(images/caja_contenido.png);
	height: 400px;
	
	}
	
	
#contenidoAnimacion{
	float:left;
	width: 700px;
	height: 400px;
	
	}	

#contenidocontacto{
	width: 700px;
	margin-top: 2.2em;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 430px;
	}
	
#formulario{
	font-family: Arial, Helvetica, sans-serif;
	color: #731038;
	margin:0px;
	padding:0px;
	text-align: center;
}

#cuestionario{
	margin:0px;
	padding:0px;
	text-align:center;
	height:250px;
	}
	
#cuestionario table{
	text-align: left;
	padding-left: 20%;
	float: left;
	}
#cuestionario table td{
	text-align: left;
	font-weight: bold;
	margin:0px;
	padding:0px;
	}
	
span{
	font-weight: bold;
	}	
	
#album{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 660px;
	padding-top: 3%;
	margin-top: 4%;
	height: 330px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	overflow:scroll;
	margin-left: 2.5%;
	}
	
#album1{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 320px;
	height: 330px;
}

#album2{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 320px;
	height: 330px;
}


#album3{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 320px;
	height: 330px;
}


#album4{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 320px;
	height: 330px;
}


#album5{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 320px;
	height: 330px;
}


#album6{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 320px;
	height: 330px;
}

#album7{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 320px;
	height: 330px;
}


#album8{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 320px;
	height: 330px;
}

	
#productos{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 660px;
	padding-top: 1.5%;
	margin-top: 4%;
	height: 345px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	overflow:scroll;
	margin-left: 3%;
	}
	
#productosIlus{
	margin:0px;
	text-align:center;
	float: left;
	width: 660px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	overflow:scroll;
	margin-left: 2%;
	margin-top: 4%;
	height: 350px;
	}
	
#broche{
	width: 650px;
	height: 400px;
	text-align: left;
	float: left;
	}

#Ilus{
	width: 660px;
	text-align: left;
	float: left;
	}
	

	
#animacion1{
	width: 700px;

	height: 430px;
	text-align: center;
	float: left;
	margin-left: 7%;
	height: 430px;
	}
	
#animacion2{
	width: 700px;
	height: 430px;
	text-align: center;
	float: left;
	margin-left: 7%;
	height: 430px;
	margin-top: 20px;
	}
	
#boton{
	text-align: left;
	margin-top: 5px;
	padding-left: 5px;
	width: 40%;
	float: left;
	}
#carro{
	text-align: right;
	margin-top: 5px;
	padding-left: 5px;
	width: 40%;
	float: left;
	}

#carro2{
	text-align: right;
	margin-top: 5px;
	padding-left: 5px;
	width: 35%;
	float: left;
	}
	
#imagenBroche{
	width: 37%;
	height: 300px;
	float: left;
	text-align: center;
	margin-left: 2%;
	}
	
#imagenIlus{
	width: 400px;
	height: 238px;
	float: left;
	margin-left: 2%;
	}

#imagen{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 40%;
	margin-left: 6%;
	margin-top: 4%;
	height: 300px;
	font-family: Arial, Helvetica, sans-serif;
	}
img{
	border:0;
	}

#imagennomada{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 40%;
	padding-top: 3%;
	margin-left: 6%;
	margin-top: 4%;
	height: 300px;
	font-family: Arial, Helvetica, sans-serif;
	
	}


#imagenfacebook{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 40%;
	padding-top: 3%;
	margin-left: 6%;
	margin-top: 4%;
	height: 300px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

#imagenartistas{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 40%;
	padding-top: 3%;
	margin-left: 6%;
	margin-top: 4%;
	height: 300px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	}
#imagenblog{
	margin:0px;
	padding:0px;
	text-align:center;
	float: left;
	width: 43%;
	padding-top: 3%;
	margin-left: 4%;
	margin-top: 4%;
	height: 310px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#textohome{
	color: #731038;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	width: 90%;
	float: left;
	padding-top: 5%;
	margin-left: 5%;
	}
	
#textohome a{
	text-decoration: none;
	color: #731038;
	}
	
#texto{
	color: #731038;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	width: 45%;
	float: left;
	padding-top: 9%;
	margin-left: 4%;
	}
	
#textocontacto{
	color: #731038;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	width: 95%;
	float: left;
	padding-top: 5%;
	margin-left: 4%;
	height: 153px;
	}
#textocontacto a{
	text-decoration: none;
	color: #731038;
	}
	
#texto a{
	text-decoration: none;
	color: #731038;
	}
	
	

#textoBroche h3{
	color: #731038;
	font-weight: bold;
	font-size: 18pt;
	text-align: left;
	width: 45%;
	}


#textoBroche p{
	color: #731038;
	font-weight: bold;
	font-size: 16pt;
	text-align: left;
	width: 45%;
	}
#textoBroche{
	height: 300px;
	float: left;
	margin-left: 2%;
	width: 56%;
	}
#textoIlus{
	float: left;
	margin-left: 1%;
	width: 32%;
	}
	

#tituloIlus{
	float: left;
	margin-left: 1%;
	width: 660px;
	color: #731038;
	text-align: left;
	}
	
#tituloIlus h3{
	color: #731038;
	font-weight: bold;
	font-size: 18pt;
	text-align: left;
	}
	
	


#flashhome{
	text-align: left;
	width: 90%;
	height:150px;
	float: left;
	margin-left: 5%;
	padding-top: 5%;
	}
	
#video {
	width:400px;
	text-align:center;
	padding-top:6%;
	margin-left:21%;
	}
	
#pie{
	width:700px;
	color:#731038;
	text-align:center;
	margin: auto;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	}