* {
    margin: 0;
    padding: 0;
}

body {
    background: url("img/bg-patt.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-family: "Josefin Sans",sans-serif;
}

#wrapper {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
    margin: 0 auto;
    max-width: 1440px;
    width: 100% !important;
}


section {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height: 950px;
    margin: 0 auto;
    max-width: 1440px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100% !important;
}
#bloque1 {
    background-image: url("img/articulos.jpg");
}
#bloque2 {
    background-image: url("img/accesorios.jpg");
}
#bloque3 {
    background-image: url("img/tecnologia.jpg");
}
#bloque4 {
    background-image: url("img/oficina-moderna.jpg");
}

#bloque2, #bloque3, #bloque4{
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
}


h1 {
    box-shadow:inset 0px 1px 0px 0px #f5978e;
    background-color: #E10834;
    bottom: 0;
    color: rgba(255, 255, 255, 0.9);
    display: block;
    font-size: 5em;
    font-weight: bold;
    margin-top: 1em;
    opacity: 0.76;
    text-align: center;
    text-shadow: 1px 1px 1px #666;
    /*text-transform: uppercase;*/
    width: 100%;
    padding: 5px
}

h2 {
    color: #fff;
    font-size: 5em;
    font-weight: bold;
    margin-top: 1em;
    opacity: 0.85;
    text-align: center;
    text-shadow: 1px 1px 1px #ccc;
    text-transform: uppercase;
}
#logo {
    display: block;
    margin: 4em auto 0;
    opacity: 0.9;
    width: 400px;
    border-radius:10px;
}

#Banner1 {
    display: block;
    margin: 2em auto 0;
    opacity: 0.9;
    width: 600px;
    border-radius:10px;
}

#Marcas {
    display: inline-block;
    margin: 10px;
    opacity: 0.8;
    width: 200px;
}

#bloque2 p {
    background-color: rgba(255, 255, 255, 0.8);
    color: #333;
    font-size: 2em;
    font-weight: normal;
    margin: 5em auto;
    max-width: 600px;
    padding: 1.5em;
}

#bloque4 p {
    background-color: rgba(255, 255, 255, 0.8);
    color: #333;
    font-size: 1.5em;
    font-weight: normal;
    margin: 5em auto;
    max-width: 600px;
    padding: 1.5em;
}


.BtnEntrar {
    -moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
    -webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
    box-shadow:inset 0px 1px 0px 0px #f5978e;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
    background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
    background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
    background-color:#f24537;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin: 1em auto 0;
    opacity: 0.8;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:35px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #810e05;*/
}
.BtnEntrar:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
    background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
    background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
    background-color:#c62d1f;
}
.BtnEntrar:active {
    position:relative;
    top:1px;
}