/*template y header
-----------------------------*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);
body {background: #fff;color:#333; font-family: 'Lato', Arial, sans-serif;line-height: 1.4;
font-size: 1em;}
body #wrapBg {background:#fff url('img/bg_body.png') 0 -8px repeat-x;/*! width: 960px; */margin: 0 auto;}
body #wrapBg.product {background:#fff url('img/bg_body.png') 0 13px repeat-x;}
body.interna #wrapBg {background-image: none; background-color: #fff;}
a {color:#588CBC;}
a:hover {color:#7ECCF9;}
#wrapper {margin: 0 auto;width: 960px;position: relative;display: block;}
.grid4 {width: 310px;}
.grid5-5 {width:440px;}
.grid6 {width:460px;}
.grid7 {width:540px;}
.grid8 {width:620px;}
.separador {display: block;clear: both;width: 100%;height: 25px;}
.separador2 {display: block;clear: both;width: 100%;border-bottom: 1px dashed #dedede;height: 12px;margin-bottom: 25px;}
#header {height: 102px;position: relative;
}
#header h1 a {background: url(../images/css/h1_logo.png) 0 0 no-repeat;display: block;text-indent: -99999px;width: 220px;height: 69px;float: left;position: absolute;top: 10px;left: 0;
}
#header h2#lema {font-size: 1.6em;color:#4A7FB1;font-weight: normal;position: absolute;top: 30px;left: 235px;
}
#accesoClientes a {background: url(../images/css/bg_accesoClientes.png) 0 0 no-repeat;display: block;text-indent: -99999px;width: 126px;height: 18px;position: relative;top: 5px; left: 833px;
}
/* loginBox*/
#loginBox {display: none;position: absolute;z-index: 10;top: 25px;left:690px;background: url(../images/css/bg_loginBox.png) 0 0 no-repeat;width: 235px;height: 60px;padding: 30px 15px 1px;
}
#loginBox label {display: none;
}
#loginBox .texto {padding: 2px;background: url(../images/css/bg_input.png) 0 0 repeat-x;border: 1px solid #44494F;width: 110px;
}
#loginBox p {margin: 0 0 10px 0;
}

#loginBox .boton {width: 65px;text-align: center;color:#fff;background:#E46A38;border: 1px solid #44494F;margin-left: 40px;cursor: pointer;
}
/* nav */
#nav {clear: both;float: right;position: absolute;top: 75px;right:0;
}
#nav ul li {float:left;font-size: 1.2em;margin-left: 5px;text-transform: uppercase;
}
#nav ul li form#login_bar {margin-left: 15px; position:relative;}
#nav ul li a {float:left;background: #fff;padding: 3px 5px;color:#4A7FB1;text-decoration: none;
}
#nav ul li a.active {background: #44494F;color:#fff;
}
#nav ul li a:hover {background: #E46A38; color:#fff;}
#nav #loginBar form {float: left;margin-right: 5px;
}
#nav #loginBar .texto {border:1px solid #aaa;padding: 2px 4px 2px;width: 125px;color:#666;
}
#nav #loginBar #password {width: 50px;}
#nav #loginBar .boton {border: none;background: #E46A38;border: 1px solid #FF6633;color:#fff;padding: 1px 0;text-shadow:0 1px 1px rgba(71, 32, 17, 0.4);cursor:pointer;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#nav ul li#loginBar a#loginClientes {background:#fff url(../images/ico/ico_candado.png) 5px 1px no-repeat;padding-left: 27px;
}
#nav ul li#loginBar a#loginClientes:hover {background-color: #E46A38; color:#fff;}
#nav ul li#loginBar a.abierto {background:#fff url(../images/ico/ico_candado_open.png) 5px 0 no-repeat; padding-left: 27px;}
#nav ul li#loginBar a.abierto:hover{background-color: #E46A38; color:#fff;}

#nav #loginBar #labelAyuda {color:#666666;font-size: 12px; text-transform: Capitalize; position: absolute; top: 4px; left: 5px;}

/* footer
---------------------- */
#footer {font-size: 0.8em;color:#fff;background-color: #1D5E8E;
}
#footer .wrap {width: 960px; margin: 0 auto;overflow: hidden;padding: 50px 0;
}
#footer .wrap a {color:#fff;}
#footer .wrap .f-r {text-align: right;}
/* linkSociales*/
#linkSociales {position: absolute;top: 115px;right: -95px;
}
#linkSociales h3 {background: url(../images/css/bg_siguenos.png) 0 0 no-repeat;display: block;text-indent: -99999px;width: 82px;height: 46px;
}
#linkSociales h3.suscribete {background-image: url(../images/css/bg_suscribete.png);height: 50px;
}
#linkSociales ul li {margin-bottom: 5px;
}

