@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,300,300italic,700,700italic);

* {
    font-family: 'Lato', sans-serif;
    /*font-weight: 400 !important;*/
}
/*.fixed {*/
/*position: fixed;*/
/*top:0;*/
/*left:0;*/
/*width: 100%;*/
/*border-bottom: 4px solid #f0f2f4;*/
/*}*/

/*header.fixed .section2 {*/
/*margin-left: -10%;*/
/*margin-top: -1%;*/
/*}*/

/*header.fixed .section1 a img {*/
/*margin-left: 16em;*/
/*}*/
/* test */

ul {
    list-style: none;
}

section .sectionTitle {
    margin-left: 4%;
    margin-top: 6%;
    padding-top: 5%;
    margin-bottom: 5%;
}

section .sectionTitle h1 {
    text-transform: uppercase;
    color: #007fcc;
    border-bottom: 8px solid #007fcc;
    display: inline;
    padding-bottom: 6px;
}

.sectionbigImage {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.sectionbigImage img {
    width: 100%;
    height: 210px;
}

.sectionbigImage.home img {
    width: 100%;
    height: 434px;
    max-width: 1950px;
}

/* HEADER */
header {
    margin: 0 auto;
    display: block;
    width: 80%;
    background-color: #ffffff;
}

header .section1 {
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

header .section1 a img {
    margin-top: 2em;
    width: 100%;
    max-width: 212px;
    margin-left: 28%;
}

header .section2 {
    width: 74%;
    display: inline-block;
    vertical-align: top;
}

header .section2 .privateArea {
    width: 100%;
    font-family: Lato;
    color:  #646464;
    text-align: right;
    font-size: .7em;
    margin-top: 2%;
    height: 19px;
}

header .section2 .idiomsSearch {
    width: 100%;
    text-align: right;
    margin-top: 2%;
}

header .section2 .idiomsSearch .socials{
    width: 28%;
    list-style: none;
    font-family: Lato;
    display: inline-block;
    vertical-align: top;
    padding-top: .5%;
    font-size: 20px;
    color: gray;
}

header .section2 .idiomsSearch .socials li {
    list-style: none;
    display: inline-block;
    text-transform: uppercase;
    margin-left: 1%;
    margin-right: 1%;
    cursor: pointer;
}

header .section2 .idiomsSearch .socials li a{
    color:gray;
}

header .section2 .idiomsSearch .idiomas {
    width: 13%;
    list-style: none;
    color:  #646464;
    font-family: Lato;
    display: inline-block;
    vertical-align: top;
    padding-top: 1%;
}

header .section2 .idiomsSearch form {
    width: 23%;
    display: inline-block;
    margin-left: 2em;
}

header .section2 .idiomsSearch input {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    background-color: white;
    margin-left: 1%;
    height: 0em;
    margin-top: 0.4%;
    padding: .9em;
}

header .section2 .idiomsSearch .idiomas li {
    list-style: none;
    display: inline-block;
    text-transform: uppercase;
    margin-left: 1%;
    margin-right: 1%;
    cursor: pointer;
}

header .section2 .idiomsSearch .idiomas li a {
    color:  #646464;
}

header .section2 .idiomsSearch .idiomas li:hover {
    color: #494a4e;
}

header .section2 .privateArea a {
    text-decoration: none;
    color:  #646464;
    font-weight: 400;
}

header .section2 .privateArea a:first-letter {
    text-transform: uppercase;
}

header .section2 .privateArea a img {
    margin-left: .5%;
}

header .section2 ul.navigation {
    list-style: none;
    text-decoration: none;
    width: 100%;
    margin-top: 1em;
    text-align: right;
}

header .section2 ul.navigation li {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font-size: .9em;
    margin-right: 1.1em;
    font-family: Lato;
    color:  #646464;
    font-weight: 400;
    /*cursor: pointer;*/
}

header .section2 ul.navigation li a {
    color:  #646464;
    text-decoration: none;
}

header .section2 ul.navigation li:hover .subSections {
    display: block;
    z-index: 99999999999999999;
}

header .section2 ul.navigation li .subSections {
    width: 24em;
    text-align: left;
    list-style: circle;
    position: absolute;
    background-color: #fff;
    border-bottom: 2px solid #8d8d8d;
    display: none;
    padding-left: .2em;
    z-index: 99999999999999999999999999999999999999999;
}

header .section2 ul.navigation li .subSections li {
    width: 100%;
    font-weight: 400;
    border-bottom: 1px solid #d6d6d6;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 5%;
}

header .section2 ul.navigation li.aplications .subSections {
    width: 27em;
}

header .section2 ul.navigation li .subSections li:last-child {
    border-bottom: 2px solid transparent;
}

header .section2 ul.navigation li .subSections li:hover,
header .section2 ul.navigation li .subSections li a:hover {
    color: #0079c8;
}

header .section2 ul.navigation li .subSections li:before,
section.school .sections ul li:before {
    content: "";
    color: #0079c8;
    margin-right: 5%;
}

header .section2 ul.navigation li:last-child {
    margin-right: 0% !important;
}

header .section2 ul.navigation li:hover {
    font-weight: 700;
    margin-left: -1px !important;
}

/* FOOTER */
footer {
    width: 95%;
    margin: 0 auto;
    display: block;
    background-color: #f0f2f4;
    margin-top: 2%;
    padding: 1em;
    font-family: Lato;
}

footer .footer1,
footer .footer2 {
    width: 98%;
    margin: 0 auto;
    display: block;
}

footer .footer2 .footerNavMob {
    display: none;
}

footer .footer1 {
    border-bottom: 3px solid #ffffff;
    margin-bottom: 1%;
    padding-bottom: 1%;
    text-align: center;
}

footer .footer1 h3 {
    width: auto;
    display: inline-block;
    margin-right: 0%;
    font-weight: 400;
    line-height: 40px;
    margin-left: 4px;
    font-size: 15px;
}

footer .footer1 h3 span {
    display: inline-block;
}

footer .footer1 h3 span:first-letter,
footer .footer1 h3:first-letter {
    text-transform: uppercase;
}

footer .footer1 h3 img {
    margin-left: 9px;
    margin-right: 9px;
    display: inline-block;
}

footer .footer1 h3.client,
footer .footer1 h3.pointers {
    color: #db381b;
}

footer .footer1 h3.flex {
    color: #007457;
}

footer .footer1 h3.rapi {
    color: #0080cc;
}

footer .footer1 h3.soport {
    color: #15577e;
}

footer .footer1 h3.quality {
    color: #ff9000;
}

footer .footer2 .footerNav {
    width: 100%;
    text-align: center;
    margin-top: 2%;
    margin-bottom: 1%;
}

footer .footer2 .footerNav ul {
    width: 12.1%;
    display: inline-block;
    vertical-align: top;
    font-size: .8em;
    text-align: left;
    color: #646464;
    margin-left: 8px;
}

footer .footer2 .footerNav ul li {
    cursor: pointer;
    margin-left: -12%;
    font-weight: 400;
}

footer .footer2 .footerNav ul li a {
    text-decoration: none;
    color: #8D8989;
}

footer .footer2 .footerNav ul.contact {
    border-left: 2px solid #cdcfd2;
    padding-left: 33px;
    margin-left: -1%;
    width: 20%;
}

footer .footer2 .footerNav ul.contact a {
    color: initial;
    text-decoration: none;
    font-weight: 900;
    font-size: 1.2em;
    color: #646464;
}

footer .footer2 .footerNav ul li.title {
    list-style: none;
    text-decoration: none;
    font-weight: 900;
    font-size: 1.2em;
    margin-bottom: 2%;
    text-transform: capitalize;
}

footer .footer2 .footerNav ul li.title a {
    font-weight: 900;
    color: #646464;
}

footer .footer2 .footerNav ul.contact li {
    list-style: none;
    text-decoration: none;
    margin-left: -10%;
    font-weight: 400;
}

footer .footer2 .logos {
    width: 100%;
    text-align: right;
    margin-top: 2em;
}

footer .footer2 .logos img {
    display: inline-block;
    vertical-align: middle;
}

footer .footer2 .logos img.logo1 {

}

footer .footer2 .logos img.logo2 {
    margin-left: 1em;
}



/*SECTION MAIN*/

div.content {
    width: 100%;
    background-color: #f0f2f4;
    text-align: center;
    margin-top: 3%;
}

div.content .contenido {
    width: 70%;
    background-color: #fbfbfc;
    text-align: left;
    margin: 0 auto;
    margin-top: 3.5%;
    z-index: 9999999;
    position: relative;
}

/* SECTION HOME */
section.home {
    width: 100%;
    background-color: white;
}

section.home .maps {
    width: 100%;
    height: 27em;
    background-color: rosybrown;
}

section.home .ballon {
    background-color: rgba(255, 255, 255, 0.7);
    height: auto;
    color: #494a4e;
    border-radius: 19px;
    width: auto;
    display: inline;
    padding: 3px 9px;
    text-align: right;
    position: absolute;
    font-weight: 400;
    vertical-align: middle;
}

section.home .ballon a {
    text-decoration: none;
    color: #494a4e;
}

section.home .ballon:hover,
section.home .ballon.active {
    background-color: rgba(255, 255, 255, 1);
}

section.home .ballon.ballonText {
    width: 45em;
    text-align: left;
    margin-top: -25em;
    margin-left: 35%;
    border-radius: 0px;
    padding: 0em 1em 1em 1em;
    background-color: rgba(255, 255, 255, 0.36);
    color: #626262;
    font-weight: 400;
    font-size: 1.2em;
    display: none;
}

section.home .ballon.ballonText .exit {
    position: absolute;
    float: right;
    top: .7em;
    right: .7em;
    width: 10px;
    height: 10px;
}

section.home .ballon.ballonText#ballonText0 {
    display: block;
}

section.home .ballon.ballonText .text {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

section.home .ballon.ballonText .text .title {
    font-weight: 300;
    font-size: 20px;
    line-height: 17px;
}

section.home .ballon.ballonText .images {
    width: 52%;
    display: inline-block;
    vertical-align: top;
}


section.home .ballon.ballonText .images img {
    width: 100%;
    margin-top: 9%;
    padding-left: 2%;
}

section.home .ballon.ballonText .title {
    font-weight: 300;
    font-size: 28px;
    line-height: 22px;
}

section.home .ballon.ballonText .title:first-letter,
section.home .news ul li .sections .text p.description:first-letter {
    text-transform: uppercase;
}


section.home .ballon .round {
    width: 10px;
    height: 10px;
    background-color: #ffba15;
    border-radius: 50%;
    display: inline-table;
    vertical-align: middle;
    margin-right: 3px;
}

section.home #ballon1 {
    margin-left: 11%;
    margin-top: -21em;
}

section.home  #ballon2 {
    margin-top: -15em;
    margin-left: 18%;
}

