/* Ayuda Colores
Negro: #000000
Gris tipo y submenu: #58595b
Celeste: #00aced
FIN Colores */

/* Colores */
.blanco { color:#fff; }
.gris { color:#65a044; }
.celeste { color:#00aced; }
.b_celeste {background:#00aced !important;}
.b_gris {background:#ebebeb !important;}
/* Fin Colores */

/* Generales */
body { margin-top: 0;background:#fff; font-family: 'Dosis', sans-serif; }
p {font-family: 'Dosis', sans-serif; color:#606060; font-size:18px; line-height:23px; font-weight: 300;}
h1.titulo { font-family: 'Roboto Slab', sans-serif; font-size: 80px; color: #fff; margin: 0 auto;font-weight: 300;text-align: center;}
h2 {font-family: 'Roboto Slab', sans-serif; font-size:80px; color:#58595b; width:70%; margin:0 auto; font-weight: 300;text-align:center;}
h3 {font-family: 'Dosis', sans-serif; font-size:43px; width:80%; color:#58595b; margin:0 auto; text-align:center;}
h4 {font-family: 'Dosis', sans-serif; font-size:28px; }
h5 {font-family: 'Dosis', sans-serif; font-size:20px; text-transform:uppercase;font-weight: 600;}
a { color:#606060; text-decoration: none !important;}
a:hover { color:#606060;}
p>small, .small { line-height: 12px;}

.p_t_0 { padding-top:0px !important; }
.p_b_0 { padding-bottom:0px !important; }
.p_b_61 { padding-bottom: 61px !important; }
.p_t_25 { padding-top:25px !important; }
.p_18 { padding:18px !important;}
.p_t_52 { padding-top:52px !important; }
.p_l_43 { padding-left:43px !important; }
.m_t_10 { margin-top:10px !important; }
.m_t_b_10 { margin-top:10px !important; margin-bottom:10px !important; }
.m_t_20 { margin-top:20px !important; }
.m_t_34 { margin-top:34px !important; }
.m_t_43 { margin-top:43px !important; }
.m_r_18 { margin-right:18px !important; }
.m_b_0 { margin-bottom:0 !important; }
.m_b_34 { margin-bottom:34px !important; }
.b_b_0 { border-bottom:none !important; }
.divisor { max-width:100%;}
.w_100 { width:100% !important; }
.w_98 { width:98% !important; }
.f_s_44 { font-size:44px;}
/* Fin Generales */

/* Estructura */
.contenedor { padding-top:52px ;}
header{width:100%; height:70px; background:#000;position:fixed; top:0;z-index: 1000;}
footer{position:relative; float:left; width:100%; height:auto; margin:0 auto; margin-top:0; padding:0; display:block; background:#fff; font-family:'Dosis', sans-serif; border-top: 4px solid #ebebeb}
.contenedor_full { margin:0;padding-top:0;padding-bottom:0;text-align:center;}
.contenedor_celeste { margin:0; margin-top:52px;padding-bottom:52px;background:#00aced !important;}
.contenedor_internas { margin-bottom:52px;}

/* Header */
.navbar{ /* padding:0.8rem 1rem; */}
.navbar-brand { margin-top:5px;}
h1 a.navbar-brand { background:url('../images/carena-sistemas-logo.png') center left no-repeat;background-size: 197px 34px; width:197px;height: 38px;text-indent: -9999px;}
.navbar-nav>li { padding: 9px 14px; border: 1px solid #000; background:none;}
.navbar-nav>li:hover,.navbar-nav>li.current { border: 1px solid #fff; }
.navbar-nav>li>a{ font-family: 'Dosis', sans-serif; font-size:14px; color:#fff;font-weight: 400; text-transform:uppercase;}
.dropdown-toggle::after { display:none;}
.dropdown-menu { min-width: 108px; margin-left:-5px; padding:28px 0 10px; border-radius:0;background:none !important;border:none;}
.dropdown-item { background:#58595b; color:#fff; font-size:13px;padding:0; }
.dropdown-item span { min-width: 96px; margin:0 6px; border-bottom: 1px solid #fff; padding: 7px 0 5px 13px;display: block;}
.dropdown-item span.last-item { border-bottom: none; }
.navbar-light .navbar-toggler {width: 52px; margin-right:-10px;}
span.icon-bar {width: 28px;height: 3px;background: #fff;color: #fff;float: left;margin-top:5px; border-radius: 8px;opacity: .8;}

/* Contenido */
/* Home */
.bg_home { background:url('../images/header-home-2.jpg') no-repeat; background-position:center center; background-size:cover; height:670px; text-align:center; padding-top:230px; margin-top:70px;}
.panel-productos { height:180px; border-bottom:1px solid #58595b; text-align:center;border-right:1px solid #58595b; text-align:center;padding-left:0; padding-right:0;overflow: hidden;}
.panel-productos-right {border-right:0; text-align:center;}
.panel-cuatro {border-bottom:0;}
.panel-productos a {display:block; overflow: hidden;}
.panel-productos .productos-overlay {overflow: hidden;position: absolute;height: 100%;float: left;opacity:0;}
.panel-productos:hover .productos-overlay {display:block;position: absolute;top: 0;height: 100%;width: 100%;background:#fff;opacity:1;}
.panel-productos-lista { width: 70%;margin: 0 auto;margin-top: 28px; list-style: none; padding-left: 0;}
.panel-productos-lista li { font-size:15px; line-height: 19px;padding: 5px 0;text-align: justify; vertical-align:top;}
.panel-productos-lista li:before {content: "\f00c";width: 20px;height: 20px;position: relative;left: 0;font-size:11px;font-weight:400;border:1px solid #555; border-radius:15px; padding:3px;font-size: 11px;color:#00aced; margin-right:5px;font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"); }
.panel-clientes { width:100%; height:100%;overflow:hidden; padding: 0;line-height: 0;transition: all 0.3s ease-in-out;}
.panel-clientes:hover img { transform: scale(1.04); transition: all 0.3s ease-in-out; overflow:hidden;}
.panel-clientes .overlay { position: absolute;top: 0;height: 100%;width: 100%;text-align: center;padding-top: 52px; color:#fff;background:rgba(0,0,0,0.1); transition: all 0.3s ease-in-out;}
.panel-clientes:hover .overlay { background:rgba(0,0,0,0.5);transition: all 0.3s ease-in-out;}
.panel-clientes .overlay h4, .panel-productos .productos-overlay h4 {text-align: center !important;}
.panel-casos { text-align:center; padding:10px 5px; margin-top:25px;}
.panel-casos img {margin-bottom:15px;}
.panel-casos p {font-size:15px;}
.comillas { font-size:43px; font-weight:900; margin-top: 25px;}
.nombre-cliente { text-transform:uppercase; font-size:14px; font-weight:600;}
small {font-size:12px; }
.bg_servicios { background:url('../images/header-servicios.jpg') no-repeat; background-position:center center; background-size:cover; height:670px; text-align:center; padding-top:230px; margin-top:70px;}
.panel-servicios { float: left;margin-bottom:25px; margin-left:20px;width: 100%;}
.panel-servicios a { display:block;}
.panel-servicios a:hover h3 { color: #00aced;}
.panel-servicios h3 { float:left; }
.panel-servicios img { float:right; }
.panel-servicios h3 { text-align: left;padding-left: 25px}
.box-servicios-imagen { width:100px; float:left;text-align:right;}
.panel-servicios a .bg-img-panel-servicios { position: absolute;left: 22px;top: -7px;border: 1px solid #58595b;border-radius: 42px;padding: 7px 12px;width: 58px;height: 58px; }
.panel-servicios a:hover .bg-img-panel-servicios { border: 1px solid #00aced;}
.bg_casos { background:url('../images/casos-de-exito-2.jpg') no-repeat; background-position:center center; background-size:cover; height:520px; text-align:center; padding-top:130px; }
iframe {width:100% !important;}
.btn_atencion_al_cliente { position:fixed; top:340px; right:0;}
.bg_productos_1 {background:url('../images/img-plataforma-ERP.jpg') no-repeat center 38px; background-size: 213px 101px; }
.bg_productos_2 {background:url('../images/img-nomina-rrhh.jpg') no-repeat center 38px; background-size: 213px 101px; }
.bg_productos_3 { background:url('../images/img-bussiness.jpg') no-repeat center 28px; background-size: 215px 122px;}
.bg_productos_4 { background:url('../images/img-mobile-5.jpg') no-repeat center center; background-size: 236px 144px;}
.bg_productos_5 { background:url('../images/img-colector-2.jpg') no-repeat center center; background-size: 203px 170px;}
.bg_productos_6 { background:url('../images/img-e-commerce-2.jpg') no-repeat right center; background-size: 318px 122px;}
.fila-servicios {padding-top:80px !important;}
.box-mapa-home { padding:0;height: 470px;}
/* Fin Home */

/* Nosotros */
.bg_nosotros { background:url('../images/header-nosotros.jpg') no-repeat; background-position:center center; background-size:cover; height:670px; text-align:center; padding-top:230px; margin-top:70px;}
.bg_img_nosotros { background:url('../images/img-ceo-gestion-grafico.jpg') no-repeat; background-position:center -20px; background-size:cover; width:100%; height:auto; text-align:center; }
.imagen-nosotros {width:100%; height:auto; margin-top:0px; overflow:hidden;}
.box-calidad { width: auto;text-align: center;margin: 0 auto;}
/* Fin Nosotros */

/* Productos */
.bg_productos { background:url('../images/header-CEOgestion.jpg') no-repeat; background-position:center center; background-size:cover; height:670px; text-align:center; padding-top:230px; margin-top:70px;}
.bg_ecommerce { background:url('../images/header-ecommerce.jpg') no-repeat; background-position:center center; background-size:cover; height:670px; text-align:center; padding-top:230px; margin-top:70px;}
.bg_ceogestion { background:url('../images/header-CEOgestion.jpg') no-repeat; background-position:center center; background-size:cover; height:670px; text-align:center; padding-top:230px; margin-top:70px;}
.bg_ceocolector { background:url('../images/header-CEOcolector.jpg') no-repeat; background-position:center center; background-size:cover; height:670px; text-align:center; padding-top:230px; margin-top:70px;}
.bg_ceobi { background:url('../images/headerCEObi.jpg') no-repeat; background-position:center center; background-size:cover; height:670px; text-align:center; padding-top:230px; margin-top:70px;}
.bg_ceomobile { background:url('../images/headerCEOmobile.jpg') no-repeat; background-position:center center; background-size:cover; height:670px; text-align:center; padding-top:230px; margin-top:70px;}

h1.ceogestion { background:url('../images/img-plataforma-ERP.png') center left no-repeat;background-size:318px 151px; width:318px;text-indent: -9999px;margin-top:-25px;height:151px; margin-left:auto;margin-right:auto;}
h1.logo-ceobi {background:url('../images/img-ceo-bi.png') center left no-repeat;background-size:413px 151px; width:413px;text-indent: -9999px;margin-top:-25px;height:151px;margin-left:auto;margin-right:auto;}
h1.logo-ceo-rrhh {background:url('../images/CEO-rrhh.png') center left no-repeat;background-size:253px 151px; width:253px;text-indent: -9999px;margin-top:-25px;height:151px;margin-left:auto;margin-right:auto;}

.lista-productos li { font-family: 'Dosis', sans-serif; color:#606060; font-size:18px; line-height:27px; font-weight: 300;}
.triangulo {border-left: 8px solid #00aced;border-top: 6px solid transparent;border-bottom: 6px solid transparent;margin-right: 4px;float: left;margin-top: 9px;}
.box-interna-producto-left { border:1px solid #58595b; padding:15px 20px; width:48%; margin-right:2%; float:left; margin-bottom: 25px;}
.box-interna-producto-right { border:1px solid #58595b; padding:15px 20px; width:48%; margin-left:2%; float:left; margin-bottom: 25px;}

.box-tabs { width:49%; float:left; padding-right: 15px;padding-left: 15px;}
.box-tabs p { margin-bottom:18px;}
.nav-pills h4 { margin-bottom:18px;}
.nav-pills .nav-link {border-radius:0; padding:0; color:#00aced; border-bottom:1px solid #00aced; line-height: 21px;padding: 12px 0;}
.nav-pills .nav-link.active { color:#000; font-weight:600; background:none;}
.box-full { width:98%; float:left; padding-right: 15px;padding-left: 15px;margin-top:34px;}
.box-full p { text-align:center !important;margin-bottom: 20px;}
.marca {font-weight:600;}
.subitem-parrafo {color:#00aced; font-weight:600;}
.box-recuadro { border:1px solid #58595b; padding: 15px 20px;text-align: left;margin: 25px 0 0; float:left;min-height: 152px;}
.box-recuadro img { float:left; margin-top:0; margin-right:10px;height:auto;}
.box-recuadro li { list-style:disc; list-style-position:inside; font-family: 'Dosis', sans-serif; color:#606060; font-size:18px; line-height:23px; font-weight: 300;}
.box-recuadro p { margin-bottom:5px !important;}
.sublista-interna-ceogestion { margin-left:28px;}
.sublista-interna-ceogestion li { list-style:disc; list-style-position:inside;}
.comentarios { font-family: 'Roboto Slab', sans-serif; font-size:14px; font-weight: 300;text-align:center;line-height:19px;}
.lista-productos-ceobi li { margin-bottom:10px;}
.ceobi-experiencias {margin-left:-70px;}
.ceobi-experiencias-dos{margin-left:-52px;}
.ceobi-experiencia { width: 110%;}
.ceobi-experiencia-uno { float: left;width:23%;}
.ceobi-experiencia-dos { float: left;width:41%;}
.ceobi-experiencia-tres { float: left;width:36%;}
.sublista-ceobi-experiencia {margin-left:5%; width:85%;margin-top:5px !important;}
.sublista-ceobi-experiencia li {margin-bottom:0 !important;}
.ceobi-experienciados-uno {float: left;width:25%;}
.ceobi-experienciados-dos {float: left;width:38%; margin-left:10px;}
.ceobi-experienciados-tres {float: left;width:34%;}
.img-experiencias-dos { width: 110%;margin: 14px 0px 0 -10px;}
.box-productos-listados { width:100%;padding-top:52px; padding-right: 15px;padding-left: 15px;}
.imagen-ceobi {width:98%;max-width: 800px;height: auto; padding-top:52px;}
.imagen-ecommerce1 { width:98%;max-width: 700px;height: auto; margin-top:20px;}
.imagen-ecommerce2 { width:61%;max-width: 430px;height: auto; margin-top:20px;}
.imagen-ecommerce3 { width:98%;max-width: 800px;height: auto; margin-top:20px;}
.tilde { font-size:14px; border: 2px solid #4a4b4d;border-radius: 50%;padding: 3px;margin-right: 5px; color:#00aced; }
/* Fin Productos */

/* Clientes */
.bg_clientes_droguerias { background:url('../images/header-droguerias-3.jpg') no-repeat; background-position:center center; background-size:cover; height:670px; text-align:center; padding-top:140px; margin-top:70px;}
.bg_clientes_gastronomia { background:url('../images/header-clientes-gastronomia.jpg') no-repeat; background-position:center center; background-size:cover; height:670px; text-align:center; padding-top:230px; margin-top:70px; }
.bg_clientes_otras { background:url('../images/header-clientes-logistica.jpg') no-repeat; background-position:center center; background-size:cover; height:670px; text-align:center; padding-top:230px; margin-top:70px;}
li.box-clientes { padding:0; display:inline-block; position:relative; width:19%; margin:10px 2px;text-align: center;}
li.box-clientes img { height:100px; width:auto; margin:0 auto;}
li.box-clientes .clientes-overlay { display:none;}
li.box-clientes:hover>.clientes-overlay { display:block; position: absolute;width:100%; padding-top:34px; height:100%; text-align:center; left: 0;top: 0; background:rgba(0,0,0,0.8);transition: all 0.3s ease-in-out;}
li.box-clientes:hover>.clientes-overlay p { color:#fff; line-height:18px; font-size:16px;}
li.box-clientes:hover>.clientes-overlay p.clientes-overlay-dos { padding-top:-20px; }
li.box-clientes:hover>.clientes-overlay p a { color:#00aced;}
.box-tabs-full { width:99%; float:left; padding-right: 15px;padding-left: 15px;}
.box-tabs-full li.box-clientes { padding:0; display:inline-block; position:relative; width: 33%;margin: 43px 0 0px;text-align: center;}
/* Fin Clietes */
/* Fin Contenido */

/* Footer */
.bg_contacto { background:url('../images/header-contacto.jpg') no-repeat; background-position:center center; background-size:cover; height:670px; text-align:center; padding-top:230px; margin-top:70px; }
.panel-footer-contacto { background:#00aced !important; text-align:left; color:#fff;}
.panel-footer-contacto h3 { text-align:left; color:#fff; margin: 23px 15px 0;font-weight: 400;}
.panel-footer-contacto h3 span { font-weight: 600;}
#demo {width:100%; margin:8px 0px 0 10px; text-align: center;}
#demo input, #demo select { width: 45%; margin-right: 4%; margin-top: 18px; border-radius: 5px;border: 1px solid #bcbec0;padding: 10px;color: #ccc;}
#demo select {height: 38px;color: #666;}
#demo input[type="submit"]{ float: right; margin-top: 20px;background: none;border: none;color: #fff;font-size: 20px;text-align: right; }
footer .container { padding: 10px 0;}
footer, footer p, footer a { color:#58595b; font-family:'Dosis', sans-serif; font-size: 14px; line-height: 18px;}
footer a:hover { color:#58595b;}
/* FIN Footer */

/* Formularios */
.contacto textarea {width: 95%; height:128px; margin-top: 18px; margin-right: 4%; border-radius: 5px;border: 1px solid #bcbec0;padding: 10px;color: #bcbec0;}
.contacto  {margin-bottom:32px;}
#demo input[type="checkbox"]{ width: 18px; margin-right: 5px; margin-top: 18px; border-radius: 5px;border: 1px solid #bcbec0;padding: 10px;color: #bcbec0;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */  color: grey; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: grey !important; font-weight:300; }
::-moz-placeholder { /* Firefox 19+ */  color: grey !important; font-weight:300;}
::-ms-input-placeholder { /* IE 10+ */  color: grey !important; font-weight:300;}
:-ms-input-placeholder { /* IE 10+ */  color: grey !important; font-weight:300;}
:-moz-placeholder { /* Firefox 18- */  color: grey !important; font-weight:300;}
  .mensaje-ok { width:98%; color: #3c763d;background-color: #ddf5db;border:1px solid #d6e9c6;padding:5px 10px; margin:1px 0 2px 2%; border-radius:4px; font-size: 15px;}
.mensaje-error { width:98%; color: #a94442;background-color: #f2dede;border:1px solid #ebccd1; padding:5px 10px; margin:1px 0 2px 2%;  border-radius:4px; font-size: 15px;}
.mensaje-warning { width:98%; color: #8a6d3b; background-color: #fcf8e3;border:1px solid #faebcc; padding:5px 10px; margin:1px 0 2px 2%; border-radius:4px; font-size: 15px;}
/* Fin Formularios */

/* Media Queries */
@media (max-width:390px){
.panel-productos-lista { width: 90%; }
}

@media (max-width:572px){
footer .container { width: 90% !important;}
.panel-clientes { width:100%; height:210px;}
.panel-clientes img.full{ width:100%; height:210px; }
.fila-servicios .col-sm-4,.fila-servicios .col-xs-12 { width:100%; margin:0%;}
.fila-servicios .col-sm-4 .panel-servicios h3,.fila-servicios .col-xs-12 .panel-servicios h3 {width: auto;}
.panel-productos { border-right:0; border-left:0; width:100%; margin:0 auto;}
.panel-productos-right { border-right:0 !important; }
.panel-seis {border-top:1px solid #58595b; }
.panel-servicios  {margin-left:10% !important;}
.panel-productos-lista { width: 61%; }
.ceobi-experiencia-uno, .ceobi-experienciados-uno { float: left;width:70% !important; margin-left:15% !important;}
.ceobi-experiencia-dos, .ceobi-experienciados-dos  { float: left;width:90% !important;margin-left:5% !important;}
.ceobi-experiencia-tres, .ceobi-experienciados-tres { float: left;width:90% !important; margin-left:3% !important; margin-top:25px;}
h2 {font-size:58px; width:94%; line-height:61px;}
h1.titulo_droguerias{font-size:50px; width:98%; line-height:52px;}
h3 {font-size:34px; line-height:32px; width:94%;}
.box-interna-producto-left, .box-interna-producto-right { width:98%; margin-left:0%; }
.logo-ceobi {width:auto;margin-top:-25px;height:114px;}
}

@media (min-width:767px){
.dropdown:hover>.dropdown-menu {display: block;}
.fa-caret-down {display: none;}
 }
 
@media (max-width:768px){
.p_l_r_0 { padding-left:0 !important; padding-right:0 !important; }
.navbar-collapse{ background: #000;float: right;width: 320px;background-image: none;background: #000;overflow: hidden;max-width: 320px;position: absolute;right: -15px;top: 70px;}
.bg_home, .bg_nosotros, .bg_productos, .bg_clientes_droguerias, .bg_clientes_gastronomia, .bg_clientes_otras, .bg_servicios, .bg_ecommerce, .bg_ceogestion, .bg_ceocolector, .bg_ceobi, .bg_ceomobile, .bg_contacto {height: 430px !important;text-align: center;padding-top: 70px; }
.bg_clientes_otras {padding-top: 120px; }
.box-tabs { width:98%; float:left; padding-right: 15px;padding-left: 15px;}
.nav-pills { margin-bottom:52px;}
.nav-pills .nav-link, .nav-pills h4 { width:80%; margin:0 auto;}
.clientes { margin:0 auto; text-align:center;}
li.box-clientes { padding:0; display:inline-block; position:relative; width:40% !important; margin:10px 2px;text-align: center;}
.panel-clientes .overlay h4{ line-height: 25px;}
}

@media (max-width:980px){
h2 {font-size:58px; }
h3 {font-size:34px; line-height:32px;}
.panel-servicios h3 {width:auto;font-size:32px; }
}

@media (max-width: 1060px) {
.panel-servicios  {margin-left:7%; width:auto;font-size:28px;}
.panel-servicios h3 {width:auto;font-size:41px; }
}

@media (max-width: 990px) {
.bg_home, .bg_nosotros, .bg_productos, .bg_casos, .bg_servicios,.bg_ecommerce, .bg_ceogestion, .bg_ceocolector, .bg_ceobi, .bg_ceomobile, .bg_contacto {height: 520px;text-align: center;padding-top: 100px; }
.clientes { margin:0 auto; text-align:center;}
li.box-clientes { padding:0; display:inline-block; position:relative; width:30%; margin:10px 2px;text-align: center;}
.panel-productos-right {border-right:1px solid #58595b; }
.panel-cuatro {border-bottom:1px solid #58595b; }
.panel-dos, .panel-cuatro, .panel-seis { border-right:0px; }
.panel-servicios  {margin-left:20%; }
.panel-servicios h3 {width:auto;font-size:28px; }
.ceobi-experiencia-uno, .ceobi-experienciados-uno  { float: left;width:34%; margin:10px 2%;}
.ceobi-experiencia-dos, .ceobi-experienciados-dos  { float: left;width:61%;margin-top:25px; margin-left:0;}
.ceobi-experiencia-tres, .ceobi-experienciados-tres { float: left;width:70%; margin-left:15%;margin-top:20px;}
}

@media screen and (max-width: 560px) {
.panel-servicios  {margin-left:0% !important;}
li.box-clientes { width:70% !important; margin:10px auto;text-align: center;}
}

@media (max-width: 1124px) {
}

@media (max-width: 1200px) {
.container { width: 100%; max-width: 100%;}
footer .container { width: 96%;}
}

@media (max-width: 1300px) {
.ceobi-experiencias {margin-left:0px;}
.ceobi-experiencia { width: 100%;}
.sublista-ceobi-experiencia {margin-left:10%; width:80%;}
}

@media (max-width: 1440px) {
}