@font-face {
    font-family: euphemia;
    src: url(../fonts/Euphemia-UCAS/Euphemia.ttf);
}
@font-face {
    font-family: futura;
    src: url(../fonts/Futura-Thin/futura.ttf);
}
*{
	transition-duration: 0.3s;
}
html,body{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
p {
    line-height: 2.5;
    width: 70%;
    margin: 0% 15%;
}
#preContent {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: 100px;
    position: relative;
    width: 100%;
}
header {
    background-image: url("../img/secgurucovid-19.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 100%;
    position: relative;
    width: 100%;
    font-family: "euphemia";
    float: left;
}

#contentHeader {
    margin: auto 4%;
    width: 92%;
}


#horizontalContent {
    float: left;
    height: 140px;
    position: relative;
    width: 100%;
}
.halfContent > h1 {
    font-size: 1.5em;
    text-align: center;
    width: 100%;
}
#contentHeader > div {
    float: left;
    margin-bottom: 1%;
}

#preContact > a {
    color: #fff;
}
#logoIn {
    height: 80px;
    width: 100%;
}

#logoIn > img {
    float: none;
    height: 73px;
    margin-left: 25%;
    position: relative;
    width: 50%;
}

#logoIn > div {
    background: rgba(0, 0, 0, 0) url("../img/logo.png") no-repeat scroll center center / 150px 90px;
    height: 100px;
}
ul {
    line-height: 1.5;
    margin-left: 5%;
    margin-top: 5%;
    padding: 0;
    width: 90%;
}
#rrss{
    float: left;
    width: 100%;
}
#fb {
    background: rgba(0, 0, 0, 0) url("../img/fb.png") no-repeat scroll center center / 25px 25px;
    float: left;
    height: 60px;
    width: 50%;
}
#tw {
    background: rgba(0, 0, 0, 0) url("../img/tw.png") no-repeat scroll center center / 25px 25px;
    float: left;
    height: 60px;
    width: 50%;
}
#em {
    background: rgba(0, 0, 0, 0) url("../img/em.png") no-repeat scroll center center / 25px 25px;
    float: left;
    height: 60px;
    width: 33%;
}
.halfContent {
    display: inline-block;
    width: 100%;
    float: left;
}

fieldset {
    font-size: 1.3em;
}
legend {
    font-size: 5em;
    height: 60px;
    text-align: left;
}
ul>li{
	list-style-type: none;
}
.separator{
	width: 100%;
	float: left;
}
#funcionalitySec {
    background-color: #FFFFFF;
    float: left;
    width: 100%;
}
#funcionality {
    display: table;
    height: 200px;
    width: 100%;
}
#subContent {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 0%;
}
div#technicalelement {
    background-image: url(../img/elementotecnicohumanocovid19.png);
    width: 90%;
    float: left;
    background-size: 83%;
    background-repeat: no-repeat;
    height: 271px;
    background-position: center;
    margin: 0% 2% 2.5% 5%;
    position: relative;
}
#subContent > ul {
    color: #00AEEF;
    font-family: euphemia;
    font-size: 1em;
    line-height: 1.5;
    margin: 3% auto 4%;
    text-align: center;
    width: 50%;
}
#subContent > h2 {
    color: #fff;
    font-family: euphemia;
    font-size: 1.2em;
    font-weight: bolder;
    margin: 3% auto 0;
    text-align: center;
    width: 100%;
}
#subContent > p {
    color: #fff;
    font-family: euphemia;
    font-size: 1em;
    line-height: 1.5;
    margin: 3% auto 4%;
    text-align: center;
    width: 90%;
}
h2 {
    width: 50%;
    margin: 0% 25%;
    text-align: center;
}
form {
    margin: 0 auto auto;
    width: 90%;
}
.itemHalf {
    float: none;
    margin-bottom: 5%;
    margin-left: 5%;
    width: 90%;
}