section.home  #ballon3 {
    margin-top: -8em;
    margin-left: 19%;
}

section.home  #ballon4 {
    margin-top: -11em;
    margin-left: 44%;
}

section.home  #ballon5 {
    margin-top: -7em;
    margin-left: 58%;
}

section.home  #ballon6 {
    margin-top: -13.5em;
    margin-left: 57%;
}

section.home  #ballon7 {
    margin-top: -16em;
    margin-left: 64%;
}

section.home .videooctoplus {width: 95%;text-align: center;list-style: none;margin-bottom: 1em;border-bottom: 2px solid #cececf;margin: 0 auto;padding: 15px 0;}
section.home .videooctoplus .block {display: inline-block;vertical-align: top;min-height: 290px;}
section.home .videooctoplus .block1 {width: 30%;margin-right: 1%;}
section.home .videooctoplus .block1 .title {color: #25576f;font-size: 16px;font-weight: 400;margin-top: 0;padding: 20px 10px;background: url(http://hitecsa.com/img/products/list/list0.png) left top no-repeat;}
section.home .videooctoplus .block1 .logo {width: 80%;margin: 0 auto;display: block;}
section.home .videooctoplus .block2 {width: 30%;/* max-width: 344px; *//* background-color: greenyellow; */margin-right: 1%;padding-top: 20px;}
section.home .videooctoplus .block2 .title {color: #25576f;font-size: 14px;margin-top: 0;margin-bottom: 17px;}
section.home .videooctoplus .block2 ul {padding-left: 2%;text-align: left;font-size: 12px;color: #494a4e;}
section.home .videooctoplus .block2 ul li {margin-bottom: 2px;}
section.home .videooctoplus .block2 ul li::before {content: '- ';margin-right: 6px;}
section.home .videooctoplus .block3 {width: 37%;padding-top: 20px;}
section.home .videooctoplus .block3 iframe {width: 100%;max-height: 258px;height: 258px;display: block;}


section.home .news {
    width: 95%;
    text-align: center;
    list-style: none;
    margin-bottom: 1em;
    border-bottom: 2px solid #cececf;
    margin: 0 auto;
    padding-bottom: 2%;
}

section.home .news h2 {
    text-align: left;
    color: #626262;
    font-weight: 300;
    border-bottom: 2px solid #e1e1e2;
    padding-bottom: .5em;
    text-transform: capitalize;
    margin-top: 1%;
    margin-bottom: 2%;
}

section.home .news h2 ul {
    width: 100%;
}

section.home .news ul li {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

section.home .news ul li p.date {
    color: #494a4e;
    margin-bottom: -1em;
    font-weight: 300;
}

section.home .news ul li h3 {
    font-size: 20px;
}

section.home .news ul li h3 a {
    text-decoration: none;
    color: #0080cc;
    font-weight: 400;
    font-size: 20px;
}

section.home .news ul li h3:first-letter {
    text-transform: uppercase;
}

section.home .news ul li .sections {
    width: 100%;
}

section.home .news ul li .sections .image,
section.home .news ul li .sections .text {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
}

section.home .news ul li .sections .image img {
    max-width: 9em;
    height: 10em;
}

section.home .news ul li .sections .text p.description {
    margin-top: 0em;
    color:  #626262;
    margin-bottom: 1em;
    text-transform: lowercase;
    height: 11em;
}

section.home .news ul li .sections .text p.moreInfo {
    margin-top: 1em;
}

section.home .news ul li .sections .text p.moreInfo a {
    text-decoration: none;
    color:  #6aa6da;
}

section.home .descriptions {
    width: 95%;
    text-align: center;
    list-style: none;
    margin-bottom: 1em;
    border-bottom: 2px solid #cececf;
    margin: 0 auto;
    padding-bottom: 2%;
    margin-top: 31em;
    padding-top: 5%;
    font-weight: 400;
}

section.home .catalog {
    width: 95%;
    text-align: center;
    list-style: none;
    margin-bottom: 1em;
    border-bottom: 2px solid #cececf;
    margin: 0 auto;
    padding-bottom: 2%;
}

section.home .descriptions li {
    display: inline-block;
    vertical-align: top;
    width: 23.5%;
    margin-right: 2px;
    text-align: center;
}

section.home .descriptions li img {
    margin-top: 3%;
    margin-top: 5%;
    width: 80px;
}

section.home .descriptions li p {
    width: 87%;
    color: #494a4e;
    margin: 0 auto;
    margin-top: 3em;
    line-height: 18px;
    font-size: 14px;
}

section.home .descriptions li p span {
    color:  #db381b;
}

section.home .catalog {
    border-bottom: 2px solid transparent;
}

section.home .catalog li {
    width: 49.5%;
    display: inline-block;
    vertical-align: top;
    margin-top: 2%;
    font-weight: 400;

}

section.home .catalog li .description {
    width: 51%;
    display: inline-block;
    vertical-align: top;
    color: #646464;
    text-align: left;
    margin-left: -10%;
}

section.home .catalog li .description h3 {
    font-weight: 400;
    margin-bottom: 1px;
    text-transform: capitalize;
}

section.home .catalog li .description h3 a {
    text-decoration: none;
    color: #646464;
}

section.home .catalog li .description p {
    margin-top: .4em;
}

section.home .catalog li .description p.viewMore img {
    width: 32px;
    height: 30px;
    vertical-align: middle;
}

section.home .catalog li .description p.viewMore a {
    margin-left: 3%;
    text-decoration: none;
    color: #6aa6da;
}
section.home .catalog li .image {
    width: 29%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

section.home .catalog li .image img {
    width: 78%;
    margin-top: 2em;
}

/*  SOFTWARE  */
section.software {
    width: 100%;
}

section.software .description,
section.software .softwareSections,
section.software .form {
    width: 95%;
    margin: 0 auto;
    color:  #47474b;
    font-weight: 400;
}

section.software .softwareSections li {
    margin-top: 2em;
    margin-bottom: 2em;
    width: 32%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

section.software .softwareSections li p {
    width: 59%;
    margin: 0 auto;
}

section.software .softwareSections li:nth-child(1) {
    color: #8c5999;
}

section.software .softwareSections li:nth-child(2) {
    color: #199fde;
}

section.software .softwareSections li:nth-child(3) {
    color: #489f32;
}

section.software .form p.formDescrition {
    text-transform: initial;
}

section.software .form p.formDescrition:last-of-type {
    margin-top: 2em;
}

section.software .form form {
    text-align: center;
    margin-top: 2em;
    padding-bottom: 2em;
}

section.software .form form div,
section.contact form div {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-right: 1%;
    margin-bottom: 4%;
    text-align: left;
}

section.software .form form div.selection,
section.software .form form div.conditions {
    width: 100%;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 3%;
}

section.contact form div.conditions {
    width: 100%;
    border-top: 1px solid #d6d6d6;
    padding-bottom: 3%;
    padding-top: 1%;
    margin-top: 3%;
}

section.software .form form div.conditions {
    border-bottom: 1px solid transparent;
}


section.software .form form div.selection:first-letter {
    text-transform: capitalize;
}

section.software .form form div.selection ul {
    width: 65%;
    float: right;
    margin-top: -1.3%;
}

section.software .form form div.selection ul li{
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

section.software .form form div.selection ul span {
    font-size: 1em;
    font-weight: 400;
    margin-left: 6%;
}

section.software .form form div.selection ul input,
section.software .form form .conditions input {
    width: 1em;
    height: 1em;
}

section.software .form form .conditions input {
    margin-right: 1%;
}

section.software form .conditions span {
    text-transform: lowercase;
}

section.software form .conditions span:first-letter {
    text-transform: capitalize;
}

section.software .form form div input,
section.contact form div input {
    width: 96%;
    margin-top: 1em;
    margin-bottom: 1%;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    padding-left: 1%;
    height: 2em;
    border-color: #B1B3B4;
}

section.software .form form div span {
    font-size: .9em;
}

section.software form .boton,
section.contact form .boton{
    color: #0889d4;
    font-weight: 400;
    text-transform: uppercase;
    padding: 1em;
    border: 1px solid #0889d4;;
    width: 14% !important;
    text-align: center !important;
    border-radius: 10px;
    cursor: pointer;
    margin-top: -3%;
    float: left;
}

/* COMPANY - PRESENTATION */
section.company {
    width: 100%;
}

section.company ul.sections {
    width: 90%;
    margin: 0 auto;
}

section.company ul.sections li {
    width: 100%;
    margin-bottom: 3%;
    border-bottom: 1px solid #cececf;
    padding-bottom: 1%;
    font-weight: 400;
}

section.company ul.sections li:last-of-type {
    border-bottom: 1px solid transparent;
}

section.company ul.sections li .images,
section.school .schoolContent .texto .images {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
section.company .block-fabricacion img{display: inline-block;width: 30%;}
section.company .block-fabricacion .texts{padding-top: 16px;display: inline-block;width: 69%;vertical-align: top;}
section.company .block-fabricacion p{margin-bottom: 0;}
section.company ul.sections li.europe .text {
    width: 100%;
}

section.company ul.sections li.europe .images {
    text-align: left;
}

section.company ul.sections li.europe .images img {
    width: 100%;
}

section.company ul.sections li.europe .text .text {
    width: 69%;
}

section.company ul.sections li .text,
section.school .schoolContent .texto .text{
    width: 69%;
    display: inline-block;
    vertical-align: top;
}

section.company ul.sections li .text p {
    font-weight: 400;
    color: #494a4e;
}

section.company ul.sections li .text a {
    text-decoration: none;
    color:  #db381b;
}

section.internacional ul.sections li .text a {
    color: #337ab7;
}

section.company ul.sections li .text .title {
    text-transform: uppercase;
    font-weight: 300;
}

section.company ul.sections li .text .title b {
    font-weight: 300;
    color:  #db381b;
}

section.company ul.sections li .text ul li {
    border-bottom: 1px solid transparent;
    margin-bottom: .2%;
    color: #494a4e;
}

section.company ul.sections li .text ul li span {
    margin-left: 3.7%;
    font-weight: 400;
}

section.company ul.sections li .text ul li b {
    font-weight: 500;
}

section.company ul.sections li .text ul li:before {
    content: "";
    color: #0079c8;
    margin-right: 2%;
}

section.company ul.sections.map {
    margin-top: 2em;
}

section.company .zonesdown ul.sections.map li.castillamancha {
    display: none;
}

section.company ul.sections.map li.centro2,
section.company ul.sections.map li.centro3,
section.company ul.sections.map li.catalunya2,
section.company ul.sections.map li.catalunya3 {
    display: none;
}

section.company ul.sections.map li .title {
    color:  #0080cc;
    font-weight: 400;
    font-size: 1.1em;
    text-transform: uppercase;
}

section.company ul.sections.map li .central {
    text-transform: uppercase;
}

section.company ul.sections.map li ul.persons {
    margin-top: 1%;
    color:  #606060;
}

section.company ul.sections.map li ul.persons li {
    width: 34%;
    display: inline-block;
    vertical-align: top;
    border-bottom-color: transparent;
    margin-bottom: 0%;
    padding-bottom: 1%;
}

section.company.delegations .deleg ul.sections.map {
    border-top: 2px solid transparent;
    padding-top: 3em;
}

section.company.delegations .deleg ul.sections.map li {
    display: none;
    border-bottom: 1px solid transparent;
}

section.company.delegations .deleg ul.sections.map li ul.persons li {
    width: 100%;
    display: block !important;
}
body section.company.delegations .deleg ul.sections.map li ul.persons.first-address li.factory{
    display: none !important;
}
section.company ul.sections.map li ul.persons li a {
    text-decoration: none;
    color:  #0080cc;
}

section.company.delegations .mapa {
    width: 100%;
}

section.company.delegations .mapa .spain {
    width: 55%;
    margin-top: 1em;
    margin-bottom: 2em;
    display: inline-block;
    margin-left: 1%;
}

section.company.delegations .mapa .spain div,
section.company.delegations .mapa .spain ul {
    width: 500px;
}

section.company.delegations .mapa .deleg {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    margin-left: 3%;
}

section.company .text .downloadpdf{
    padding-top: 40px;
}
section.company .text .downloadpdf a{
    color:#007fcc !important;
}
section.company .text .downloadpdf img{
    width: 27px;
    height: 33px;
    margin-right: 5px;
    vertical-align: text-bottom;
    padding-bottom: 2px;
}

/*APLICACIONES*/
section.aplications .sectionTitle {
    margin-left: 0%;
    margin-top: 0%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #007fcc;
    width: 100%;
    margin-bottom: 2%;
}

section.aplications .imageapli {
    width: 100%;
}

section.aplications .imageapli img {
    width: 100%;
    margin-bottom: -0.3%;
}


section.aplications .sectionTitle h1 {
    color: #fbfbfc;
    border-bottom: none !important;
    font-size: 1.5em;
    font-weight: 300;
    margin-left: 4%;
}

section.aplications .description,
section.aplications .sections,
section.fournitures .description,
section.fournitures .sections {
    width: 90%;
    margin: 0 auto;
    color: #626262;
    font-weight: 400;
}

section.aplications .sections {
    margin-top: 3em;
    margin-bottom: 2em;
    border-bottom: 2px solid #cececf;
}

section.aplications .sections .points,
section.fournitures .sections .points,
section.fournitures .sections .others,
section.aplications .sections .others {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

section.fournitures .sections .others img {
    width: 100%;
}

section.aplications .sections .help {
    width: 100%;
    margin-top: 5em;
    margin-bottom: 5em;
}

section.aplications .sections .help div {
    width: 41%;
    padding: 0.4em .5em;
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(169, 169, 169, 0.75);
    color: #0889d4;
    margin-left: 3%;
    font-weight: 400;
    padding-bottom: 1%;
    text-align: center;
    cursor: pointer;
}

section.aplications .sections .help a {
    text-decoration: none;
    color: #0889d4;
}

section.aplications .sections .help div:hover {
    box-shadow: 0px 0px 9px 0px rgba(8, 137, 212, 1);
}

section.aplications .sections .points ul,
section.aplications .sections .points ul li {
    width: 100%;
    text-transform: uppercase;
}

section.fournitures .points ul,
section.fournitures .points ul li {
    width: 100%;
}

section.fournitures .points ul li{
    margin-bottom: 6%;
    margin-left: 5%;
}

section.aplications .sections .points ul li {
    margin-bottom: 6%;
    padding-left: 5%;
}

section.aplications .sections .points ul li a {
    text-decoration: none;
    color: #626262;
    display: inline-block;
    height: 18px;
    width: 88%;
}


section.aplications .sections .points ul li img,
section.fournitures .points ul li img {
    margin-right: 2%;
    vertical-align: middle;
    display: inline-block;
    vertical-align: top;
}

section.aplications .sections .others {
    background-color: #f8f8f9;
    padding-top: 7px;
    margin-left: 1%;
}

section.aplications .sections .others b {
    font-weight: 400;
    color:  #626262;
    padding-left: 4%;
}

section.aplications .sections .others img {
    width: 90%;
    margin: 0 auto;
    display: block;
    margin-bottom: 1em;
    margin-top: 1em;
}

section.aplications .references, section.internacional .references {
    width: 90%;
    margin: 0 auto;
    margin-top: 1em;
    background-color: #ffffff;
    margin-bottom: 4em;
}

section.aplications .references .title, section.internacional .references .title {
    color: #47474b;
    text-transform: uppercase;
    font-size: 1.2em;
    padding-left: 1em;
    padding-top: 1em;
}

section.aplications .references ul,
section.internacional .references ul {
    width: 90%;
    margin: 0 auto;
    color: #626262;
    font-weight: 300;
    padding-bottom: 2em;
}

section.aplications .references ul li,
section.internacional .references ul li {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

section.aplications .references ul li h4,
section.internacional .references ul li h4 {
    text-transform: uppercase;
    margin-bottom: 0em;
    font-size: 1em;
}

section.aplications .references ul li img,
section.internacional .references ul li img {
    width: 70%;
    margin: 0 auto;
    margin-left: 0%;
    margin-bottom: 2%;
    margin-top: 2%;
}

/* AVISO LEGAL */
section.company ul.sections.legal li .text {
    width: 100%;
}

section.company ul.sections.legal li.principal {
    border-bottom: 1px solid transparent;
    padding-bottom: 0%;
    margin-bottom: 0%;
}
/* INTERNACIONAL */
section.company.internacional ul.sections li .text .references ul li:before{
    content: none;
    color: #0079c8;
    margin-right: 0%;
}
/* SCHOOLS*/
section.school .sections {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

section.school .schoolContent,
section.school .satContent {
    width: 69%;
    display: inline-block;
    vertical-align: top;
    color:  #606060;
    font-weight: 400;
}

section.school .schoolContent .texto{
    width: 95%;
    margin: 0 auto;
    font-weight: 400;
    margin-top: 2%;
}

section.school .sections h3 {
    color:  #b6bbbf;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.5em;
    padding-top: 5%;
    margin-bottom: 5%;
    text-align: left;
    padding-left: 10%;
}

section.school .sections ul li {
    color: #494a4e;
    font-weight: 400;
    margin-left: 10%;
    margin-bottom: 1em;
    border-bottom: 1px solid #d2d2d3;
    width: 67%;
    padding-bottom: 4%;
    cursor: pointer;
}

section.school .sections ul li a {
    text-decoration: none;
    color: initial;
}

section.school .sections ul li:hover,
section.school .sections ul li.active,
section.school .sections ul li.active a {
    color:  #0889d4 !important;
    border-bottom: 1px solid #d2d2d3;
}

section.school .sections ul li a:hover {
    color:  #0889d4 !important;
}

section.school .sections ul li.active a {
    border-bottom: 1px solid transparent;
}

section.school .sectionTitle {
    margin-left: 0%;
}

section.school .schoolContent .texto .text .title {
    text-transform: uppercase;
    color:  #db381b;
    font-weight: 400;
    margin-bottom: .3em;
}

section.school .schoolContent .texto .images img,
section.school .schoolContent .texto .text.textlong {
    width: 100%;
}

section.school .schoolContent .texto .text.textlong ul li {
    margin-bottom: 1%;
}

section.school .schoolContent .texto .text.textlong ul li:before {
    content: ' ';
}

section.school .schoolContent .texto.contact {
    background-color:  #f4f4f4;
    padding-left: 4%;
    padding-bottom: 1%;
    margin-top: 2em;
}

section.school .schoolContent .texto.contact a {
    text-decoration: none;
    color:  #0889d4;
    font-weight: 400;
}

section.school .schoolContent ul.modules {
    width: 100%;
    margin-bottom: 2em;
    margin-top: 2em;
}

section.school .schoolContent ul.modules li.title {
    color:  #db381b;
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: 400;
    margin-bottom: .4em;
    margin-top: 5%;
}

section.school .schoolContent ul.modules li.temary {
    text-transform: capitalize;
    font-weight: 300;
    margin-bottom: 1%;
}

section.school .schoolContent ul.modules li.text {
    margin-bottom: .8em;
    color: #606060;
    font-weight: 400;
}

section.school .schoolContent ul.modules li.text.last,
section.school .schoolContent ul.modules li.text.last b{
    font-weight: bold;
    color: #606060;
}

section.school .schoolContent ul.modules li.text b {
    color:  #a9a9a9;
    font-weight: 300;
    text-transform: capitalize;
}

/* RECAMBIOS */
section.fournitures .sections {
    margin-top: 2em;
    margin-bottom: 2em;
}

/* CONTACTO */
section.contact .thanks,
section.software .thanks {
    color: #47474b;
    height: 20em;
    width: 90%;
    margin: 0 auto;
    margin-top: 2em;
    font-size: 2em;
}

/*SAT*/
section.school .satContent {
    margin-bottom: 3em;
}

section.school .satContent .map {
    width: 100%;
    margin-top: 6em;
    margin-bottom: 5em;
}

section.school .satContent .map img {
    width: 80%;
}

section.school .satContent .text {
    width: 54%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5em;
    font-weight: 400;
}

section.school .satContent .text a {
    text-decoration: none;
    color:  #0889d4;
    font-weight: 400;
}

section.school .satContent .text .image {
    width: 8%;
    margin-right: 6%;
}

section.school .satContent .text .text {
    width: 81%;
    margin-bottom: 1em;

}

section.school .satContent .image {
    width: 39%;
    display: inline-block;
    vertical-align: top;
}

section.school .satContent .image #satfinger {
    width: 272px;
    height: 270px;
}

section.school .satContent .image img {
    width: 100%;
}

section.school .schoolContent form div {
    color:  #47474b;
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-right: 1%;
    margin-bottom: 4%;
    text-align: left;
}

section.school .schoolContent form div span {
    font-size: .9em;
}

section.school .schoolContent form div input {
    width: 96%;
    margin-top: 1em;
    margin-bottom: 1%;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    padding-left: 1%;
    height: 2em;
    border-color: #B1B3B4;
}

section.school .schoolContent form div.boton {
    color: #0889d4;
    font-weight: 400;
    text-transform: uppercase;
    padding: 1em;
    border: 1px solid #0889d4;
    width: 14% !important;
    text-align: center !important;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 1%;
    float: left;
}

section.school .schoolContent form .section {
    text-transform: uppercase;
    font-size: 1.15em;
    font-weight: 300;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}

section.school .schoolContent form div.large {
    width: 65%;
}

section.school .schoolContent form div.textos {
    width: 100%;
}

section.school .schoolContent form div.textos input {
    width: 50%;
}

section.school .schoolContent form div input#numero {
    width: 63%;
}

section.school .schoolContent form div.semi {
    width: 32.5%;
}

section.school .schoolContent form div.min {
    width: 12%;
}

section.school .schoolContent form div.min2 {
    width: 20%;
}

section.school .schoolContent form div select {
    margin-top: 1em;
    margin-bottom: 1%;
    width: 96%;
    background-color: #fbfbfc;
    border-radius: 3px;
    padding: 5px;
    border-color:  #d6d6d6;
}

section.school .schoolContent form div.large textarea {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1%;
    border-color: #B1B3B4;
}

/* PRODUCT */

section.product .sections {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

section.product .productContent {width: 69%;display: inline-block;vertical-align: top;color: #606060;}

section.product .productContent .octopusblock {background-color: rgba(37, 87, 111, 0.15) !important;width: 94% !important;min-height: 173px;padding: 23px 0;text-align: center;margin-left: 3%;}
section.product .productContent .octopusblock .block1 {width: 254px;height: 129px;display: inline-block;vertical-align: top;}
section.product .productContent .octopusblock .block1 .text {margin-top: 12px;text-align: center;padding-left: 4%;}
section.product .productContent .octopusblock .block1 .text p {display: inline-block;color: #25576f;font-size: 14px;font-weight: 700;height: 55px;vertical-align: top;margin-right: 10px;}
section.product .productContent .octopusblock .block1 .text img {padding-top: 13px;}
section.product .productContent .octopusblock .block2 {width: 254px;height: 129px;display: inline-block;vertical-align: top;}

section.product .sections ul {
    width: 100%;
    background-color:  #f1f1f1;
    color:  #000000;
    border-bottom: 2px solid #b3b2b2;
}

section.product .sections ul li {
    font-weight: 400;
    padding: 1.4em 2em;
    font-size: 1.1em;
    position: relative;
}

section.product .sections ul li ul.subcategories {
    width: 100%;
    padding: 0em;
    position: relative;
    left: -5px;
    margin-top: 1em;
    border-bottom: 2px solid transparent;
}

section.product .sections ul li ul.subcategories li {
    border-top-color: transparent;
    padding: 0.5em;
    padding-left: .3em;
    border-bottom: 1px solid;
    font-size: 1em;
    font-weight: 300;
}

section.product .sections ul li a {text-decoration: none;color: initial;margin-left: 1%;width: 82%;display: block;}
section.product .sections ul li img.flecha {position: absolute;margin-left: -2em;margin-top: -1.4em;}
section.product .sections ul li img.sello {position: absolute;right: 10px;top: 15px;max-width: 30px;}
section.product .sections ul li img.sello2 {position: absolute;right: 44px;top: 15px;max-width: 30px;}
section.product .sections ul li:nth-child(1) {border-top: 2px solid #b3b2b2;}
section.product .sections ul li:nth-child(2),
section.product .sections ul li:nth-child(9) {

    border-top: 2px solid #b0ca44;}

section.product .sections ul li:nth-child(3),
section.product .sections ul li:nth-child(10) {
    border-top: 2px solid #fcce7a;
}

section.product .sections ul li:nth-child(4),
section.product .sections ul li:nth-child(11) {
    border-top: 2px solid #967fb6;
}

section.product .sections ul li:nth-child(5),
section.product .sections ul li:nth-child(12){
    border-top: 2px solid #23bcec;
}

section.product .sections ul li:nth-child(6),
section.product .sections ul li:nth-child(13) {
    border-top: 2px solid #1fb6bf;
}

section.product .sections ul li:nth-child(7),
section.product .sections ul li:nth-child(14) {
    border-top: 2px solid #1fb6bf;
}

section.product .sections ul li:nth-child(8) {
    border-top: 2px solid #c18cbc;
}

section.product .sections ul li {border-top: 2px solid;}
section.product .productContent .description {margin-top: 1em;margin-left: 0.5em;font-weight: 300;}
section.product .productContent .cateactual {padding-left: 3%;margin-bottom: 2em;margin-top: 1em;}
section.product .productContent .cateactual .title {width: 19em;margin-top: .7em;padding: .9em .7em;text-align: center;background-color: antiquewhite;font-size: 1.5em;}
section.product .productContent .actual {padding-left: 3%;margin-bottom: 2em;margin-top: 3em;}
section.product .productContent .actual .title {width: 66%;margin-top: 1em;padding: .6em .7em;text-align: center;background-color: antiquewhite;}
section.product .productContent .actual .block-title .title {background-color: transparent;}
section.product .productContent .actual p {width: 70%;font-weight: 400;}
section.product .productContent .description b {font-weight: 700;}
section.product .productContent .selloslist {width: 91%;margin-left: 4%;margin-top: 40px;}
section.product .productContent .selloslist li {display: inline-block;width: 49%;margin-bottom: 40px;}
section.product .productContent .selloslist li .image {width: 30%;display: inline-block;vertical-align: top;}
section.product .productContent .selloslist li .image img {width: 75%;max-width: 120px;margin: 0 auto;display: block;}
section.product .productContent .selloslist li .text {font-size: 1em;width: 69%;display: inline-block;vertical-align: top;}
section.product .productContent .title {margin-top: 2em;margin-left: 0.7em;width: 46%;font-weight: 300;font-size: 35px;margin-left: 0px;}
section.product .productContent .catalogs,
section.product .productContent .catalogs ul {width: 100%;text-align: left;padding-left: 1em;}
section.product .productContent .catalogs {margin-bottom: 9em;}
section.product .productContent .catalogs {margin-top: 2em;}
section.product .productContent .catalogs ul li {width: 164px;display: inline-block;vertical-align: top;font-weight: 400;margin-right: 40px;}
section.product .productContent .catalogs ul li .image,
section.product .productContent .catalogs ul li .text {display: inline-block;padding-left: 6%;}
section.product .productContent .catalogs ul li .image {width: 100%;}
section.product .productContent .catalogs ul li .text {width: 100%;margin-top: 11px;}
section.product .productContent .catalogs ul li .image {vertical-align: bottom;}
section.product .productContent .catalogs ul li .image img {max-width: 100%;height: 226px;}
section.product .productContent .catalogs ul li .text img {
    width: 27px;
    height: 33px;
    margin-right: 6%;
    vertical-align: text-bottom;
}

section.product .products {
    width: 100%;
//text-align: center;
    margin-left: 0.5em;
    margin-bottom: 3em;
}

section.product .products li {
    width: 21em;
    display: inline-block;
    vertical-align: top;
    margin: 1em 0em 0em 1em;
    box-shadow: 0px 0px 5px 0px rgba(176, 202, 68, 0.51);
}

section.product .products li .image {
    width: 52%;
    display: inline-block;
    box-shadow: 0px 0px 5px 0px rgba(176, 202, 68, 0.51);
    vertical-align: top;
    background-color: #FFFFFF;
    overflow: hidden;
}

section.product .products li .image img {
//box-shadow: 0px 0px 5px 0px rgba(8, 8, 8, 0.13);
//width: 100%;
    height: 128px;
    display: block;
    margin: 0 auto;
}

section.product .products li .text {
    width: 43%;
    display: inline-block;
    vertical-align: top;
}

section.product .products li .text p.description {
    font-size: 10px;
    font-weight: 400;
    color: #494a4e;
    line-height: 17px;
    padding-top: 1%;
    text-align: left;
    display: block;
// margin-left: 3em;
}

section.product .productContent .ficha {
    width: 100%;
    padding-left: 3%;
}

section.product .productContent .ficha .image {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    margin-right: 5%;
    font-weight: 400;
}

section.product .productContent .ficha .image img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

section.product .productContent .ficha .image .description {
    color:  #000000;
    margin-top: 2em;
    width: 100%;
}

section.product .productContent .ficha .image .caracter {
    color: #b6bbbf;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.5em;
    padding-top: 5%;
    margin-bottom: 5%;
    text-align: left;
    padding-left: 5%;
}

section.product .productContent .ficha .image .descriptionCaracter {
    margin-left: 1.5em;
    color: #000;
    margin-top: 1em;
    width: 100%
}

section.product .productContent .ficha .image .descriptionCaracter ul {
    list-style: initial;
    margin-left: 3%;
}

section.product .productContent .ficha .others {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

section.product .productContent .ficha .others ul,
section.product .productContent .ficha .others ul li {
    width: 100%;
}

section.product .productContent .ficha .others ul li {
    text-transform: uppercase;
    margin-bottom: 1.5em;
    font-weight: 300;
}

section.product .productContent .ficha .others ul li img {
    margin-right: 2%;
    vertical-align: middle;
    display: inline-block;
    vertical-align: top;
}

section.product .productContent .ficha .others ul li a {
    text-decoration: none;
    color: #000000;
    font-size: .9em;
    display: inline-block;
    height: 18px;
    width: 70%;
}

section.product .productContent .productTitle {
    font-size: 23px;
    margin-left: 3%;
    font-weight: 300;
    color:  #6a6a6d;
    margin-bottom: 2em;
}

section.product .productContent .productTitle b {
    font-weight: 400;
}






/*CONTACT*/
section.contact .description {
    margin-left: 4%;
    font-weight: 400;
}

section.contact .description:first-letter {
    text-transform: capitalize;
}

section.contact form {
    width: 92%;
    margin: 0 auto;
    font-weight: 400;
}

section.contact form input[type="checkbox"] {
    width: 1em;
    height: 1em;
}


section.contact form div.large {
    width: 65%;
}

section.contact form div.large textarea {
    margin-top: 1em;
    width: 90%;
    max-width: 100%;
    border-radius: 6px;
}

section.contact form div span {
    text-transform: capitalize;
    font-size: 1em;
}

section.contact form div:first-letter {
    text-transform: uppercase;
}

/*PETICION SAT*/
section.school .schoolContent form.petition ul,
section.school .schoolContent form.petition ul li {
    width: 100%;
    font-weight: 400;
}

section.school .schoolContent form.petition ul li textarea {
    min-width: 90% !important;
    max-width: 96%;
}

section.school .schoolContent form.petition ul li div.boton {
    width: 30% !important;
    margin-top: 2em;
}

section.school .schoolContent form.petition ul ul,
section.school .schoolContent form.petition ul ul ul {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

section.school .schoolContent form.petition ul ul ul li {
    width: 49%;
}

section.school .schoolContent form.petition ul li .text {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    font-size: .9em;
    font-weight: 400;
}

section.school .schoolContent form.petition {
    margin-top: 3em;
}

section.school .schoolContent form.petition div {
    margin-bottom: 2%;
}

section.school .schoolContent form.petition ul li .text:first-letter {
    text-transform: capitalize;
}

section.school .schoolContent form.petition ul li .input {
    width: 35%;
    display: inline-block;
    vertical-align: top;
}

section.school .schoolContent form.petition ul li .input input {
    margin-top: 0em;
    border-bottom: 1px solid #999999 !important;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0px;
}

section.school .schoolContent form.petition ul li.especial .text {
    width: 50%;
}

section.school .schoolContent form.petition ul li.especial .input {
    width: 45%;
}

/*NOTICIAS*/
section.blog #paginator {
    text-align: center;
    margin-bottom: 1em;
    margin-top: 3em;
    font-family: Lato;
}

section.blog #paginator ul li a,
section.blog #paginator ul li span {
    border-color: transparent !important;
}

section.blog .notices {
    width: 95%;
    margin: 0 auto;
}

section.blog .notices li {
    width: 45%;
    display: inline-block;
    vertical-align: top;
    margin: 1%;
    border-bottom: 1px solid #cececf;
    height: 21em;
    padding-bottom: 6em;
}

section.blog .notices li:nth-child(5),
section.blog .notices li:nth-child(6) {
    border-bottom: 1px solid transparent;
}

section.blog .notices li .title {
    width: 80%;
    color:  #0080cc;
    font-weight: 300;
    margin-top: 0px;
}

section.blog .notices li .title a {
    text-decoration: none;
}

section.blog .notices li .title:first-letter {
    text-transform: capitalize;
}

section.blog .notices li .image,
section.blog .notices li .text {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

section.blog .notices li .image img {
    width: 185px;
    height: 168px;
}

section.blog .notices li .text {
    padding-top: 10px;
    font-weight: 400;
}

section.blog .notices li .text p:first-letter,section.blog .this .title:first-letter,section.blog .others ul li .title:first-letter,section.blog .others ul li .description:first-letter {text-transform: uppercase;}
section.blog .this {width: 60%;display: inline-block;vertical-align: top;margin-left: 4%;border-right: 2px solid #cececf;margin-right: 2%;}
section.blog .this img {max-width: 80%;}
section.blog .others {width: 30%;display: inline-block;vertical-align: top;}
section.blog .others .otherTitle{color: #b6bbbf;font-weight: 300;text-transform: uppercase;font-size: 2em;padding-top: 0%;margin-bottom: 1em;text-align: center;padding-left: 0%;}
section.blog .this .title {color: #0080cc;font-weight: 300;margin-top: 0px;font-size: 33px;width: 97%;}
section.blog .this .image {margin: 0 auto;}
section.blog .this .image img {width: 80%;margin: 0 auto;display: block;}
section.blog .this .description {color: #626262;font-weight: 400;line-height: 25px;width: 92%;}
section.blog .others ul, section.blog .others ul li {width: 100%;}
section.blog .others ul li .title {color:  #0080cc;font-weight: 400;text-decoration: none;margin-top: 0px;margin-bottom: 0px;}
section.blog .others ul li .title:first-letter {text-transform: uppercase;}
section.blog .others ul li .description {margin-top: 0px;font-weight: 400;}
.download-popup {display: none;width: 100%;min-height: 100%;background-color: rgba(0,0,0,0.65);overflow: hidden;position: fixed;top: 0;left: 0; z-index: 100000000;}
.download-popup .popup-content {width: 90%;position:relative;text-align: center;margin: 78px auto 0;max-width: 600px;padding: 15px 25px 25px 25px;background-color: white;box-shadow: 0 0 10px #4D4D4D;}
.download-popup .popup-content .title {font-family: Ogonek;font-size: 22px;font-weight: 400;line-height: 32px;min-height: 32px;text-align: left;width: 90%;margin: 10px auto 27px auto;padding-bottom: 7px;color: #007fcc;border-bottom: 1px solid #007fcc;}
.download-popup .popup-content .title .close {float: right;font-size:.7em;cursor: pointer;color: #007fcc;opacity: 1;}
.download-popup .popup-content .title .close:hover {color: #b87078;}
.download-popup .popup-content .msg {font-family: Ogonek;text-align: left;width: 90%;margin: 10px auto 27px auto;line-height: 20px;}
.download-popup form input {width: 100%;}
.download-popup form .boton {color: #0889d4;font-weight: 400;text-transform: uppercase;padding: 1em;border: 1px solid #0889d4;width: 120px;text-align: center !important;border-radius: 10px;cursor: pointer;margin-top: 15px;}
.download-popup #fileblock #bimfile .boton {color: #0889d4;font-weight: 400;text-transform: uppercase;padding: 1em;border: 1px solid #0889d4;width: 100%;text-align: center !important;border-radius: 10px;cursor: pointer;margin-top: 15px;}

section.bim .familytitle {color: #007fcc;text-transform: uppercase;text-align: center;margin-bottom: 25px;}
section.bim .familyblock {background-color: #f8f8f9;width: 95%;margin: 0 auto;padding: 10px 0;margin-bottom: 25px;}
section.bim .bimlist {margin-left: 3%;margin-bottom: 25px;text-align: center;}
section.bim .bimlist li {width: 30%;display: inline-block;vertical-align: top;margin-right: 3%;margin-bottom: 40px;}
section.bim .bimlist li .image img {max-width: 100%;}
section.bim .bimlist li .text .boton {color: #0889d4;font-weight: 400;text-transform: uppercase;padding: 1em;border: 1px solid #0889d4;width: 100%;text-align: center !important;border-radius: 10px;cursor: pointer;font-size: 11px;margin-top: 15px;}

.lang-block{cursor: pointer;border-bottom: 1px solid #606060;max-width: 551px;}
.lang-block .name{position:relative;font-size: 14px;text-transform: uppercase;padding: 26px 13px 11px;margin-bottom: 0;}
.lang-block .inner{display:none;background-color: #f1f1f1; padding: 13px 13px 18px;}
.lang-block .inner.active{display: block;}
.lang-block .name.active{ background-color: #f1f1f1;color: #6093d0;font-weight: 700;}
.lang-block .inner img{margin-right: 12px;}
.lang-block .inner a{color: #6093d0;font-weight: 700;}
/*.lang-block .name img{}*/
.lang-block .name .arrow-bot{display:inline;position: absolute;top: 15px;right: 13px;background: url(/img/arrow-botton.png) no-repeat right center;height: 42px;width:80%;}
.lang-block .name .arrow-top{display:none;position: absolute;
    top: 15px;
    right: 13px;
    height: 42px;
    width: 80%;background: url(/img/arrow-top.png) no-repeat right center;}

section.search .sectionTitle h1{font-size:24px;}
section.search .satContent h3{font-size: 18px;}

section.hts_school .flex-center {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.hts_school .container-max {
    max-width: 90%;
}

section.hts_school .text-subtitle {
    font-size: 1.5rem;
    font-weight: 200;
    text-align: center;
}

section.hts_school .lato-font {
    font-family: lato;
}

section.hts_school .center-htsschool { 
    margin:0 auto;
    display: block;
    padding-top: 65px;
    padding-bottom: 87px;
    width: 170px;
}

section.hts_school .col-centered{
    float: none;
    width:45%;
    margin: 0 auto;
}
section.hts_school .form-design {
    margin-bottom: 19px;
    font-size: 20px;
    font-weight: 600;
    padding: 8px;
    color: #2da9e8;
    width: 100%;
    height: 70px;
    background-color: #ffffff;
    border: 2px solid #2da9e8;
    border-radius: 5px;
    display: block;
}

section.hts_school .form-design::placeholder {
    color: #2da9e8;
}

section.hts_school .btn-color {
    background-color: #2da9e8;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto;
    font-weight: 700;
    border-radius: 5px;
    margin-top: 55px;
    margin-bottom: 45px;
}

section.hts_school_videos .logo {
    width: auto;
    height: auto;
    margin: 0 auto;
    display: block;
}

section.hts_school_videos .image-size {
    width: 80%;
    max-width: 269px;
    height: auto;
    margin: 0 auto;
    display: block;
    cursor: pointer;
}
section.hts_school_videos .margin-row {
    margin-top: 20px;
    margin-bottom: 20px;
}

section.hts_school_videos .logo-sat-sm {
    width: 170px;
    height: auto;
    margin-top: 20px;
}

section.hts_school_videos .lato-font {
    font-family: lato;
}

section.hts_school_videos .lato-font-description {
    font-family: lato;
    text-align: center;
}

section.hts_school_videos .size-block-video {
    height: 300px;
    width: 100%;
}

section.hts_school_videos .size-block-description {
    height: 150px;
    width: 90%;
}

section.hts_school_videos .size-block-title {
    height: 60px;
    width: 90%;
    
}

section.hts_school_videos ul.pagination {

}

section.hts_school_videos .background {
    background: url('/images/Bitmap.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 289px;
}

section.hts_school_videos .font-color-white {
    color: white;
}

section.hts_school_videos .button-exit {
    background-color: #2da9e8;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

section.hts_school_videos .center-videos {
    margin: 0 auto;
    display: block;
}

section.hts_school_videos iframe {
    width: 320px;
    height: 240px;
    display: block;
    margin:20px auto;
}

section.hts_school_videos .position-center {
    position: relative;
    left: 35%;
    top: 35%;
}

section.hts_school_videos .margin-container {
    margin: 3px;
}

section.hts_school_videos .center-vertical {
    vertical-align: center;
}

section.hts_school_videos .float-right {
    float: right;
}

section.hts_school_videos .display-inline-block {
    display: inline-block;
    height: 100%;
}

section.hts_school_videos .left-side {
    width: 75%;
    vertical-align: middle;
    height: 100%;
    margin-top: 35px;
}

.section.hts_school_videos .video-container {
    width: 100%;
    height: 500px;
}

section.hts_school_videos .titulo-container {
    width: 320px;
    margin: 0 auto;
    height: 50px;
    vertical-align: middle;
}

section.hts_school_videos .description-container {
    width: 320px;
    margin: 0 auto;
    height: 100px;
}

section.hts_school_videos .text-justify {
    text-align: justify;
    padding: 15px;
}

section.hts_school_videos .img-float {
    display:block;
    margin: 0 auto;
}

section.hts_school_videos .flex-box-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

section.hts_school_videos .flex-box-container-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

section.hts_school_videos .text-subtitle {
    font-size: 1.5rem;
    font-weight: 200;
}

section.hts_school_videos .text-red {
    color: #db381b;
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;

}

section.hts_school_videos p.margin-bottom-title {
    margin-bottom: 30px;
}

section.hts_school_videos .flex-box {
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;

}

section.hts_school_videos .flex-box-banner {
    display: flex;
    flex-direction:row;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

section.hts_school_videos .box-flex-1 {
    width: 70%;
}

section.hts_school_videos .box-flex-2 {
   width: 30%;
}

section.hts_school_videos .container-max {
    width: 90%;
}

.flex-box-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

section.hts_school_videos .display-hidden {
    display: flex;
}

section.hts_school_videos .text-banner {
    font-family: Lato;
    font-size: 2rem;
    padding: 25px;
    font-weight: 600;
    color: white;
}


.section.hts_school_videos .container-max {
    max-width: 90%;
}

.section.hts_school_videos .flex-box-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}
.section.hts_school_videos .flex-box-container {
    display: flex;
    flex-direction: column;
    justify-content : space-around;
    flex: 1;
    width: unset;
}

@media (max-width: 1580px) {
    section.hts_school_videos .flex-box {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
}

@media (max-width: 1100px) {
    section.hts_school_videos .flex-box {
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
}

@media (max-width: 950px) {
    section.hts_school_videos .flex-box {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    section.hts_school_videos .box-flex-1 {
        width: 100%;
    }

    section.hts_school_videos .box-flex-2 {
        width: 100%;
    }
}



@media (max-width: 580px) {
    section.hts_school_videos .flex-box {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;

    }

    section.hts_school_videos .text-banner {
        font-family: Lato;
        font-size: 1rem;
        padding: 8px;
        font-weight: 600;
        color: white;
    }

    section.hts_school_videos iframe {
        width: 220px;
        height: 140px;
        display: block;
        margin:20px auto;
    }

    section.hts_school_videos .position-center {
        position: relative;
        left: 5%;
        top: 5%;
    }

    section.hts_school_videos .titulo-container {
        width: 220px;
        margin: 0 auto;
        height: auto;
    }

    section.hts_school_videos .description-container {
        width: 220px;
        margin: 0 auto;
        height: auto;
    }
}

@media (max-width: 1270px) {
    section.hts_school_videos .box-flex-1 {
        width: 100%;
    }

    section.hts_school_videos .box-flex-2 {
        width: 100%;
    }
}