*{

	transition-duration: 0.3s;

	font-family: 'Muli', sans-serif;

}
.nfBenefits {
	line-height: 1.5;
	text-align: center;
    width: 80%;
    margin: 2.5% 10%;
    float: left;
    position: relative;
}
.imgContent {
    width: 80%;
    margin: 2.5% 10%;
    float: left;
    position: relative;
}
.imgContent>img {
    width: 60%;
    margin: 2.5% 20%;
    float: left;
    position: relative;
}
html,body{

	position: relative;

	float: left;

	width: 100%;

	height: auto;

}

header {

    background: url("../images/banerrede.png");

        background-position-x: 0%;

        background-position-y: 0%;

        background-repeat: repeat;

        background-size: auto;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    width: 100%;

    position: relative;

    float: left;

    height: auto;

}

#contactUs {

    float: left;

    position: relative;

    width: 98%;

    margin: 1%;

}

#textTitle {

    color: #fff;

    text-align: center;

    width: 100%;

    float: left;

    position: relative;

}

#formContactUs {



    text-align: center;

    position: relative;

    margin: 2.5%;

    width: 95%;

    background: #FFF;

    float: left;

    opacity: 0.9;



}

#textIntroForm {

    color: #1d5fc9;

    width: 95%;

    margin: 2.5%;

    float: left;

    position: relative;

    font-size: 1.2em;

}

.itemHalf {



    width: 100%;

    float: left;

    position: relative;



}

.inputSpace {

    width: 90%;

    margin: 2.5% 5%;

    float: left;

    position: relative;

}

.inputSpace > input {

    width: 98%;

    margin: 1%;

    float: left;

    position: relative;

    height: 40px;

}

.itemComplete {

    width: 98%;

    margin: 1%;

    float: left;

    position: relative;

}

.inputSpaceComplete {

    width: 98%;

    float: left;

    position: relative;

    margin: 1%;

}

.inputSpaceComplete > textarea {

    width: 100%;

    text-align: center;

    position: relative;

    float: left;

    height: 90px;

}

#submitBtn {

    width: 50%;

    margin: 2.5% 25%;

    float: left;

    position: relative;

}

.inputSpaceBtn {

    float: left;

    position: relative;

    width: 100%;

}

.inputSpaceBtn > input {

    background: #2F2F2F;

    border-style: none;

    height: 40px;

    color: #fff;

    width: 80%;

    margin: 2.5% 10%;

    border-radius: 3px;

}
#shareBtns {
    width: 80%;
    float: left;
    position: relative;
    left: 0;
    margin: -1.5% 10%;
}
#fbShare {
    width: 95%;
    margin: 2.5%;
    float: left;
    position: relative;
    background: #3c5a99;
    border-radius: 5px;
}
#fbShare > a {

    width: 100%;
    margin: 0%;
    float: left;
    position: relative;

}
span#fbLogo {
    background-image: url("../images/fb_share.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    height: 50px;
    float: left;
    position: relative;
    width: 90%;
    margin: 2.5% 0% 2.5% 0%;
}
/*Twitter*/
#twShare {

    width: 95%;
    margin: 2.5%;
    float: left;
    position: relative;
    background: #1da1f2;
    border-radius: 5px;

}
#twShare > a {

    width: 100%;
    margin: 0%;
    float: left;
    position: relative;

}
span#twLogo {

    background-image: url("../images/tw_share.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    height: 50px;
    float: left;
    position: relative;
    width: 90%;
    margin: 2.5% 0% 2.5% 0%;
}
span#counting {
    color: #fff;
    float: left;
    position: relative;
    font-size: 20px;
    width: 5%;
    margin: 2% 0%;
    text-align: center;
}
/*EndTwitter*/

/*LinkedIn*/
#inShare {

    width: 95%;
    margin: 2.5%;
    float: left;
    position: relative;
    background: #0073b1;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;

}
#inShare > a {

    width: 100%;
    margin: 0%;
    float: left;
    position: relative;

}
span#inLogo {

    background-image: url("../images/in_share.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    height: 50px;
    float: left;
    position: relative;
    width: 90%;
    margin: 2.5% 0% 2.5% 0%;

}

#textInfoCiber {



    width: 95%;

    margin: 2.5%;

    float: left;

    position: relative;

    text-align: center;



}

#textCourseIntro {

    color: #fff;

    line-height: 2;

}

#imageBtm {

    width: 80%;

    float: left;

    position: relative;

    margin: 2.5% 10%;

}

#imageBtm > img {

width: 80%;

    margin: 2.5% 0% 2.5% 20%;

    float: left;

    position: relative;

}