.inputText {
    background: transparent none repeat scroll 0 0;
    border-bottom: 1px solid #c0c0c0;
    border-style: none none solid;
    color: #fff;
    font-family: "euphemia";
    width: 100%;
}
.inputSelect {
    border-bottom: 1px solid #c0c0c0;
    border-style: none none solid;
    width: 100%;
    background:transparent;
    font-family: "euphemia";
    color: #fff;
}
option {
    background: transparent none repeat scroll 0 0;
    color: #000;
}
input[type="submit"] {
    background: #ff9d37 none repeat scroll 0 0;
    border-style: none;
    color: #fff;
    float: right;
    font-family: "euphemia";
    height: 30px;
    margin: 5%;
    width: 35%;
}
h3 {
    border-top: 1px solid #c53d89;
    margin-left: 15%;
    text-align: center;
    width: 70%;
    display: inline-block;
    font-family: "Euphemia";
}
.imgBenefits {
    display: inline-block;
    float: left;
    width: 100%;
}
figure {
    float: left;
    margin-top: 0;
    padding: 0;
    width: 33%;
}
figcaption {
    font-family: "euphemia";
    font-size: 14px;
    margin-bottom: 20%;
    margin-left: 5%;
    text-align: center;
    width: 90%;
}
#re{
	    transform: scale(0.55);
	    transform-origin: 0 0 0;
	}
.imgBenefits {
    display: inline-block;
    float: none;
    margin: auto auto auto 30%;
    width: 40%;
}
footer {
    background: #074481;
    float: left;
    width: 100%;
}
#contactData {
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
    text-align: center;
    width: 90%;
}
#contactData > h4 {
    color: #fff;
    font-family: euphemia;
    font-size: 1.3em;
}
cite {
    color: #fff;
    float: left;
    font-family: euphemia;
    font-style: unset;
    margin-bottom: 5%;
    width: 100%;
}
#contactData a {
    color: #fff;
    text-decoration: none;
}
#rrssData {
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
    width: 90%;
}
#rrssData > h4 {
    color: #fff;
    font-family: euphemia;
    font-size: 1.3em;
    text-align: center;
}
#subContent > h2 {
    color: #00AEEF;
    font-family: euphemia;
    font-size: 2em;
    font-weight: bolder;
    margin: 3% auto 0;
    text-align: center;
    width: 100%;
}
#subContent > p {
    color: #000;
    font-family: euphemia;
    font-size: 1em;
    line-height: 2;
    margin: 0% auto 4%;
    text-align: center;
    width: 100%;
}
.text-box-content {
    background: #074481;
    color: #fff;
    font-family: 'euphemia';
}
@media ( min-width: 768px ){

#logoIn > img {
    float: none;
    height: 115px;
    margin-left: 30%;
    position: relative;
    width: 40%;
}

#horizontalContent {
    float: left;
    height: 166px;
    position: relative;
    width: 100%;
}
#logoIn {
    float: left;
    height: 115px;
    margin-left: 5%;
    width: 50%;
}

#logoIn > img {
    float: none;
    height: 115px;
    margin: auto;
    position: relative;
    width: 60%;
}

#logoIn > div {
    background: rgba(0, 0, 0, 0) url("../img/logo.png") no-repeat scroll left center / 150px 90px;
    height: 100px;
}
fieldset {
    font-size: 21px;
    text-align: center;
    width: 80%;
}

.halfContent > ul {
    padding: 0;
    width: 80%;
}
form {
    margin: 0 auto auto;
    width: 60%;
}
#fb {
    background: rgba(0, 0, 0, 0) url("../img/fb.png") no-repeat scroll center center / 25px 25px;
    float: right;
    height: 100px;
    width: 33%;
}
#tw {
    background: rgba(0, 0, 0, 0) url("../img/tw.png") no-repeat scroll center center / 25px 25px;
    float: right;
    height: 100px;
    width: 33%;
}
#em {
    background: rgba(0, 0, 0, 0) url("../img/em.png") no-repeat scroll center center / 25px 25px;
    float: left;
    height: 100px;
    width: 33%;
}
#rrss {
    float: right;
    margin-right: 5%;
    width: 25%;
}
.halfContent {
    display: inline-block;
    margin-left: 5%;
    margin-top: 7%;
    width: 45%;
}
figure {
    float: left;
    margin-left: 46%;
    padding-left: 125px;
    width: 8%;
}
.imgBenefits {
    display: inline-block;
    float: left;
    margin-left: 15%;
    width: 70%;
}
#re{
	    transform: scale(0.65);
	    transform-origin: 0 0 0;
	}
