body{
  margin: 0;
  padding: 0;
    width: 100%;
	 font-family: 'Lucida Sans';
	 background: #fff url('../img/bgelucha.jpg') no-repeat top left;
	 font-size: 12px;
	 color: #e1e6eb;
}

h1{
	color: #828a8f;
	font-size: 42px;
}

h2{
	color: #828a8f;
	font-size: 31px;
}

.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear: both;
}

.titulo{
	position: absolute;
	left: 3px;
	width: 350px;
	background: url('../img/bgtrans.png') repeat top left;
	display: none;
}

.pcontacto{
	margin-top: -15px;
	width: 420px; 
	height: 310px;
	background: url(../img/petuniacontacto.png) no-repeat bottom right;
}

.t1{
	height: 73px;
	top: 280px;
}

.t2{
	height: 50px;
	top: 303px;
}

.t3{
	height: 73px;
	top: 280px;
}

.t4{
	height: 120px;
	top: 233px;
}

.t1 h1{
	margin-top: 10px;
	margin-left: 10px;
}

.t2 h2{
	margin-top: 7px;
	margin-left: 12px;
}

.t3 h1{
	margin-top: 10px;
	margin-left: 25px;
}

.t4 h2{
	margin-top: 6px;
	margin-left: 16px;
}

.logo{
	width: 335px;
	height: 140px;
	position: absolute;
	top: 25px;
	left: 20px;
	cursor: pointer;
}

.footer{
	width: 100%;
	height: 30px;
	background-color: gray;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

input, textarea{
	border: none;
	font-size: 11px;
	color: #92969f;
	font-family: inherit;
}

#nombre{
	background: #5a6873 url('../img/nombre.png') no-repeat top left;
	width: 211px;
	height: 40px;
	padding-left: 14px;
}

#correo{
	background: #5a6873 url('../img/correo.png') no-repeat top left;
	width: 209px;
	height: 34px;
	padding-left: 14px;
}

textarea{
	background: #5a6873 url('../img/mensaje.png') no-repeat top left;
	width: 280px;
	height: 130px;
   padding: 14px 13px 13px 13px;
	overflow: hidden;
   font-family: inherit;
	font-size: 11px;
}

.enviar{
	background: #4b5a65 url('../img/enviar.png') no-repeat top left;
	border: none;
	width: 81px;
	height: 41px;
	float: right;
	margin-right: 75px;
	cursor: pointer;
}

form{
   position: relative;
	float: right;
	margin-top: 60px;
	width: 350px;
	margin-right: 70px;
}

.error{
	font-size: 10px;
	color: #ff8181;
}

#nombre_error{
	position: absolute;
	top: 5px;
	left: 215px;
}

#correo_error{
	position: absolute;
	top: 40px;
	left: 215px;
}

.page{
	position: absolute;
	left: 0px;
	bottom: 30px;
	width: 100%;
   background: url('../img/bgpage.png') repeat-x top left;
	height: 400px;
	display: none;
   color: #e1e6eb;
}

.contenido_page, contenido_page2{
	width: 960px;
	height: 400px;
	overflow: hidden;
	margin: 0px auto 0px auto;
}

.parrafo p{
	margin-top: -20px;
}

#colecciones1, #colecciones2{
	position: relative;
	width: 870px;
	height: 360px;
}

#colecciones1{
	margin: 23px 0px 0px 250px;
}

#colecciones2{
	margin: 23px 0px 0px 102px;
}
	
.relative{
	float: left;
	margin-right: 5px;
	height: 350px;
	position: relative;
}

.relative2{
	float: right;
	margin-right: 5px;
	height: 350px;
	position: relative;
}

.relative img, .relative2 img{
	border: 3px solid #828a8f;
}

img{
	margin: 0;
	padding: 0;
	border: none;
}

#filosofia1{
	background: url('../img/filosofia1.png') no-repeat 70px 10px;
	height: 395px;
	width: 960px;
	position: relative;
	padding: 0px 0px 0px 0px;
}

#filosofia1 .parrafo{
	width: 300px;
	float: right;
	margin-right: 80px;
}

#filosofia2{
	background: url('../img/filosofia2.png') no-repeat 70px 0px;
	height: 400px;
	width: 960px;
	position: relative;
	padding: 0px 0px 0px 0px;
}

#filosofia2 .parrafo{
	width: 220px;
	float: right;
	margin-right: 95px;
}

#filosofia3{
	background: url('../img/filosofia3.png') no-repeat 70px 0px;
	height: 395px;
	width: 960px;
	position: relative;
	padding: 0px 0px 0px 0px;
}

#filosofia3 .parrafo{
	width: 265px;
	float: right;
	margin-right: 95px;
}

.masinfo{
	width: 60px;
	height: 60px;
	margin-top: 150px;
	color: #92969f;
	cursor: pointer;
}

.masinfo2{
	width: 140px;
	height: 60px;
	margin-top: 150px;
	color: #92969f;
	cursor: pointer;
}

.derecha{
		background: url('../img/flechadcha.png') no-repeat top center;
		float: right;
		position: absolute;
		right: 5px;
}

.izquierda{
	float: left;
	background: url('../img/flechaizqda.png') no-repeat top center;
}

.izquierda p{
	float: right;
}

.masinfo p, .masinfo2 p{
	margin-top: 22px;
}

.hidden{
	display: none;
}

.hide{
	float: right;
	clear: both;
	margin-right: 30px;
	color: #92969f;
	cursor: pointer;
}

#nav{
	list-style: none;
	margin-top: 190px;
	margin-left: 5px;
}

#nav li{
	cursor: pointer;
}

#filosofia{
  background: url("../img/filosofia.jpg") no-repeat 0px -70px;
	height: 70px;
	width: 134px;
	margin-left: -35px;
}

#filosofia:hover, #colecciones:hover, #contacto:hover{
	background-position: 0px 0px;
}

#colecciones{
	height: 38px;
	width: 173px;
	background: url('../img/colecciones.jpg') no-repeat 0px -38px;
	margin-left: -30px;
}

#contacto{
	height: 50px;
	width: 120px;
	background: url('../img/contacto.jpg') no-repeat 0px -50px;
	margin-left: -30px;
}

/*
.contenedor_contacto{
	width: 850px;
	height: 285px;
	background: url('../img/contacto.png') no-repeat top right;
	margin: 55px 0px 0px 10px;
}
*/