select#session {

    height: 50px;

}

section#CitaContactar {
    width: 100%;
    margin: -1% 0% 0% 0%;
    background: #0099DD;
    float: left;
}
section#cita1{
        width: 100%;
    margin: 1% 0% 0% 0%;
    background: #0099DD;
    float: left;
}
section#cita2{
        width: 100%;
    margin: 1% 0% 0% 0%;
    background: #0099DD;
    float: left;
}

}

h3#tabletopics {

    font-size: 30px;

    text-align: center;

    color: #264c8a;

}

h3#doubtsTitle {

    width: 90%;

    margin: 2% 5%;

    text-align: center;

    font-size: 20px;

}

h4{

	color: #264c8a;

}

/*---------------------*/

section#objectives {

    width: 100%;

    margin: 0% 0% 0% 0%;

    background: #fff;

    float: left;

}


.sec2 {

width: 90%;

    margin: 2.5% 5%;

    float: left;

    position: relative;

    text-align: center;

    padding: 5px;

    height: auto;

    line-height: 1.5;

    color: #2B2D2E;

}
.sec2>img {
    width: 90%;
    float: left;
    position: relative;
    margin: 2.5% 5%;
}

#who>h3 {

    margin-top: 20%;

}

a#wp {

    width: 20%;

    float: left;

    margin: 0% 40% 0% 40%;

}

#wp>img {

    width: 70%;

}

a#pl {

    color: black;

    font-size: 30px;

    margin: 0% 0% 0% 25%;

}

#contactUs>p {

    width: 50%;

    text-align: left;

    color: white;

    margin: 2% 25% 0% 25%;

    font-size: 20px;

}

#objectives>h2 {

    width: 100%;

    text-align: center;

    color: white;

    font-size: 30px;

}
#cita1>h2 {

    width: 100%;

    text-align: center;

    color: white;

    font-size: 30px;

}
#cita2>h2 {

    width: 100%;

    text-align: center;

    color: white;

    font-size: 30px;

}
#CitaContactar>h2 {

    width: 100%;

    text-align: center;

    color: white;

    font-size: 30px;

}
#Proteccion>h2 {

    width: 100%;

    text-align: center;

    color: #EF7D30;

    font-size: 30px;

}
footer {
    background: #0099DD;
    height: 200px;
    float: left;
    position: relative;
    width: 100%;
}
div#logosNFRNT {
    width: 80%;
    float: left;
    position: relative;
    margin: 2.5% 10%;
}
#logosNFRNT>img {
    width: 95%;
    float: left;
    position: relative;
    margin: 2.5%;
}
div#imgMain {
    width: 80%;
    float: left;
    position: relative;
    margin: 2.5% 10%;
}
#imgMain>img {
    width: 100%;
}
div#cEngine {
    width: 95%;
    margin: 2.5%;
    float: left;
    position: relative;
}
#cEngine>img {
        width: 40%;
    margin: 1% 30%;
}
div#Exinda {
    width: 95%;
    margin: 2.5%;
    float: left;
    position: relative;
}
#cExinda>img {
        width: 40%;
    margin: 1% 30%;
}
div#GFI {
    width: 95%;
    margin: 2.5%;
    float: left;
    position: relative;
}
#GFI>img {
        width: 40%;
    margin: 1% 30%;
}
@media( min-width: 780px ){
.nfBenefits {
	line-height: 1.5;
	text-align: center;
    width: 30%;
    margin: 2.5% 1.5%;
    float: left;
    position: relative;
}
.imgContent {
    width: 80%;
    margin: 2.5% 10%;
    float: left;
    position: relative;
}
.imgContent>img {
    width: 60%;
    margin: 2.5% 20%;
    float: left;
    position: relative;
}
	section#objectives {

    width: 100%;

    margin: 1% 0% 0% 0%;

    background: #fff;

    float: left;

}