figure {
    float: left;
    margin-left: 46%;
    padding-left: 65px;
    width: 10%;
}

#subContent > h2 {
    color: #fff;
    font-family: euphemia;
    font-size: 1.5em;
    font-weight: bolder;
    margin: 3% auto 0;
    text-align: center;
    width: 100%;
}
#subContent > p {
    color: #fff;
    font-family: euphemia;
    font-size: 1em;
    line-height: 1.5;
    margin: 3% auto 4%;
    text-align: center;
    width: 60%;
}
#contactData {
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
    text-align: left;
    width: 40%;
}

#rrssData {
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
    width: 40%;
}

#rrssData > h4 {
    color: #fff;
    font-family: euphemia;
    font-size: 1.3em;
    text-align: right;
}
#subContent > h2 {
    color: #00AEEF;
    font-family: euphemia;
    font-size: 2em;
    font-weight: bolder;
    margin: 3% auto 0;
    text-align: center;
    width: 100%;
}
#subContent > p {
    color: #000;
    font-family: euphemia;
    font-size: 1em;
    line-height: 2;
    margin: 0% auto 4%;
    text-align: center;
    width: 100%;
}
.text-box-content {
    background: #074481;
    color: #fff;
    font-family: 'euphemia';
}
div#technicalelement {
    background-image: url(../img/elementotecnicohumanocovid19.png);
    width: 50%;
    float: left;
    background-size: 83%;
    background-repeat: no-repeat;
    height: 271px;
    background-position: center;
    margin: 0% 25% 2.5% 25%;
    position: relative;
}
}
@media( min-width: 1024px ){
#logoIn > img {
    float: none;
    height: 100px;
    margin: auto;
    position: relative;
    width: 30%;
}
h3 {
    border-top: 2.5px solid #c53d89;
    display: inline-block;
    font-family: "Euphemia";
    font-size: 25px;
    margin-left: 40%;
    padding-top: 20px;
    text-align: center;
    width: 20%;
}
#re{
	transform:scale(0.77);
	-webkit-transform:scale(0.77);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

ul#characteristicsList > li {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 18px;
    line-height: 2.5;
}
figure {
    float: left;
    margin-left: 46%;
    padding-left: 130px;
    width: 8%;
}
#subContent > h2 {
    color: #00AEEF;
    font-family: euphemia;
    font-size: 2em;
    font-weight: bolder;
    margin: 3% auto 0;
    text-align: center;
    width: 100%;
}
#subContent > p {
    color: #000;
    font-family: euphemia;
    font-size: 1em;
    line-height: 2;
    margin: 0% auto 4%;
    text-align: center;
    width: 100%;
}
.text-box-content {
    background: #074481;
    color: #fff;
    font-family: 'euphemia';
}
#contactData {
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
    text-align: left;
    width: 40%;
}
div#technicalelement {
    background-image: url(../img/elementotecnicohumanocovid19.png);
    width: 50%;
    float: left;
    background-size: 83%;
    background-repeat: no-repeat;
    height: 271px;
    background-position: center;
    margin: 0% 25% 2.5% 25%;
    position: relative;
}

#rrssData {
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    position: relative;
    width: 40%;
}

#rrssData > h4 {
    color: #fff;
    font-family: euphemia;
    font-size: 1.3em;
    text-align: right;
}
}
/*#net {
    background: rgba(0, 0, 0, 0) url("../img/net.png") no-repeat scroll 0 0 / 80px 80px;
    height: 100px;
    width: 33%;
    float: left;
}
#customer{ 
	background: rgba(0, 0, 0, 0) url("../img/custom.png") no-repeat scroll 0 0 / 80px 80px;
    height: 100px;
    width: 33%;
    float: left;
}
#company{
	background: rgba(0, 0, 0, 0) url("../img/business.png") no-repeat scroll 0 0 / 80px 80px;
    height: 100px;
    width: 33%;
    float: left;
}
#info{
	background: rgba(0, 0, 0, 0) url("../img/info.png") no-repeat scroll 0 0 / 80px 80px;
    height: 100px;
    width: 33%;
    float: left;
}
#mkt{
	background: rgba(0, 0, 0, 0) url("../img/mkt.png") no-repeat scroll 0 0 / 80px 80px;
    height: 100px;
    width: 33%;
    float: left;
}*/