/* content
---------------------- */
#content {display:block;margin-bottom: 35px;}
h2.pageTitle {font-size: 2.5em;line-height: 69px;color: #fff;background: #4A80B1;padding: 0 10px;
}
h2.empresa {background:#4A80B1 url(../images/css/bg_empresa.png) 99% 5px no-repeat;}
h2.productos {background:#4A80B1 url(../images/css/bg_productos.png) right top no-repeat;}
h2.blog {background:#4A80B1 url(../images/css/bg_blog.png) right top no-repeat;}
h2.contacto {background:#4A80B1 url(../images/css/bg_contacto.png) right top no-repeat;}
h2.casos_exito {background:#4A80B1 url(../images/css/bg_casos_exito.png) right top no-repeat;}
h2.crucigrama {background:#4A80B1 url(../images/css/bg_crucigrama.png) right top no-repeat;}

/* mygallery */
#mygallery {overflow: hidden;padding: 10px;width: 940px;height: 274px;background: #4A80B1;color:#fff;position: relative;
}
#mygallery .panel {}
#mygallery .panel p {margin-bottom: 15px;
}
#mygallery .panel .imagen {float: right;margin: 0 15px 0 50px;width:450px;text-align: right;
}
#mygallery .panel h2 {font-size: 2em;margin: 20px 0 15px;
}
#mygallery .panel h3 {font-size: 1.4em;margin: 0 0 15px 0;
}

.stepcarousel .panel{float: left; /*leave this value alone*/overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/width: 880px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */padding: 10px 40px;
}
.stepcarousel .belt{position: absolute; /*leave this value alone*/left: 0;top: 0;
}
#mygallery-paginate {position: absolute;bottom: 10px; left: 10px;
}



h3.pVerde {text-transform: uppercase;font-size: x-small;color:#fff;margin-bottom: 15px;
}
h3.pVerde strong {font-weight: bold;background: #849D52;padding: 4px 15px;font-size: 18px;
}
p.verMas {background: url(../images/css/bg_verMas.png) 10px 0 no-repeat;display: block;padding-top: 17px;font-size: 14px;padding-bottom: 5px;
}
p.verMas a {background:#4A80B1;padding: 5px 10px 5px 10px;color: #fff;text-decoration: none;height: 15px;
}
/* productos */
.productos .producto {float:left;width:220px;margin: 0 20px 20px 0;position: relative;
}
.grid8 .productos .producto {position: static;width: 300px;
}
.productos .productoPar {margin-right: 0;
}
.productos .producto h4 {border-bottom: 1px solid #4A80B1;color:#4A80B1;font-size: 1.2em;margin-bottom: 10px;font-weight: bold;
}
.productos .producto img {border: 1px solid #ccc;
/*	width: 218px;height: 116px; */
}
.grid8 .productos .producto img {border: 1px solid #ccc;
/*	width: 298px;height: 120px; */
}
.productos .producto a:hover img {border-color: #E46A38;
}
.productos .producto .desc {background: #000;opacity: 0.7;padding: 5px;color:#fff;font-size: 14px;position: absolute;bottom: 1px;left: 1px;display: block;width: 209px;
}
.grid8 .productos .producto .desc {background: none;opacity: 1;padding: 0;color:#484848;position: static;width: 300px;margin: 10px 0;
}
.productos .producto .desc a {color:#fff;text-decoration: none;
}
.productos-tab { margin-top: 25px;}
/* enntradas */
.entradas {font-size: 16px;
}
.entradas .entrada, {margin-bottom: 25px;
}
.entradas .testimonio {margin-bottom: 15px;
}
.entradas .testimonio_destacado {padding: 7px;background: #e6e6e6;
}
.entradas h4 {color:#E46A38;margin-bottom: 10px;font-weight: bold;}
.entradas h4 a{color:#E46A38;text-decoration: none}
.entradas .entrada h4 {border-bottom: 1px solid #E46A38;color:#E46A38;margin-bottom: 10px;font-weight: bold;
}
.grid5-5 .entrada h4 {border:none;}
.grid5-5 .entrada h4 a {text-decoration:none;}
.entradas .testimonio h4 {border-bottom: none;font-weight: normal;margin-bottom: 7px;
}
.entradas .entrada .meta {font-size: .9em;color:#999;margin-bottom: 10px;
}

.entradas .entrada .cont a.leermas{margin: 10px 0;display: block}

.entradas .entrada .cont .imagen,
.entradas .testimonio .cont .imagen {border: 1px solid #ddd;padding: 2px;margin: 0 0 10px 10px;float: right;
}
.entradas .entrada .cont .polaroid {width:75px;margin: 0 0 10px 10px;float: right;
}
.entradas ul {margin-bottom: 15px;
}
.entradas ul li {background: url(../images/ico/bullet_ecl.gif) 0 5px no-repeat;padding-left: 19px;margin-bottom: 5px;height: 1%;line-height: 1.55em;
}
/* pastillote */
.pastillote {background: #4A80B1;padding: 15px 10px;margin-top: 20px; margin-bottom: 25px;-moz-border-radius: 0 0 10px 10px;color: #fff;
}
.pastillote h3.titulito {font-size: 1.3em;color:#fff;margin-bottom: 15px;
}
.pastillote p.tipoSquare,
.pastillote a {color:#fff;
}
/* tabs*/
#tabs,
#pestanas {background: url(../images/css/dot_gris.png) left bottom repeat-x;overflow: hidden;margin-bottom: 30px;
}
#tabs ul li,
#pestanas ul li {float:left;display: block;line-height: 40px;padding: 0 0 0 15px;background: url(../images/css/tab.png) 0 0 no-repeat;font-size: 0.8em;margin-right: 2px;
}
#tabs ul li a,
#pestanas ul li a {float:left;display: block;color:#44474D;font-weight: bold;padding-right: 15px;text-decoration: none;background: url(../images/css/tab_close.png) right top no-repeat;
}
#tabs ul li.active, #pestanas ul li.active {background-image: url(../images/css/tab_active.png);}
#tabs ul li.active a, #pestanas ul li.active a {background-image: url(../images/css/tab_active_close.png);}
#tabs ul li a:hover, #pestanas ul li a:hover {color:#4A80B1;}
#tabs ul li.active a:hover, #pestanas ul li.active a:hover  {color:#44474D; cursor: default;}
#tabs ul li a img, #pestanas ul li a img {vertical-align: middle;margin-right: 7px;
}
/*
#tabs ul li#tab_que_es a {display: block;text-indent: -99999px;width:124px;height: 40px;background: url(../images/css/splite_tabs_productos.png) 0 0 no-repeat;
}
#tabs ul li#tab_caracteristicas a {display: block;text-indent: -99999px;width:165px;height: 40px;background: url(../images/css/splite_tabs_productos.png) -126px 0 no-repeat;
}
#tabs ul li#tab_ficha a {display: block;text-indent: -99999px;width:146px;height: 40px;background: url(../images/css/splite_tabs_productos.png) -292px 0 no-repeat;
}
#tabs ul li#tab_miralo a {display: block;text-indent: -99999px;width:105px;height: 40px;background: url(../images/css/splite_tabs_productos.png) -440px 0 no-repeat;
}
#tabs ul li#tab_que_es a.active, #tabs ul li#tab_que_es a:hover {background-position: 0 -40px;}
#tabs ul li#tab_caracteristicas a.active, #tabs ul li#tab_caracteristicas a:hover {background-position: -126px -40px;}
#tabs ul li#tab_ficha a.active, #tabs ul li#tab_ficha a:hover {background-position: -292px -40px;}
#tabs ul li#tab_miralo a.active, #tabs ul li#tab_miralo a:hover {background-position: -440px -40px;}
*/
.capas .hidden {display: none !important;}