.sec2 {

width: 31%;

    margin: 2.5% 0.8%;

    float: left;

    position: relative;

    text-align: center;

    padding: 5px;

    height: 440px;

    line-height: 1.5;

    color: #2B2D2E;

}
    #share {
        width: 100%;
        float: left;
        position: relative;
    }
    #shareBtns {
        width: 75%;
        float: left;
        position: relative;
        left: 0;
        margin: 1% 2% 1% 22%;
    }

        #fbShare {
        width: 20%;
        margin: 2.5%;
        float: left;
        position: relative;
        background: #3c5a99;
        border-radius: 5px;
    }
        #fbShare > a {

        width: 100%;
        margin: 0%;
        float: left;
        position: relative;

    }
        span#fbLogo {
        background-image: url("../images/fb_share.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 40px 40px;
        height: 50px;
        float: left;
        position: relative;
        width: 90%;
        margin: 2.5% 0% 2.5% 0%;
    }
        /*Twitter*/
    #twShare {

        width: 20%;
        margin: 2.5%;
        float: left;
        position: relative;
        background: #1da1f2;
        border-radius: 5px;

    }
    #twShare > a {

        width: 100%;
        margin: 0%;
        float: left;
        position: relative;

    }
    span#twLogo {

        background-image: url("../images/tw_share.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 40px 40px;
        height: 50px;
        float: left;
        position: relative;
        width: 90%;
        margin: 2.5% 0% 2.5% 0%;
    }
        /*LinkedIn*/
    #inShare {

        width: 20%;
        margin: 2.5%;
        float: left;
        position: relative;
        background: #0073b1;
        border-radius: 5px;

    }
    #inShare > a {

        width: 100%;
        margin: 0%;
        float: left;
        position: relative;

    }
    span#inLogo {

        background-image: url("../images/in_share.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 40px 40px;
        height: 50px;
        float: left;
        position: relative;
        width: 90%;
        margin: 2.5% 0% 2.5% 0%;

    }

#who>h3 {

    margin-top: 20%;

}

a#wp {

	width: 5%;

    float: left;

    margin: 0% 2.5% 0% 42.5%;

}

#wp>img {

    width: 100%;

}

a#pl {

    color: white;

    font-size: 30px;

    margin: 0% 0% 0% 0%;

}

#contactUs>p {

    width: 50%;

    text-align: left;

    color: white;

    margin: 2% 25% 0% 25%;

    font-size: 20px;

}

	header {

	    background: url("../images/banerrede.png");

	        background-position-x: 0%;

	        background-position-y: 0%;

	        background-repeat: repeat;

	        background-size: auto;

	    background-size: cover;

	    background-repeat: no-repeat;

	    background-position: center;

	    width: 100%;

	    position: relative;

	    float: left;

	    height: auto;

	}

	#Titulo {

	    float: left;

	    position: relative;

	    width: 45%;

	    margin: 2.5%;

	}
	#textTitle {

	    color: #fff;

	    text-align: center;

	    width: 100%;

	    float: left;

	    position: relative;

	}

	#contactUs {

	    float: left;

	    position: relative;

	    width: 45%;

	    margin: 2.5%;

	}



	#formContactUs {

	    text-align: center;

	    position: relative;

	    margin: 2.5% 10%;

	    width: 80%;

	    background: #FFF;

	    float: left;

	    opacity: 0.9;

	}

	#textIntroForm {

	    color: #1d5fc9;

	    width: 95%;

	    margin: 2.5%;

	    float: left;

	    position: relative;

	    font-size: 1.2em;

	}

	.itemHalf {

	    width: 50%;

	    float: left;

	    position: relative;

	}

	.inputSpace {

	    width: 90%;

	    margin: 2.5% 5%;

	    float: left;

	    position: relative;

	}

	.inputSpace > input {

	    width: 98%;

	    margin: 1%;

	    float: left;

	    position: relative;

	    height: 40px;

	}

	.itemComplete {

	    width: 98%;

	    margin: 1%;

	    float: left;

	    position: relative;

	}

	.inputSpaceComplete {

	    width: 98%;

	    float: left;

	    position: relative;

	    margin: 1%;

	}

	.inputSpaceComplete > textarea {

	    width: 100%;

	    text-align: center;

	    position: relative;

	    float: left;

	    height: 90px;

	}

	#submitBtn {

	    width: 50%;

	    margin: 2.5% 25%;

	    float: left;

	    position: relative;

	}

	.inputSpaceBtn {

	    float: left;

	    position: relative;

	    width: 100%;

	}

	.inputSpaceBtn > input {

	    background: #2F2F2F;

	    border-style: none;

	    height: 40px;

	    color: #fff;

	    width: 80%;

	    margin: 2.5% 10%;

	    border-radius: 3px;

	}

	#textInfoCiber {

	    width: 45%;

	    margin: 2.5%;

	    float: left;

	    position: relative;

	    text-align: left;

	}

	#textCourseIntro {

	    color: #fff;

	    line-height: 2;

	}

	#imageBtm {

	    width: 80%;

	    float: left;

	    position: relative;

	    margin: 2.5% 10%;

	}

	#imageBtm > img {

	    width: 80%;

	    margin: 20% 0% 2.5% 20%;

	    float: left;

	    position: relative;

	}
	footer {
	    background: #2B2E2F;
	    height: 200px;
	    float: left;
	    position: relative;
	    width: 100%;
	}
	div#logosNFRNT {
	    width: 20%;
	    float: left;
	    position: relative;
	    margin: 2.5% 40%;
	}
	#logosNFRNT>img {
    width: 95%;
    float: left;
    position: relative;
    margin: 2.5%;
}
div#imgMain {
    width: 30%;
    float: left;
    position: relative;
    margin: 2.5% 35%;
}
#imgMain>img {
    width: 100%;
}
div#cEngine {
    width: 95%;
    margin: 2.5%;
    float: left;
    position: relative;
}
#cEngine>img {
        width: 40%;
    margin: 1% 30%;
}
}
@media( min-width: 1024px ){
.nfBenefits {
	line-height: 1.5;
	text-align: center;
    width: 30%;
    margin: 2% 1.5%;
    float: left;
    position: relative;
}
.imgContent {
    width: 80%;
    margin: 2.5% 10%;
    float: left;
    position: relative;
    font-size: large;
    color: darkblue;
}
.imgContent>img {
    width: 60%;
    margin: 2.5% 20%;
    float: left;
    position: relative;
}
	section#objectives {

    width: 100%;

    margin: 1% 0% 0% 0%;

    background: #fff;

    float: left;

}
    section#cita1 {

    width: 100%;

    margin: 1% 0% 0% 0%;

    background: #0099DD;

    float: left;

}
    section#cita2 {

    width: 100%;

    margin: 1% 0% 0% 0%;

    background: #0099DD;

    float: left;

}    section#aviso {

    width: 100%;

    margin: -5% 0% 0% 0%;

    background: #0099DD;

    float: left;}

    section#CitaContactar {

    width: 100%;

    margin: -1% 0% 0% 0%;

    background: #0099DD;

    float: left;

}
    section#Proteccion {

    width: 100%;

    margin: 1% 0% 0% 0%;

    background: #fff;

    float: left;

}
.sec2 {
    width: 30%;
    margin: 2.5% 0.8%;
    float: left;
    position: relative;
    text-align: center;
    padding: 5px;
    height: 200px;
    line-height: 1.5;
    color: #2B2D2E;
}
.sec2>img {
    width: 90%;
    float: left;
    position: relative;
    margin: 2.5% 5%;
}

