*, html, body{
    margin: 0;
    padding: 0;
    font-family: Helvetica, sans-serif;
    font-size: 13px;
}
body{
    width: 805px;
    height: 4565px;
    margin: 20px auto 0 auto;
}
#menu{
    position: fixed;
    top: 450px;
    visibility: hidden;
}
#menu a{
    width: 111px;
    padding: 95px 0 5px 4px;
    display: block;
    float: left;
    text-transform: uppercase;
    text-decoration: none;
    color:#fff;
}
#how, #logotipos, #rotulacion, #maquetacion,
#varietees, #studio, #contact{
    height:430px;
    margin-bottom: 200px;
    visibility: hidden;
}
#menu a.how, #how{background-color: #fff;}
#menu a.logotipos, #logotipos{background-color: #000000;}
#menu a.rotulacion, #rotulacion{background-color: #000000;}
#menu a.maquetacion, #maquetacion{background-color: #000000;}
#menu a.varietees, #varietees{background-color: #000000;}
#menu a.studio, #studio{background-color: #000000;}
#menu a.contact, #contact{background-color: #000000;}
#menu a.how{
    background: #000000 url('images/HAYmenu.png') repeat-y top center;
    text-indent: -9999px;
}
#how img{
    width: 663px;
    height: 142px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 150px;
}
.slide{
    width: 720px;
    height: 300px;
    margin: 0 auto;
    position: relative;
    top: 40px;
    overflow: hidden;
}
.slide_cont{
	width: auto;
	position: absolute;
	top: 3px;
	left: -53px;
}
.slide_cont img{
    width: 720px;
    height: 300px;
    display: block;
    float: left;
}
.botonera{
    width: 0px;
    height: 13px;
    margin: 70px auto 0 auto;
}
.img_boton{
    width: 9px;
    height: 12px;
    background-image: none;
    display: block;
    float: left;
    cursor: pointer;
}
.sip_boton{
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background: none;
    display: block;
    float: left;
    cursor: pointer;
}
#contact form{
    width: 720px;
    height: 310px;
    margin: 0 auto;
    position: relative;
    top: 40px;
    background: transparent url('images/contact/LogoHAYContact.png') no-repeat 490px -6px;
}
#contact{
    position: relative;
}
#contact form p{
    margin-bottom: 1.5em;
    clear: both;
}
#contact form p.last{
    margin-bottom: 0;
}
#contact form p label{
    width: 200px;
    display: block;
    margin-right: 1em;
    float: left;
    line-height: 26px;
    text-align: right;
    text-transform: uppercase;
    color: #FFF;
}
#contact form p input{
    width: 230px;
    height: 20px;
    padding: 3px 0;
    border: 1px solid gray;
}
#contact form p span{
    margin-left: 215px;
    display: block;
    visibility: hidden;
    color: #99DBF7;
}
#contact form p textarea{
    width: 475px;
    height: 120px;
    border: 1px solid gray;
}
#enviar{
    margin: -1em 25px 0 0;
    float: right;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}
#contact a{
    width: 230px;
    margin: 70px auto 0 auto;
    display: block;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
}
#preloader{
    text-align: center;
}