@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 2560px) and (min-width: 1919px){
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:240px;}
#bienvenidos {top:-280px;}
.bienvenidos {top:40px;}
#campanasdigitales {top:-0px;}
.campanasdigitales {top:300px;}
#productos {top:20px;}
.productos {top:300px;}
#elcontacto {top:-0px;}
.elcontacto {top:300px;}
#footer {top:240px;}
.footer {top:240px;}

body {font-size:100%;} 
.slogan h1{font-size:140%!important;}
#contenviar {width:90%!important;}

/* Menu */
nav.logo {width:20%;} nav .logo img {width:auto;} .menu {font-size:140%!important; margin-top:5%; width:50%;} .menuint {line-height:59px;} header nav {min-height:200px;} 
	
}

@media only screen and (max-width: 1920px) and (min-width: 1679px){
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:240px;}
#bienvenidos {top:-280px;}
.bienvenidos {top:40px;}
#campanasdigitales {top:-0px;}
.campanasdigitales {top:300px;}
#productos {top:40px;}
.productos {top:300px;}
#elcontacto {top:-0px;}
.elcontacto {top:300px;}
#footer {top:220px;}
.footer {top:220px;}

body {font-size:100%;} 
.slogan h1{font-size:120%!important;}

/* Menu */
nav.logo {width:20%;} nav .logo img {width:auto;} header nav {min-height:200px;} .menu {margin-top:5%; font-size:120%!important; width:50%;} .menuint {line-height:59px;}
	
/*Contacto*/
#area1 {width:94%}
#contenviar {width:92%!important;} #enviar {width:94%; font-size:80%!important;} 
}

@media only screen and (max-width: 1680px) and (min-width: 1439px){
 
body {font-size:95%;} 

/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:240px;}
#bienvenidos {top:-280px;}
.bienvenidos {top:40px;}
#campanasdigitales {top:-0px;}
.campanasdigitales {top:300px;}
#productos {top:-0px;}
.productos {top:300px;}
#elcontacto {top:40px;}
.elcontacto {top:300px;}
#footer {top:220px;}
.footer {top:220px;}

/* Menu */
nav .logo {margin-top:2.5%; width:18%;} nav .logo img {width:100%;} header nav {min-height:200px;} .menu {margin-top:5%; font-size:120%!important; width:55%;} .menuint {line-height:59px;}

/*Servicios*/
.campanasdigitales .bloque-imagenes .item .bloque-interior { height: 437px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p {padding-right: 35px;}
	
/*Contacto*/
#area1 {width:92%!important;}
#contenviar {width:92%!important;} #enviar {width:94%; font-size:80%!important;}  .campolist { margin: 10px 4px; min-width: 112px; }
}

@media only screen and (max-width: 1440px) and (min-width: 1359px){
 
body {font-size:95%;} .container {width:80%;} header .container {width:85%; min-height:180px;} .slogan {padding-top:2%;} #slider .container {width:85%;} 

/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:210px;}
#bienvenidos {top:-240px;}
.bienvenidos {top:40px;}
#campanasdigitales {top:-0px;}
.campanasdigitales {top:200px;}
#productos {top:-0px;}
.productos {top:200px;}
#elcontacto {top:40px;}
.elcontacto {top:280px;}
#footer {top:220px;}
.footer {top:220px;}

/* Menu */
nav .logo {margin-top:2.5%; width:18%;} nav .logo img {width:90%;} header nav {min-height:180px;} .menu {margin-top:5%; font-size:120%!important; width:55%;} .menuint {line-height:59px;}
	
/*Contacto*/
#area1 {width:94%;}
#contenviar {width:92%!important;} #enviar {width:94%; font-size:80%!important;} .campolist { min-width: 100px; margin: 10px 2px; }

/*Footer*/
#lower-foot .container {width:80%;}
}

@media only screen and (max-width: 1360px) and (min-width: 1279px){
 
body {font-size:95%;} .container {width:80%;} header .container {width:85%; min-height:180px;} .slogan {padding-top:2%; margin-left:1%;} #slider .container {width:85%;} 

/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:210px;}
#bienvenidos {top:-240px;}
.bienvenidos {top:40px;}
#campanasdigitales {top:-0px;}
.campanasdigitales {top:200px;}
#productos {top:-0px;}
.productos {top:200px;}
#elcontacto {top:40px;}
.elcontacto {top:240px;}
#footer {top:160px;}
.footer {top:160px;}

/* Menu */
nav .logo {margin-top:2.5%; width:18%;} nav .logo img {width:90%;} header nav {min-height:180px;} .menu {margin-top:5%; font-size:100%!important; width:55%;} .menuint {line-height:59px;}
	
/*Contacto*/
#area1 {width:92%!important;}
#contenviar {width:92%!important;} #enviar {width:94%; font-size:80%!important;} #lower-foot .container .firma {right:55px;} .campolist { margin: 10px 0px; }

/*Footer*/
#lower-foot .container {width:80%;}
}
@media only screen and (max-width: 1280px) and (min-width: 1023px){

body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:180px;} .slogan {padding-top:2%; margin-left:1%;} #slider .container {width:90%;} 

/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:210px;}
#bienvenidos {top:-240px;}
.bienvenidos {top:40px;}
#campanasdigitales {top:-0px;}
.campanasdigitales {top:200px;}
#productos {top:-0px;}
.productos {top:200px;}
#elcontacto {top:40px;}
.elcontacto {top:240px;}
#footer {top:160px;}
.footer {top:160px;}

/* Menu */
nav .logo {margin-top:2.5%; width:18%;} nav .logo img {width:90%;} header nav {min-height:180px;} .menu {margin-top:5%; font-size:100%!important; width:55%;} .menuint {line-height:59px;}

/*Contacto*/
#area1 {width:92%!important;} footer #upper-foot .texto-pie {margin-top:20px;} .logo-pie {width:23%;}
#contenviar {width:92%!important;} #enviar {width:94%; font-size:80%!important;} .campolist { margin: 10px 1px; min-width: 91px; }

/*Footer*/
#lower-foot .container {width:85%;}
}

