body {margin: 0; padding: 0 15px}
a {color:#b43a41}
header {width: 100%;max-width:900px;margin: 0 auto;position: relative;padding: 10px 0;}
.ocho, .ssslider {width: 100%; max-width: 900px; margin: 0 auto} 
.cien {width: 100%; position: relative; overflow: hidden;background-color: #2596d7}
.cien .bx-wrapper {width: 100%; max-width: 900px!important; margin: 0 auto;}
#box  {width: 100%; max-width: 900px; margin: 0 auto 30px; position: relative; display: flex; height: auto; flex-wrap: wrap; align-content: flex-end;justify-content: center;}

header {width: 100%; max-width: 880px; height: auto; min-height: 70px}
header aside.logo {width: auto; position: relative; display: inline-block;}
header ul {float: right; position: relative; display: block; list-style: none;}
header ul li {position: relative; display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 400 }

.menu-mobile {display: none}
.menu-mobile a#show {display: block;width: 100%; margin: 15px 0 10px; background: #a2000a;border: none; padding: 10px 0px; color: #fff;font-weight: 700; font-family: 'Montserrat', sans-serif; font-size: 20px;}
ul.mobile {padding: 0; margin:0 0 20px 0}
ul.mobile li { width: 100%; border-bottom: 1px solid #ccc; padding: 10px 0;margin: 0;}

.one {width: 100%; max-width: 900px; position: relative; margin-bottom: 10px; overflow: hidden;}
.one img {position: relative;float: right;}
.one b { position: absolute; width: 70%; display: block;font-family: 'Montserrat', sans-serif;font-size: 30px; font-weight: 200; top: 30%; text-shadow: 1px 1px 2px rgba(255, 255, 255, 1); z-index: 99999;}

.two{width: 100%; position: relative; display: block;}
.two .item aside {color: #a2000a;font-weight: 700;font-family: 'Montserrat', sans-serif; font-size: 30px; width: auto; position: relative; display: inline-block;}
.two .item { width: 375px; position: relative; padding: 20px 0; margin-right: 20px; display: block; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.two .item p {font-family: 'Montserrat', sans-serif; font-weight: 300;font-size: 20px;}

.three {width: 100%; position: relative;display: block; overflow: hidden;}
.three aside.title {width: 100%; position: relative; display: block; overflow: hidden; color: #fff; background-color: #a2000a;padding: 10px 20px;margin-bottom: 20px;}
.three aside.title h3 {font-family: 'Montserrat', sans-serif; font-weight: 700;font-size: 30px;margin: 0;width: auto; position: relative; float: left; margin-right: 20px}
.three aside.title p {margin: 0; position: relative;float:left; vertical-align: super;font-family: 'Montserrat', sans-serif; font-weight: 600;font-size: 15px; text-transform: uppercase; text-align: left;}
.three .item { width: 284px; height: 200px; margin-right: 20px; text-align: center;border: 1px solid #ccc;margin-bottom: 20px}
.three .item-3, .three .item-6 {margin-right: 0px}
.three .item aside {color: #a2000a;font-family: 'Montserrat', sans-serif; font-weight: 500;font-size: 20px; text-transform: uppercase;margin-top: 25px}
.three .item p {color: #000;font-family: 'Montserrat', sans-serif; font-weight: 400;font-size: 15px; padding:10px 20px 10px}

.ocho {font-family: 'Montserrat', sans-serif; font-weight: 400;font-size: 15px; padding:10px 20px 10px}
.ocho .txt-cien {text-align: center; margin: 50px 0;}
.ocho .four-cien div {-webkit-border-top-left-radius: 30px;-webkit-border-bottom-right-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-bottomright: 30px;border-top-left-radius: 30px;border-bottom-right-radius: 30px; background-color: #ebeaea; padding: 20px; margin-bottom: 20px;}
.ocho .four-cien div aside { width: 260px; padding:20px; position: relative; float: left; text-align: center}
.ocho .four-cien div article {width: 540px; position: relative; display: inline-block;}

/*--- Slider ---*/

.sslider h1 { font-family: 'Noto Serif', serif; color: #fff; font-style: italic;font-weight: 500; width: 100%;max-width: 900px;margin: 20px auto;}
.bx-wrapper { -moz-box-shadow: none!important; -webkit-box-shadow:none !important; box-shadow:none !important;background: #2596d7!important;border:none!important;}
.slider div {width: 270px!important; margin-right: 30px; overflow: hidden;}
.slider p {background: #0c6496; width: 100%;padding: 10px 20px;margin: 0;position: relative;display: block;color: #fff;font-family: 'Noto Serif', serif;font-weight: 500; font-size: 25px}
.slider aside {background: #363435; font-family: 'Noto Serif', serif; color: #fff; font-style: italic;font-weight: 300; padding: 10px;min-height: 155px; display: table-cell; height: 158px; vertical-align: middle; width: 100%; text-align: justify;}
.bx-viewport {max-width: 870px!important; margin: 0 auto;}

/*--- Que Hacemos ---*/
.que-hacemos .one {margin-bottom: 20px;}
.que-hacemos .one img {width: 100%; float: none; margin: 0px;display: block;}
.que-hacemos .one aside {background: #a2000a;color: #fff;text-align: center;padding: 20px;font-family: 'Montserrat', sans-serif; font-weight: 200; font-size: 35px}
.que-hacemos .one-text { text-align: center;font-family: 'Montserrat', sans-serif;font-size: 16px; width: 80%; margin: 0 auto}
.que-hacemos .one-text h3 {color:#a2000a; font-weight: bold; width: 70%; margin: 0 auto;}
.que-hacemos .one-text p { font-weight: 400;}
.que-hacemos .two .item {width: 160px; text-align: center; border: none}
.que-hacemos .two .item aside {font-size: 16px; color: #000; margin-bottom: 20px}
.que-hacemos .two .item img {width: 100%;}
.que-hacemos .media-kit {text-align: center; width: 100%; position: relative;font-family: 'Montserrat', sans-serif;}
.que-hacemos .media-kit h3, .que-hacemos .media-kit a {color:#a2000a; font-weight: bold; margin-bottom: 0;}

/*--- Contacto ---*/

.contacto .ocho {padding: 0px 20px 10px;}
.contacto .ocho .three aside.title {text-align: center}
.contacto .ocho .three aside.title h3 {float: none}
.contacto .ocho .three .item {width: 50%;height: auto;margin-right: 0;text-align: left;border: none;margin-bottom: 20px;}
.contacto .ocho .three .item p {margin: 2px 0; padding: 0px}
form p {width: auto;/* display: inline-block; margin-right: 10px!important; */ font-weight: bold!important}
textarea#textarea_comunicacion { width: 98%; margin-bottom: 20px;}


/*--- Footer ---*/
footer {width: 100%; height: auto; background: -webkit-linear-gradient(left, #ebeaea, #ebeaea 50%, #a2000a 50%, #a2000a); padding: 0; margin: 0;}
footer .footer {width: 100%; max-width: 900px; margin: 0 auto;}
footer .footer .footer-1 {width: 180px;padding: 10px;margin: 0;display: inline-block;}
footer .footer .footer-2 {width: 700px;float: right;height: 100px;background: #a2000a;}
footer .footer #box {position: relative; display: flex; height: auto; flex-wrap: wrap; align-content: flex-end; margin: 0px}
footer .footer #box .item-1 {width: 280px; font-size: 11px; color: #fff;font-family: 'Montserrat', sans-serif;padding:5px 0px 0 20px; height: auto; margin: 0;}
footer .footer #box .item-2 {width: 200px; font-size: 11px;color: #fff;font-family: 'Montserrat', sans-serif;}
footer .footer #box .item-2 ul li {list-style: none;}
footer .footer #box p {margin-bottom: 0px; margin-top: 5px;}
footer a { color: #fff; text-decoration: none;}

@media only screen and (min-width: 200px) and (max-width: 670px) {

header {text-align: center}
.menu-mobile {display: block}
header ul {display: none;}
.one img {float: none}
.one b {width: 89%; font-size: 22px; top: 30%;font-weight: bold;    left: 15px;}
.two .item {width: 100%; margin: 0 0 20px 0;}
aside.title {text-align: center;}
.three aside.title h3 {float: none}
.three aside.title p  {width: 100%; margin: 0; padding: 0;text-align: center;}
.three .item {width: 300px; height: auto; margin: 0 auto 20px;}
.sslider h1 {width: 90%}
.ocho {padding: 0;}
.ocho .four-cien div article {width: auto}

.slider div {width: 345px!important}
.bx-wrapper img {width: 100%}


.que-hacemos .one aside {font-size: 22px; padding: 10px}
.que-hacemos .one-text h3 {width: 100%}
.que-hacemos .two .item {width: 50%; margin: 0 auto;padding: 20px;}

.contacto .ocho {padding: 0}
.contacto .ocho .three .item {width: 100%}

label {margin-bottom: 20px}
label p  {font-size: 22px;}
select, input {width: 100%; padding: 10px; margin-bottom: 20px}

footer {background: -webkit-linear-gradient(left, #ebeaea, #ebeaea 100%, #a2000a 50%, #a2000a);}
footer .footer .footer-1 {text-align: center; width: 100%;padding: 0; margin: 0;}
footer .footer .footer-1 img {width: 50%;padding: 10px 0;}

footer .footer #box .item-1 {width: 100%;font-size: 15px; margin-bottom: 10px; padding: 0;}
footer .footer .footer-2 {width: 100%; height: auto; padding: 5px 0px 0 0px; margin-top: 10px; float: none;}
footer .footer .footer-2 ul {margin: 0; padding: 0;}
footer .footer #box .item-2 {width: 100%;font-size: 15px; margin-bottom: 10px}
footer .footer #box {padding-left: 10px}


}