html,
body {
    height: 100%;
    min-height: 100% !important;
    margin: 0;
    padding: 0;
}

body {
    background-color: #0058b2;
    position: relative;
}
/*body {
    background-image: url('../images/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}*/
ul, li, a, nav {
    margin: 0;
    padding: 0;
}

header {
    background-color: transparent;
    height: 300px;
    padding-top: 50px;
    position: absolute;
    width: 100%;
    z-index: 150000;
}

header nav {
    background-color: transparent;
    height: 100%;
}

header nav ul {
    list-style: none;
    text-align: center;
    margin-top: 40px;
}

header nav ul li{
    display: inline-block;
    margin-right: 3%;
}
nav ul li a {
    color: #0058b2;
    text-decoration: none;
}

.logo {
    top: 20px;
    position: relative;
    height: 150px;
    width: 20%;
    background-image: url(../images/BLOMOZA_logo.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

main {
    margin-top: 50px;
    position: relative;
    height: auto;
}
main #inicio {
    background-color: transparent;
    height: 600px;
    width: 100%;
    position: relative;
    padding-top: 50px;
    margin-top: -50px;
}
.slides {
    height: 600px;
}
.slides img {
    width: 100%;
    height: 600px;
}
.slides .slick-prev {
    position: absolute;
    margin-top: 230px;
    z-index: 200000;
    cursor: pointer;
}
.slides .slick-next {
    position: absolute;
    margin-top: 230px;
    z-index: 200000;
    right: 0px;
    top: 0px;
    cursor: pointer;
}

.menu-fixed {
    position: fixed;
    background: #ffffff;
    opacity: .97;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    top: -220px;
    height: 230px;
    z-index: 300000;
}


main #nosotros {
    height: 600px;
    width: 100%;
    padding: 0;
    padding-top: 5%;
    background-color: #fff;
}
main #contacto {
    height: 700px;
    width: 95%;
    padding: 0;
    padding-top: 50px;
    padding-left: 5%;
    background-image: url(../images/bg_contacto.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

footer {
    position: relative;
    /*height: 50px;*/
    width: 100%;
    background-color: #0058b2;
}

h2 {
    margin: 0;
    color: #0058b2;
    text-align: center;
    font-family: 'Paytone One', sans-serif;
    font-size: 1.9rem
}
h3 {
    margin: 0;
    color: #0058b2;
    text-align: center;
    font-family: 'Paytone One', sans-serif;
    font-size: 1.4rem
}


/* Servicios*/
main #servicios {
    height: 800px;
    width: 100%;
    padding: 0;
    padding-top: 5%;
    background-image: url(../images/bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
main #servicios .servicios1 {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
    font-size: .9rem;

}
main #servicios .servicios2 {
    width: 90%;
    float: left;
    text-align: center;
    padding: 0 5%;
    margin-top: 50px;
    
}

main #servicios .servicios1 > div {
    width: 33%;
    display: inline-block;
    float: left;
}
main #servicios .servicios2 > div {
    width: 50%;
    display: inline-block;
    float: left;
}

#servicios div img {
    width: 150px;
    height: 150px;
}
#servicios div h3 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
#servicios div p {
    width: 80%;
    text-align: center;
    color: #0058b2;
    margin: 0 auto;
}


/*#servicios div img {
    width: 50%;
    height: auto;
    margin: 0 auto 10px auto;
}
#servicios div {
    font-size: .8rem;
    color: #0058b2;
    font-family: 'Noto Sans', sans-serif;
    line-height: 16px;
}
*/
/*.fiscal, .contabilidad, .finanzas, .comercial, .informatica {
    display: inline-block;
    width: 30%;
    height: 40 0px;
    float: left;
    

}*/
/*#servicios div {
    display: inline-block;
    width: 30%;
    min-width: 250px;
    height: 330px;
    position: relative;
    float: left;
    overflow: hidden;
    padding: 2% 1%;
    margin-left: auto;
    margin-right: auto;
}*/


main #comercializacion {
    height: 600px;
    width: 100%;
    padding-top: 250px;
    background-image: url(../images/bg_comercializacion.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;   
}
#comercializacion h2{
    font-size: 2.5rem;
    margin-bottom: 100px;
}

#nosotros .left {
    background-image: url(../images/BLOMOZA_logo.png);
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
    padding:5%;
    width: 40%;
    height: 50%;
    float: left;
}
#nosotros .right {
    margin-top: 50px;
    float: left;
    width: 50%;
}
#nosotros .right ul {
    list-style: none;
}
.right ul li h3 {
    text-align: left;
}
.right ul li p {
    font-family: 'Noto Sans', sans-serif;
    font-size: .9rem;
    color : #a0a0a0;
}

#contacto form {
    margin-top: 50px;
}
#contacto form input{
    width: 40%;
    display: block;
    margin-bottom: 10px;
}
form textarea {
    width: 40%;
    height: 150px;
}
#contacto form input[type='submit'] {
    margin-top: 20px;
    border-radius: 5px;
    background-color: #0058b2;
    border: none;
    color: #fff;
    height: 30px;
}

.white-text {
    color:  white;
}
.big-text {
    font-size: 2.1rem;
    font-family: 'Noto Sans', sans-serif;
}
.center-text {
    text-align: center
}

.fiscal {
    background-image: url(../images/icons/fiscal1.png);
    background-size: 25%;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    height: 240px;
    padding-top: 150px;
}
.fiscal:hover {
    background-image: url(../images/icons/fiscal2.png);
}

.contabilidad {
    background-image: url(../images/icons/contabilidad1.png);
    background-size: 25%;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    height: 240px;
    padding-top: 150px;
}
.contabilidad:hover {
    background-image: url(../images/icons/contabilidad2.png);
}

.finanzas {
    background-image: url(../images/icons/finanzas1.png);
    background-size: 25%;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    height: 240px;
    padding-top: 150px;
}
.finanzas:hover {
    background-image: url(../images/icons/finanzas2.png);
}

.comercial {
    background-image: url(../images/icons/comercial1.png);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    height: 240px;
    padding-top: 150px;
}
.comercial:hover {
    background-image: url(../images/icons/comercial2.png);
}

.informatica {
    background-image: url(../images/icons/informatica1.png);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    height: 240px;
    padding-top: 150px;
}
.informatica:hover {
    background-image: url(../images/icons/informatica2.png);
}