label {
    display:block;
    margin-top:15px;
    letter-spacing:1px;
}
.formulario {
    display:block;
	margin-top:40px;
    width:430px;
    color: #666666;
	font-family: 'Raleway', sans-serif;
}
form {
    margin:0 auto;
    width:300px;
}
 
input, textarea {
    width:300px;
    height:15px;
    background:#e5e5e5;
    border:2px solid #f6f6f6;
    padding:10px;
    margin-top:5px;
	font-family: 'Raleway', sans-serif;
    font-size:13px;
    color:#black;
}
 
textarea {
    height:100px;
}
 
#submit {
    width:85px;
    height:35px;
    border:none;
    margin-top:20px;
    cursor:pointer;
	font-family: 'Raleway', sans-serif;
	font-weight:500;
}


.fondo_pagina {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-791px;
	margin-top:-335px;
	z-index:0;
}
@media screen and (max-width: 1023px){
.fondo_pagina {
	
	overflow:hidden;
	width:1300px;
	}
}
@media screen and (min-width: 1024px){	
.fondo_pagina {
	width:100;
	overflow:visible;
	}	
}

#contenedor {
	width: 960;
	height: 570;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -285px;   /* height/2 = 570px / 2 */
	margin-left: -480px;  /* width/2 = 960px / 2 */
}
.divcontenido {
	width: 770px;
	height: 445px;
    display:none;
	z-index: 31;
	position:absolute;
	margin-top:105px;
	margin-left:195px;
}
.divcontenidohoja {
	width: 770px;
	height: 445px;
    display:none;
	z-index: 31;
	position:absolute;
	margin-top:105px;
	margin-left:195px;
	background-image: url(../imagesch/hoja.png);
	background-position: center;
	background-repeat: no-repeat;

}
.letra {
	font-family: 'Raleway', sans-serif;
	color: #6c6c6c;
	font-size: 21px;
	font-weight: 300;
	line-height:25px;
	text-align:center;
	letter-spacing:0.2em;
}
.encabezado {
	font-family: 'Raleway', sans-serif;
	color: #6c6c6c;
	font-size: 28px;
	font-weight: 600;
	line-height:25px;
	text-align:center;
	letter-spacing:0.2em;
}
.letrach {
	font-family: 'Raleway', sans-serif;
	color: #545454;
	font-size: 13px;
	font-weight: 300;
	line-height:18px;
	text-align:left;
	letter-spacing:-0.01em;
}
.letrachnegrita {
	font-family: 'Raleway', sans-serif;
	color: #545454;
	font-size: 13px;
	font-weight: 500;
	line-height:18px;
	text-align:left;
	letter-spacing:-0.01em;
}
.nuestrocompromiso {
  background: url(../imagesch/01compromiso.png) no-repeat left;;
  height: 50px;
  width: 183px;
  cursor:pointer;
}
.nuestrocompromiso:hover {
  background-position: right;
  height: 50px;
  width: 183px;
}
.commitment {
  background: url(../imagesch/01commitment.png) no-repeat left;;
  height: 50px;
  width: 147px;
  cursor:pointer;
}
.commitment:hover {
  background-position: right;
  height: 50px;
  width: 147px;
}
.blog {
  background: url(../imagesch/02blog.png) no-repeat left;
  height: 50px;
  width: 49px;
  cursor:pointer;
}
.blog:hover {
  background-position: right;
  height: 50px;
  width: 49px;
}
.galeria {
  background: url(../imagesch/03galeria.png) no-repeat left;
  height: 50px;
  width: 67px;
  cursor:pointer;
}
.galeria:hover {
  background-position: right;
  height: 50px;
  width: 67px;
}
.gallery {
  background: url(../imagesch/03gallery.png) no-repeat left;
  height: 50px;
  width: 67px;
  cursor:pointer;
}
.gallery:hover {
  background-position: right;
  height: 50px;
  width: 67px;
}
.tienda {
  background: url(../imagesch/04tienda.png) no-repeat left;
  height: 50px;
  width: 66px;
  cursor:pointer;
}
.tienda:hover {
  background-position: right;
  height: 50px;
  width: 66px;
}
.shop {
  background: url(../imagesch/04shop.png) no-repeat left;
  height: 50px;
  width: 53px;
  cursor:pointer;
}
.shop:hover {
  background-position: right;
  height: 50px;
  width: 53px;
}
.idioma_es {
  background: url(../imagesch/idioma_es_2.png) no-repeat left;
  height: 50px;
  width: 60px;
  cursor:pointer;
}
.idioma_es:hover {
  background-position: right;
  height: 50px;
  width: 60px;
}
.idioma_en {
  background: url(../imagesch/idioma_en_2.png) no-repeat left;
  height: 50px;
  width: 52px;
  cursor:pointer;
}
.idioma_en:hover {
  background-position: right;
  height: 50px;
  width: 52px;
}

.contacto {
  background: url(../imagesch/contacto.gif) no-repeat left;
  height: 16px;
  width: 77px;
  cursor:pointer;
}
.contacto:hover {
  background-position: right;
  height: 16px;
  width: 77px;
}
.contact {
  background: url(../imagesch/contact.png) no-repeat left;
  height: 16px;
  width: 68px;
  cursor:pointer;
}
.contact:hover {
  background-position: right;
  height: 16px;
  width: 68px;
}
.avisolegal {
  background: url(../imagesch/avisolegal.gif) no-repeat left;
  height: 16px;
  width: 92px;
  cursor:pointer;
}
.avisolegal:hover {
  background-position: right;
  height: 16px;
  width: 92px;
}
.disclaimer {
  background: url(../imagesch/disclaimer.png) no-repeat left;
  height: 16px;
  width: 85px;
  cursor:pointer;
}
.disclaimer:hover {
  background-position: right;
  height: 16px;
  width: 85px;
}
.facebook {
  background: url(../imagesch/facebook.gif) no-repeat left;
  height: 25px;
  width: 25px;
  cursor:pointer;
}
.facebook:hover {
  background-position: right;
  height: 25px;
  width: 25px;
}
.twitter {
  background: url(../imagesch/twitter.gif) no-repeat left;
  height: 25px;
  width: 25px;
  cursor:pointer;
}
.twitter:hover {
  background-position: right;
  height: 25px;
  width: 25px;
}
.pinterest {
  background: url(../imagesch/pinterest.gif) no-repeat left;
  height: 25px;
  width: 25px;
  cursor:pointer;
}
.pinterest:hover {
  background-position: right;
  height: 25px;
  width: 25px;
}