@import url(https://fonts.googleapis.com/css?family=Open+Sans);
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  margin: 0px;
  height: auto;
  width: 100%;
}
body,
td,
th {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #333;
}
a.menu_cabecera {
  color: #333;
  text-decoration: none;
}
a.menu_cabecera:hover {
  color: #f39600;
  text-decoration: underline;
}
.letras_pie {
  color: #fff;
}
a.facebook:hover {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
a.enlacepie {
  color: #fff;
  text-decoration: none;
}
a.enlacepie:hover {
  /*color:#f39600;*/
  text-decoration: underline;
}
#form {
  max-width: 600px;
  height: auto;
  margin: 0 auto;
  padding: 0 1%;
}
input[type="text"],
[type="email"],
[type="number"],
[type="tel"] {
  width: 98%;
  height: 40px;
  font: 400 20px "Open Sans", Arial, sans-serif;
  margin: 0 0 10px 0;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: #ccc thin solid;
  color: #999;
  padding-left: 10px;
}
select {
  width: 98%;
  height: 40px;
  font: 400 20px "Open Sans", Arial, sans-serif;
  margin: 0 0 10px 0;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: #ccc thin solid;
  color: #999;
  padding-left: 10px;
}
input[type="button"],
[type="submit"] {
  background-color: #f39600;
  height: 50px;
  width: 98%;
  border: none;
  font-weight: 400;
  letter-spacing: 2px;
  color: #ffffff;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
}
textarea {
  width: 98%;
  height: 100px;
  font: 300 20px "Open Sans", Arial, sans-serif;
  margin: 0 0 10px 0;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: #ccc thin solid;
  color: #999;
  padding-left: 10px;
}
.footer {
  position: absolute;
  bottom: 0;
  background-color: #333;
  width: 100%;
}
.separa {
  width: 100%;
  height: 40px;
}
.titulos {
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  color: #f39600;
}
#contenedor {
  width: 100%;
  height: 100%;
}
#cuadroizq {
  width: 300px;
  display: inline-block;
  vertical-align: top;
  padding: 20px;
  background-color: #333;
  margin-left: 30px;
}
#botonmanual {
  width: 200px;
  height: 40px;
  background: #f39600;
  padding-top: 15px;
  margin-top: 20px;
  display: inline-block;
  vertical-align: top;
}
#botondescargas {
  width: 200px;
  height: 40px;
  background: #19c31c;
  padding-top: 15px;
  margin-top: 20px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: top;
}
#botonleermas {
  width: 200px;
  height: 40px;
  background: #19c31c;
  padding-top: 15px;
  margin-top: 20px;
  display: inline-block;
  vertical-align: top;
}
#botondemo {
  width: 200px;

  height: 40px;
  background: #d02023;
  padding-top: 15px;
  margin-top: 20px;
  margin-left: 20px;
  display: inline-block;
  vertical-align: top;
}
a.opacity img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
a.opacity:hover img {
  filter: alpha(opacity=75);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
h1 {
  color: #333;
  text-decoration: none;
}
h1:hover {
  color: #ccc;
  text-decoration: underline;
}
/*Boton busqueda inicio*/
.widget-search {
  float: left;
}
.ie8 .widget-search,
.ie8 .top-search {
  float: none;
}
.widget-search input {
  width: 240px;
  color: #888;
}
.search-btn-widget {
  float: right;
  position: relative;
  padding: 0;
  top: 0;
  right: 0;
  margin: 0 0 0 -44px;
  background: url(../imagenes/buscar.png) 50% no-repeat;
  background-color: #19c31c;
  width: 44px;
  height: 44px;
  cursor: pointer;
  border: none;
  z-index: 100;
  border-radius: 0 2px 2px 0;
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
}
.search-btn-widget:hover {
  background-color: #f39600;
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
}
/*Boton busqueda fin*/
/*Articulos*/
#imagenpost {
  float: left;
  width: 150px;
}
#contenedorpost {
  float: left;
  width: 670px;
  padding-left: 20px;
  text-align: justify;
}
#fecham {
  display: none;
}
#fechaizq {
  width: 12%;
  float: left;
  text-align: center;
  display: block;
}
#prearticulo {
  width: 88%;
  float: left;
}
/*Articulos fin*/
#avion {
  max-width: 280px;
  float: right;
}
#parrafos {
  margin: auto;
}
#slideri {
  width: 800px;
  float: left;
}
a.enlace-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #333;
  text-decoration: none;
}
a.enlace-normal:hover {
  text-decoration: underline;
}
#listas {
  width: 590px;
  float: left;
}
.boton-blog {
  width: 100%;
  height: 40px;
  font: 400 20px "Open Sans", Arial, sans-serif;
  margin: 0 0 10px 0;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  color: #fff;
  background-color: #f39600;
}
#manten {
  width: 200px;
  float: left;
  border-right: 30px #ffffff solid;
}
#planes {
  float: left;
  width: 300px;
  padding-left: 10px;
  padding-right: 10px;
}
#interiorplan {
  width: 100%;
  border-left: #ccc thin solid;
  border-right: #ccc thin solid;
  height: 650px;
}
#interiorplan2 {
  width: 100%;
  border-left: #ccc thin solid;
  border-right: #ccc thin solid;
  height: 450px;
}
#planes2 {
  float: left;
  width: 180px;
  padding-left: 10px;
  padding-right: 10px;
}
/*Efecto de botones de bmconta y bmges*/
.ex3 img {
  margin: 10px;
  border: 5px solid #eee;
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
}
.ex3 img:hover {
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  transform: rotate(-7deg);
}
.centro_mante {
  color: #fff;
  background-color: #333;
}
a.enlace_blog {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  color: #333;
  text-decoration: none;
}
a.enlace_blog:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.7;
  opacity: 0.7;
  color: #333;
  text-decoration: underline;
}
.sectores {
  width: 100%;
  height: 40px;
  font: 400 20px Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana,
    sans-serif;
  margin: 0 0 10px 0;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  border: #ccc thin solid;
  color: #999;
  padding-left: 10px;
}
.alerta {
  background-color: #d35351;
  position: absolute;
  color: #ffffff;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 10px 10px 10px;
  max-width: 400px;
  margin-left: -10px;
  width: 100%;
  font-size: 14px;
  font-family: "Quicksand", Verdana, Geneva, sans-serif;
}
.alerta-mensas {
  background-color: #d35351;
  position: absolute;
  color: #ffffff;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 10px 10px 10px;
  left: 50%;
  top: 35%;
  width: 400px;
  margin-left: -200px;
  font-size: 14px;
  font-family: "Quicksand", Verdana, Geneva, sans-serif;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
}
.alerta-cookies {
  background-color: #fff;
  position: absolute;
  color: #000;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 10px 10px 10px;
  left: 50%;
  top: 20%;
  width: 800px;
  margin-left: -400px;
  font-size: 14px;
  font-family: "Quicksand", Verdana, Geneva, sans-serif;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
}
#tablaman {
  width: 80%;
}
#campogrande {
  width: 85%;
}
#campopeque {
  width: 5%;
}
#campogrande2 {
  width: 70%;
}
#campopeque2 {
  width: 10%;
}
#oculta {
  display: block;
}
#muestra {
  display: none;
}
#mitad1 {
  width: 50%;
  float: left;
}
#mitad2 {
  width: 50%;
  float: left;
  padding-left: 20px;
}
.caja {
  width: 15%;
  float: left;
}
.selectmantenimiento {
  width: 35%;
  float: left;
}
.nlicencias {
  width: 20%;
  float: left;
}
#calculo {
  width: 70%;
  float: right;
}
#cuadro_flotante {
  width: 20%;
  padding: 20px;
  border: #cccccc thin solid;
  position: fixed;
  margin-right: 0px;
}
.portafolio {
  width: 23%;
}
#normal {
  display: block;
}
#responsive {
  display: none;
}
@media all and (max-width: 768px),
  only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
  only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (min-resolution: 192dpi) and (max-width: 1024px),
  only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  /*@media only screen and (max-width: 700px) {*/
  #cuadroizq {
    margin-top: 30px;
    margin-bottom: -100px;
    width: 90%;
    float: right;
    margin: auto;
    padding: 20px;
    background-color: #333;
  }
  #botonmanual {
    width: 100%;
    height: 40px;
    background: #f39600;
    padding-top: 15px;
    margin-top: 20px;
    display: inline-block;
    vertical-align: top;
  }
  #botondescargas {
    width: 100%;
    height: 40px;
    background: #19c31c;
    padding-top: 15px;
    margin-top: 20px;
    margin-left: 0px;
    display: inline-block;
    vertical-align: top;
  }
  #botonleermas {
    width: 100%;
    height: 40px;
    background: #19c31c;
    padding-top: 15px;
    margin-top: 20px;
    display: inline-block;
    vertical-align: top;
  }
  #cuadroizq {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    background-color: #333;
    margin-left: 30px;
  }
  #botondemo {
    width: 100%;
    height: 40px;
    background: #d02023;
    padding-top: 15px;
    margin-top: 20px;
    margin-left: 0px;
    display: inline-block;
    vertical-align: top;
  }
  input {
    width: 96%;
    height: 40px;
    font: 400 20px "Open Sans", Arial, sans-serif;
    margin: 0 0 10px 0;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: #ccc thin solid;
    color: #999;
    padding-left: 10px;
  }
  textarea {
    width: 96%;
    height: 100px;
    font: 300 20px "Open Sans", Arial, sans-serif;
    margin: 0 0 10px 0;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: #ccc thin solid;
    color: #999;
    padding-left: 10px;
  }
  #pieizq {
    padding-left: 10px;
  }
  #pieder {
    padding-right: 10px;
  }
  /*Articulos*/
  #imagenpost {
    float: left;
    width: 100%;
  }
  #contenedorpost {
    float: left;
    width: 100%;
    text-align: justify;
    padding-left: 0px;
  }
  #fecham {
    display: block;
  }
  #fechaizq {
    width: 12%;
    float: left;
    text-align: center;
    display: none;
  }
  #prearticulo {
    width: 100%;
    float: left;
  }
  /*Articulos fin*/
  #avion {
    width: 100%;
    text-align: center;
  }
  #parrafos {
    margin: auto;
    width: 90%;
    margin-top: 0px;
  }
  #slideri {
    width: 100%;
    float: left;
  }
  #ocultar {
    display: none;
  }
  #listas {
    width: 100%;
    float: left;
  }
  #manten {
    clear: both;
    margin: auto;
    width: 90%;
    border-right: none;
    border-bottom: #ffffff 10px solid;
    margin-left: 10px;
  }
  #planes {
    clear: both;
    width: 95%;
    padding-left: 10px;
    padding-right: 10px;
  }
  #planes2 {
    clear: both;
    width: 95%;
    padding-left: 10px;
    padding-right: 10px;
  }
  #interiorplan {
    width: 100%;
    border-left: #ccc thin solid;
    border-right: #ccc thin solid;
    height: auto;
  }
  #interiorplan2 {
    width: 100%;
    border-left: #ccc thin solid;
    border-right: #ccc thin solid;
    height: auto;
  }
  #logocab {
    clear: both;
    width: 100%;
    text-align: center;
  }
  .centro_mante {
    color: #333;
    background-color: #ccc;
  }
  .alerta-mensas {
    background-color: #d35351;
    position: absolute;
    color: #ffffff;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 10px 10px 10px;
    left: 50%;
    top: 35%;
    width: 300px;
    margin-left: -160px;
    font-size: 14px;
    font-family: "Quicksand", Verdana, Geneva, sans-serif;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
  }
  #tablaman {
    width: 100%;
  }
  #campogrande {
    width: 76%;
  }
  #campopeque {
    width: 8%;
  }
  #campogrande2 {
    width: 64%;
  }
  #campopeque2 {
    width: 12%;
  }
  #oculta {
    display: none;
  }
  #muestra {
    display: block;
  }
  #mitad1 {
    width: 100%;
    float: none;
  }
  #mitad2 {
    width: 100%;
    float: none;
    padding-left: 0px;
  }
  .caja {
    width: 100%;
    float: none;
  }
  .selectmantenimiento {
    width: 100%;
    float: none;
  }
  .nlicencias {
    width: 100%;
    float: none;
  }
  #calculo {
    width: 100%;
    float: none;
  }
  #cuadro_flotante {
    width: 100%;
    padding: 20px;
    border: #cccccc thin solid;
    position: relative;
    margin-right: 0px;
  }
  .portafolio {
    width: 100%;
  }
  .alerta-cookies {
    background-color: #fff;
    position: absolute;
    color: #000;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 10px 10px 10px;
    left: 50%;
    top: 5%;
    width: 300px;
    margin-left: -150px;
    font-size: 14px;
    font-family: "Quicksand", Verdana, Geneva, sans-serif;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
    box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 1);
  }
  #normal {
    display: none;
  }
  #responsive {
    display: block;
  }
}
#remoto a {
  color: #ffffff;
  text-decoration: none;
}
#remoto {
  float: right;
  padding-top: 16px;
  padding-right: 12px;
}

#espacioContainer {
  display: none;
}

.flex-container {
  display: flex;
  align-items: center;
}
.flex-container label {
  margin-right: 10px;
}