@charset "utf-8";

/* CSS Document */



@font-face {

 font-family: 'Calibri';

 src: url('../fonts/calibri.eot?#iefix') format('embedded-truetype'),

 url('../fonts/calibri.ttf') format('truetype');

 font-weight: normal;

 font-style: normal;

}

@font-face {

 font-family: 'Calibri Bold';

 src: url('../fonts/calibrib.eot?#iefix') format('embedded-truetype'),

 url('../fonts/calibrib.ttf') format('truetype');

 font-weight: bold;

 font-style: normal;

}

@font-face {

 font-family: 'Calibri Italic';

 src: url('../fonts/calibrii.eot?#iefix') format('embedded-truetype'),

 url('../fonts/calibrii.ttf') format('truetype');

 font-weight: normal;

 font-style: italic;

}

body { margin:0px; padding:0px; font-family: 'Calibri'; font-size:16px; color:#0b2a57; background-color: #0b2a57;}

.top { width:100%; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #f0f0f0; height: 66px; background-image: url(../imagenes/bg-top.jpg); background-repeat: repeat-x; -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.25); z-index: 1; position: relative;}

.inner-top { width:1176px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}

.logo {float:left;}

.logo:hover {opacity:0.7;}

.redes { float:right; margin-top: 15px;}

.facebook {float:left; margin-right:10px;}

.twitter {float:left;}

.banner {width:100%}

.inner-banner { width:1176px; height:369px; margin:0 auto; padding: 0px;}

.centro {width:100%; clear:both;}

.inner-centro { width:1156px; height:409px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #f3f3f3; padding: 10px;}

.destacado { float:left; width:280px; height:340px; background-image: url(../imagenes/separador-centro.jpg); background-repeat: no-repeat; background-position: right 240px; margin-top: 10px; margin-left: 7px;}

.img-destacado { float:left; -webkit-box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.20); box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.20); border: 5px solid #f9e603; border-radius:5px;}

.img-destacado img { border-radius:5px;}

.img-destacado img:hover { opacity:0.7;}

.titulo-destacado { float:left; position: relative; top: -70px; left: 15px; text-align: left; margin: 0px; padding: 0px;}

.titulo-destacado h1 { font-family: 'Calibri Bold'; font-weight:bold; font-size:24px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 9); color: #F9E603; margin: 0px; padding: 0px;}

.texto-destacado { float:left; font-family: 'Calibri Bold'; font-weight:bold; font-size:16px; text-align: justify; position: relative; top: -40px; padding: 10px; width: 249px;}

.centro .inner-centro #nobg{ background-image: url(../imagenes/nada.jpg)!important; background-repeat: no-repeat; background-position: right 240px;}

.btn-vermas { float:right; position: relative; top: -30px; clip: rect(auto,auto,auto,auto); right: 10px;}

.btn-vermas a { font-family: 'Calibri Bold'; font-weight:bold; font-size:16px; text-decoration:none; color:#f9e603; background-color: #000; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; border-radius:5px;}

.btn-vermas a:active { text-decoration:none; color:#f9e603; background-color: #000;}

.btn-vermas a:visited { text-decoration:none; color:#f9e603; background-color: #000;}

.btn-vermas a:hover { text-decoration:none; color:#000; background-color: #f9e603;}

.pie { width:100%; background-color: #2256a2; height: 115px; clear: both; border-top-width: 3px; border-top-style: solid; border-top-color: #f0f0f0; z-index: 1; position: relative; -webkit-box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.25);}

.inner-pie { width:1176px; margin:0 auto; clear:both; padding: 0px;}

.cajas_pie { float: left; width: 1110px; padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;}

.cajas_pie h3 { font-size: 22px; font-family: "Calibri Bold"; font-weight:bold; text-align: left; color: #F3F3F3;}

.pie .inner-pie #nobgs{ background-image: url(../imagenes/nada.jpg)!important; background-repeat: no-repeat; background-position: right 240px; width: 50px; padding-left: 10px; padding-top: 10px; float: right;}

.cajas_pie p { font-size: 14px; font-family: 'Calibri'; font-weight:normal; color:#F3F3F3; line-height: 20px; margin: 0px; padding: 0px; text-align: left;}

.cajas_pie a { color:#F3F3F3; text-decoration:none;}

.cajas_pie a:active { color:#F3F3F3; text-decoration:none;}

.cajas_pie a:visited { color:#F3F3F3; text-decoration:none;}

.cajas_pie a:hover { color:#57BCE2; text-decoration:underline;}

.cajas_pie .redes { float:right; margin-top: 0px;}

.cajas_pie .sucursales { line-height: 30px!Important; font-size: 14px; text-align: left;}

.cajas_pie .sucursales span{ float:right; font-size: 14px; line-height: 30px!Important;}

#cajacentro { width: 200px; padding-left: 80px;}

#banner { width:100%;}

.titulo-sector{ font-family: 'Calibri Bold'; font-weight:bold; font-size:24px; color: #f3f3f3; margin: 0px; padding: 5px; background-color: #57bce2; text-align: left; width:320px;}

h1.titulo-sector span{ font-family: 'Calibri Bold'; font-weight:bold; font-size:16px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 9); color: #F9E603; margin: 0px; padding: 10px; background-color: #000; border-radius:5px; text-align: left;}

.textos-sectores { text-align: justify; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px; clear: both;}

.contenedor { clear: both; width: 100%; height: 300px; margin-top: 60px;}

.textos-sectores p{ line-height:18px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; text-align: justify;}

.sectores {width:100%; clear:both;}

.inner-sectores { width:1136px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #f3f3f3; padding: 20px; clear:both;}

.noticia-img { float:left; margin-right: 20px;}

.noticia-titulo { float:left; width: 600px;}

.noticia-texto { float:left; width: 600px; margin-top: 10px;}

#contacto { clear: both; height: 400px; position: relative; width: 940px; margin:0 auto;}

#campo1, #campo2, #campo3, #campo4, #campo5 {width:280px; margin-top:5px; margin-bottom:5px; padding:5px;}

#enviar {padding-top:0px; padding-bottom:7px; position:relative!important; left: 40px; background-color: #42b1f6!important;}

#enviar:hover {color:#ffffff!Important; background-color:#0a264f!Important;}

#mensaje {top:15px!Important; z-index: 999!Important; margin-left: -450px!Important;}

.obra { float:left; width:280px; height:220px; background-image: url(../imagenes/separador-centro.jpg); background-repeat: no-repeat; background-position: right 240px; margin-top: 10px; margin-left: 7px;}

.img-obra { float:left; -webkit-box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.20); box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.20); border: 5px solid #f9e603; border-radius:5px;}

.img-obra img { border-radius:5px;}

.img-obra img:hover { opacity:0.7;}

.titulo-obra { float:left; position: relative; top: -70px; left: 15px; text-align: left; margin: 0px; padding: 0px;}

.titulo-obra h1 { font-family: 'Calibri Bold'; font-weight:bold; font-size:24px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 9); color: #F9E603; margin: 0px; padding: 0px;}

.obra .btn-vermas { float:right; position: relative; top: -29px; clip: rect(auto,auto,auto,auto); right: 16px;}

.obras {width:100%; clear:both;}

.inner-obras { width:1156px; height:750px; margin:0 auto; background-color: #f3f3f3; padding: 10px;}

.left { float: left; width: 500px;}

.right { color: #F9E603; background-color: #000; float: right; width: 335px; text-align: center; border-radius:10px; margin-top:-30px;}

h1.subrayado { border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #57bce2; font-size: 5px;}

.calidad{ float:left; width: 550px; height: 250px;}

.ubicacion{ float:right; width: 550px; height: 250px;}

.telefono { float:left; background-image: url(../imagenes/telefono.png); background-repeat: no-repeat; padding-left: 35px; margin-right: 50px;}

.mail { float:left; background-image: url(../imagenes/mail.png); background-repeat: no-repeat; padding-left: 35px; margin-right: 50px;}

.direccion { float:left; background-image: url(../imagenes/ubicacion.png); background-repeat: no-repeat; padding-left: 35px;}

.pie .inner-pie #firma { width: 1150px;}

.pie .inner-pie #firma p { text-align: center;}

.productos{ float:left; width: 355px; height: 250px; margin-right: 20px;}

.productos .titulo-sector { font-size: 14px;}

.productos img:hover{ opacity:0.7;}

.tproducto { border: thin dotted #57BCE2;}

.tproducto th { background-color: #4078b0; color: #fff; padding: 3px 10px;}

.tmodel td { background-color: #eee; border: 1px solid #fff;padding: 2px 10px;}

.tproducto span.titulo { padding-left: 20px;}

.inner-titulo { width:1140px; height: 40px; float: left;}

.inner-titulo .titulo-sector { float:left;}

.pdf img { height: 39px; width: 40px;}

.inner-titulo .pdf { float:right; margin-right: 5px;}

.inner-titulo .pdf:hover { opacity:0.7;}

.textos-sectores img { padding: 5px; border: 5px solid #57BCE2; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px;}

#calidad .textos-sectores { float: left; width: 1140px;}

#calidad .subrayado { float: left; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #57bce2; font-size: 5px; width: 1136px; margin-top: 3px;}

#calidad { height: 1200px; width: 1136px;}



/**********************
Ws botón redondo con tooltip
***********************/
#chat-ws-redondo.ws.tooltip {
  position: fixed;
  bottom: 20px;
  left: 40px;
  width: 37px;
  height: 40px;
  border-radius: 50%!important;
  cursor: pointer;
  display: block;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
          box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  z-index: 999;
  background: #1ca550;
  padding: 10px;
  opacity: 1;
}

#chat-ws-redondo.ws.tooltip img {
  padding-left: 0px;
  padding-top: 0px;
  width: 100%;
}

#chat-ws-redondo.ws.tooltip i {
  font-size: 44px;
  color: white;
}

.ws.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #1ca550;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.ws.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #1ca550 transparent transparent transparent;
}

.ws.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}