@media only screen and (max-width: 1024px) and (min-width: 991px){
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:210px;}
#bienvenidos {top:-240px;}
.bienvenidos {top:40px;}
#campanasdigitales {top:-0px;}
.campanasdigitales {top:200px;}
#productos {top:-0px;}
.productos {top:200px;}
#elcontacto {top:40px;}
.elcontacto {top:240px;}
#footer {top:160px;}
.footer {top:160px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:180px;} .slogan {padding-top:2%; margin-left:1%;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header nav {min-height:100px;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 
	
/*Contacto*/
#area1 {width:100%!important;} 
footer #upper-foot .texto-pie {margin-top:20px;}
.logo-pie {width:23%;}
#contenviar {width:100%!important;} 
#enviar {width:94%; font-size:80%!important;}  
.left-contact .col1 {width:100%; text-align:center;} 
.left-contact .col11 {width:100%;} 
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.input-group .form-control {width:104%!important;} 
#lower-foot .container .firma {right:79px;}
.campocont { width:90%; }
.campolist { margin: 10px 5px; min-width: 120px; }

/* Menu */
.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:23%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Footer*/
#lower-foot .container {width:85%;}
}
@media only screen and (max-width: 992px) and (min-width: 799px){
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:200px;}
#bienvenidos {top:-240px;}
.bienvenidos {top:40px;}
#campanasdigitales {top:-0px;}
.campanasdigitales {top:250px;}
#productos {top:-0px;}
.productos {top:200px;}
#elcontacto {top:40px;}
.elcontacto {top:240px;}
#footer {top:160px;}
.footer {top:160px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:180px;} .slogan {padding-top:2%; margin-left:1%;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header nav {min-height:100px;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 

	
/*Contacto*/
#area1 {width:99%!important;} 
footer #upper-foot .texto-pie {margin-top:20px;} 
footer #upper-foot .texto-pie p {text-align:center!important;} 
.logo-pie {width:40%!important; margin:0 auto; float:none;}
#contenviar {width:99%!important;} 
#enviar {width:35%!important; font-size:80%!important;}
.left-contact .col1 {width:100%; text-align:center;}
.left-contact .col11 {width:100%;} 
.input-group .form-control {width:99%!important;}
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.seguinos {width:50%;  margin:10px auto!important; float:none!important;} 
.fallow {width:50%!important; margin:0 auto!important; float:none!important;} 
.contact .col11 img {width:30%;} 
#lower-foot .col6 {width:40%!important;} 
#lower-foot .container .firma {width:40%!important; right:0; text-align:right} 
.campolist { min-width: 210px; }

/* Menu */
.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; /*width: 90%;*/width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; /*width:50%;*/ width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:23%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Columnas*/
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.col5{width:100%}
.col6{width:100%}
.col7{width:100%;}
.col8{width:100%}
.col9{width:100%}
.col10{width:100%}
.col11{width:100%}
.col12{width:100%}
.letras, .head {width:50%;}
.ca-icon {height:682px;}

/*Servicios*/
.campanasdigitales h4, .campanasdigitales h5.nocursor {margin-top:40px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior { padding-right: 30px; height: 283px; }
.mantenimiento, .experiencia {width:50%;}
.lemap {padding-left:0;} .tecontacto {padding-right:0;} #contenedor {padding-right:0; padding-left:0} .campocont {width:100%!important;}

/*Scroll*/
.scroll-to-top {display:none;}

/*Footer*/
#lower-foot .container {width:85%;}
}
@media only screen and (max-width: 800px) and (min-width: 699px){ 
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:200px;}
#bienvenidos {top:-140px;}
.bienvenidos {top:0px;}
#campanasdigitales {top:60px;}
.campanasdigitales {top:240px;}
#productos {top:-0px;}
.productos {top:200px;}
#elcontacto {top:40px;}
.elcontacto {top:240px;}
#footer {top:160px;}
.footer {top:160px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:140px;} .slogan {padding-top:2%; margin-left:1%; width:30%;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header, header nav {min-height:50px!important;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 
	
/*Contacto*/
#area1 {width:99%!important;} 
footer #upper-foot .texto-pie {margin-top:20px;} 
footer #upper-foot .texto-pie p {text-align:center!important;} 
.logo-pie {width:40%!important; margin:0 auto; float:none;}
#contenviar {width:99%!important;} 
#enviar {width:35%!important; font-size:80%!important;}
.left-contact .col1 {width:100%; text-align:center;}
.left-contact .col11 {width:100%;} 
.input-group {width:99.6%!important;}
.input-group .form-control {width:99%!important;}
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.seguinos {width:50%;  margin:10px auto!important; float:none!important;} 
.fallow {width:50%!important; margin:0 auto!important; float:none!important;} 
.contact .col11 img {width:30%;} 
#lower-foot .col6 {width:40%!important;} 
#lower-foot .container .firma {width:40%!important; right:0; text-align:right} 
.campolist { min-width: 210px; }

/* Menu */
.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; /*width: 90%;*/width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; /*width:50%;*/ width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:23%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Columnas*/
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.col5{width:100%}
.col6{width:100%}
.col7{width:100%;}
.col8{width:100%}
.col9{width:100%}
.col10{width:100%}
.col11{width:100%}
.col12{width:100%}
.letras, .head {width:50%;}
.ca-icon {height:582px;}

/*Servicios*/
.campanasdigitales .bloque-imagenes {padding: 15px 0px; margin: 0;}
.campanasdigitales .bloque-imagenes.border { border-top: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item { border-right: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item img { padding: 0 20px 0 0; width:100%;}
.campanasdigitales .bloque-imagenes .item .bloque-interior {margin-top: 20px; height: 204px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior { border-top: none; border-bottom: none;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior img { padding: 0px; width:auto;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p { padding-right: 15px;}
.campanasdigitales h4, .campanasdigitales h5.nocursor {margin-top:40px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior { padding-right: 30px; height: 283px; }
.mantenimiento, .experiencia {width:50%;}
.lemap {padding-left:0;} .tecontacto {padding-right:0;} #contenedor {padding-right:0; padding-left:0} .campocont {width:100%!important;}

/*Scroll*/
.scroll-to-top {display:none;}

/*Footer*/
#lower-foot .container {width:85%;}
}
@media only screen and (max-width: 732px){
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:150px;}
#bienvenidos {top:-140px;}
.bienvenidos {top:0px;}
#campanasdigitales {top:60px;}
.campanasdigitales {top:240px;}
#productos {top:-0px;}
.productos {top:200px;}
#elcontacto {top:40px;}
.elcontacto {top:240px;}
#footer {top:160px;}
.footer {top:160px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:120px;} .slogan {padding-top:2%; margin-left:1%; width:50%;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header, header nav {min-height:50px!important;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 
	
/*Contacto*/
#area1 {width:99%!important;} 
footer #upper-foot .texto-pie {margin-top:20px;} 
footer #upper-foot .texto-pie p {text-align:center!important;} 
.logo-pie {width:40%!important; margin:0 auto; float:none;}
#contenviar {width:99%!important;} 
#enviar {width:35%!important; font-size:80%!important;}
.left-contact .col1 {width:100%; text-align:center;}
.left-contact .col11 {width:100%;} 
.input-group {width:99.6%!important;}
.input-group .form-control {width:99%!important;}
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.seguinos {width:50%;  margin:10px auto!important; float:none!important;} 
.fallow {width:50%!important; margin:0 auto!important; float:none!important;} 
.contact .col11 img {width:30%;} 
#lower-foot .col6 {width:40%!important;} 
#lower-foot .container .firma {width:40%!important; right:0; text-align:right} 
.campolist { min-width: 210px; }

/* Menu */
.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; /*width: 90%;*/width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; /*width:50%;*/ width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:23%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Columnas*/
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.col5{width:100%}
.col6{width:100%}
.col7{width:100%;}
.col8{width:100%}
.col9{width:100%}
.col10{width:100%}
.col11{width:100%}
.col12{width:100%}
.letras, .head {width:50%;}
.ca-icon {height:500px;}

/*Servicios*/
.campanasdigitales .bloque-imagenes {padding: 15px 0px; margin: 0;}
.campanasdigitales .bloque-imagenes.border { border-top: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item { border-right: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item img { padding: 0 20px 0 0; width:100%;}
.campanasdigitales .bloque-imagenes .item .bloque-interior {margin-top: 20px; height: 204px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior { border-top: none; border-bottom: none;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior img { padding: 0px; width:auto;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p { padding-right: 15px;}
.campanasdigitales h4, .campanasdigitales h5.nocursor {margin-top:40px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior { padding-right: 30px; height: 283px; }
.mantenimiento, .experiencia {width:50%;}
.lemap {padding-left:0;} .tecontacto {padding-right:0;} #contenedor {padding-right:0; padding-left:0} .campocont {width:100%!important;}

/*Scroll*/
.scroll-to-top {display:none;}

/*Footer*/
#lower-foot .container {width:85%;}
}

@media only screen and (max-width: 700px) and (min-width: 499px){
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:150px;}
#bienvenidos {top:-140px;}
.bienvenidos {top:0px;}
#campanasdigitales {top:60px;}
.campanasdigitales {top:240px;}
#productos {top:-0px;}
.productos {top:200px;}
#elcontacto {top:40px;}
.elcontacto {top:240px;}
#footer {top:160px;}
.footer {top:160px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:120px;} .slogan {padding-top:2%; margin-left:1%; width:50%;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header, header nav {min-height:50px!important;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 
	
/*Contacto*/
#area1 {width:99%!important;} 
footer #upper-foot .texto-pie {margin-top:20px;} 
footer #upper-foot .texto-pie p {text-align:center!important;} 
.logo-pie {width:40%!important; margin:0 auto; float:none;}
#contenviar {width:99%!important;} 
#enviar {width:35%!important; font-size:80%!important;}
.left-contact .col1 {width:100%; text-align:center;}
.left-contact .col11 {width:100%;} 
.input-group {width:99.6%!important;}
.input-group .form-control {width:99%!important;}
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.seguinos {width:50%;  margin:10px auto!important; float:none!important;} 
.fallow {width:50%!important; margin:0 auto!important; float:none!important;} 
.contact .col11 img {width:30%;} 
#lower-foot .col6 {width:40%!important;} 
#lower-foot .container .firma {width:40%!important; right:0; text-align:right} 
.campolist { min-width: 210px; }

/* Menu */
.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; /*width: 90%;*/width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; /*width:50%;*/ width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:23%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Columnas*/
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.col5{width:100%}
.col6{width:100%}
.col7{width:100%;}
.col8{width:100%}
.col9{width:100%}
.col10{width:100%}
.col11{width:100%}
.col12{width:100%}
.letras, .head {width:50%;}
.ca-icon {height:500px;}

/*Servicios*/
.campanasdigitales .bloque-imagenes {padding: 15px 0px; margin: 0;}
.campanasdigitales .bloque-imagenes.border { border-top: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item { border-right: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item img { padding: 0 20px 0 0; width:100%;}
.campanasdigitales .bloque-imagenes .item .bloque-interior {margin-top: 20px; height: 204px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior { border-top: none; border-bottom: none;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior img { padding: 0px; width:auto;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p { padding-right: 15px;}
.campanasdigitales h4, .campanasdigitales h5.nocursor {margin-top:40px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior { padding-right: 30px; height: 283px; }
.mantenimiento, .experiencia {width:50%;}
.lemap {padding-left:0;} .tecontacto {padding-right:0;} #contenedor {padding-right:0; padding-left:0} .campocont {width:100%!important;}

/*Scroll*/
.scroll-to-top {display:none;}

/*Footer*/
#lower-foot .container {width:85%;}
}
@media all and (min-width: 667px) and (max-height: 375px) {
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:150px;}
#bienvenidos {top:-140px;}
.bienvenidos {top:0px;}
#campanasdigitales {top:60px;}
.campanasdigitales {top:140px;}
#productos {top:-0px;}
.productos {top:100px;}
#elcontacto {top:40px;}
.elcontacto {top:140px;}
#footer {top:60px;}
.footer {top:60px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:120px;} .slogan {padding-top:3%; margin-left:1%; width:70%;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header, header nav {min-height:50px!important;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 
	
/*Contacto*/
#area1 {width:99%!important;} 
#lower-foot p {text-align:center!important;}
footer #upper-foot .texto-pie {margin-top:20px;} 
footer #upper-foot .texto-pie p {text-align:center!important;} 
.logo-pie {width:40%!important; margin:0 auto; float:none;}
#contenviar {width:99%!important;} 
#enviar {width:55%!important; font-size:80%!important;}
.left-contact .col1 {width:100%; text-align:center;}
.left-contact .col11 {width:100%;} 
.input-group {width:99.6%!important;}
.input-group .form-control {width:99%!important;}
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.seguinos {width:50%;  margin:10px auto!important; float:none!important;} 
.fallow {width:50%!important; margin:0 auto!important; float:none!important;} 
.contact .col11 img {width:30%;} 
#lower-foot .col6 {width:100%!important;} 
#lower-foot .container .firma {width:100%!important; right:0; text-align:center;} 
.campolist { min-width: 210px; }

/* Menu */
.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; /*width: 90%;*/width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; /*width:50%;*/ width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:23%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Columnas*/
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.col5{width:100%}
.col6{width:100%}
.col7{width:100%;}
.col8{width:100%}
.col9{width:100%}
.col10{width:100%}
.col11{width:100%}
.col12{width:100%}
.letras, .head {width:100%;}
.ca-icon {height:460px;}

/*Servicios*/
.campanasdigitales .bloque-imagenes {padding: 15px 0px; margin: 0;}
.campanasdigitales .bloque-imagenes.border { border-top: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item { border-right: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item img { padding: 0 20px 0 0; width:100%;}
.campanasdigitales .bloque-imagenes .item .bloque-interior {margin-top: 20px; height: 204px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior { border-top: none; border-bottom: none;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior img { padding: 0px; width:auto;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p { padding-right: 15px;}
.campanasdigitales h4, .campanasdigitales h5.nocursor {margin-top:40px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior { padding-right: 30px; height: 283px; }
.mantenimiento, .experiencia {width:50%;}
.lemap {padding-left:0;} .tecontacto {padding-right:0;} #contenedor {padding-right:0; padding-left:0} .campocont {width:100%!important;}

/*Scroll*/
.scroll-to-top {display:none;}

/*Footer*/
#lower-foot .container {width:90%;}
}
@media all and (min-width: 640px) and (max-height: 360px) {
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:150px;}
#bienvenidos {top:-140px;}
.bienvenidos {top:0px;}
#campanasdigitales {top:60px;}
.campanasdigitales {top:140px;}
#productos {top:-0px;}
.productos {top:200px;}
#elcontacto {top:40px;}
.elcontacto {top:240px;}
#footer {top:160px;}
.footer {top:160px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:120px;} .slogan {padding-top:2%; margin-left:1%; width:50%;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header, header nav {min-height:50px!important;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 
	
/*Contacto*/
#area1 {width:99%!important;} 
#lower-foot p {text-align:center!important;}
footer #upper-foot .texto-pie {margin-top:20px;} 
footer #upper-foot .texto-pie p {text-align:center!important;} 
.logo-pie {width:40%!important; margin:0 auto; float:none;}
#contenviar {width:99%!important;} 
#enviar {width:55%!important; font-size:80%!important;}
.left-contact .col1 {width:100%; text-align:center;}
.left-contact .col11 {width:100%;} 
.input-group {width:99.6%!important;}
.input-group .form-control {width:99%!important;}
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.seguinos {width:50%;  margin:10px auto!important; float:none!important;} 
.fallow {width:50%!important; margin:0 auto!important; float:none!important;} 
.contact .col11 img {width:30%;} 
#lower-foot .col6 {width:100%!important;} 
#lower-foot .container .firma {width:100%!important; right:0; text-align:center;} 
.campolist { min-width: 210px; }

/* Menu */
.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; /*width: 90%;*/width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; /*width:50%;*/ width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:23%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Columnas*/
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.col5{width:100%}
.col6{width:100%}
.col7{width:100%;}
.col8{width:100%}
.col9{width:100%}
.col10{width:100%}
.col11{width:100%}
.col12{width:100%}
.letras, .head {width:100%;}
.ca-icon {height:460px;}

/*Servicios*/
.campanasdigitales .bloque-imagenes {padding: 15px 0px; margin: 0;}
.campanasdigitales .bloque-imagenes.border { border-top: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item { border-right: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item img { padding: 0 20px 0 0; width:100%;}
.campanasdigitales .bloque-imagenes .item .bloque-interior {margin-top: 20px; height: 204px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior { border-top: none; border-bottom: none;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior img { padding: 0px; width:auto;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p { padding-right: 15px;}
.campanasdigitales h4, .campanasdigitales h5.nocursor {margin-top:40px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior { padding-right: 30px; height: 283px; }
.mantenimiento, .experiencia {width:50%;}
.lemap {padding-left:0;} .tecontacto {padding-right:0;} #contenedor {padding-right:0; padding-left:0} .campocont {width:100%!important;}

/*Scroll*/
.scroll-to-top {display:none;}

/*Footer*/
#lower-foot .container {width:90%;}
}

@media all and (min-width: 568px) and (max-height: 320px) {
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:150px;}
#bienvenidos {top:-140px;}
.bienvenidos {top:0px;}
#campanasdigitales {top:60px;}
.campanasdigitales {top:140px;}
#productos {top:-0px;}
.productos {top:100px;}
#elcontacto {top:40px;}
.elcontacto {top:140px;}
#footer {top:60px;}
.footer {top:60px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:120px;} .slogan {padding-top:3%; margin-left:1%; width:50%;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header, header nav {min-height:50px!important;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 
	
/*Contacto*/
#area1 {width:99%!important;} 
#lower-foot p {text-align:center!important;}
footer #upper-foot .texto-pie {margin-top:20px;} 
footer #upper-foot .texto-pie p {text-align:center!important;} 
.logo-pie {width:40%!important; margin:0 auto; float:none;}
#contenviar {width:99%!important;} 
#enviar {width:55%!important; font-size:80%!important;}
.left-contact .col1 {width:100%; text-align:center;}
.left-contact .col11 {width:100%;} 
.input-group {width:99.6%!important;}
.input-group .form-control {width:99%!important;}
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.seguinos {width:50%;  margin:10px auto!important; float:none!important;} 
.fallow {width:50%!important; margin:0 auto!important; float:none!important;} 
.contact .col11 img {width:30%;} 
#lower-foot .col6 {width:100%!important;} 
#lower-foot .container .firma {width:100%!important; right:0; text-align:center;} 
.campolist { min-width: 210px; }

/* Menu */
.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; /*width: 90%;*/width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; /*width:50%;*/ width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:35%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Columnas*/
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.col5{width:100%}
.col6{width:100%}
.col7{width:100%;}
.col8{width:100%}
.col9{width:100%}
.col10{width:100%}
.col11{width:100%}
.col12{width:100%}
.letras, .head {width:100%;}
.ca-icon {height:460px;}

/*Servicios*/
.campanasdigitales .bloque-imagenes {padding: 15px 0px; margin: 0;}
.campanasdigitales .bloque-imagenes.border { border-top: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item { border-right: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item img { padding: 0 20px 0 0; width:100%;}
.campanasdigitales .bloque-imagenes .item .bloque-interior {margin-top: 20px; height: 204px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior { border-top: none; border-bottom: none;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior img { padding: 0px; width:auto;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p { padding-right: 15px;}
.campanasdigitales h4, .campanasdigitales h5.nocursor {margin-top:40px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior { padding-right: 30px; height: 283px; }
.mantenimiento, .experiencia {width:50%;}
.lemap {padding-left:0;} .tecontacto {padding-right:0;} #contenedor {padding-right:0; padding-left:0} .campocont {width:100%!important;}

/*Scroll*/
.scroll-to-top {display:none;}

/*Footer*/
#lower-foot .container {width:90%;}
}
@media only screen and (max-width: 500px) and (min-width: 459px){
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:150px;}
#bienvenidos {top:-140px;}
.bienvenidos {top:0px;}
#campanasdigitales {top:60px;}
.campanasdigitales {top:140px;}
#productos {top:-0px;}
.productos {top:100px;}
#elcontacto {top:40px;}
.elcontacto {top:140px;}
#footer {top:60px;}
.footer {top:60px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:120px;} .slogan {padding-top:3%; margin-left:1%; width:50%;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header, header nav {min-height:50px!important;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 
	
/*Contacto*/
#area1 {width:99%!important;} 
#lower-foot p {text-align:center!important;}
footer #upper-foot .texto-pie {margin-top:20px;} 
footer #upper-foot .texto-pie p {text-align:center!important;} 
.logo-pie {width:40%!important; margin:0 auto; float:none;}
#contenviar {width:99%!important;} 
#enviar {width:55%!important; font-size:80%!important;}
.left-contact .col1 {width:100%; text-align:center;}
.left-contact .col11 {width:100%;} 
.input-group {width:99.6%!important;}
.input-group .form-control {width:99%!important;}
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.seguinos {width:50%;  margin:10px auto!important; float:none!important;} 
.fallow {width:50%!important; margin:0 auto!important; float:none!important;} 
.contact .col11 img {width:30%;} 
#lower-foot .col6 {width:100%!important;} 
#lower-foot .container .firma {width:100%!important; right:0; text-align:center;} 
.campolist { min-width: 210px; }

/* Menu */
.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; /*width: 90%;*/width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; /*width:50%;*/ width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:35%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Columnas*/
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.col5{width:100%}
.col6{width:100%}
.col7{width:100%;}
.col8{width:100%}
.col9{width:100%}
.col10{width:100%}
.col11{width:100%}
.col12{width:100%}
.letras, .head {width:100%;}
.ca-icon {height:460px;}

/*Servicios*/
.campanasdigitales .bloque-imagenes {padding: 15px 0px; margin: 0;}
.campanasdigitales .bloque-imagenes.border { border-top: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item { border-right: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item img { padding: 0 20px 0 0; width:100%;}
.campanasdigitales .bloque-imagenes .item .bloque-interior {margin-top: 20px; height: 204px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior { border-top: none; border-bottom: none;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior img { padding: 0px; width:auto;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p { padding-right: 15px;}
.campanasdigitales h4, .campanasdigitales h5.nocursor {margin-top:40px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior { padding-right: 30px; height: 283px; }
.mantenimiento, .experiencia {width:50%;}
.lemap {padding-left:0;} .tecontacto {padding-right:0;} #contenedor {padding-right:0; padding-left:0} .campocont {width:100%!important;}

/*Scroll*/
.scroll-to-top {display:none;}

/*Footer*/
#lower-foot .container {width:90%;}
}
@media only screen and (max-width: 460px){
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:150px;}
#bienvenidos {top:-140px;}
.bienvenidos {top:0px;}
#campanasdigitales {top:60px;}
.campanasdigitales {top:140px;}
#productos {top:-0px;}
.productos {top:100px;}
#elcontacto {top:40px;}
.elcontacto {top:140px;}
#footer {top:60px;}
.footer {top:60px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:120px;} .slogan {padding-top:3%; margin-left:1%; width:50%;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header, header nav {min-height:50px!important;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 
	
/*Contacto*/
#area1 {width:98%!important;} 
#lower-foot p {text-align:center!important;}
footer #upper-foot .texto-pie {margin-top:20px;} 
footer #upper-foot .texto-pie p {text-align:center!important;} 
.logo-pie {width:40%!important; margin:0 auto; float:none;}
#contenviar {width:99%!important;} 
#enviar {width:55%!important; font-size:75%!important;}
.left-contact .col1 {width:100%; text-align:center;}
.left-contact .col11 {width:100%;} 
.input-group {width:99.6%!important;}
.input-group .form-control {width:98%!important;}
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.seguinos {width:50%;  margin:10px auto!important; float:none!important;} 
.fallow {width:50%!important; margin:0 auto!important; float:none!important;} 
.contact .col11 img {width:30%;} 
#lower-foot .col6 {width:100%!important;} 
#lower-foot .container .firma {width:100%!important; right:0; text-align:center;} 
.campolist { min-width: 210px; }

/* Menu */
.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; /*width: 90%;*/width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; /*width:50%;*/ width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:35%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Columnas*/
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.col5{width:100%}
.col6{width:100%}
.col7{width:100%;}
.col8{width:100%}
.col9{width:100%}
.col10{width:100%}
.col11{width:100%}
.col12{width:100%}
.letras, .head {width:100%;}
.ca-icon {height:400px;}

/*Servicios*/
.campanasdigitales .bloque-imagenes {padding: 15px 0px; margin: 0;}
.campanasdigitales .bloque-imagenes.border { border-top: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item { border-right: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item img { padding: 0 20px 0 0; width:100%;}
.campanasdigitales .bloque-imagenes .item .bloque-interior {margin-top: 20px; height: 204px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior { border-top: none; border-bottom: none;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior img { padding: 0px; width:auto;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p { padding-right: 15px;}
.campanasdigitales h4, .campanasdigitales h5.nocursor {margin-top:40px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior { padding-right: 30px; height: 283px; }
.mantenimiento, .experiencia {width:50%;}
.lemap {padding-left:0;} .tecontacto {padding-right:0;} #contenedor {padding-right:0; padding-left:0} .campocont {width:100%!important;}

/*Scroll*/
.scroll-to-top {display:none;}

/*Footer*/
#lower-foot .container {width:90%;}
}
@media only screen and (max-width: 414px){
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:150px;}
#bienvenidos {top:-140px;}
.bienvenidos {top:0px;}
#campanasdigitales {top:60px;}
.campanasdigitales {top:140px;}
#productos {top:-0px;}
.productos {top:100px;}
#elcontacto {top:40px;}
.elcontacto {top:140px;}
#footer {top:60px;}
.footer {top:60px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:120px;} .slogan {padding-top:3%; margin-left:1%; width:50%; display:none;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header, header nav {min-height:50px!important;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 
	
/*Contacto*/
#area1 {width:98%!important;} 
#lower-foot p {text-align:center!important;}
footer #upper-foot .texto-pie {margin-top:20px;} 
footer #upper-foot .texto-pie p {text-align:center!important;} 
.logo-pie {width:40%!important; margin:0 auto; float:none;}
#contenviar {width:99%!important;} 
#enviar {width:100%!important; font-size:75%!important;}
.left-contact .col1 {width:100%; text-align:center;}
.left-contact .col11 {width:100%;} 
.input-group {width:99.6%!important;}
.input-group .form-control {width:98%!important;}
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.seguinos {width:50%;  margin:10px auto!important; float:none!important;} 
.fallow {width:50%!important; margin:0 auto!important; float:none!important;} 
.contact .col11 img {width:30%;} 
#lower-foot .col6 {width:100%!important;} 
#lower-foot .container .firma {width:100%!important; right:0; text-align:center;} 
.campolist { min-width: 210px; }
.left-contact {display:none;}

/* Menu */
.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; /*width: 90%;*/width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; /*width:50%;*/ width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:45%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Columnas*/
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.col5{width:100%}
.col6{width:100%}
.col7{width:100%;}
.col8{width:100%}
.col9{width:100%}
.col10{width:100%}
.col11{width:100%}
.col12{width:100%}
.letras, .head {width:100%;}
.ca-icon {height:300px;}

/*Servicios*/
.campanasdigitales .bloque-imagenes {padding: 15px 0px; margin: 0;}
.campanasdigitales .bloque-imagenes.border { border-top: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item { border-right: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item img { padding: 0 20px 0 0; width:100%;}
.campanasdigitales .bloque-imagenes .item .bloque-interior {margin-top: 20px; height: 204px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior { border-top: none; border-bottom: none;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior img { padding: 0px; width:auto;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p { padding-right: 15px;}
.campanasdigitales h4, .campanasdigitales h5.nocursor {margin-top:40px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior { padding-right: 30px; height: 283px; }
.mantenimiento, .experiencia {width:50%;}
.lemap {padding-left:0;} .tecontacto {padding-right:0;} #contenedor {padding-right:0; padding-left:0} .campocont {width:100%!important;}

/*Scroll*/
.scroll-to-top {display:none;}

/*Footer*/
#lower-foot .container {width:90%;}
}
@media only screen and (max-width: 412px){
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:150px;}
#bienvenidos {top:-140px;}
.bienvenidos {top:0px;}
#campanasdigitales {top:60px;}
.campanasdigitales {top:140px;}
#productos {top:-0px;}
.productos {top:100px;}
#elcontacto {top:40px;}
.elcontacto {top:140px;}
#footer {top:60px;}
.footer {top:60px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:120px;} .slogan {padding-top:3%; margin-left:1%; width:50%; display:none;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header, header nav {min-height:50px!important;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 
	
/*Contacto*/
#area1 {width:98%!important;} 
#lower-foot p {text-align:center!important;}
footer #upper-foot .texto-pie {margin-top:20px;} 
footer #upper-foot .texto-pie p {text-align:center!important;} 
.logo-pie {width:40%!important; margin:0 auto; float:none;}
#contenviar {width:99%!important;} 
#enviar {width:100%!important; font-size:75%!important;}
.left-contact .col1 {width:100%; text-align:center;}
.left-contact .col11 {width:100%;} 
.input-group {width:99.6%!important;}
.input-group .form-control {width:98%!important;}
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.seguinos {width:50%;  margin:10px auto!important; float:none!important;} 
.fallow {width:50%!important; margin:0 auto!important; float:none!important;} 
.contact .col11 img {width:30%;} 
#lower-foot .col6 {width:100%!important;} 
#lower-foot .container .firma {width:100%!important; right:0; text-align:center;} 
.campolist { min-width: 210px; }
.left-contact {display:none;}

/* Menu */
.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; /*width: 90%;*/width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; /*width:50%;*/ width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:45%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Columnas*/
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.col5{width:100%}
.col6{width:100%}
.col7{width:100%;}
.col8{width:100%}
.col9{width:100%}
.col10{width:100%}
.col11{width:100%}
.col12{width:100%}
.letras, .head {width:100%;}
.ca-icon {height:300px;}

/*Servicios*/
.campanasdigitales .bloque-imagenes {padding: 15px 0px; margin: 0;}
.campanasdigitales .bloque-imagenes.border { border-top: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item { border-right: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item img { padding: 0 20px 0 0; width:100%;}
.campanasdigitales .bloque-imagenes .item .bloque-interior {margin-top: 20px; height: 204px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior { border-top: none; border-bottom: none;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior img { padding: 0px; width:auto;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p { padding-right: 15px;}
.campanasdigitales h4, .campanasdigitales h5.nocursor {margin-top:40px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior { padding-right: 30px; height: 283px; }
.mantenimiento, .experiencia {width:50%;}
.lemap {padding-left:0;} .tecontacto {padding-right:0;} #contenedor {padding-right:0; padding-left:0} .campocont {width:100%!important;}

/*Scroll*/
.scroll-to-top {display:none;}

/*Footer*/
#lower-foot .container {width:90%;}
}
@media only screen and (max-width: 375px){
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:150px;}
#bienvenidos {top:-140px;}
.bienvenidos {top:0px;}
#campanasdigitales {top:60px;}
.campanasdigitales {top:140px;}
#productos {top:-0px;}
.productos {top:100px;}
#elcontacto {top:40px;}
.elcontacto {top:140px;}
#footer {top:60px;}
.footer {top:60px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:120px;} .slogan {padding-top:3%; margin-left:1%; width:50%;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header, header nav {min-height:50px!important;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 
	
/*Contacto*/
#area1 {width:98%!important;} 
#lower-foot p {text-align:center!important;}
footer #upper-foot .texto-pie {margin-top:20px;} 
footer #upper-foot .texto-pie p {text-align:center!important;} 
.logo-pie {width:40%!important; margin:0 auto; float:none;}
#contenviar {width:99%!important;} 
#enviar {width:100%!important; font-size:75%!important;}
.left-contact .col1 {width:100%; text-align:center;}
.left-contact .col11 {width:100%;} 
.input-group {width:99.6%!important;}
.input-group .form-control {width:98%!important;}
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.seguinos {width:50%;  margin:10px auto!important; float:none!important;} 
.fallow {width:50%!important; margin:0 auto!important; float:none!important;} 
.contact .col11 img {width:30%;} 
#lower-foot .col6 {width:100%!important;} 
#lower-foot .container .firma {width:100%!important; right:0; text-align:center;} 
.campolist { min-width: 210px; }
.left-contact {display:none;}

/* Menu */
.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; /*width: 90%;*/width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; /*width:50%;*/ width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:45%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Columnas*/
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.col5{width:100%}
.col6{width:100%}
.col7{width:100%;}
.col8{width:100%}
.col9{width:100%}
.col10{width:100%}
.col11{width:100%}
.col12{width:100%}
.letras, .head {width:100%;}
.ca-icon {height:300px;}

/*Servicios*/
.campanasdigitales .bloque-imagenes {padding: 15px 0px; margin: 0;}
.campanasdigitales .bloque-imagenes.border { border-top: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item { border-right: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item img { padding: 0 20px 0 0; width:100%;}
.campanasdigitales .bloque-imagenes .item .bloque-interior {margin-top: 20px; height: 204px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior { border-top: none; border-bottom: none;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior img { padding: 0px; width:auto;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p { padding-right: 15px;}
.campanasdigitales h4, .campanasdigitales h5.nocursor {margin-top:40px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior { padding-right: 30px; height: 283px; }
.mantenimiento, .experiencia {width:100%;}
.lemap {padding-left:0;} .tecontacto {padding-right:0;} #contenedor {padding-right:0; padding-left:0} .campocont {width:100%!important;}

/*Scroll*/
.scroll-to-top {display:none;}

/*Footer*/
#lower-foot .container {width:90%;}
}
@media only screen and (max-width: 360px){
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:150px;}
#bienvenidos {top:-140px;}
.bienvenidos {top:0px;}
#campanasdigitales {top:60px;}
.campanasdigitales {top:140px;}
#productos {top:-0px;}
.productos {top:100px;}
#elcontacto {top:40px;}
.elcontacto {top:140px;}
#footer {top:60px;}
.footer {top:60px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:120px;} .slogan {padding-top:3%; margin-left:1%; width:50%; display:none;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header, header nav {min-height:50px!important;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 
	
/*Contacto*/
#area1 {width:98%!important;} 
#lower-foot p {text-align:center!important;}
footer #upper-foot .texto-pie {margin-top:20px;} 
footer #upper-foot .texto-pie p {text-align:center!important;} 
.logo-pie {width:40%!important; margin:0 auto; float:none;}
#contenviar {width:99%!important;} 
#enviar {width:100%!important; font-size:75%!important;}
.left-contact .col1 {width:100%; text-align:center;}
.left-contact .col11 {width:100%;} 
.input-group {width:98.6%!important;}
.input-group .form-control {width:98%!important;}
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.seguinos {width:50%;  margin:10px auto!important; float:none!important;} 
.fallow {width:50%!important; margin:0 auto!important; float:none!important;} 
.contact .col11 img {width:30%;} 
#lower-foot .col6 {width:100%!important;} 
#lower-foot .container .firma {width:100%!important; right:0; text-align:center;} 
.campolist { min-width: 210px; }
.left-contact {display:none;}

/* Menu */
.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; /*width: 90%;*/width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; /*width:50%;*/ width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:55%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Columnas*/
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.col5{width:100%}
.col6{width:100%}
.col7{width:100%;}
.col8{width:100%}
.col9{width:100%}
.col10{width:100%}
.col11{width:100%}
.col12{width:100%}
.letras, .head {width:100%;}
.ca-icon {height:300px;}

/*Servicios*/
.campanasdigitales .bloque-imagenes {padding: 15px 0px; margin: 0;}
.campanasdigitales .bloque-imagenes.border { border-top: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item { border-right: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item img { padding: 0 20px 0 0; width:100%;}
.campanasdigitales .bloque-imagenes .item .bloque-interior {margin-top: 20px; height: 204px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior { border-top: none; border-bottom: none;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior img { padding: 0px; width:auto;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p { padding-right: 15px;}
.campanasdigitales h4, .campanasdigitales h5.nocursor {margin-top:40px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior { padding-right: 30px; height: 283px; }
.mantenimiento, .experiencia {width:100%;}
.lemap {padding-left:0;} .tecontacto {padding-right:0;} #contenedor {padding-right:0; padding-left:0} .campocont {width:100%!important;}

/*Scroll*/
.scroll-to-top {display:none;}

/*Footer*/
#lower-foot .container {width:90%;}
}
@media only screen and (max-width: 320px){
 
/*Secciones Offset*/
.secciones{ position:absolute; top:100px;}
#home {top:0px;}
.home {top:150px;}
#bienvenidos {top:-140px;}
.bienvenidos {top:0px;}
#campanasdigitales {top:60px;}
.campanasdigitales {top:140px;}
#productos {top:-0px;}
.productos {top:100px;}
#elcontacto {top:40px;}
.elcontacto {top:140px;}
#footer {top:60px;}
.footer {top:60px;}
 
body {font-size:95%;} .container {width:85%;} header .container {width:90%; min-height:120px;} .slogan {padding-top:3%; margin-left:1%; width:50%; display:none;} #slider .container {width:90%;} 

/* Menu */
nav .logo {width:24%;} nav .logo img {width:90%;}  header, header nav {min-height:50px!important;} .menu {margin-top:0%; width:70%; border-right:0!important;} .logomob{height:auto; margin:5px 0;} 
	
/*Contacto*/
#area1 {width:98%!important;} 
#lower-foot p {text-align:center!important;}
footer #upper-foot .texto-pie {margin-top:20px;} 
footer #upper-foot .texto-pie p {text-align:center!important;} 
.logo-pie {width:40%!important; margin:0 auto; float:none;}
#contenviar {width:99%!important;} 
#enviar {width:100%!important; font-size:75%!important;}
.left-contact .col1 {width:100%; text-align:center;}
.left-contact .col11 {width:100%;} 
.input-group {width:98.6%!important;}
.input-group .form-control {width:98%!important;}
.left-contact .col11 p{text-align:center;} 
.left-contact .col11 {text-align:center!important;} 
.seguinos {width:50%;  margin:10px auto!important; float:none!important;} 
.fallow {width:50%!important; margin:0 auto!important; float:none!important;} 
.contact .col11 img {width:30%;} 
#lower-foot .col6 {width:100%!important;} 
#lower-foot .container .firma {width:100%!important; right:0; text-align:center;} 
.campolist { min-width: 210px; }
.left-contact {display:none;}

/* Menu */

.menuint {width:100%;}
.current {border-bottom: 4px solid transparent!important;}
.menu_bar {display:block; width:100%; position: fixed; top:0; z-index:9999; height:50px; background:#bf1522; border-bottom: 3px solid #eec0c3;}
.menu_bar span.icon-three-bars {float: right; padding: 2px 5px; margin-top:5px; border: solid thin #eec0c3; color:#eec0c3;}
.menu_bar .bt-menu {display: block; padding: 5px 0 0 40px; overflow: hidden; font-size: 25px; font-weight: 400; text-decoration: none; width:95%; position:absolute; top:0;}
.menu_bar span.menu img{width:12%; height:100%;}
header nav .header-info {display:none;}
header nav .logo {display:none;}
header nav .hr {display:none;}
header nav .bgmenu{display:block; padding-top:10px;}
header nav ul#menu {width: 100%; background: #bf1522; border-top: 0px;} 
header nav ul#menu li .caret {float: right;}
header nav ul#menu li {margin:0px; display: block; border-bottom:1px solid #eec0c3;}
header nav ul#menu li a {color:#fff; border:none;}
header nav ul#menu li a:hover {color:#fff; border:none; background:#c83843;}
header nav ul li:hover {background:transparent;}
header nav ul#menu li.current {background:transparent;}
header nav ul#menu li.current a {color:#fff; background:#c83843;}
header nav ul#menu li.current a:hover {color:#fff;}
header nav ul#menu li.submenu a {color:#fff;}
header nav ul#menu li.submenu a:hover {color:#fff; background:#c83843;} 
header nav ul#menu li.submenu a:focus {color:#fff; background:#c83843;}
header nav ul#menu li .children {width: 100%;position: relative; border:none; padding:0; background:#bf1522;} 
header nav ul#menu li .children:hover {background:#bf1522;} 
header nav ul#menu li:hover .children {display: none;} 
header nav ul#menu li .children li a{font-size:11px; margin-left:0px; background:#bf1522; color:#fff; border:none;} 
header nav ul#menu li .children li a:hover{background:#bf1522;}
header nav ul#menu li.submenu .children li {padding:0px;}
header nav ul#menu li.submenu .children li a:hover{background:#c83843;}
header nav ul#menu li.submenu ul.children a:hover{border: none;} 
header nav ul#menu li.submenu ul.children a:focus {border: none;} 

/*SUBMENU*/ 
header nav ul#menu li:hover #big {display:block;}
header nav ul#menu li #big {width: 100%;position: relative; border:none; padding:0; background:#bf1522;}
header nav ul#menu li #big li {display:block; overflow: visible!important; background:transparent;}
header nav ul#menu li #big li a span {float: right;position: relative;top:3px; margin-right:0; margin-left:10px;}
header nav ul#menu li .caret {position: relative;top:3px; margin-left:10px; margin-right:0px;}
header nav ul#menu ul#big li a{color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; /*width:30%;*/width:100%; border-bottom:none;}
header nav ul#menu ul#big li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}

/*CHILDREN*/
header nav ul#menu ul.children li .children {border-bottom:none;}
header nav ul#menu ul.children li:hover .children {display:none;}
header nav ul#menu .children .submenu .children {background: #bf1522; display: none; left: 0px; position: relative; top: 0px; /*width: 90%;*/width: 100%; z-index:9999; padding:10px 0px; height:auto;}
header nav ul#menu .children .submenu .children li a{color:#fff; display:block; text-decoration:none; padding: 8px; text-decoration: none; width: 100%!important; font-size:85%;}
header nav ul#menu .children .submenu .children li a:hover {color:#fff; display:block; text-decoration:none; display: block; padding: 8px; text-decoration: none; background:#c83843;}
header nav ul#menu .children .submenu .children li {display:inline-block; /*width:50%;*/ width:100%;border-bottom:none;}
.menuint{width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px; border-bottom:1px #fff solid; border-top:0px!important;}
.menuint2{	width:100%; min-height:35px; text-align:left; line-height:35px; text-indent:15px;}
.submenu{width:99%; border-top:1px #fff solid; min-height:25px; line-height:25px; height:auto; text-indent:20px;}
.children{width:49%; margin-left:2px; margin-top:1px; margin-bottom:1px; min-height:20px; line-height:20px; text-indent:3px;}
.menu{width:100%; display:none; float:left; margin-right:0; margin-top:50px; text-align:left; top:0px; position:relative; height:210px;}
.header-info{display:none;}
nav .logo{display:none;}
nav .logomob{display:block; width:55%; top:7px;}
#btmobile{display:block; cursor:pointer; top:40px; right:50px;}
.menubtrs{display:block;}
.fl{margin-top:10px;}
.FSM{margin-top:5px;}

/*Columnas*/
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.col5{width:100%}
.col6{width:100%}
.col7{width:100%;}
.col8{width:100%}
.col9{width:100%}
.col10{width:100%}
.col11{width:100%}
.col12{width:100%}
.letras, .head {width:100%;}
.ca-icon {height:300px;}

/*Servicios*/
.campanasdigitales .bloque-imagenes {padding: 15px 0px; margin: 0;}
.campanasdigitales .bloque-imagenes.border { border-top: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item { border-right: 1px solid #1a171c;}
.campanasdigitales .bloque-imagenes .item img { padding: 0 20px 0 0; width:100%;}
.campanasdigitales .bloque-imagenes .item .bloque-interior {margin-top: 20px; height: 204px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior { border-top: none; border-bottom: none;}
.campanasdigitales .bloque-imagenes .item .bloque-interior .iconointerior img { padding: 0px; width:auto;}
.campanasdigitales .bloque-imagenes .item .bloque-interior p { padding-right: 15px;}
.campanasdigitales h4, .campanasdigitales h5.nocursor {margin-top:40px;}
.campanasdigitales .bloque-imagenes .item .bloque-interior { padding-right: 30px; height: 283px; }
.mantenimiento, .experiencia {width:100%;}
.lemap {padding-left:0;} .tecontacto {padding-right:0;} #contenedor {padding-right:0; padding-left:0} .campocont {width:100%!important;}

/*Scroll*/
.scroll-to-top {display:none;}

/*Footer*/
#lower-foot .container {width:90%;}
}