body{font-family: 'Open Sans', arial, verdana, sans-serif; background-color: #E0E0E0; margin: 0px;}
img { image-rendering: optimizequality; -ms-interpolation-mode: bicubic; border:none; border-image:none; }
#containerGral { margin:0px; width:100%;}

#logoHero { left: 20px; top: 40px; position: absolute; }
section, .seccion, .section { padding-top: 40px; padding-bottom: 40px; position:relative; width:100%; display:block; position:relative; }
article, .article {height:auto; text-align: center;}
.ancla { display: inline-block; vertical-align: top; background-color:transparent; width:20px; height:20px; top:-80px; position:absolute; }
.contenedor { margin-top:0px; width: 100%; height:660px; overflow:hidden; position:relative; margin-left:auto; margin-right:auto;background-color:#CCE4CF !important; margin-bottom: -20px; }
.contenedor img{ width:100%; height:auto; position:absolute; top:0px; left:0px; }
#contenedorTextoHero { position:absolute; left:40px; top: 180px; z-index:200; color:#fff; width:600px; font-weight:600; font-size:40px; text-shadow:4px 4px 4px #000; text-align:left;}
.notifImg{height:50%;}
#contenedorHero.hero-notificaciones {background: url("../img/app/portadaNotif.jpg") scroll transparent; background-repeat:no-repeat; background-position:center 5%; background-size:100% auto; height:100%; min-height:800px;}
#contenedorHero.hero-pedidos, #contenedorHero.hero-ecommerce {background: url("../img/app/portadaecommerce.jpg") scroll transparent; background-repeat:no-repeat; background-position:center 5%; background-size:cover; height:100%; min-height:800px; }
#contenedorHero.hero-reportes {background: url("../img/app/portada-reportes.jpg") scroll transparent; background-repeat:no-repeat; background-position:center 5%; background-size:100% auto; height:100%; min-height:800px; }
#contenedorHero.hero-fichadas {background: url("../img/app/fichadasPortada.jpg") scroll transparent; background-repeat:no-repeat; background-position:center 5%; background-size:100% auto; height:100%; min-height:800px; }
#contenedorHero.hero-delivery {background: url("../img/app/portadaDelivery.jpg") scroll transparent; background-repeat:no-repeat; background-position:center 5%; background-size:100% auto; height:100%; min-height:800px; }
#contenedorHero.hero-clientes {background: url("../img/app/portadaClientes2.jpg") scroll transparent; background-repeat:no-repeat; background-position:center 5%; background-size:100% auto; height:100%; min-height:800px; }
#contenedorHero.hero-update {background: url("../img/app/portadaClientes2.jpg") scroll transparent; background-repeat:no-repeat; background-position:center 5%; background-size:100% auto; height:100%; min-height:800px; }
#contenedorHero.hero-tablero {background: url("../img/app/portada-tablero.jpg") scroll transparent; background-repeat:no-repeat; background-position:center 5%; background-size:100% auto; height:100%; min-height:800px; }
#contenedorHero.hero-backup {background: url("../img/app/portada-backup.jpg") scroll transparent; background-repeat:no-repeat; background-position:center 5%; background-size:cover; height:100%; min-height:800px; }
#portada{width:100%;}
.slideImg{height:auto;
margin-left:auto;margin-right:auto;display:inline-block;}
/*boton entrar va en cada seccion, "ver más"*/
.botonEntrar {position:absolute; right:580px; bottom:50px; z-index:25; background-color:#903; color:#FFF;padding:10px 50px; border-radius:3px; color:#FFF; text-decoration:none;}
.botonComenzar {  background-color: #c00;  border-radius: 3px; color: #fff; left: 40px; padding: 10px 50px;  position: absolute;text-decoration: none;  top: 625px;  z-index: 25;}
/*MENU STICKER Y SUBMENU*/ 
#sticker { background-color:#e7e7e7; width:100%; height:64px; z-index:200; position:absolute;}
#sticker .nav-toggle { color: #404141; text-decoration: none; }
.stick { position:fixed !important; top:0px !important; z-index:300 !important;}
#logo { left: 20px; position: absolute; width: auto; top:4px; height:auto;max-width:300px;}
div#filtro { width:auto; height:100%; position: absolute; right:50px; color:#333; margin-top: 0px;}
.filtro { width:150px; padding-top: 100px; float: left; }
.filtro-botones h1 { font-size:20px; font-weight:400; width:auto; height:auto; margin: 0;}
.filtro-botones a{ text-decoration:none;}
.filtro-item { width:auto; height:100%; float: right; text-align:center; }
.filtro .filtro-link, a.list-group-item { text-decoration:none; color:#fff;}
.filtro .filtro-link:hover, a.list-group-item:hover /*, i:hover*/ { color:#09F; cursor:pointer;}
#filtro-icono {  box-sizing: border-box;  cursor: pointer; height: 100%; padding: 15px; width: auto;}
i { margin-top: 25px; }
.list-group { width:400px;}
.list-group-item { width:33%;}
div#contenido { width:100%; height:1200px; background-color:#FFC; }
.fa-4 { font-size: 3em; }
#contenedor-info{ position:relative; top:63px; color:#FFF; background: rgb(98, 98, 98); /* Fall-back for browsers that don't support rgba */  background: none repeat scroll 0 0 rgba(98, 98, 98, 0.85);}
/*Boton VER MAS, que va en cada seccion, "ver más"*/
.botonVermas { color: #fff; display: block; padding: 10px; position: absolute; right: 20px; text-align: center; text-decoration: none; width: 150px; bottom:35%; }
.botonVideos { color: #fff; display: block; padding: 10px; left: 20px; text-align: center; text-decoration: none; width: auto; bottom:35%; }
.botonVermas i, .botonVideos i {  font-size:2.5em; margin-bottom: 10px; margin-top: 5px;}
.botonVermas:hover, .botonVideos:hover { text-shadow: 3px 2px 2px #000000; filter: dropshadow(color=#000000, offx=2, offy=2);;}
/*Botones Return*/
/*Animaciones*/
.rotate{ -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; }  
.rotate:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }  
.translate { overflow:hidden; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s;-webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform;-webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out;}
.translate:hover { -webkit-transform: translate(1em,0); -moz-transform: translate(1em,0); -o-transform: translate(1em,0); -ms-transform: translate(1em,0); transform: translate(1em,0); }
span.botonTexto { font-size:1em;}
.fa.fa-play.fa-stack-1x { margin-left: 6px; }
.botonVermas .color,
.botonVideos .color { background-color:#fff; color:#404141; }
.novedad{padding-top:20px; padding-bottom:20px; width: 100%;}
.novedad a{ text-decoration:none; color:#fff; display:block; }
.novedad p{ vertical-align:middle;display:inline; font-size:20px;padding-bottom: 25px;}
.novedad i {margin-right:10px; display:inline-block; margin:10px;}
#returns { position: fixed; bottom: 20px; right: 20px; background: transparent; width: 50px; height: 130px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align:center; z-index:220; }
#returns > a { display: inline; }
#godown { position: fixed; bottom: 20px; right: 20px; background: transparent; width: 50px; height: 130px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align:center; z-index:220; }
#godown > a { display: inline; }
/*Flecha volver*/
#return-nexo { position: fixed; bottom: 125px; right: 20px; background: transparent; width: 50px; height: 50px;
display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align:center; z-index:100; }
#return-nexo i { color: rgba(0, 0, 0, 0.5); margin: 0; position: relative; top: 15px; font-size: 38px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#return-nexo:hover i { color: #000; top: 5px; }
/*Flecha subir*/
#return-to-top { position: fixed; bottom: 20px; right: 20px; background: transparent; width: 50px; height: 50px;
display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align:center; z-index:120; }
#return-to-top i { color: rgba(0, 0, 0, 0.5); margin: 0; position: relative; top: 13px; font-size: 38px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
/*#return-to-top:hover { background: rgba(0, 0, 0, 0.9); }*/
#return-to-top:hover i { color: #000; top: 5px; }

/*Flecha bajar*/
#return-to-bottom { position: fixed; bottom: 20px; right: 20px; background: transparent; width: 50px; height: 50px;
display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align:center; z-index:120; }
#return-to-bottom i { color: rgba(0, 0, 0, 0.5); margin: 0; position: relative; top: 13px; font-size: 38px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#return-to-bottom:hover i { color: #000; top: 5px; }
/*Connect*/
.text-left {text-align: left;margin-top: 104px;}
.interlineado2 {line-height: 200%;}
.ul-check-simple li:before {content: '\f00c';font-family: FontAwesome;margin-right: 5px;}
/*REGISTRO*/
#registro { background-color:#83CFDB; color:#FFF;}
.contenedor-redes h2 { font-size: 35px; font-weight: 300;    margin-left: auto; margin-right: auto; text-align: center;    width: 100%; }
.contenedor-redes { width:50%; margin-left:auto; margin-right:auto; text-align:center; padding-top: 100px; padding-bottom: 70px;}
.contenedor-redes a{ text-decoration:none; cursor:pointer; color:#FFF;}
.contenedor-redes .fa { height: auto; padding: 10px; margin: 20px; width: 50px; }
.contenedor-redes .fa:hover { background-color: #474747;}
.contenedor-redes a > .i-nexo { /*background-color:#03F;*/ font-size: 2em; padding:0px; margin:0px; }
.contenedor-redes a > .fa-windows { background-color:#21C9FF;}
.contenedor-redes a > .fa-google { background-color:#D94732;}
.contenedor-redes a > .fa-yahoo { background-color:#4101AF;}
.contenedor-redes a > .fa-facebook { background-color:#3B5998;}
.contenedor-redes a .nexo-svg { background-color:#174682;}
#registro .nexo-svg { height: 80px; width: 80px; display: inline-block; fill: currentColor; /*background-color:#00a5e2;*/ }
/*INTRO*/ 
.intro{padding-top:100px; display: block;color:#fff; width:100%;padding-bottom:50px}
.intro h1{ font-size: 49px; font-weight: 300; text-align:center; display:inline-block; margin-left:auto; margin-right:auto; width:70%; }
.intro h2{ font-size: 30px; font-weight: 300; text-align:center; display:inline-block; margin-left:auto; margin-right:auto; width:70%; }
.violetaFichadas{background-color:#a75682;}
.rosadoAuditoria{background-color:#f05d84;}
.verdeClientes{background-color:#4ab756!important}
.verdeClientes2{background-color:#20a749;}
.amarilloReportes{background-color:#ddaf37;}
.amarilloReportes2{background-color:#cb9e24;}
.naranjaConnect{background-color:#f15a24;}
.petroleoPedidos, .petroleoEcommerce{background-color:#326E6E;}
.negroUpdate{background-color:#58595b;}
.rojoDelivery{background-color:#CC0001;}
.grisNotif{background:#9c9b9b;}
.azul-tablero { background-color:#7f74b0;}
.azul-backup { background-color:#2861ae;}
.celesteTiendas {background:#008acd;}
.fondoCobranzas{background:#00a193;}
.fondoCobranzas2{background:#00a193;}
#ico{margin-left:auto; margin-right:auto; width:80px; display:block; /*border:#FFF 2px solid; border-radius:10px;*/}
.intro img{width:100%; margin:0 auto; height:auto;}

.intro .img-intro { width:65%; max-width: 400px; height:auto;}
.botonIngresar {position:absolute; right: 20px; top: 40px; z-index:25; background-color:#404040; padding:10px 50px; border-radius:3px;color:#FFF; text-decoration:none;}
/*GUIA DE USO*/
.guia-ecommerce { color:#666;}
.guia-ecommerce i { color:#387B7B;}
.icono-beneficio {  margin: 0px; display: inline-block; width:20%; vertical-align: top;}
/*BENEFICIOS*/ 
.beneficios{ display: block;color:#666; padding: 50px 0px;  }
.purpuraFichadas{background-color:#b36f92;}
.lilaAuditoria{background-color:#7F4BA3;}
.olivoReportes{background-color:#ff8f00;}
.celestePedidos, .celesteEcommerce{background-color:#00897b;}
.guia-ecommerce{background-color:#ddf1f1;}
.gris1Update{background-color:#48494b;}
.rojo2Delivery{background-color:#f44336;}
.azul-tablero2 { background-color:#685ea3!important;}
.azul-backup2 { background-color:#0052a1;}
.azulgrisNotif{background-color:#757575!important;}
.beneficios h1{ font-size: 50px; font-weight: 300; text-align:center; width:70%; margin-left:auto; margin-right:auto; text-align:center; display:block; margin-top: 0px;color:#FFF; }
.beneficios h2{ font-size: 35px; font-weight: 300; width:100%; margin-left:auto; margin-right:auto; text-align:center;color:#FFF; 	}
.popup-modal {text-decoration:none;}
.beneficios img{width:100%; margin:0 auto; height:auto;}
#modal-beneficios{ height: auto; min-height: 100%; width:auto; max-width:75%; background-position:right bottom; background-repeat:no-repeat; background-size:450px 450px; position:relative;}
#modal-beneficios2{ height: auto; min-height: 100%; width:900px; max-width:100%; background-position:right bottom; background-repeat:no-repeat; background-size:450px 450px; position:relative;}
.clienteTablet{width:40% !important;height: auto!important;}
/*CONTENT*/  
.content{ margin:10pt auto; /* background:#CCC; background:#efefef; border:1px solid #3e3e3e; padding:0.3em; padding-bottom:10px; font-size:12px; line-height:2em; */ text-align:left; color:#fff; /*  border-radius:0 5px 5px 5px;  -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px; */ }  
.content h3{  /* line-height:1em; vertical-align:middle; height:12px; padding:10px 10px 10px 52px; font-size:12px;  color:#E4E1CD;  */ }   
/*NOTICIAS*/ 
.content.noticias h3{ /* background:transparent url(img/news.png) no-repeat scroll left top; */ }   
.content.noticias {  color: #fff; font-size: 14px;     font-weight: 300; text-align: left; width: 100%;  	display:inline-block; }  
.content.noticias a { color:#fff; font-size: 14px; }  
/*TUTORIALES*/    
.content.tutoriales h3{ /* background:transparent url(img/tuts.png) no-repeat scroll left top;*/  }  
.content.tutoriales { color: #fff; font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 20px; font-weight: 300;     text-align: left; width: 100%; display:inline-block; }  
.content.tutoriales a { color:#fff; font-size: 14px; }  
/*ENLACES*/ 
.content.enlaces h3{  /*  background:transparent url(img/links.png) no-repeat scroll left top;*/  }  
.content.enlaces{ display:none; font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 11px; text-decoration: none; 		color: #fff;  }  
.content.enlaces a{ color:#44820f; }  
.content.noticias h3{ /* background:transparent url(img/news.png) no-repeat scroll left top; */  }  
.content.noticias { display:block; font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 14px; text-decoration: none; color: #fff;  }
.content.noticias2 { display:block; font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 14px; text-decoration: none; color: #fff; line-height: 45px; } 
.content.noticias a {  color:#FFF; font-size: 14px;  }  
.content.tutoriales h3{ }  
.content.tutoriales{ display:none; font-size: 11px;	text-decoration: none; color: #fff; }  
.content.tutoriales a{ color:#fff; font-size: 14px; }  
.pregFrecuentes h1 { color:#fff; font-size: 50px; font-weight: 300; text-align:center; width: 90%; display:block; margin-left:auto; margin-right:auto; }
.general{color:#555; font-size:13px;}
.pregFrecuentes h2{color: #fff; display: block; font-family: "Open Sans", arial, verdana,  sans-serif; font-size: 35px; font-weight: 300; margin-left: auto; margin-right: auto; Text-align: center; width: 90%; }
.pregFrecuentes a {width: 60%;}
#pregImg{width:100%; height:auto; margin: 0 auto;}
.instalacion{background-color:#9c3873;}
.instalacion h1{font-size: 50px; font-weight: 300; text-align:center; display:inline-block; margin-left:auto; margin-right:auto; width:70%; color:#FFF; padding-top:50px;}
#instalacion {width:700px; height:auto; margin-bottom:50px;}
.promo {margin:0; padding:0;}
#mobile1{width:100%;}
.promo img{width:100%;}
#imgpanel{ height:350px; width:auto;}
#imgpanelMobile{display:none;}
.panel{background-color:#a80033;}
.panel h1{font-size: 50px; font-weight: 300; text-align:center; display:inline-block; margin-left:auto; margin-right:auto; width:100%; color:#FFF; padding-top:50px;}
/*PREGUNTAS FRECUENTES*/
.pregFrecuentes{ padding-top: 5%;padding-bottom: 5%; height: auto;}  
.violeta2Fichadas{background-color:#6a1b9a;}
.rosaOscuroAuditoria{background-color:#BB002F;}
.verde2Clientes{background-color:#7cb342;}
.verdeMusgoClientes{background-color:#690;}
.naranjaReportes{background-color:#daa520;}
.azuladoPedidos, .azuladoEcommerce{background-color:#26a69a;}
.gris2Update{background-color:#616161;}
.rojo3Delivery{background-color:#d32f2f;}
.gris2Notif{background-color:#616161;}
.azul-tablero3 { background-color:#3949ab;}
.azul-backup3 { background-color:#1565c0;}
.pregFrecuentes h1, .pregFrecuentes h2 { width: 70%; }
#container ul{  clear:both; list-style:none; list-style-position: outside; } 
#container ul.menu li{ float:left;  margin-right:10px;  margin-bottom:-1px;}
#container ul.menu li{ padding:8px 8px; background: #A51733; margin-bottom:-1px; color: #fff; cursor:pointer; border: 1px; }  
#container ul.menu li:hover{ color:#fff;}   
#container ul.menu li.active{ background: #BFE1DA; top: auto; border-bottom:0; color: #333; }
#modal-preguntas{height:auto; background-position:right bottom; background-repeat:no-repeat; background-size:450px 450px; max-width: 75%; position: relative; width: auto;}
#modal-preguntas2{height:auto; background-position:right bottom; background-repeat:no-repeat; background-size:450px 450px; max-width: 100%; position: relative; width: 900px;}
/*GALERIA*/
#galeria{height:400px; font-size: 30px; font-weight: 300; text-align:center;color:#FFF;font-family: 'Open Sans', arial, verdana, sans-serif; background-color:#9e9e9e; }
#galeria h1{ font-size: 50px; font-weight: 300; text-align:center; width:70%; margin-left:auto; margin-right:auto; text-align:center; display:block; margin-top: 0px;color:#FFF; }
.thumbnails{width:100%;}
.thumb{width:auto; height:auto; margin:30px; display:inline-block;}
.thumb img{cursor:pointer;}
.thumb p{text-align:center; font-size:12px; font-family: 'Open Sans', arial, verdana, sans-serif; width:100px; }
.thumb a { text-decoration:none; color:#FFF;}
.galeriapop{text-align:center !important;}
/*BADGES TO STORES*/
.badges{position: absolute;}
#notifBadges.badges{ bottom: 20px; position: absolute; right: 30px;}
#fichadasBadges.badges{ bottom: 60px; position: absolute; right: 150px;}
#tableroBadges.badges{ bottom: 60px; position: absolute; right: 150px;}
.appStoreBtn {display:inline; text-decoration:none; margin:5px;}
.svgAppStore{width:135px;height:40px;}
.androidStoreBtn{display:inline-block; text-decoration:none;margin:5px;width:135px;height:auto;}
.WPStoreBtn{display:inline-block; text-decoration:none; width:150px; margin:0 5px;height:auto;}
.itunesBadge{display:inline; text-decoration:none; margin:5px;width:135px;}
.itunesBadge img{width:135px;}
/*CONTACTO*/
.contacto{ display: block; color:#fff; height: auto; background-color: #888}
.rosalilaFichadas{background-color:#a75682; }
.rosaclaroAuditoria{background-color:#AA3D93;}
.verdePinoClientes{background-color:#558b2f;}
.amarilloOscuroReportes{background-color:#f57f17;}
.petroleoscuroPedidos, .petroleoscuroEcommerce{background-color:#00695c;}
.gris3Update{background-color:#212121;}
.rojo4Delivery{background-color:#b71c1c;}
.rojogrisNotif{background-color:#9c9b9b;}
.azul-tablero4{background-color:#1a237e;}
.azul-backup4{background-color:#0d47a1;}
.contacto h1{font-family: 'Open Sans',sans-serif; font-size: 50px; font-weight: 300; text-align:center;width: 100%; display:block; margin-left:auto; 	margin-right:auto; margin-top: 0; padding-top: 50px; }
.contacto h2{font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 35px; font-weight: 300; width: 50%; margin-left:auto; margin-right:auto; padding-left:40%; }
.contacto td{color:#fff;font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 20px; font-weight: 300;}
.contacto tr{color:#fff;font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 20px; font-weight: 300;}
.contacto tr p{margin-top:10px;}
.contacto table{color:#fff;font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 20px; font-weight: 300;}
.contacto input{display:block; width:100%;margin-top:10px; height:30px;font-family: 'Open Sans',arial, verdana, sans-serif;    font-size: 20px; font-weight: 300; color:#333; border:hidden;}	
textarea{resize:none;width:100%;font-family: 'Open Sans', arial, verdana, sans-serif; font-size: 20px;border:hidden;    font-weight: 300; color:#333;}
.contacto #enviar{border:none; background-color:#DF2D13;color:#fff;font-family: 'Open Sans', arial, verdana, sans-serif;     font-size: 18px; height:70px; font-weight: 300; text-align:center;} 
.btn-enviar{font-family: 'Open Sans', arial, verdana, sans-serif; font-weight:300;background-color:#fff; text-transform: uppercase; color:#000 !important; font-size:16px; width: 150px; height: 40px !important; width: 200px !important;cursor:pointer; border:0;}
.btn-enviarReportes{font-family: 'Open Sans', arial, verdana, sans-serif; font-weight:300;background-color:#874000; text-transform: uppercase; color:#FFF !important; font-size:16px; width: 150px; height: 40px !important; width: 200px !important;cursor:pointer;}
.btn-enviarPedidos, .btn-enviarEcommerce{font-family: 'Open Sans', arial, verdana, sans-serif; font-weight:300;background-color:#C30; text-transform: uppercase; color:#FFF !important; font-size:16px; width: 150px; height: 40px !important; width: 200px !important;cursor:pointer;}
.btn-enviar-update{font-family: 'Open Sans', arial, verdana, sans-serif; font-weight:400 !important; background-color:#FFF; text-transform: uppercase;  font-size:16px; width: 150px; height: 40px !important; width: 200px !important; color:#333 !important; cursor:pointer;}
.btn-enviar-backup{font-family: 'Open Sans', arial, verdana, sans-serif; font-weight:400 !important; background-color:#003366; text-transform: uppercase;  font-size:16px; width: 150px; height: 40px !important; width: 200px !important; color:#333 !important; cursor:pointer;}
.btn-enviarDelivery{font-family: 'Open Sans', arial, verdana, sans-serif; font-weight:300 !important; background-color:#000; text-transform: uppercase;  font-size:16px; width: 150px; height: 40px !important; width: 200px !important; color:#fff!important; cursor:pointer;}
.btn-enviar-tablero{font-family: 'Open Sans', arial, verdana, sans-serif; font-weight:300;background-color:#434CD9; text-transform: uppercase; color:#FFF !important; font-size:16px; width: 150px; height: 40px !important; width: 200px !important;cursor:pointer;}
.btn-enviar-backup{font-family: 'Open Sans', arial, verdana, sans-serif; font-weight:300;background-color:#003973; text-transform: uppercase; color:#FFF !important; font-size:16px; width: 150px; height: 40px !important; width: 200px !important;cursor:pointer;}
#contenedorFormulario { width:800px; margin-left:auto; margin-right:auto; }
.btn-enviar {width: 200px !important;}
/* PIE */
#pie { text-align:center; background-color:#FFF; padding-bottom: 20px; padding-top: 40px;}
#pie a {text-decoration:none;} 
#contenedorPie { margin-left: auto; margin-right: auto; width: 500px; }
#okformulario { background-color:#f7a710; color:#FFF; width:100%; padding-top: 50px; padding-bottom:50px; }
#okformulario h2 {font-weight:300; font-size:28px; margin-left:auto; margin-right:auto; text-align: center; width:800px; text-decoration:none; }