#who>h3 {

    margin-top: 5%;

}

a#wp {

	width: 5%;

    float: left;

    margin: 0% 2.5% 0% 42.5%;

}

#wp>img {

    width: 100%;

}

a#pl {

    color: white;

    font-size: 30px;

    margin: 0% 0% 0% 0%;

}

#contactUs>p {

    width: 50%;

    text-align: left;

    color: white;

    margin: 2% 25% 0% 25%;

    font-size: 20px;

}

	header {

	    background: url("../images/banerrede.png");

	        background-position-x: 0%;

	        background-position-y: 0%;

	        background-repeat: repeat;

	        background-size: auto;

	    background-size: cover;

	    background-repeat: no-repeat;

	    background-position: center;

	    width: 100%;

	    position: relative;

	    float: left;

	    height: auto;

	}

	#Titulo {

	    float: left;

	    position: relative;

	    width: 95%;

	    margin: 2.5%;

	}

	#contactUs {

	    float: right;

	    position: relative;

	    width: 45%;

	    margin: 1.5%;

	}

	#textTitle {

	    color: #fff;

	    text-align: center;

	    width: 100%;

	    float: left;

	    position: relative;

	}

	#formContactUs {

	    text-align: center;

	    position: relative;

	    margin: 0.5% 10%;

	    width: 80%;

	    background: #FFF;

	    float: left;

	    opacity: 0.9;

	}

	#formContactUs {

	    text-align: center;

	    position: relative;

	    margin: 0.5% 10%;

	    width: 80%;

	    background: #fff;

	    float: left;

	    opacity: 0.9;

	}

		#formContactUs2 {

	    text-align: center;

	    position: relative;

	    margin: 0.5% 25%;

	    width: 50%;

	    background: #1d5fc9;

	    float: left;

	    opacity: 0.9;

	}

	#textIntroForm {

	    color: #1d5fc9;

	    width: 95%;

	    margin: 2.5%;

	    float: left;

	    position: relative;

	    font-size: 1.2em;

	}

	.itemHalf {

	    width: 50%;

	    float: left;

	    position: relative;

	}

	.inputSpace {

	    width: 90%;

	    margin: 2.5% 5%;

	    float: left;

	    position: relative;

	}

	.inputSpace > input {

	    width: 98%;

	    margin: 1%;

	    float: left;

	    position: relative;

	    height: 40px;

	}

	.itemComplete {

	    width: 98%;

	    margin: 1%;

	    float: left;

	    position: relative;

	}

	.inputSpaceComplete {

	    width: 98%;

	    float: left;

	    position: relative;

	    margin: 1%;

	}

	.inputSpaceComplete > textarea {

	    width: 100%;

	    text-align: center;

	    position: relative;

	    float: left;

	    height: 50px;

	}

	#submitBtn {

	    width: 50%;

	    margin: 2.5% 25%;

	    float: left;

	    position: relative;

	}

	.inputSpaceBtn {

	    float: left;

	    position: relative;

	    width: 100%;

	}

	.inputSpaceBtn > input {

	    background: #2F2F2F;

	    border-style: none;

	    height: 40px;

	    color: #fff;

	    width: 80%;

	    margin: 2.5% 10%;

	    border-radius: 3px;

	}

	#textInfoCiber {

	    width: 45%;

	    margin: 2.5%;

	    float: left;

	    position: relative;

	    text-align: left;

	}

	#textCourseIntro {

	    color: #fff;

	    line-height: 2;

	}

	#imageBtm {

	    width: 80%;

	    float: left;

	    position: relative;

	    margin: 2.5% 10%;

	}

	#imageBtm > img {

	    width: 80%;

	    margin: 2.5% 0% 2.5% 20%;

	    float: left;

	    position: relative;

	}





	#tabletopics {



    width: 95%;

    float: left;

    position: relative;

    margin: 2.5%;

    text-align: center;

    color: rgb(16, 61, 134);

    font-size: 25px;



}