/* post --------*/
.post {margin-bottom: 25px;
}
.post .entradilla {color:#666;font-size: 1.15em;margin-bottom: 20px;
}
.post .entradilla h3 {color:#44484E;font-size: 1.2em;
}
.post ul, .post ol {margin: 15px 0;
}
.post ul ul {margin-top: 10px;
}
.post p {margin: 10px 0 10px 0; }

.post ul li {margin: 0 0 8px 0;height: 1%;background: url(../images/ico/bullet_ecl.gif) 0 5px no-repeat;padding-left: 19px; }

.post ol {list-style: decimal;margin-left: 25px;
}
.post ul.noBullet li {background: none;padding-left: 0;
}
.post li img {vertical-align: middle;margin: 0 5px;
}
.post h3 , .post h2 {color:#E46A38;font-size: 1.4em;margin: 20px 0;
}
.post h4 {/*color:#E46A38;*/font-size: 1.3em;margin: 20px 0;
}
.versiones h4 { color:#4A7FB1;border-bottom: 1px solid #4A7FB1;font-size: 1.1em;padding-bottom: 3px;margin-bottom: 10px;
}
.post h5 {font-size: 1.2em;/*color:#E46A38;*/margin: 20px 0;
}
.post h6 {/*color:#E46A38;*/margin: 20px 0;
}
.post .foto img {border:1px solid #DDDDDD;padding:2px;
}
.post .foto .pie {color:#999;font-size: .85em;margin-bottom: 0;
}
.post .foto_{margin-bottom: 15px
}
.post .foto_left {float: left;margin: 0 10px 10px 0;
}
.post .foto_right {float: right;margin: 0 0 10px 10px;
}
.post .foto_center {text-align: center;margin: 10px 0;
}
.post .banner {margin: 25px 0;
}
.post table {margin-bottom: 15px;
}
.post table th {background: #f9f9f9;border: 1px solid #ccc;font-weight: bold;color:#484848;padding: 0 10px;text-align: center;vertical-align: middle;
}
.post table td {background: #fff;border: 1px solid #ccc;padding: 0 10px;text-align: center;vertical-align: middle;
}
.post table th p, .post table td p {margin: 5px 0;}

