body {
    font-family: 'Roboto', sans-serif;
    /*font-family: 'Hind', sans-serif;*/
    background-color: #f6f6f6;
    /*color: white;*/
    margin: 0 auto;
    height: 100%;
}

html {
    margin: 0 auto;
    height: 100%;
}

.navbar {
    margin-top: 0px;
    height: 90px;
    background-color: #f6f6f6;
}

.navbar-brand {
    font-size: 30px;
    color: #032365;
}


/*
.navbar-nav {
    background-color: #f6f6f6 !important;
    color: white !important;
    width: 100% !important;
    margin: 0 auto;
}

.nav-link {
    color: black !important;
}*/


/*h1 {
    margin-top: 50%;
}*/


/*p{
	font-size: 30px;	
}*/

.container {
    height: 100%;
    width: 100%;
    float: none;
}

#Encabezado {
    height: 90%;
    background-color: #314563;
    /*background-image: url('../images/fondosrcm.png');
    background-size: cover;*/
    color: white;
    padding-top: 90px;
    padding-bottom: 90px;
}

#Encabezado h1 {
    margin-top: 30%;
    font-weight: bold;
}

#Encabezado p {
    font-size: 20px;
}

.encabezado-contenido-izq {
    width: 100%;
    /*padding-top: 100px;
    padding-top: 6%;*/
}

.encabezado-contenido-der img {
    margin-top: 30px;
    width: 600px;
}

#acercade {
    /*padding-top: 60px;
    height: 100%;*/
    background-color: white;
    /*background-image: url('../images/nosotros.jpg');
    background-size: cover;*/
    height: 660px;
    padding-top: 60px;
    padding-bottom: 90px;
    width: 100%;
    color: #314563;
}

#acercade h1 {
    margin-top: 30%;
}

#acercade p {
    font-size: 1.5em;
}

#acercade img {
    margin-top: 19px;
    width: 100%
}

#funciones {
    height: 690px;
    /*color: #ebebeb;
    background-color: #314563;*/
    background-image: url('../images/algunasfunciones.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 140px;
    background-color: #f6f6f6;
    color: white;
}

#funciones p {
    font-size: 1em;
}


/*#funciones img{	
	margin-top: 19px;
	width: 100%
}
*/

#funciones h1 {
    margin-top: 19px;
}


/*
.funciones-contenido-izq {
    margin-top: 20%;
}
*/

#funciones ul li {
    font-size: 18px;
}

#funciones img {
    /*margin-top: 30px;*/
    width: 100%;
    /*padding-top: 100px;
    padding-top: 6%;*/
}

.funciones-contenido-izq {
    /*margin-top: 30px;*/
    width: 100%;
    /*height: 10%;*/
}

#caracteristicas {
    background-size: cover;
    /*background-image: url(../images/servidores2.jpg);*/
    background-color: white;
    background-repeat: no-repeat;
    height: 670px;
    /*	padding-top: 100px;*/
    color: #314563;
    /*display: block;*/
    padding-top: 90px;
    height: 100%;
}

#caracteristicas img {
    width: 80%;
    margin: 0;
}

#caracteristicas h1 {
    text-align: center;
    /* margin: 0;*/
    margin-top: 10px !important;
}

.caracteristicas-contenido-izq {
    width: 100%;
    /* margin-top: -200px;*/
    font-size: 1.5em;
    top: 0;
    /*float: left;	*/
    padding: 0;
}

.caracteristicas-contenido-izq ul {
    width: 100%;
    /*	position: absolute;*/
    top: 0px;
}


/*
.caracteristicas-contenido-der {
    margin-top: 60px;
}
*/

.caracteristicas-contenido-der img {
    margin-top: 30%;
    width: 80%;
}

#requisitos {
    background-color: #314563;
    /*background-size: cover;
    background-image: url(../images/servidores2.jpg);
    background-color: white;
    background-repeat: no-repeat;*/
    height: 670px;
    /*	padding-top: 100px;*/
    color: white;
    /*display: block;*/
    padding-top: 140px;
}

#requisitos img {
    width: 80%;
    margin: 0;
}

#requisitos h1 {
    text-align: left;
}

.requisitos-contenido-izq {
    width: 100%;
    /* margin-top: -200px;*/
    font-size: 1.5em;
    top: 0;
    /*float: left;	*/
    padding: 0;
}

.requisitos-contenido-der ul {
    width: 100%;
    /*	position: absolute;*/
    top: 0px;
}

.requisitos-contenido-der ul li {
    width: 100%;
    /*	position: absolute;*/
    top: 0px;
    font-size: 18px;
}


/*
.requisitos-contenido-der {
    margin-top: 60px;
}
*/

.requisitos-contenido-der img {
    margin-top: 30%;
    width: 80%;
}

#contactenos {
    background-color: #314563;
    background-size: cover;
    background-image: url(../images/contactenos.jpg);
    background-repeat: no-repeat;
    height: 600px;
    /*	display: block;*/
    color: white;
}

#contactenos a {
    color: white;
}

#contactenos h1,
h2 {
    color: white;
}

.contactenos-contenido-izq {
    width: 90%;
    padding-top: 30px;
    color: #314563;
    font-size: 1.5em;
}

.contactenos-contenido-izq img {
    width: 100%;
    /*position: absolute;*/
    float: left;
}

.contactenos-contenido-der {
    width: 100%;
    color: #314563;
    font-size: 1.5em;
    /*	position: static; 
    padding-top: 15%;*/
}

.contactenos-contenido-der img {
    float: left;
    margin-right: 15px;
}

.contactenos-contenido-der h2 {
    margin-top: 10%;
}

.contactenos-contenido-der ul {
    padding-top: 15%;
    height: 100%;
    color: white;
}

.contactenos-contenido-der ul li {
    text-decoration: none;
    display: inline-block;
    /*float: none;*/
    width: 100%;
    height: 60px;
}

footer {
    background-color: #2a2a2a;
    float: none;
    height: 70px;
    text-align: center;
    color: white;
    font-size: 15px;
    padding-top: 20px;
    /*position: sticky;*/
    margin: 0 auto;
}

@media only screen and (max-width: 900px) {
    section {
        float: none;
        height: auto;
        display: block;
        position: relative;
        width: 100%;
    }
    .container {
        height: auto;
        width: 100%;
        float: none;
    }
    #Encabezado {
        height: auto;
        width: 100%;
        float: none;
    }
    #Encabezado img {
        width: 90%;
        margin-left: 10%;
        float: none;
    }
    #Encabezado h1 {
        text-align: center;
    }
    #acercade {
        height: auto;
        width: 100%;
        float: none;
    }
    #acercade h1 {
        text-align: center;
        float: none;
    }
    #acercade img {
        width: 80%;
        margin-left: 10%;
        float: none;
        /*margin-top: 60px;*/
    }
    #funciones {
        height: auto;
        width: 100%;
        float: none;
        padding-bottom: 90px;
    }
    #funciones img {
        width: 80%;
        margin-left: 10%;
    }
    #caracteristicas {
        height: auto;
        width: 100%;
        float: none;
        padding-bottom: 60px;
    }
    #caracteristicas img {
        width: 80%;
        margin-left: 10%;
        margin-bottom: 30px;
    }
    #caracteristicas h1 {
        margin-top: 0;
    }
    #requisitos {
        height: auto;
        width: 100%;
        float: none;
        padding-bottom: 60px;
    }
    #requisitos img {
        width: 80%;
        margin-left: 10%;
    }
}