#topics {



    width: 95%;

    margin: 2.5%;

    float: left;

    position: relative;



}

#company {



    width: 30%;

    margin: 1.5%;

    float: left;

    position: relative;



}

#company > h4 {

    color: rgb(16, 61, 134);

    text-align: center;

    width: 95%;

    margin: 2.5%;

    float: left;

    position: relative;

}

#company > ul {



    width: 95%;

    margin: 2.5%;

    float: left;

    position: relative;



}

#company > ul > li {



    list-style-type: square;

    line-height: 1.5;



}





#personal {



    width: 30%;

    margin: 1.5%;

    float: left;

    position: relative;



}



#personal > h4 {

    color: rgb(16, 61, 134);

    text-align: center;

    width: 95%;

    margin: 2.5%;

    float: left;

    position: relative;

}

#personal > ul {



    width: 95%;

    margin: 2.5%;

    float: left;

    position: relative;



}

#personal > ul > li {



    list-style-type: square;

    line-height: 1.5;



}









#family {



    width: 30%;

    margin: 1.5%;

    float: left;

    position: relative;



}

#family > h4 {

    color: rgb(16, 61, 134);

    text-align: center;

    width: 95%;

    margin: 2.5%;

    float: left;

    position: relative;

}

#family > ul {



    width: 95%;

    margin: 2.5%;

    float: left;

    position: relative;



}

#family > ul > li {



    list-style-type: square;

    line-height: 1.5;



}





#doubtsYet {

    width: 100%;

    height: auto;

    background: #EF7D30;

    color: #fff;

    float: left;

    position: relative;

}



#doubtsTitle {



    width: 95%;

    margin: 2.5%;

    float: left;

    position: relative;

    text-align: center;

    font-size: 25px;



}

footer {
    background: #0099DD;
    height: 200px;
    float: left;
    position: relative;
    width: 100%;
}
div#logosNFRNT {
    width: 20%;
    float: left;
    position: relative;
    margin: 2.5% 40%;
}
#logosNFRNT>img {
    width: 95%;
    float: left;
    position: relative;
    margin: 2.5%;
}
div#imgMain {
    width: 30%;
    float: left;
    position: relative;
    margin: 2.5% 35%;
}
#imgMain>img {
    width: 100%;
}
div#cEngine {
    width: 40%;
    margin: 2.5%;
    float: left;
    position: relative;
}
#cEngine>img {
    width: 40%;
    margin: 1% 30%;
}
div#cExinda {
    width: 40%;
    margin: -1%;
    float: right;
    position: relative;
}
#cExinda>img {
    width: 40%;
    margin: 1% 30%;
}
div#GFI {
    width: 40%;
    margin: 1% -12%;
    position: relative;
}
#GFI>img {
    width: 40%;
    margin: 1% 30%;
}



}