/* portfolio work */
.post .portfolio .work h4 {font-size: 1em;margin-bottom: 10px;color:#588CBC;
}
.post .portfolio .work h4 a {text-decoration: none;}
.post .portfolio .work {border-bottom: 1px solid #ddd;margin-bottom: 25px;
}
.post .portfolio .work .imagen {border:1px solid #DDDDDD;padding:2px;margin-bottom: 15px;
}
.post .portfolio .work a:hover .imagen {background: #ccc;
}
/* quienes_somos*/
#quienes_somos .item {height:1%;margin:20px 0 50px;overflow:hidden;font-size: 0.9em;
}
#quienes_somos  .item img.avatar {float:left;
/*	width:138px; */
}
#quienes_somos  .item ul {padding:5px 0 0 150px;margin:0;
}
#quienes_somos .item ul li {background:none;margin:0;padding:0;
}
#quienes_somos  .item ul li h4 {color:#AD2A2A;font-size:1em;font-weight:bold;margin:0 0 5px;
}
#quienes_somos .item ul li h5 {color:#43484E;font-weight:bold;margin:0 0 10px;font-size: .9em;
}
#quienes_somos .item .meta {border-top:1px solid #F6FAFB;clear:both;font-size:0.95em;margin-top:10px;padding-top:10px;
}
#quienes_somos .item .meta a {text-decoration: none;margin-right: 10px;margin-bottom: 7px;
}
#quienes_somos .item .meta a.linkedin {padding: 9px 0 8px 23px; background: url(../images/ico/ico_linkedin.gif) 0 50% no-repeat;}
#quienes_somos .item .meta a.wp {padding: 9px 0 8px 23px;  background: url(../images/ico/ico_wp.gif) 0 50% no-repeat;}
#quienes_somos .item .meta a.delicious {padding: 9px 0 8px 23px; background: url(../images/ico/ico_delicious.gif) 0 50% no-repeat;}
#quienes_somos .item .meta a.facebook {padding: 9px 0 8px 23px;  background: url(../images/ico/ico_facebook.gif) 0 50% no-repeat;}
#quienes_somos .item .meta a.twitter {padding: 9px 0 8px 23px;  background: url(../images/ico/ico_twitter.gif) 0 50% no-repeat;}
#quienes_somos .item .meta a.correo {padding: 9px 0 8px 23px;  background: url(../images/ico/ico_email.gif) 0 50% no-repeat;}
/* staff*/
.pastillote .staff li {background:url("../images/css/bg_li_staff.png") repeat left top;color:#FFFFFF;height:auto;margin:0 0 3px;overflow:hidden;padding:5px;font-size: 0.9em;
}
.pastillote .staff li a {color:#FFFFFF;text-decoration:none;
}
.pastillote .staff li:hover {background:url("../images/css/bg_li_staff_h.png") repeat left top;
}
.pastillote .staff li img {float: left;width: 30px;height: 30px;margin-right: 7px;
}
.pastillote .staff li strong {font-weight: bold;}

