@import url("https://fonts.googleapis.com/css?family=Domine");
* { box-sizing: border-box; font-family: "Domine", serif; }

.row { margin-bottom: 0px; }

.space-lg { height: 60px; }

h1 { font-family: "Domine", serif; margin: 30px 15px; text-align: center; }

.txt-center { text-align: center !important; }

.error { color: red; }

.success { color: green; }

.text-center { text-align: center; }

.hidden { display: none !important; }

.text-justify { text-align: justify; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

h1, h2 { text-align: center; font-family: "Domine", serif; color: #000; font-weight: 500; font-size: 28pt; }

@media (max-width: 767px) { h1, h2 { font-size: 20pt; } }

p { font-size: 16px; }

p strong { font-weight: 600; }

@media (max-width: 767px) { p { font-size: 14px; text-align: justify; } }

.space-md { display: block; position: relative; height: 30px; }

.space-lg { display: block; position: relative; height: 60px; }

/* +++++++++++++++++ */
h1 { text-align: center; color: #000; font-weight: 500; font-size: 42pt; margin-top: 43px; margin-bottom: 40px; }

h1 span { color: #000000; }

@media (max-width: 767px) { h1 { font-size: 33px; }
  h1 span { display: block; } }

p { text-align: center; font-size: 16px; margin-top: 28px; display: block; position: relative; }

a.btn-contactanos { display: block; position: relative; margin: 60px auto 30px auto; padding: 6px 20px; background-color: #009ac5; color: #fff; border-radius: 10px; width: 232px; font-size: 28px; text-align: center; }

a.btn-contactanos:hover { background-color: #00c2f8; }

a.btn-contactanos.btn-contactanos-amarillo { background-color: #00B2A9; color: #000; }

a.btn-ver-mas { display: float-left; position: relative; margin-top: 20px; padding: 6px 20px; background-color: #009ac5; color: #fff; border-radius: 5px; width: 150px; font-size: 15px; text-align: left; }

a.btn-ver-mas.btn-ver-mas-amarillo:hover { background-color: #ffe533; }

a.btn-ver-mas.btn-ver-mas-amarillo { background-color: #00B2A9; color: #000; }

header.active { box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.2); }

header { display: block; position: fixed; top: 0; height: auto; width: 100%; border-bottom: 0px solid #fff; z-index: 999; color: transparent; }

@media (max-width: 767px) { header { height: 80px; padding: 0; } }

header img.logo { display: block; position: relative; float: left; width: 200px; height: auto; top: 15px; z-index: 999; margin-left: 15px; }

@media (max-width: 300px) { header img.logo { width: 150px; top: 7px; } }

header img.logo2 { display: block; position: relative; float: right; width: 200px; height: auto; top: 15px; z-index: 999; margin-right: 70px; }

@media (max-width: 300px) { header img.logo2 { width: 150px; float: center; top: 7px; } }

header.active { background-color: rgba(255, 255, 255, 0.8); -moz-transition: background-color 1s; -webkit-transition: background-color 1s; -o-transition: background-color 1s; -ms-transition: background-color 1s; }

nav { display: block; position: relative; padding: 30px 30px; margin: 0px; z-index: 8; -webkit-transition: transform 1s; transition: transform 1s; }

nav ul { display: block; position: relative; text-align: right; padding: 0; margin: 0; }

nav ul li:hover { border-bottom: 0px solid #00B2A9; color: yellow; }

nav ul li { display: inline-block; position: relative; padding: 0; margin: 0 5px; border-bottom: 2px solid transparent; }

nav ul li a { display: block; position: relative; margin-top: 20px; width: 100%; height: 100%; font-family: "Domine", serif; text-decoration: none; color: #999999; font-size: 20px; padding: 0 10px; }

nav ul li ul { display: none; position: absolute; top: 40px; z-index: 9999; width: 200%; padding-bottom: 0; padding-top: 0; }

@media (max-width: 767px) { nav ul li ul { display: none; position: relative; top: 0; width: 100%; padding-left: 30px; } }

nav ul li ul li { display: block; margin: 0; text-align: left; background-color: #000000; }

nav ul li ul li a { display: block; position: relative; font-size: 14px; padding: 8px; }

nav ul li ul li a:hover { border: none; background-color: #40BDC5; }

nav ul li.dropdown { background-image: url("../img/icon-dropdown.png"); background-repeat: no-repeat; background-size: 12px auto; background-position: right 8px; }

@media (max-width: 767px) { nav { display: block; position: fixed; width: 100%; height: 100%; overflow: scroll; -webkit-transform: -webkit-translateX -100%; transform: translate(-100%); padding: 100px 100px 0 65px; margin: 0; top: 100; background-color: #011014; }
  nav ul { display: block; position: relative; text-align: left; margin-top: 15px; }
  nav ul li { display: block; position: relative; margin-bottom: 15px; } }

nav.opened { -webkit-transform: -webkit-translateX 50%; transform: translateX(-60px); }

@media (min-width: 768px) { nav.opened { -webkit-transform: -webkit-translateX 0; transform: translateX(0); } }

.btn-movil { display: none; position: absolute; width: 30px; height: 30px; right: 10px; top: 10px; z-index: 999; }

@media (max-width: 767px) { .btn-movil { display: block; } }

button.btn-burguer { position: absolute; margin: 0 auto; width: 40px; height: 40px; top: 5px; border: none; background-color: transparent; transition-property: background; transition-duration: 0.5s; }

button.btn-burguer span { display: block; position: absolute; top: 10px; left: 7px; width: 26px; height: 4px; background-color: #838384; transition-property: transform, top, opacity; transition-duration: 0.5s; }

button.btn-burguer span:nth-child(1) { top: 10px; }

button.btn-burguer span:nth-child(2) { top: 18px; }

button.btn-burguer span:nth-child(3) { top: 26px; }

button.btn-burguer.active span:nth-child(1) { top: 18px; transform: rotate(45deg); }

button.btn-burguer.active span:nth-child(2) { opacity: 0; }

button.btn-burguer.active span:nth-child(3) { top: 18px; transform: rotate(-45deg); }

button.btn-burguer:focus, button.btn-burguer:active { outline: 0; }

body, html { padding: 0; margin: 0; }

/* -- compensa el alto del menu -- */
body { padding-top: 0px; }

.container { display: block; position: relative; margin: 0 auto; padding-top: 0px; padding-left: 0px; padding-right: 0px; width: 100%; min-height: 439px; max-width: 1200px; }

.container-limit { padding: 0; margin: 0 auto; width: 100%; max-width: 1200px; }

footer { display: block; position: relative; padding-bottom: 0px; margin: 0 auto; color: #000; height: auto; }

footer .pie { position: relative; justify-content: center; height: auto; background: #204f78; background: -moz-linear-gradient(top, #204f78 3%, #163f5f 53%, #113854 76%, #0c3048 100%); background: -webkit-gradient(left top, left bottom, color-stop(3%, #204f78), color-stop(53%, #163f5f), color-stop(76%, #113854), color-stop(100%, #0c3048)); background: -webkit-linear-gradient(top, #204f78 3%, #163f5f 53%, #113854 76%, #0c3048 100%); background: -o-linear-gradient(top, #204f78 3%, #163f5f 53%, #113854 76%, #0c3048 100%); background: -ms-linear-gradient(top, #204f78 3%, #163f5f 53%, #113854 76%, #0c3048 100%); background: linear-gradient(to bottom, #204f78 3%, #163f5f 53%, #113854 76%, #0c3048 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204f78', endColorstr='#0c3048', GradientType=0 ); }

@media (max-width: 767px) { footer .pie { height: auto; } }

footer .pie h4 { color: #9FB9C9; font-size: 30px; }

@media (max-width: 767px) { footer .pie h4 { text-align: center; } }

footer .pie a { color: #fff; font-size: 13px; line-height: 25px; }

@media (max-width: 767px) { footer .pie a { text-align: center; } }

footer .pie ul.lista { color: #fff; line-height: 30px; }

@media (max-width: 767px) { footer .pie ul.lista { text-align: center; font-size: 50px; line-height: 25px; text-align: center; }
  footer .pie ul.lista li { text-align: center; } }

footer .row-foot { display: block; justify-content: center; position: relative; width: 100%; height: auto; padding-top: 0px; padding-bottom: 0px; margin: 0; }

footer .row-foot h1 { text-align: left; color: #000; padding-top: 70px; margin: 0; font-size: 50px; line-height: 91px; }

footer .row-foot h1 span { color: #00B2A9; }

@media (max-width: 767px) { footer .row-foot h1 { padding-top: 70px; font-size: 48px; line-height: 60px; text-align: center; } }

footer .row-foot p.foot { font-size: 12px; padding-top: 5px; color: #000; line-height: 15px; text-align: center; }

@media (max-width: 767px) { footer .row-foot p.foot { font-size: 12px; padding-top: 10px; text-align: center; line-height: normal; }
  footer .row-foot p.foot br { display: none; } }

footer .row-foot img.iconos-foot { display: block; justify-content: center; align-items: center; padding-top: 60px; padding-bottom: 40px; max-width: 60%; margin-left: auto; margin-right: auto; }

@media (max-width: 5%) { footer .row-foot { margin-left: auto; margin-right: auto; padding-top: 0px; margin-bottom: 0px; justify-content: center; align-items: center; display: block; } }

footer .row-foot img.centro { display: block; justify-content: center; align-items: center; padding-top: 80px; max-width: 15%; margin-left: auto; margin-right: auto; }

@media (max-width: 50%) { footer .row-foot { display: block; padding: 80px; } }

ul.contacto { display: block; position: relative; margin: 0 0 0 0px; padding-top: 10px; padding-right: 50px; list-style-type: none; -size: 50px; }

@media (max-width: 767px) { ul.contacto { font-size: 10px; line-height: 20px; } }

ul.contacto li.contacto { text-align: left; margin: 0px; height: 100px; padding-left: 60px; padding-top: 10px; background-size: 35px 35px; background-repeat: no-repeat; background-position: 0 40%; font-size: 20px; line-height: 20px; }

@media (max-width: 767px) { ul.contacto li.contacto { font-size: 15px; line-height: 25px; } }

ul.contacto li:nth-child(1) { background-image: url("../img/tel.png"); }

@media (max-width: 50px) { ul.contacto li:nth-child(1) { background-image: none; } }

ul.contacto li:nth-child(2) { background-image: url("../img/mail.png"); }

@media (max-width: 50px) { ul.contacto li:nth-child(2) { background-image: none; } }

ul.contacto li:nth-child(3) { background-image: url("../img/web.png"); }

@media (max-width: 50px) { ul.contacto li:nth-child(3) { background-image: none; } }

ul.contacto li:nth-child(4) { background-image: url("../img/web.png"); }

@media (max-width: 50px) { ul.contacto li:nth-child(4) { background-image: none; } }

ul.contacto a { color: #C7E2F2; font-size: 15px; line-height: 20px; }

@media (max-width: 767px) { ul.contacto a { font-size: 15px; line-height: 15px; } }

.aviso { margin: 0; padding: 10px; justify-content: center; height: auto; background-color: #072333; overflow: hidden; }

.aviso p { margin-top: 0px; overflow: hidden; text-align: center; font-size: 10px; color: #fff; }

.aviso a { font-size: 10px; color: #fff; }

a.aviso { margin-top: 10px; text-align: center; font-size: 20px; color: #b3b3b3; padding-bottom: 0px; }

@media (max-width: 767px) { a.aviso { margin-top: 30px; font-size: 15px; } }

.footer-bottom { margin: 0; padding: 0px; background-color: #072333; }

.footer-bottom a.boton { display: block; position: relative; font-family: "HelveticaNeueLT Pro 55 Roman"; margin: auto; cursor: pointer; width: 15%; height: 60px; border: none; text-decoration: none; background-color: #0095f3; color: #fff; padding: 20px 5px; font-size: 18px; text-align: center; }

@media (max-width: 767px) { .footer-bottom a.boton { text-align: center; margin-left: 20px; font-size: 15px; width: 50%; } }

.footer-bottom a.boton a.boton:hover { color: red; }

.login-container { max-width: 600px; padding: 30px 30px; margin: 60px auto; background-color: #1f81fb; border-radius: 10px; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2); height: auto; display: grid; grid-gap: 5px; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; grid-template-areas: "l r"; }

.login-container-left { grid-area: l; }

.login-container-right { grid-area: r; }

.login-container .login-logo { display: block; position: relative; width: 157px; margin: 15px auto; top: 35px; }

.login-container h3, .login-container p { color: #fff; font-family: sans-serif; }

.login-container p { font-size: 12px; }

form.form-login { padding-top: 0px; }

form.form-login input { display: block; position: relative; font-family: sans-serif; font-size: 14px; padding: 10px 20px 10px 20px; background-color: #fff; margin-bottom: 10px; border: none; border-radius: 5px; width: 100%; }

form input:-webkit-autofill { border: 1px solid #ccc; -webkit-box-shadow: 0 0 0 30px white inset; }

form.form-login input[type="submit"] { font-family: sans-serif; font-size: 14px; padding: 10px 20px; background-color: #F7CD00; margin-bottom: 10px; border: none; border-radius: 5px; width: 100%; }

form.form-login input[type="submit"]:hover { cursor: pointer; }

form.form-login input { display: block; position: relative; margin-bottom: 15px; border: none; }

form.form-login label { display: block; position: relative; margin-top: 15px; margin-bottom: 10px; }

/* ------------------------------- */
div.table-container { display: block; position: relative; width: 100%; padding: 0; margin: 0; overflow-x: auto; overflow-y: scroll; }

table.prospectos { border: 1px solid #f1f1f1; margin: 15px auto; font-family: Arial, sans-serif; font-size: 12px; background-color: #fff; }

table.prospectos tr th { text-align: center; background-color: #F7CD00; color: #000; padding: 5px 15px; font-weight: normal; font-size: 12px; border-radius: 0; }

table.prospectos tr td { text-align: center; padding: 10px 15px; }

@media (max-width: 767px) { table.prospectos tr th.procesadores, table.prospectos tr td.procesadores, table.prospectos tr th.vram, table.prospectos tr td.vram, table.prospectos tr th.hd, table.prospectos tr td.hd, table.prospectos tr th.os, table.prospectos tr td.os, table.prospectos tr th.ippublica, table.prospectos tr td.ippublica, table.prospectos tr th.iops, table.prospectos tr td.iops, table.prospectos tr th.transferencia, table.prospectos tr td.transferencia, table.prospectos tr th.monitoreo, table.prospectos tr td.monitoreo, table.prospectos tr th.antivirus, table.prospectos tr td.antivirus, table.prospectos tr th.fastrecovery, table.prospectos tr td.fastrecovery { display: none; } }

table.prospectos tr:hover { background-color: #f1f1f1; }

table.prospectos td.fecha { font-size: 10px; }

p.nota { text-align: center; font-family: sans-serif; font-size: 12px; }

.errores ul { padding: 0; margin: 0; list-style: none; color: #fff; font-family: sans-serif; font-size: 12px; }

form.zoho-form { display: block; position: relative; margin: 30px auto; max-width: 380px; border: 1px solid #f1f1f1; padding: 30px; }

form.zoho-form input, form.zoho-form select { margin-bottom: 15px; }

a.cerrar-sesion { display: block; position: relative; margin: 60px auto; text-align: center; }

.encabezado { position: relative; height: 750px; background-image: url(../img/cabeza.png); margin-left: auto; margin-right: auto; padding-top: 70px; background-repeat: no-repeat; background-position: center; -moz-background-size: cover; background-size: cover; cursor: pointer; }

.boton_personalizado { display: block; text-decoration: none; padding: 10px; margin: auto; width: auto; margin-top: 20px; text-align: center; font-size: 14px; color: #ffffff; background-color: #909090; border-radius: 20px; border: 2px solid #909090; }

a.boton_personalizado:hover { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); background: #CCCCCC; }

.row-index-1 { display: block; position: relative; width: 100%; padding-top: 50px; padding-bottom: 15px; margin-left: auto; margin-right: auto; overflow: hidden; }

.row-index-1 h1 { text-align: center; color: #ffffff; padding-top: 150px; margin: 0; font-size: 70px; line-height: 91px; }

.row-index-1 h1 span { color: #00B2A9; }

@media (max-width: 767px) { .row-index-1 h1 { padding-top: 70px; font-size: 45px; line-height: 60px; text-align: center; } }

.row-index-1 p.cabeza { font-size: 30px; padding-top: 5px; color: #ffffff; line-height: 28px; text-align: center; overflow: hidden; }

@media (max-width: 767px) { .row-index-1 p.cabeza { font-size: 25px; padding-top: 5px; text-align: center; line-height: 15px; padding-right: 5px; }
  .row-index-1 p.cabeza br { display: none; } }

.row-index-1 a.boton { display: block; position: relative; margin-top: 80px; padding: 6px; width: 200PX; margin-left: auto; margin-right: auto; background-color: #0F0F0F; color: #fff; text-align: center; font-size: 20px; }

.row-index-1 a.boton:hover { background-color: #5c5b5b; }

.row-index-1 .negro { display: block; border-radius: 30px; margin-top: 60px; margin-bottom: 100px; position: relative; width: 100%; height: auto; padding: 40px; padding-bottom: 70px; background: #204f78; background: -moz-linear-gradient(top, #204f78 3%, #163f5f 53%, #113854 76%, #0c3048 100%); background: -webkit-gradient(left top, left bottom, color-stop(3%, #204f78), color-stop(53%, #163f5f), color-stop(76%, #113854), color-stop(100%, #0c3048)); background: -webkit-linear-gradient(top, #204f78 3%, #163f5f 53%, #113854 76%, #0c3048 100%); background: -o-linear-gradient(top, #204f78 3%, #163f5f 53%, #113854 76%, #0c3048 100%); background: -ms-linear-gradient(top, #204f78 3%, #163f5f 53%, #113854 76%, #0c3048 100%); background: linear-gradient(to bottom, #204f78 3%, #163f5f 53%, #113854 76%, #0c3048 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204f78', endColorstr='#0c3048', GradientType=0 ); -webkit-box-shadow: 9px 9px 13px -11px rgba(0, 0, 0, 0.75); -moz-box-shadow: 9px 9px 13px -11px rgba(0, 0, 0, 0.75); box-shadow: 9px 9px 13px -11px rgba(0, 0, 0, 0.75); }

@media (max-width: 767px) { .row-index-1 .negro { height: auto; margin-bottom: 50px; } }

.row-index-1 .negro h1 { text-align: center; color: #69889E; padding-top: 40px; margin: 0; font-size: 60px; line-height: 91px; }

.row-index-1 .negro h1 span { color: #00B2A9; }

@media (max-width: 767px) { .row-index-1 .negro h1 { padding-top: 30px; font-size: 45px; line-height: 60px; text-align: center; } }

.row-index-1 .negro p { text-align: center; color: #FFFFFF; padding: 20px; margin: 0; font-size: 20px; line-height: 40px; }

.row-index-1 .negro p span { color: #00B2A9; }

@media (max-width: 767px) { .row-index-1 .negro p { padding-top: 30px; font-size: 20px; line-height: 40px; text-align: center; } }

.row-index-1 .negro ul { display: block; position: relative; margin: 0 0 0 15px; padding: 0; list-style-type: none; text-align: center; font-size: 50px; }

.row-index-1 .negro ul li { display: inline; text-align: center; margin: 0 10px 0 0; height: 100px; padding-left: 100px; margin-bottom: 5px; background-size: 80px 80px; background-repeat: no-repeat; background-position: 0 50%; font-size: 80px; }

.row-index-1 .negro ul li:nth-child(1) { background-image: url("../img/comp1.png"); }

@media (max-width: 50px) { .row-index-1 .negro ul li:nth-child(1) { background-image: none; } }

.row-index-1 .negro ul li:nth-child(2) { background-image: url("../img/comp2.png"); }

@media (max-width: 50px) { .row-index-1 .negro ul li:nth-child(2) { background-image: none; } }

.row-index-1 .negro ul li:nth-child(3) { background-image: url("../img/comp3.png"); }

@media (max-width: 50px) { .row-index-1 .negro ul li:nth-child(3) { background-image: none; } }

.row-index-1 .negro img.company { display: block; padding-top: 10px; margin-left: auto; margin-right: auto; max-width: 10%; }

@media (max-width: 767px) { .row-index-1 .negro img.company { margin: 0px auto; width: 100%; } }

.row-index-1 img.products { display: block; margin: 0px auto; width: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; max-width: 120%; }

@media (max-width: 767px) { .row-index-1 img.products { margin: 0px auto; width: 100%; }
  .row-index-1 img.products img.products:hover { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } }

.row-index-1 h2.pr { color: #808080; font-size: 15px; margin-left: auto; margin-right: auto; text-align: center; }

.row-index-1 p.pr { color: #666666; font-size: 13px; margin-left: auto; margin-right: auto; text-align: center; }

.row-index-1 h2.prod { text-align: left; font-size: 38px; }

.row-index-1 a.prod { text-align: center; font-size: 38px; margin-left: auto; margin-right: auto; }

.row-index-1 h3.prod { text-align: left; font-size: 18px; color: #C6C6C6; }

.row-index-1 p.prod { text-align: left; color: #808080; font-size: 15px; line-height: 20px; }

.row-index-1 .portafolio h1 { text-align: center; font-size: 40px; margin: 15px 0px 40px; }

.row-index-1 .portafolio-item { position: relative; overflow: hidden; margin-left: auto; margin-right: auto; }

.row-index-1 .portafolio-text { position: absolute; bottom: 0; padding: 40px; background: rgba(0, 0, 0, 0.7); color: #CCCCCC; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

@media (max-width: 767px) { .row-index-1 .portafolio-text { margin: 0px auto; width: 100%; } }

.row-index-1 .portafolio-text p { text-align: justify; }

.row-index-1 .portafolio-item:hover .portafolio-text { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

.row-index-1 .portafolio-item:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.row-index-1 h1.tit { text-align: center; color: #374551; padding-top: 100px; margin-bottom: 50px; margin: 0; font-size: 70px; line-height: 91px; }

.row-index-1 h1.tit span { color: #00B2A9; }

@media (max-width: 767px) { .row-index-1 h1.tit { padding-top: 70px; font-size: 45px; line-height: 60px; text-align: center; } }

.row-index-1 .brands { display: table-cell; vertical-align: middle; position: relative; height: auto; margin: auto; cursor: pointer; }

.row-index-1 .brands h1 { text-align: center; color: #ffffff; padding-top: 30px; margin: 0; font-size: 70px; line-height: 91px; }

@media (max-width: 767px) { .row-index-1 .brands h1 { padding-top: 70px; font-size: 45px; line-height: 60px; text-align: center; } }

.row-index-1 img.uk { display: block; margin-top: 10px; margin-left: auto; margin-right: auto; max-width: 100%; }

@media (max-width: 767px) { .row-index-1 { margin: 0px auto; width: 100%; } }

.row-index-1 img.uk:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); }

.row-index-1 div.tarjeta { display: block; position: relative; max-width: 700px; width: 100%; border-radius: 9px; margin: 0 auto; padding-bottom: 5px; text-align: center; margin-bottom: 120px; }

@media (max-width: 767px) { .row-index-1 div.tarjeta { margin-top: 5px; height: 400px; } }

.row-index-1 div.tarjeta h3 { color: #000; padding-top: 60px; font-size: 20px; text-align: center; border-radius: 13px; }

@media (max-width: 767px) { .row-index-1 div.tarjeta { margin-top: 5px; font-size: 10px; } }

.row-index-1 div.tarjeta ul.marca { display: block; position: relative; margin-top: 100px; padding: 0; list-style-type: none; text-align: center; font-size: 50px; }

.row-index-1 div.tarjeta ul.marca li.marca { display: inline; text-align: center; margin: 0 10px 0 0; height: 300px; padding-left: 100px; margin-bottom: 5px; background-size: 120px 170px; background-repeat: no-repeat; background-position: 0 50%; font-size: 300px; }

.row-index-1 div.tarjeta ul.marca li:nth-child(1) { background-image: url("../img/b1.png"); }

@media (max-width: 100px) { .row-index-1 div.tarjeta ul.marca li:nth-child(1) { background-image: none; } }

.row-index-1 div.tarjeta ul.marca li:nth-child(2) { background-image: url("../img/b2.png"); }

@media (max-width: 100px) { .row-index-1 div.tarjeta ul.marca li:nth-child(2) { background-image: none; } }

.row-index-1 div.tarjeta ul.marca li:nth-child(3) { background-image: url("../img/b3.png"); }

@media (max-width: 100px) { .row-index-1 div.tarjeta ul.marca li:nth-child(3) { background-image: none; } }

.row-index-1 div.tarjeta ul.marca2 { display: block; position: relative; margin-top: 100px; padding: 0; list-style-type: none; text-align: center; font-size: 50px; }

.row-index-1 div.tarjeta ul.marca2 li.marca2 { display: inline; text-align: center; margin: 0 10px 0 0; height: 300px; padding-left: 100px; margin-bottom: 5px; background-size: 120px 170px; background-repeat: no-repeat; background-position: 0 50%; font-size: 300px; }

.row-index-1 div.tarjeta ul.marca2 li:nth-child(1) { background-image: url("../img/b4.png"); }

@media (max-width: 100px) { .row-index-1 div.tarjeta ul.marca2 li:nth-child(1) { background-image: none; } }

.row-index-1 div.tarjeta ul.marca2 li:nth-child(2) { background-image: url("../img/b11.png"); }

@media (max-width: 100px) { .row-index-1 div.tarjeta ul.marca2 li:nth-child(2) { background-image: none; } }

.row-index-1 div.tarjeta ul.marca2 li:nth-child(3) { background-image: url("../img/b6.png"); }

@media (max-width: 100px) { .row-index-1 div.tarjeta ul.marca2 li:nth-child(3) { background-image: none; } }

.row-index-1 div.tarjeta ul.marca3 { display: block; position: relative; margin-top: 100px; padding: 0; list-style-type: none; text-align: center; font-size: 50px; }

.row-index-1 div.tarjeta ul.marca3 li.marca3 { display: inline; text-align: center; margin: 0 10px 0 0; height: 300px; padding-left: 100px; margin-bottom: 5px; background-size: 120px 170px; background-repeat: no-repeat; background-position: 0 50%; font-size: 300px; }

.row-index-1 div.tarjeta ul.marca3 li:nth-child(1) { background-image: url("../img/b7.png"); }

@media (max-width: 100px) { .row-index-1 div.tarjeta ul.marca3 li:nth-child(1) { background-image: none; } }

.row-index-1 div.tarjeta ul.marca3 li:nth-child(2) { background-image: url("../img/b8.png"); }

@media (max-width: 100px) { .row-index-1 div.tarjeta ul.marca3 li:nth-child(2) { background-image: none; } }

.row-index-1 div.tarjeta ul.marca3 li:nth-child(3) { background-image: url("../img/b9.png"); }

@media (max-width: 100px) { .row-index-1 div.tarjeta ul.marca3 li:nth-child(3) { background-image: none; } }

.row-index-1 div.mapa { display: block; position: relative; max-width: 100%; margin-top: 70px; position: relative; width: auto; height: 500px; overflow: hidden; }

@media (max-width: 767px) { .row-index-1 div.mapa { margin-top: 60px; max-width: 100%; height: auto; } }

.row-index-1 img.contac { display: block; justify-content: center; align-items: center; padding-top: 60px; padding-bottom: 40px; max-width: 60%; margin-left: auto; margin-right: auto; }

@media (max-width: 5%) { .row-index-1 { margin-left: auto; margin-right: auto; padding-top: 0px; margin-bottom: 0px; justify-content: center; align-items: center; display: block; } }

.row-index-1 .google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }

.row-index-1 .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

.row-index-1 ul.contac { display: block; position: relative; margin: 0 0 0 0px; padding-top: 10px; list-style-type: none; -size: 50px; }

@media (max-width: 767px) { .row-index-1 ul.contac { font-size: 10px; line-height: 20px; } }

.row-index-1 ul.contac li.contac { text-align: left; margin: 0px; margin-bottom: 10px; height: 70px; padding-left: 60px; padding-top: 20px; background-size: 30px 30px; background-repeat: no-repeat; background-position: 0 50%; font-size: 15px; }

.row-index-1 ul.contac li:nth-child(1) { background-image: url("../img/tel.png"); }

@media (max-width: 50px) { .row-index-1 ul.contac li:nth-child(1) { background-image: none; } }

.row-index-1 ul.contac li:nth-child(2) { background-image: url("../img/mail.png"); }

@media (max-width: 50px) { .row-index-1 ul.contac li:nth-child(2) { background-image: none; } }

.row-index-1 ul.contac li:nth-child(3) { background-image: url("../img/mail.png"); }

@media (max-width: 50px) { .row-index-1 ul.contac li:nth-child(3) { background-image: none; } }

.row-index-1 ul.contac li:nth-child(4) { background-image: url("../img/.png"); }

@media (max-width: 50px) { .row-index-1 ul.contac li:nth-child(4) { background-image: none; } }

.row-index-1 ul.contac li:nth-child(5) { background-image: url("../img/web.png"); }

@media (max-width: 50px) { .row-index-1 ul.contac li:nth-child(5) { background-image: none; } }

.row-index-1 ul.contac li:nth-child(6) { background-image: url("../img/cor.png"); }

@media (max-width: 50px) { .row-index-1 ul.contac li:nth-child(6) { background-image: none; } }

.row-index-1 ul.contac a { color: #000; font-size: 15; line-height: 20px; }

@media (max-width: 767px) { .row-index-1 ul.contac a { font-size: 15px; line-height: 20px; } }

section.modalDialog { pointer-events: none; background-color: rgba(0, 0, 0, 0.5); bottom: 0; top: 0; left: 0; right: 0; opacity: 0; position: fixed; z-index: 999; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; -ms-transition: opacity 1s; }

section.modalDialog:target { pointer-events: auto; opacity: 1; }

a.close { background-color: #414141; border-radius: 5px; color: #fff; font-size: 14px; font-weight: bold; line-height: 22px; position: absolute; right: 5px; top: 5px; text-align: center; text-decoration: none; width: 28px; }

a.close { background-color: #000; }

div.caja { width: auto; height: auto; overflow: auto; }

section.modal { background-color: #fff; box-shadow: 5px 5px 24px rgba(0, 0, 0, 0.3); border-radius: 15px; color: #fff; margin: 10% auto; padding: 10px; position: relative; max-width: 100%; width: 700px; overflow: auto; }

ul { display: block; position: relative; list-style-type: circle; text-align: left; color: #000; font-size: 15px; }

@media (max-width: 767px) { ul { text-align: left; font-size: 12px; } }

ul li { text-align: left; margin-top: 5px; color: #666666; margin-bottom: 5px; line-height: 15px; font-size: 12px; }

@media (max-width: 767px) { ul li { text-align: left; line-height: 12px; font-size: 10px; } }

h2 { color: #808080; font-size: 40px; margin-bottom: 5px; text-align: left; }

h3 { color: #333333; font-size: 15; margin-top: 2px; margin-bottom: 10px; }

p { color: #666666; font-size: 12px; line-height: 20px; text-align: justify; margin-top: 5px; overflow: auto; }

@media (max-width: 767px) { p { text-align: left; line-height: 12px; font-size: 10px; } }

p.edit { color: #000; font-size: 14px; font-weight: bold; line-height: 20px; text-align: justify; margin-top: 2px; margin-bottom: 1px; }

img.libros-pop { display: block; justify-content: center; align-items: center; max-width: 80%; margin-top: 40px; margin-left: auto; z-index: 1; margin-right: auto; }

@media (max-width: 70%) { margin-top: 5px; }

a.link { font-size: 12px; font-weight: bold; line-height: 20px; text-align: justify; margin-top: 2px; }

img.final { display: block; justify-content: center; align-items: center; padding-top: 0px; padding-right: 170px; margin-bottom: 10px; margin-left: auto; margin-right: auto; max-width: 100%; }

@media (max-width: 767px) { img.final { margin-left: auto; margin-right: auto; margin-bottom: 0px; align-items: center; justify-content: center; padding: 0px; width: 95%; } }

.esconder { display: none; }

.formulario { display: block; position: relative; width: 200px; margin: 0 auto; padding: 0 0px; font-size: 14px; max-width: 200px; min-height: 50px; }

.formulario input[type="text"], .contacto textarea[type="text"], .formulario input[type="email"] { display: block; position: relative; border: none; height: 7px; width: 100%; padding: 0 0px; margin-top: 0px; margin-bottom: 0px; font-size: 9pt; color: #4d4d4d; }

.formulario input[type="tel"] { display: block; position: relative; border: none; height: 30px; width: 100%; padding: 0 0px; margin-top: 0px; margin-bottom: 0px; font-size: 9pt; color: #4d4d4d; }

.error { display: block; position: relative; margin: 0; padding: 0; font-size: 10px; font-style: italic; color: red; top: -8px; }

span.datos-obligatorios { font-style: italic; padding-left: 20px; }

fieldset { border: medium none !important; margin: 0 0 0px; min-width: 100%; padding: 0; width: 100%; text-align: center; }

#contacto input[type="text"], #contacto input[type="email"], #contacto input[type="tel"], #contacto input[type="Company"], #contacto textarea { width: 100%; border: 0px solid #CCC; background: #FFF; margin: 0 0 5px; padding: 10px; border-radius: 3px 3px; }

#contacto textarea { height: 40px; max-width: 100%; resize: none; }

#contacto button[type="submit"] { display: block; position: relative; cursor: pointer; width: 70%; border: none; background-color: #93B6CC; color: #FFF; padding: 5px 5px; color: #000; font-size: 18px; font-weight: bold; border-radius: 5px 5px; text-align: center; }

@media (max-width: 767px) { #contacto button[type="submit"] { text-align: center; margin: 3px auto 3px auto; } }

#contacto button[type="submit"]:hover { background: #09D171; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; }

#contacto button[type="submit"]:active { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contacto input:focus, #contact textarea:focus { outline: 0; border: 1px solid #999; }

::-webkit-input-placeholder { color: #888; }

:-moz-placeholder { color: #888; }

::-moz-placeholder { color: #888; }

:-ms-input-placeholder { color: #888; }

ul.accordion { display: block; position: relative; width: auto; height: auto; margin: 00px; padding: 0; }

@media (max-width: 767px) { ul.accordion { margin: 0 auto 30px auto; } }

ul.accordion > li { display: block; position: relative; overflow: hidden; width: auto; cursor: pointer; margin: 0px; padding: 0; color: #5e5e5e; background: url(../images/pleca-accordion.png) no-repeat right bottom, url(../images/flecha-accordion.png) no-repeat right 40px; }

ul.accordion > li > ul { display: none; font-size: 18px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; }

ul.accordion > li > ul > li { display: block; position: relative; padding: 0px; font-size: 10px; color: #5e5e5e; }

/*# sourceMappingURL=main.css.map */