/* garantias*/
.garantias h3 {font-size: 1.4em;margin-bottom: 15px;color: #4A7FB1;
}
.garantias .garantia {margin-bottom: 15px;
}
.garantias .garantia .num {font-size: 2.1em;font-weight: bold;color:#fff;float: left;padding-left:0;background: url(../images/css/bg_estrella_naranja.png) 0 0 no-repeat;display: block;line-height: 45px;width: 45px;vertical-align: middle;text-align: center;
}
.garantias .garantia .verde {background-image: url(../images/css/bg_estrella_verde.png);
}
.garantias .garantia p {padding-left: 60px;
}
/* Blog */
.entradaBlog {margin-bottom: 35px;position: relative;min-height: 250px;
}
.entradaBlog h3 {border-bottom: 1px solid #ddd;color: #E46A38;font-size: 1.6em;margin-bottom: 5px;padding-bottom: 5px;
}
.entradaBlog h3 a {text-decoration: none;color: #E46A38;
}
.entradaBlog .meta {margin-bottom: 25px;color:#666;font-size: 0.8em;overflow: hidden;height: 1%;
}
.entradaBlog .post{}
.entradaBlog .meta span {color:#849D52;}
.entradaBlog .opciones_post {background:#f7f7f7 url(../images/css/bg_opciones_post.png) left bottom repeat-x;border: 1px solid #ddd;padding: 9px;overflow: hidden;height: 1%;font-size: 0.8em;width: 522px;
}
.entradaBlog .shareThis {width: 45px;border: 1px solid #ededed;border-width: 0 0 1px 1px;padding-left: 10px;float: right;position: relative;}
.entradaBlog .shareThis span.stButton {float: left;width:32px;height: 32px;margin: 0 0 10px 0;
}
.paginacion {overflow: hidden;padding: 35px 0;height: 1%;font-size: 1.3em;
}
.alertaVerde {background: url(../images/css/bg_alertaVerde.png) 0 0 no-repeat;color:#fff;font-size: 1.7em;margin-bottom: 25px;
}
.alertaVerde p {margin: 0; padding: 25px 10px 10px;}
.alerta {background: url(../images/css/bg_alertaRoja.png) 0 0 no-repeat;color:#fff;font-size: 1.5em;padding: 25px 10px 10px;margin-bottom: 25px;
}
.comentario {font-size: 1.2em;margin-bottom: 25px;clear:both;overflow: hidden;height: 1%;
}
.comentario ul {padding-left: 85px;color: #666;
}
.comentario ul li {line-height: 1.6em;margin-bottom: 7px;
}
.comentario .meta {font-size: .9em;color: #333;
}
.comentario .meta strong {font-weight: bold;color:#588CBC;
}
.comentario .avatar {border:1px solid #DDDDDD;float:left;padding:2px;width: 69px;height: 69px;
}
.aviso {font-size: 1.1em;border: 1px solid #E46A38;background: #FFEED5;padding: 10px;margin-bottom: 25px;
}
/*comentar*/
#comentar {font-size: 1.2em;
}
#comentar .escritoPor {margin-bottom: 15px;
}
form#formularioComentarios .labelComentario {clear:both;float:left;font-weight:bold;padding:10px;text-align:right;width:160px;color: #4A7FB1;
}
form#formularioComentarios input {border:1px solid #ddd;float:left;font-size:1em;height:20px;margin:5px 0;padding:2px;width:346px;
}
form#formularioComentarios textarea.post {clear:both;height:150px;margin:10px auto;padding:10px;width:510px;border:  1px solid #ddd;font-family: Arial, "sans-serif";font-size: 1em;
}
form#formularioComentarios input#enviarComentario,
.formulario input.botoncito {-moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;background:#E46A38;border:1px solid #FF6633;color:#FFFFFF;font-weight: bold;cursor:pointer;height:31px;width:160px;text-shadow: 0 1px 1px rgba(71,32,17,.4);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);box-shadow: 0 1px 2px rgba(0,0,0,.5);margin-right: 10px; margin-bottom: 15px;
}
/* conatcto*/
.avisoAzul {background: #E3EBF3;border: 1px solid #D5E2ED;color: #000;font-size: 1.2em;margin-bottom: 25px;padding: 14px 14px 4px;
}
.avisoAzul p {margin-bottom: 10px;}
/* formulario*/
.formulario {font-size: 1.2em;margin-bottom: 25px;
}
.formulario p, .formulario ul {margin-bottom: 15px;
}
.formulario p a {font-size: 20px; text-decoration: none
}
.formulario p.error input {
   border: 1px solid red;
}
.formulario p.error span {
   display: block;
   color: red;
   font-size: 0.6em;
}
.formulario label {display: block;font-weight: bold;color:#4A7FB1;margin-bottom: 5px;
}
.formulario ul li {margin-top: 5px;
}
.formulario .texto {border:  1px solid #ddd;width: 300px;padding: 4px;color: #666;
}
.formulario textarea.texto {width: 500px;height: 150px;font-size: 1em;font-family: Arial;
}
.formulario .size2, .formulario textarea.size2 {width: 565px;
}
.formulario textarea.size2 {height:auto;}
.formulario label.bigger {font-size: 1.2em;margin-bottom: 7px;
}
.formulario .bigger {font-size: 1.2em;margin-bottom: 20px;width: 495px;
}
.formulario .cajaFlotador  {margin-bottom: 10px;	display: block;width:300px;
}
.formulario .cajaFlotador label {float: left;padding-top:5px;margin-right:10px;
}
.formulario .cajaFlotador ul {float:right;display:block;width:200px;
}
.formulario .cajaFlotador ul li a {text-decoration: none; color:#666;}
.formulario fieldset {border: 1px solid #ddd;padding: 10px 20px 0;margin-bottom: 25px;
}
.formulario fieldset legend {background: none;padding: 0 10px;color:#4A7FB1;font-weight: bold;
}
.formulario fieldset .apaisado {width: 48%;
}
.formulario fieldset .apaisado input.texto {width: 265px;
}
.formulario input.bt_skype {-moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;background:#4A7FB1;border:1px solid #6DA1D1;color:#FFFFFF;font-weight: bold;cursor:pointer;padding: 2px 10px;font-size: .85em;text-shadow: 0 1px 1px rgba(71,32,17,.4);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);box-shadow: 0 1px 2px rgba(0,0,0,.5);margin-left: 10px;
}
.formulario fieldset input.boton_dos {-moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;background:#E46A38;border:1px solid #FF6633;color:#FFFFFF;font-weight: bold;cursor:pointer;padding: 2px 10px;font-size: .85em;text-shadow: 0 1px 1px rgba(71,32,17,.4);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);box-shadow: 0 1px 2px rgba(0,0,0,.5);margin-left: 10px;
}

.v-b {vertical-align: bottom;}

.form_interno #pestanas, .form_interno #pestanas ul {margin-bottom:0;
}
.form_interno #pestanas ul li {font-size:1.2em;line-height:31px;margin-bottom:0;
}
.form_interno  .formulario fieldset {border-width: 0 1px 1px;padding-top: 25px;
}
.form_interno  .formulario label {font-size: .85em;float:left;padding-top:2px;width: 80px;
}
.grid4 .form_interno  .formulario label {width:70px; font-size: .85em;}
.form_interno .formulario .texto {width:305px;}
.form_interno .formulario select.texto {width:313px;}
.grid4 .form_interno .formulario .texto {width:185px;}
.grid4 .form_interno .formulario select.texto {width:193px;}

.xskype {margin-bottom: 15px; font-size: 12px; color:#4A80B1;}
.xskype img {margin-right: 5px;}
.grid8 .xskype {font-size: 1.2em; margin-bottom: 20px;}
/*rss2mail box*/
#rsstomail, .cajaLinksSociales {display: none;position: absolute;z-index: 100;top: 154px;left:685px;background: url(../images/css/bg_rss2mail.png) 0 0 no-repeat;width: 265px;height: 61px;padding: 15px 15px;
}
.cajaLinksSociales {font-size: 1.2em;top:190px;padding-top:20px;
}
#rsstomail label {display: none;
}
#rsstomail .texto {padding: 2px;background: url(../images/css/bg_input.png) 0 0 repeat-x;border: 1px solid #44494F;width: 180px;
}
.popupssociales a.cierrame {display:block;background:#E36937;color:#fff;position: absolute;top: 1px;left: 254px;padding: 0 3px 0 5px;font-size: 10px;cursor: pointer;
}
#rsstomail p, .cajaLinksSociales p {margin: 0 0 10px 0;
}
#rsstomail h3 {margin: 0 0 10px 0;font-weight: bold;font-size: 1.2em;color:#000;
}
#rsstomail .boton {width: 55px;text-align: center;color:#fff;background:#E46A38;border: 1px solid #44494F;cursor: pointer;
}
.versionActual {background:none repeat scroll 0 0 #FAFAFA;border:3px solid #EFEFEF;margin:20px 0;padding:10px 20px 20px;
}
/* casos de exito -------------- */
.post .caso h4 {border-bottom: 1px solid #E46A38;margin-bottom: 20px;padding-bottom: 3px;
}
.post .caso h4 a {text-decoration: none;color:#E46A38;
}
.post .caso {margin-bottom: 20px;
}
.post .caso .imagen {border: 1px solid #ccc;padding: 1px;float: left;margin: 0 15px 0 0;
}
.post .caso ul {list-style: none;
}
.post .caso ul li {background: none;padding: 0;line-height: 1.75em;
}
.breadcrumb {margin: 0 !important; padding: 15px 0 !important; color:#666666; font-size: 11px !important;}









/* @santiagoj styles - Nuevos header, footer, form */
/* Grid */
.container {
  width: 100%;
  position: relative;
  overflow: hidden; }
  .container.white {
    background-color: #fff; }
  .container.blue {
    background-color: #2880C1;
    color: #fff; }

.content {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  position: relative; }

.col-50 {
  width: 50%;
  float: left; }

.col-33 {
  width: 33.333333%;
  float: left; }

.header {
  height: 100px;
  width: 100%;
  background-color: #FFF; }
  .header .content-brand .brand {
    display: block;
    height: 100px;
    width: 230px;
    float: left;
    background-image: url("img/logo-ecliente.svg");
    background-repeat: no-repeat;
    background-position: 10px 9px;
    background-size: 215px; }
  .header .user-zone {
    float: right;
    clear: right;
    height: 45px;
    padding: 5px 0 0 0; }
    .header .user-zone input[type=text], .header .user-zone input[type=email], .header .user-zone input[type=password] {
      padding: 4px; }
    .header .user-zone input[type=submit] {
      background-color: #2880C1;
      border: 0;
      text-transform: uppercase;
      color: #fff;
      padding: 4px 7px;
      cursor: pointer;}
    .header .user-zone input[type=submit]:hover {
        opacity: 0.8; }
    .header .user-zone a {
        float: right; 
        font-size: 11px;
        margin-right: 70px;
   }

  .header nav {
    float: right;
    clear: right;
    height: 60px; }
    .header nav ul li {
      float: left;
      text-transform: uppercase;
      font-size: 16px; }
      .header nav ul li a {
        text-decoration: none;
        padding: 20px 15px;
        display: block;
        color: #555; }
      .header nav ul li.current a {
        color: #2880C1; }

.breadcrumbs p {
  font-size: 11px;
  margin: 15px 0;
  color: #666; }

.list-cases {
  padding: 20px 0 0; }
  .list-cases .center-cols {
    text-align: center; }
    .list-cases .center-cols .col-33 {
      text-align: center;
      margin: 30px 0 0 0;
      width: 30%;
      float: none;
      display: inline-table; }
      .list-cases .center-cols .col-33 > a {
        display: block;
        text-align: center;
        text-decoration: none;
        margin: 0 0 30px; }
        .list-cases .center-cols .col-33 > a img {
          display: block;
          border: 1px solid #c3c3c3;
          margin: 0 auto 5px;
          width: 100%;
          max-width: 265px; }
        .list-cases .center-cols .col-33 > a h2 {
          font-size: 20px;
          padding: 0 20px; }
      .list-cases .center-cols .col-33:nth-child(3n+1) {
        clear: left; }
  .list-cases h3.more-cases {
    text-align: center;
    font-size: 22px;
    color: #2880C1;
    margin-bottom: 75px;
    margin-top: 40px; }

.presvideo {
  text-align: center;
  width: 100% !important;
  padding: 0 !important; }
  .presvideo iframe {
    width: 100%;
    height: 534px; }
  .presvideo .actions {
    width: 100%;
    height: 534px;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0.75);
    background-image: url("img/icon-play-white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 87px; }
    .presvideo .actions h2 {
      color: #fff;
      position: absolute;
      bottom: 21%;
      text-align: center;
      width: 100%;
      font-size: 42px; }
      .presvideo .actions h2 > span {
        display: block;
        position: relative;
        max-width: 900px;
        margin: 0 auto;
        text-shadow: 2px 2px 4px #000; }
  .presvideo .button {
    position: absolute;
    bottom: 8%;
    text-align: center;
    width: 100%; }
    .presvideo .button a {
      display: inline-block;
      padding: 13px 50px;
      background-color: #fff;
      text-decoration: none;
      color: #2880C1;
      text-transform: uppercase;
      font-size: 17px;
      font-weight: 600; }

.info-txt {
padding: 70px 0; }
  .info-txt h2 {
    font-size: 24px;
    color: #2880C1; }
  .info-txt .center-cols {
    text-align: center; }
    .info-txt .center-cols .col-33 {
      text-align: center;
      margin: 45px 0 0 0;
      width: 30%;
      float: none;
      display: inline-table; }
      .info-txt .center-cols .col-33 h2 {
        font-size: 24px;
        color: #2880C1; }
      .info-txt .center-cols .col-33 h3 {
        padding: 0 20px;
        font-size: 22px;
        color: #2880C1; }
      .info-txt .center-cols .col-33 p {
        margin: 5px 0 0;
        padding: 0 20px; }
      .info-txt .center-cols .col-33 .icon {
        width: 125px;
        height: 125px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        background-color: #2880C1;
        border-radius: 100%;
        margin: 0 auto 15px; }

.contact-block {
  padding: 70px 0; }
  .contact-block h2 {
    color: #fff;
    text-align: center;
    margin: 0 0 40px 0;
    font-size: 37px; }
  .contact-block .form > input[type=text], .contact-block .form > input[type=email] {
    width: 100%;
    max-width: 368px;
    padding: 10px;
    float: right;
    clear: left;
    display: block;
    margin: 0 20px 15px 0;
    border: 0; }
  .contact-block .form > textarea {
    width: 100%;
    max-width: 368px;
    padding: 10px;
    float: right;
    clear: right;
    margin: 0 20px 15px 0;
    resize: vertical;
    border: 0; }
  .contact-block .form > input[type=submit] {
    clear: right;
    float: right;
    margin: 0 20px 0 0;
    display: inline-block;
    padding: 13px 50px;
    background-color: #fff;
    text-decoration: none;
    color: #2880C1;
    text-transform: uppercase;
    font-size: 17px;
    border: 0;
    cursor: pointer; }
  .contact-block .tels .skype, .contact-block .tels .phone {
    clear: left;
    font-size: 27px;
    padding: 10px 0 10px 40px;
    overflow: hidden; }
    .contact-block .tels .skype span, .contact-block .tels .phone span {
      display: block;
      background-color: #fff;
      border-radius: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 40px;
      height: 60px;
      width: 60px;
      float: left; }
    .contact-block .tels .skype p, .contact-block .tels .phone p {
      display: block;
      float: left;
      margin: 10px 0 0 10px; }
    .contact-block .tels .skype a, .contact-block .tels .phone a {
      color: #fff; }
  .contact-block .tels .skype {
    margin: 20px 0 0; }
    .contact-block .tels .skype span {
      background-image: url("img/icon-skype-blue.svg"); }
  .contact-block .tels .phone span {
    background-image: url("img/icon-phone-blue.svg"); }
/*  .contact-block .tels .phone a {
    text-decoration: none; }*/

.subfooter {
  background-color: #1D5E8E;
  padding: 50px 0;
  overflow: hidden;
  width: 100%;
  clear: left; }
  .subfooter p.left, .subfooter p.right {
    font-size: 12px;
    color: #fff;
    margin: 0; }
    .subfooter p.left a, .subfooter p.right a {
      color: #fff;
      text-decoration: underline; }
  .subfooter p.left {
    float: left; }
  .subfooter p.right {
    float: right; }

@media only screen and (max-width: 950px) {
   #wrapBg {
      width:100%;
      overflow: hidden;
   }
   #footer {width:99%}
   #footer .wrap {width: 90%;}
  .container {
    padding-left: 15px;
    padding-right: 15px;
    width: auto; }
  .header nav ul li {
    font-size: 13px; }
  .presvideo iframe {
    height: 534px; }
  .presvideo .actions {
    height: 534px; } }

@media only screen and (max-width: 768px) {
   #wrapper {
      width:100% !important;
      overflow: hidden;
      
   }
  .grid4,
   .grid8,
  .grid6,
  .grid5-5 {
      float:none;
      width:auto;
      max-width:100%;
      padding:0 20px 20px;
      
   }
   
   .grid6 .productos {
      display:grid;
      grid-template-columns: 50% 50%;
      grid-column-gap: 35px;
   }

   .grid6 .productos div {
      width:100%;
   }

   .grid6 .productos div h4 {
      display:inline;
   }
   
   .grid6 .productos div img {
      float: right;
   }
   
   
   #linkSociales {display:none;}
   
   #footer div {padding: 0 20px;}
   
  .col-50 {
    width: 100%;
    clear: left; }
  .col-33 {
    width: 100%;
    clear: left; }
  .header {
    height: auto; }
    .header .content-brand {
      position: relative;
      display: block;
      width: 100%;
      overflow: hidden; }
      .header .content-brand .brand {
        width: 100%;
        background-position: center;
        height: 68px;
        background-position-y: 2px;
        background-size: 174px; }
      .header .content-brand .burger {
        width: 40px;
        height: 40px;
        background-image: url("img/icon-menu-555.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 25px;
        position: absolute;
        top: 12px;
        left: 0;
        cursor: pointer; }
      .header .content-brand .user-disp {
        width: 40px;
        height: 40px;
        background-image: url("img/icon-user-555.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 25px;
        position: absolute;
        top: 12px;
        right: 0;
        cursor: pointer; }
    .header .user-zone {
      display: none;
      width: 100%;
      background-color: #22BBD8;
      text-align: center;
      height: auto;
      overflow: hidden;
      padding: 15px 0; }
      .header .user-zone input[type=text], .header .user-zone input[type=password] {
        width: 95px;
        padding: 4px 6px;
        font-size: 13px;
        border: 1px solid #fff; }
      .header .user-zone input[type=submit] {
        width: 60px;
        padding: 4px 6px;
        font-size: 13px; }
      .header .user-zone a {
         float: none;
         margin-right: 0px;
         padding: 0px 60px 0px 120px;
      }
    .header nav {
      display: none;
      width: 100%;
      height: auto;
      z-index: 500;
      float: none;
      position: absolute;
      background: #fff;
      clear: left;
      box-shadow: 0px 10px 10px #000; }
      .header nav ul li {
        float: none;
        text-align: center;
        border-top: 1px solid #c5c5c5; }
        .header nav ul li a {
          padding: 15px; }
        .header nav ul li:last-child {
          border-bottom: 1px solid #c5c5c5; }
  .breadcrumbs {
    display: none; }
  .presvideo iframe {
    height: 432px; }
  .presvideo .actions {
    height: 432px;
    background-size: 77px; }
    .presvideo .actions h2 {
      font-size: 25px;
      bottom: 26%; }
  .presvideo .button a {
    padding: 10px 43px; }
  .info-txt .center-cols .col-33 {
    width: 100%; }
  .contact-block .form > input[type=text], .contact-block .form > input[type=email] {
    width: 95%;
    padding: 15px 2.5%;
    float: none;
    margin: 0 auto 15px; }
  .contact-block .form > textarea {
    width: 95%;
    padding: 15px 2.5%;
    float: none;
    margin: 0 auto 15px;
    display: block; }
  .contact-block .form > input[type=submit] {
    float: none;
    margin: 0 auto;
    display: block; }
  .contact-block .tels {
    margin: 50px 0 0; }
    .contact-block .tels .skype, .contact-block .tels .phone {
      padding: 0;
      margin: 0 auto 20px; }
    .contact-block .tels .skype {
      width: 180px; }
    .contact-block .tels .phone {
      width: 240px; }
  .contact-block .tels .phone a {
    text-decoration: underline; }
  .list-cases .center-cols .col-33 {
    width: 100%;
    float: none;
    clear: left; }
  .subfooter p.left, .subfooter p.right {
    text-align: center;
    float: none;
    margin: 10px 0; }

   .


}

@media only screen and (max-width: 640px) {
  .presvideo iframe {
    height: 360px; }
  .presvideo .actions {
    height: 360px; } }

@media only screen and (max-width: 480px) {
   .productos {
      display:initial !important;
   }
   
   .producto img  {
      float:none !important; }
   .producto h4,
   .producto .desc
   {display:block !important; width:100% !important;}
   
   
  .presvideo iframe {
    height: 270px; }
  .presvideo .actions {
    height: 270px; } }

@media only screen and (max-width: 360px) {
  .presvideo iframe {
    height: 203px; }
  .presvideo .actions {
    height: 203px; }
    .presvideo .actions h2 {
      bottom: 35%; } }

@media only screen and (max-width: 320px) {
  .presvideo iframe {
    height: 180px; }
  .presvideo .actions {
    height: 180px; } }

.display-none {
  display: none !important; }

#footer {
  font-size: 12px;
  color: #fff;
  background-color: #1D5E8E; }

.contact-page {
  padding: 70px 0; }

.contact-page h2 {
  color: #2880C1;
  text-align: center;
  margin: 0 0 40px 0;
  font-size: 37px; }

.contact-page .form > input[type=text], .contact-page .form > input[type=email] {
  width: 100%;
  max-width: 368px;
  border: 1px solid #2880C1 !important;
  padding: 10px;
  float: right;
  clear: left;
  display: block;
  margin: 0 20px 15px 0;
  border: 0; }

.contact-page .form > textarea {
  width: 100%;
  max-width: 368px;
  border: 1px solid #2880C1 !important;
  padding: 10px;
  float: right;
  clear: right;
  margin: 0 20px 15px 0;
  resize: vertical;
  border: 0; }

.contact-page .form > input[type=submit] {
  clear: right;
  float: right;
  margin: 0 20px 0 0;
  display: inline-block;
  padding: 13px 50px;
  background-color: #2880C1;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 17px;
  border: 0;
  cursor: pointer; }

.contact-page .tels .skype, .contact-page .tels .phone {
  clear: left;
  font-size: 27px;
  padding: 10px 0 10px 40px;
  overflow: hidden; }

.contact-page .tels .skype span, .contact-page .tels .phone span {
  display: block;
  color: #2880C1;
  background-color: #fff;
  border-radius: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px;
  height: 60px;
  width: 60px;
  float: left; }

.contact-page .tels .skype p, .contact-page .tels .phone p {
  display: block;
  color: #2880C1;
  float: left;
  margin: 10px 0 0 10px; }

.contact-page .tels .skype {
  margin: 20px 0 0; }

.contact-page .tels .skype span {
  background-image: url("img/icon-skype-blue.svg"); }

.contact-page .tels .phone span {
  background-image: url("img/icon-phone-blue.svg"); }

/*.contact-block .tels .phone a {
  text-decoration: none; }*/

.stepcarousel a { color: #FFF; }