@charset "CP850";
@import url(reset.css);
/* - - - - - - - - - - - - - - - - - - - - -

Titulo          : lopez comercial
URL             : lopez comercial

Autor           : Puntopy Interactive Agency
Site            : www.puntopy.com

- - - - - - - - - - - - - - - - - - - - - */
/*************** RESET Y GLOBALES ***************/
/*

MOOD Framework :: 2.0

Made by @lickybuay

Collaboration of: 
@cafedesigners / @paoluque / @diegoplus / @cbenitez10

m = Margin / p = Padding / s = Size
ml = Margin Left   /   mr = Margin Right
mt = Margin Top   /    mb = Margin Bottom
pl = Padding Left   /   pr = Padding Right
pt = Padding Top   /    pb = Padding Bottom


Last update: 22-08-1012

Modification of Version:
- Fixed Clear class
- removed body overflow-x


*/
/*@mixin redondeado ($leftop, $rightop, $leftdown, $rightdown) {
	//How tu use: @include redondeado(lefttop, rightop, leftdown, rightdown);	
	-webkit-border-radius: $leftop+px $rightop+px $leftdown+px $rightdown+px;
    -moz-border-radius: $leftop+px $rightop+px $leftdown+px $rightdown+px;
    border-radius: $leftop+px $rightop+px $leftdown+px $rightdown+px;
}*/
/*@mixin piecss() { 
	//How tu use: @include piecss();
	behavior: url(PIE.php); 
}*/
.left {
  float: left; }

.right {
  float: right; }

b, strong {
  font-weight: bold; }

.positionrelative {
  position: relative; }

a:hover, input[type="button"]:hover, input[type="submit"]:hover {
  cursor: pointer; }

.displaynone {
  display: none; }

.alignleft {
  text-align: left; }

.alignright {
  text-align: right; }

.alignjustify {
  text-align: justify; }

.aligncenter {
  text-align: center; }

a {
  text-decoration: none; }

.divcentrado {
  margin-left: auto;
  margin-right: auto; }

.clear {
  zoom: 1; }
  .clear:before {
    display: table;
    content: ""; }
  .clear:after {
    display: table;
    content: "";
    clear: both; }

.displayblock {
  display: block; }

/*MARGIN / PADDING 0*/
.m0 {
  margin: 0; }

.p0 {
  padding: 0; }

/*TAMAŅOS - S960*/
.s20 {
  width: 20px; }

.s40 {
  width: 40px; }

.s60 {
  width: 60px; }

.s80 {
  width: 80px; }

.s100 {
  width: 100px; }

.s120 {
  width: 120px; }

.s140 {
  width: 140px; }

.s160 {
  width: 160px; }

.s180 {
  width: 180px; }

.s200 {
  width: 200px; }

.s220 {
  width: 220px; }

.s240 {
  width: 240px; }

.s260 {
  width: 260px; }

.s280 {
  width: 280px; }

.s300 {
  width: 300px; }

.s320 {
  width: 320px; }

.s340 {
  width: 340px; }

.s360 {
  width: 360px; }

.s380 {
  width: 380px; }

.s400 {
  width: 400px; }

.s420 {
  width: 420px; }

.s440 {
  width: 440px; }

.s460 {
  width: 460px; }

.s480 {
  width: 480px; }

.s500 {
  width: 500px; }

.s520 {
  width: 520px; }

.s540 {
  width: 540px; }

.s560 {
  width: 560px; }

.s580 {
  width: 580px; }

.s600 {
  width: 600px; }

.s620 {
  width: 620px; }

.s640 {
  width: 640px; }

.s660 {
  width: 660px; }

.s680 {
  width: 680px; }

.s700 {
  width: 700px; }

.s720 {
  width: 720px; }

.s740 {
  width: 740px; }

.s760 {
  width: 760px; }

.s780 {
  width: 780px; }

.s800 {
  width: 800px; }

.s820 {
  width: 820px; }

.s840 {
  width: 840px; }

.s860 {
  width: 860px; }

.s880 {
  width: 880px; }

.s900 {
  width: 900px; }

.s920 {
  width: 920px; }

.s940 {
  width: 940px; }

.s960 {
  width: 960px; }

/*LINE HEIGHT*/
.lh18 {
  line-height: 18px; }

.lh24 {
  line-height: 24px; }

.lh36 {
  line-height: 36px; }

/*MARGIN*/
.margin5 {
  margin: 5px; }

.margin10 {
  margin: 10px; }

.margin15 {
  margin: 15px; }

.margin20 {
  margin: 20px; }

/*MARGINS*/
.mt10 {
  margin-top: 10px; }

.mr10 {
  margin-right: 10px; }

.mb10 {
  margin-bottom: 10px; }

.ml10 {
  margin-left: 10px; }

.mt20 {
  margin-top: 20px; }

.mr20 {
  margin-right: 20px; }

.mb20 {
  margin-bottom: 20px; }

.ml20 {
  margin-left: 20px; }

.mt30 {
  margin-top: 30px; }

.mr30 {
  margin-right: 30px; }

.mb30 {
  margin-bottom: 30px; }

.ml30 {
  margin-left: 30px; }

.mt40 {
  margin-top: 40px; }

.mr40 {
  margin-right: 40px; }

.mb40 {
  margin-bottom: 40px; }

.ml40 {
  margin-left: 40px; }

.mt50 {
  margin-top: 50px; }

.mr50 {
  margin-right: 50px; }

.mb50 {
  margin-bottom: 50px; }

.ml50 {
  margin-left: 50px; }

.mt60 {
  margin-top: 60px; }

.mr60 {
  margin-right: 60px; }

.mb60 {
  margin-bottom: 60px; }

.ml60 {
  margin-left: 60px; }

.mt70 {
  margin-top: 70px; }

.mr70 {
  margin-right: 70px; }

.mb70 {
  margin-bottom: 70px; }

.ml70 {
  margin-left: 70px; }

.mt80 {
  margin-top: 80px; }

.mr80 {
  margin-right: 80px; }

.mb80 {
  margin-bottom: 80px; }

.ml80 {
  margin-left: 80px; }

.mt90 {
  margin-top: 90px; }

.mr90 {
  margin-right: 90px; }

.mb90 {
  margin-bottom: 90px; }

.ml90 {
  margin-left: 90px; }

.mt100 {
  margin-top: 100px; }

.mr100 {
  margin-right: 100px; }

.mb100 {
  margin-bottom: 100px; }

.ml100 {
  margin-left: 100px; }

.mt110 {
  margin-top: 110px; }

.mr110 {
  margin-right: 110px; }

.mb110 {
  margin-bottom: 110px; }

.ml110 {
  margin-left: 110px; }

.mt120 {
  margin-top: 120px; }

.mr120 {
  margin-right: 120px; }

.mb120 {
  margin-bottom: 120px; }

.ml120 {
  margin-left: 120px; }

.mt130 {
  margin-top: 130px; }

.mr130 {
  margin-right: 130px; }

.mb130 {
  margin-bottom: 130px; }

.ml130 {
  margin-left: 130px; }

.mt140 {
  margin-top: 140px; }

.mr140 {
  margin-right: 140px; }

.mb140 {
  margin-bottom: 140px; }

.ml140 {
  margin-left: 140px; }

.mt150 {
  margin-top: 150px; }

.mr150 {
  margin-right: 150px; }

.mb150 {
  margin-bottom: 150px; }

.ml150 {
  margin-left: 150px; }

.mt160 {
  margin-top: 160px; }

.mr160 {
  margin-right: 160px; }

.mb160 {
  margin-bottom: 160px; }

.ml160 {
  margin-left: 160px; }

.mt170 {
  margin-top: 170px; }

.mr170 {
  margin-right: 170px; }

.mb170 {
  margin-bottom: 170px; }

.ml170 {
  margin-left: 170px; }

.mt180 {
  margin-top: 180px; }

.mr180 {
  margin-right: 180px; }

.mb180 {
  margin-bottom: 180px; }

.ml180 {
  margin-left: 180px; }

.mt190 {
  margin-top: 190px; }

.mr190 {
  margin-right: 190px; }

.mb190 {
  margin-bottom: 190px; }

.ml190 {
  margin-left: 190px; }

.mt200 {
  margin-top: 200px; }

.mr200 {
  margin-right: 200px; }

.mb200 {
  margin-bottom: 200px; }

.ml200 {
  margin-left: 200px; }

/*PADDING*/
.padding5 {
  padding: 5px; }

.padding10 {
  padding: 10px; }

.padding15 {
  padding: 15px; }

.padding20 {
  padding: 20px; }

.pl5 {
  padding-left: 5px; }

.pl10 {
  padding-left: 10px; }

.pl15 {
  padding-left: 15px; }

.pl20 {
  padding-left: 20px; }

.pr5 {
  padding-right: 5px; }

.pr10 {
  padding-right: 10px; }

.pr15 {
  padding-right: 15px; }

.pr20 {
  padding-right: 20px; }

.pt5 {
  padding-top: 5px; }

.pt10 {
  padding-top: 10px; }

.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pb5 {
  padding-bottom: 5px; }

.pb10 {
  padding-bottom: 10px; }

.pb15 {
  padding-bottom: 15px; }

.pb20 {
  padding-bottom: 20px; }

@font-face {
  font-family: "arimo";
  src: url("../fonts/Arimo-Regular-Latin-webfont.eot");
  src: url("../fonts/Arimo-Regular-Latin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Arimo-Regular-Latin-webfont.woff") format("woff"), url("../fonts/Arimo-Regular-Latin-webfont.ttf") format("truetype"), url("../fonts/Arimo-Regular-Latin-webfont.svg#arimo") format("svg");
  font-weight: normal;
  font-style: normal; }

/*$amarillo: #ffff00;*/
#bgtop {
  background: url(../images/bgTop.jpg) repeat-x top #ebebeb; }

#home #bgtop {
  background-image: url(../images/bgTop_home.jpg); }

body {
  font-size: 12px;
  font-family: Arial;
  background: #000; }

::-moz-selection {
  background: #ffcc00;
  color: black;
  text-shadow: none; }

::selection {
  background: #ffcc00;
  color: black;
  text-shadow: none; }

input, textarea, buttom, select {
  font-family: "Arial";
  font-size: 12px; }

/*h1 { font-size: 24px; color: #363636; }*/
/*h2 { font-size: 20px; color: $negro; }*/
h3 {
  font-size: 16px;
  color: #9b9b9b; }

.wrap {
  width: 960px;
  margin: 0 auto;
  position: relative; }

a {
  color: inherit; }

a:hover {
  color: #ffae00; }

#home-sa a[title="INICIO-SA"], #home-srl a[title="INICIO-SRL"] {
  background: url("../images/nav-homesa-small.png");
  width: 93px;
  background-position: top right;
  color: #fff; }

#productos a[title="PRODUCTOS"] {
  background: url("../images/nav-homesa-med2.png");
  width: 114px;
  background-position: top right;
  color: #fff; }

#consultas a[title="CONSULTAS-SRL"] {
  background: url("../images/nav-homesa-med2.png");
  width: 114px;
  background-position: top right;
  color: #fff; }

#servicios-sa a[title="SERVICIO-SA"], #faq a[title="FAQ"], #puntos a[title="PUNTOS"] {
  background: url("../images/nav-homesa-big.png");
  width: 214px;
  background-position: top right;
  color: #fff; }

#consultas-sa a[title="CONSULTAS-SA"] {
  background: url("../images/nav-homesa-med.png");
  width: 144px;
  background-position: top right;
  color: #fff; }

#proyectos-sa a[title="PROYECTOS-SA"] {
  background: url("../images/nav-homesa-med.png");
  width: 144px;
  background-position: top right;
  color: #fff; }

/****************** LAYOUT ******************/
.fullwidth {
  width: 100%;
  float: left;
  /*background:red;*/
  /*overflow:hidden;*/ }

.wrapp {
  width: 960px;
  /*margin-left: auto; margin-right: auto; */
  position: relative; }

#header {
  background-image: url("../images/bg-header_intro.png");
  height: 151px;
  position: relative;
  background-repeat: repeat-x; }
  #header .wrapp {
    height: auto; }
    #header .wrapp a[title="logo-home"] {
      display: block;
      z-index: 999;
      position: absolute;
      width: 190px;
      height: 190px;
      top: 6px;
      left: 378px;
      float: left; }
    #header .wrapp a[title="logo-sa"] {
      display: block;
      z-index: 999;
      position: absolute;
      width: 190px;
      height: 190px;
      top: 6px;
      left: -10px;
      float: left; }
    #header .wrapp h2 {
      color: #fff; }

.ruta {
  background: url("../images/bg-ruta.png") no-repeat center center;
  height: auto; }

#contentindex {
  background-image: url("../images/bg-yellow-hm.jpg");
  width: 100%;
  height: 477px;
  clear: both; }
  #contentindex #home-content {
    background: url("../images/bg-shadow-hm.jpg") no-repeat top center;
    height: 477px;
    /*width: 110px;*/ }
    #contentindex #home-content .right {
      position: relative;
      height: 477px; }
      #contentindex #home-content .right h2 {
        text-transform: uppercase;
        font-size: 22px;
        font-family: arimo;
        text-align: center; }
      #contentindex #home-content .right a {
        background-image: url("../images/btn-ingresar-r.png");
        display: block;
        height: 50px;
        width: 125px;
        position: absolute;
        left: 160px;
        bottom: -25px;
        z-index: 99; }
        #contentindex #home-content .right a:hover {
          background-position: bottom; }
    #contentindex #home-content .left {
      position: relative;
      height: 477px; }
      #contentindex #home-content .left h2 {
        text-transform: uppercase;
        font-size: 22px;
        font-family: arimo;
        text-align: center;
        position: absolute;
        left: 170px;
        bottom: 75px; }
      #contentindex #home-content .left a {
        background-image: url("../images/btn-ingresar-l.png");
        display: block;
        height: 50px;
        width: 125px;
        position: absolute;
        left: 160px;
        bottom: -25px;
        z-index: 99; }
        #contentindex #home-content .left a:hover {
          background-position: bottom; }

#footer {
  background-image: url("../images/bg-footer.jpg");
  height: 250px;
  padding-top: 10px;
  overflow: hidden; }
  #footer .s260 {
    border-right: 1px solid #2d2d2d;
    overflow: hidden;
    height: 150px;
    padding-top: 50px; }
    #footer .s260 h2 {
      margin-bottom: 13px;
      font-weight: bold;
      font-size: 16px;
      text-align: center;
      color: #fff; }
  #footer .s420 {
    padding: 50px 0 0 23px;
    line-height: 1.3; }
    #footer .s420 h2 {
      padding-bottom: 20px;
      font-size: 12px;
      color: #fff;
      font-weight: bold;
      text-align: center; }
    #footer .s420 img {
      float: left;
      padding-right: 5px; }
    #footer .s420 p {
      float: left;
      color: #fff;
      padding-top: 6px; }
    #footer .s420 span {
      float: left; }
  #footer .s240 {
    border-left: 1px solid #2d2d2d;
    padding-top: 50px;
    text-align: center;
    height: 150px; }
    #footer .s240 p {
      margin: 10px;
      color: #fff;
      font-weight: bold; }

.overflow {
  overflow: hidden; }

#content-sa {
  background: #ffd83d url("../images/bg-home-sa.jpg") repeat-x top center;
  height: auto;
  padding-bottom: 20px; }

.nav {
  margin-left: 240px; }
  .nav li {
    float: left;
    margin-right: 3px;
    margin-bottom: 30px; }
    .nav li a {
      height: 35px;
      display: block;
      text-align: center;
      color: #000;
      padding-top: 12px;
      font-size: 20px; }
    .nav li a[title="INICIO-SA"] {
      background: url("../images/nav-homesa-small.png");
      width: 93px; }
      .nav li a[title="INICIO-SA"]:hover {
        background-position: top right;
        color: #fff; }
    .nav li a[title="SERVICIO-SA"] {
      background: url("../images/nav-homesa-big.png");
      width: 214px; }
      .nav li a[title="SERVICIO-SA"]:hover {
        background-position: top right;
        color: #fff; }
    .nav li a[title="PROYECTOS-SA"] {
      background: url("../images/nav-homesa-med.png");
      width: 144px; }
      .nav li a[title="PROYECTOS-SA"]:hover {
        background-position: top right;
        color: #fff; }
    .nav li a[title="CONSULTAS-SA"] {
      background: url("../images/nav-homesa-med.png");
      width: 144px; }
      .nav li a[title="CONSULTAS-SA"]:hover {
        background-position: top right;
        color: #fff; }

.section-banner-sa {
  height: auto; }
  .section-banner-sa .content-banner {
    background: #fff;
    padding: 6px;
    height: 387px;
    width: 732px;
    position: relative;
    -webkit-border-radius: 7px 7px 7px 7px !important;
    -moz-border-radius: 7px 7px 7px 7px !important;
    border-radius: 7px 7px 7px 7px !important;
    behavior: url(./PIE.php); }
  .section-banner-sa .boletin {
    -webkit-border-radius: 7px 7px 7px 7px !important;
    -moz-border-radius: 7px 7px 7px 7px !important;
    border-radius: 7px 7px 7px 7px !important;
    behavior: url(./PIE.php);
    background: #000;
    width: 170px;
    /*float: right;*/
    padding: 20px 15px 20px 15px;
    position: relative;
    height: 280px; }
    .section-banner-sa .boletin h2 {
      color: #ffcc00;
      font-size: 20px; }
    .section-banner-sa .boletin p {
      line-height: 1.3;
      color: #fff;
      font-size: 11px; }
    .section-banner-sa .boletin form label {
      color: #fff;
      display: block;
      margin-bottom: 5px;
      margin-top: 15px; }
    .section-banner-sa .boletin form input[type="text"] {
      position: relative;
      background: white;
      background: -webkit-gradient(linear, 0 0, 0 bottom, from(white), to(#d0d0d0));
      background: -webkit-linear-gradient(white, #d0d0d0);
      background: -moz-linear-gradient(white, #d0d0d0);
      background: -ms-linear-gradient(white, #d0d0d0);
      background: -o-linear-gradient(white, #d0d0d0);
      background: linear-gradient(white, #d0d0d0);
      -pie-background: linear-gradient(white, #d0d0d0);
      -webkit-border-radius: 5px 5px 5px 5px !important;
      -moz-border-radius: 5px 5px 5px 5px !important;
      border-radius: 5px 5px 5px 5px !important;
      behavior: url(./PIE.php);
      height: 30px;
      padding: 0 5px 0 5px;
      border: none;
      width: 160px; }
    .section-banner-sa .boletin form input[type="submit"] {
      position: relative;
      background: #f2cf42;
      background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f2cf42), to(#e08512));
      background: -webkit-linear-gradient(#f2cf42, #e08512);
      background: -moz-linear-gradient(#f2cf42, #e08512);
      background: -ms-linear-gradient(#f2cf42, #e08512);
      background: -o-linear-gradient(#f2cf42, #e08512);
      background: linear-gradient(#f2cf42, #e08512);
      -pie-background: linear-gradient(#f2cf42, #e08512);
      -webkit-border-radius: 5px 5px 5px 5px !important;
      -moz-border-radius: 5px 5px 5px 5px !important;
      border-radius: 5px 5px 5px 5px !important;
      behavior: url(./PIE.php);
      border: 1px solid #df9300;
      padding: 3px;
      text-align: center;
      display: block;
      margin: 10px auto 0 auto; }

.novedadesbox {
  height: 150px;
  padding: 10px;
  background: #3a3a3a;
  position: relative;
  margin-top: 14px;
  -webkit-border-radius: 5px 5px 5px 5px !important;
  -moz-border-radius: 5px 5px 5px 5px !important;
  border-radius: 5px 5px 5px 5px !important;
  behavior: url(./PIE.php); }
  .novedadesbox .title-novedades {
    color: #fff;
    clear: both;
    overflow: hidden;
    height: auto;
    padding-bottom: 8px;
    border-bottom: 1px solid #f6d466; }
    .novedadesbox .title-novedades h2 {
      font-size: 16px;
      padding-top: 5px; }
    .novedadesbox .title-novedades a {
      float: right; }
    .novedadesbox .title-novedades a[title="VERTODOS"] {
      position: relative;
      background: #989898;
      background: -webkit-gradient(linear, 0 0, 0 bottom, from(#989898), to(#666666));
      background: -webkit-linear-gradient(#989898, #666666);
      background: -moz-linear-gradient(#989898, #666666);
      background: -ms-linear-gradient(#989898, #666666);
      background: -o-linear-gradient(#989898, #666666);
      background: linear-gradient(#989898, #666666);
      -pie-background: linear-gradient(#989898, #666666);
      -webkit-border-radius: 5px 5px 5px 5px !important;
      -moz-border-radius: 5px 5px 5px 5px !important;
      border-radius: 5px 5px 5px 5px !important;
      behavior: url(./PIE.php);
      display: block;
      padding: 9px 6px 0 6px;
      height: 22px;
      color: #fff;
      margin-right: 10px; }
    .novedadesbox .title-novedades a[title="VEREJECUCION"] {
      position: relative;
      color: #fff;
      background: #cacaca;
      background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cacaca), to(#999999));
      background: -webkit-linear-gradient(#cacaca, #999999);
      background: -moz-linear-gradient(#cacaca, #999999);
      background: -ms-linear-gradient(#cacaca, #999999);
      background: -o-linear-gradient(#cacaca, #999999);
      background: linear-gradient(#cacaca, #999999);
      -pie-background: linear-gradient(#cacaca, #999999);
      -webkit-border-radius: 5px 5px 5px 5px !important;
      -moz-border-radius: 5px 5px 5px 5px !important;
      border-radius: 5px 5px 5px 5px !important;
      behavior: url(./PIE.php);
      display: block;
      padding: 9px 6px 0 6px;
      height: 22px; }
  .novedadesbox ul {
    width: auto;
    height: auto;
    clear: both;
    overflow: hidden; }
    .novedadesbox ul li {
      padding-top: 14px;
      padding-bottom: 5px;
      width: 210px;
      height: auto;
      overflow: hidden;
      float: left;
      padding-right: 15px; }
      .novedadesbox ul li .marcoimg {
        background: green;
        overflow: hidden;
        height: 67px; }
      .novedadesbox ul li .right {
        line-height: 1.3;
        color: #fff; }
        .novedadesbox ul li .right h2 {
          text-decoration: underline; }
        .novedadesbox ul li .right p {
          color: #cdcdcd; }
      .novedadesbox ul li:nth-child(2n) {
        background-color: #5b5b5b;
        padding-left: 18px; }
      .novedadesbox ul li:nth-child(3) {
        padding-left: 18px; }

.section-servicios {
  background: #fff;
  position: relative;
  padding: 45px 15px 20px 15px;
  -webkit-border-radius: 5px 5px 5px 5px !important;
  -moz-border-radius: 5px 5px 5px 5px !important;
  border-radius: 5px 5px 5px 5px !important;
  behavior: url(./PIE.php);
  border: 1px solid #a0a0a0; }
  .section-servicios .s220 {
    line-height: 1.4; }
    .section-servicios .s220 h2 {
      font-size: 18px;
      margin-top: 20px;
      margin-bottom: 10px; }
    .section-servicios .s220 ul {
      list-style-position: inside;
      list-style-image: url("../images/item-li.jpg"); }
      .section-servicios .s220 ul li {
        /*border:1px solid red;*/
        margin-top: 5px; }
  .section-servicios .s230 {
    width: 234px;
    margin-right: 6px; }
    .section-servicios .s230 .bg-imagen {
      width: 214px;
      height: 160px;
      overflow: hidden;
      background: white;
      -moz-box-shadow: 1px 2px 9px #303030;
      -webkit-box-shadow: 1px 2px 9px #303030;
      box-shadow: 1px 2px 9px #303030;
      behavior: url(./PIE.php);
      position: relative; }
    .section-servicios .s230 .fecha {
      margin-bottom: 6px;
      margin-top: 12px;
      color: #656565; }
    .section-servicios .s230 h2 {
      font-size: 18px;
      margin-bottom: 8px; }
  .section-servicios form label {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 5px;
    display: block; }
  .section-servicios form input[type="text"] {
    position: relative;
    background: #e9e9e9;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e9e9e9), to(#d0d0d0));
    background: -webkit-linear-gradient(#e9e9e9, #d0d0d0);
    background: -moz-linear-gradient(#e9e9e9, #d0d0d0);
    background: -ms-linear-gradient(#e9e9e9, #d0d0d0);
    background: -o-linear-gradient(#e9e9e9, #d0d0d0);
    background: linear-gradient(#e9e9e9, #d0d0d0);
    -pie-background: linear-gradient(#e9e9e9, #d0d0d0);
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    behavior: url(./PIE.php);
    height: 30px;
    padding: 0 5px 0 5px;
    border: none;
    width: 160px;
    clear: both;
    width: 340px; }
  .section-servicios form textarea {
    padding: 10px;
    height: 50px;
    width: 326px;
    position: relative;
    background: #e9e9e9;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e9e9e9), to(#d0d0d0));
    background: -webkit-linear-gradient(#e9e9e9, #d0d0d0);
    background: -moz-linear-gradient(#e9e9e9, #d0d0d0);
    background: -ms-linear-gradient(#e9e9e9, #d0d0d0);
    background: -o-linear-gradient(#e9e9e9, #d0d0d0);
    background: linear-gradient(#e9e9e9, #d0d0d0);
    -pie-background: linear-gradient(#e9e9e9, #d0d0d0);
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    behavior: url(./PIE.php);
    border: 0px solid blue; }
  .section-servicios form input[type="submit"] {
    position: relative;
    background: #f2cf42;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f2cf42), to(#e08512));
    background: -webkit-linear-gradient(#f2cf42, #e08512);
    background: -moz-linear-gradient(#f2cf42, #e08512);
    background: -ms-linear-gradient(#f2cf42, #e08512);
    background: -o-linear-gradient(#f2cf42, #e08512);
    background: linear-gradient(#f2cf42, #e08512);
    -pie-background: linear-gradient(#f2cf42, #e08512);
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    behavior: url(./PIE.php);
    border: 1px solid #df9300;
    padding: 3px;
    text-align: center;
    display: block;
    margin: 10px 55px 0 auto; }
  .section-servicios .title-h2 {
    font-size: 18px; }
  .section-servicios .title-h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 12px;
    padding: 10px;
    border-radius: 5px;
    color: #000;
    background: #ffed00; }
  .section-servicios p {
    line-height: 1.3; }
  .section-servicios h1 {
    font-size: 24px;
    margin-bottom: 20px; }

.paginator {
  height: 50px;
  clear: both; }
  .paginator a {
    position: relative;
    border-bottom: 1px solid #b6b6b6;
    background: white;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(white), to(#c8c8c8));
    background: -webkit-linear-gradient(white, #c8c8c8);
    background: -moz-linear-gradient(white, #c8c8c8);
    background: -ms-linear-gradient(white, #c8c8c8);
    background: -o-linear-gradient(white, #c8c8c8);
    background: linear-gradient(white, #c8c8c8);
    -pie-background: linear-gradient(white, #c8c8c8);
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    behavior: url(./PIE.php);
    display: block;
    float: left;
    margin-right: 5px;
    height: 19px;
    width: 15px;
    padding: 6px 0 0 7px; }
    .paginator a:hover {
      background: #838383;
      background: -webkit-gradient(linear, 0 0, 0 bottom, from(#838383), to(#363636));
      background: -webkit-linear-gradient(#838383, #363636);
      background: -moz-linear-gradient(#838383, #363636);
      background: -ms-linear-gradient(#838383, #363636);
      background: -o-linear-gradient(#838383, #363636);
      background: linear-gradient(#838383, #363636);
      -pie-background: linear-gradient(#838383, #363636);
      behavior: url(./PIE.php); }

/********BANNER*********/
.content-img-banner {
  width: 732px;
  height: 387px;
  position: relative; }
  .content-img-banner p {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    color: #000; }

.hide {
  visibility: hidden;
  display: block;
  position: absolute; }

.resaltado {
  font-weight: bold; }

/*****LIGHTBOX*****/
.h1-lightbox {
  font-size: 18px;
  margin-bottom: 15px; }

/*********SRL************/
#header-srl {
  background-image: url("../images/bg-header-srl.jpg");
  height: 151px;
  position: relative;
  background-repeat: repeat-x; }
  #header-srl .wrapp {
    height: auto; }
    #header-srl .wrapp a[title="logo-srl"] {
      display: block;
      z-index: 999;
      position: absolute;
      width: 170px;
      height: 170px;
      top: 15px;
      left: -5px;
      float: left; }
    #header-srl .wrapp h2 {
      color: #fff;
      position: absolute;
      top: -22px;
      left: 35px; }

.nav-srl {
  margin-left: 200px;
  width: 770px; }
  .nav-srl li {
    float: left;
    margin-right: 3px;
    margin-bottom: 30px; }
    .nav-srl li a {
      height: 35px;
      display: block;
      text-align: center;
      color: #000;
      padding-top: 12px;
      font-size: 20px; }
    .nav-srl li a[title="INICIO-SRL"] {
      background: url("../images/nav-homesa-small.png");
      width: 93px; }
      .nav-srl li a[title="INICIO-SRL"]:hover {
        background-position: top right;
        color: #fff; }
    .nav-srl li a[title="FAQ"] {
      background: url("../images/nav-homesa-big.png");
      width: 214px; }
      .nav-srl li a[title="FAQ"]:hover {
        background-position: top right;
        color: #fff; }
    .nav-srl li a[title="PUNTOS"] {
      background: url("../images/nav-homesa-big.png");
      width: 214px; }
      .nav-srl li a[title="PUNTOS"]:hover {
        background-position: top right;
        color: #fff; }
    .nav-srl li a[title="PRODUCTOS"] {
      background: url("../images/nav-homesa-med2.png");
      width: 114px; }
      .nav-srl li a[title="PRODUCTOS"]:hover {
        background-position: top right;
        color: #fff; }
    .nav-srl li a[title="CONSULTAS-SRL"] {
      background: url("../images/nav-homesa-med2.png");
      width: 114px; }
      .nav-srl li a[title="CONSULTAS-SRL"]:hover {
        background-position: top right;
        color: #fff; }

.contenedorboletin {
  width: 190px !important;
  float: right;
  /*border: 1px solid red;*/
  height: 400px;
  overflow: hidden; }

.boletin2 {
  -webkit-border-radius: 7px 7px 7px 7px !important;
  -moz-border-radius: 7px 7px 7px 7px !important;
  border-radius: 7px 7px 7px 7px !important;
  behavior: url(./PIE.php);
  background: #000;
  width: 160px !important;
  padding: 20px 15px 20px 15px;
  position: relative;
  height: 222px;
  /*clear: both; */
  margin-top: 2px; }
  .boletin2 h2 {
    color: #ffcc00;
    font-size: 19px;
    /*margin-bottom: 15px !important;*/ }
  .boletin2 p {
    line-height: 1.3;
    color: #fff;
    font-size: 11px; }
  .boletin2 form label {
    color: #fff;
    display: block;
    margin-bottom: 5px;
    margin-top: 15px; }
  .boletin2 form input[type="text"] {
    position: relative;
    background: white;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(white), to(#d0d0d0));
    background: -webkit-linear-gradient(white, #d0d0d0);
    background: -moz-linear-gradient(white, #d0d0d0);
    background: -ms-linear-gradient(white, #d0d0d0);
    background: -o-linear-gradient(white, #d0d0d0);
    background: linear-gradient(white, #d0d0d0);
    -pie-background: linear-gradient(white, #d0d0d0);
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    behavior: url(./PIE.php);
    height: 30px;
    padding: 0 5px 0 5px;
    border: none;
    width: 150px; }
  .boletin2 form input[type="submit"] {
    position: relative;
    background: #f2cf42;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f2cf42), to(#e08512));
    background: -webkit-linear-gradient(#f2cf42, #e08512);
    background: -moz-linear-gradient(#f2cf42, #e08512);
    background: -ms-linear-gradient(#f2cf42, #e08512);
    background: -o-linear-gradient(#f2cf42, #e08512);
    background: linear-gradient(#f2cf42, #e08512);
    -pie-background: linear-gradient(#f2cf42, #e08512);
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    behavior: url(./PIE.php);
    border: 1px solid #df9300;
    padding: 3px;
    text-align: center;
    display: block;
    margin: 10px auto 0 auto; }

.productos-destacados {
  -webkit-border-radius: 5px 5px 5px 5px !important;
  -moz-border-radius: 5px 5px 5px 5px !important;
  border-radius: 5px 5px 5px 5px !important;
  behavior: url(./PIE.php);
  background: #fdf1b5;
  height: 120px;
  padding: 20px;
  clear: both;
  overflow: hidden;
  position: relative; }
  .productos-destacados h2 {
    font-size: 18px;
    margin-bottom: 5px; }
  .productos-destacados p {
    margin-bottom: 5px; }
  .productos-destacados a {
    padding: 5px;
    position: relative;
    background: #c8c8c8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c8c8c8), to(#fafafa));
    background: -webkit-linear-gradient(#c8c8c8, #fafafa);
    background: -moz-linear-gradient(#c8c8c8, #fafafa);
    background: -ms-linear-gradient(#c8c8c8, #fafafa);
    background: -o-linear-gradient(#c8c8c8, #fafafa);
    background: linear-gradient(#c8c8c8, #fafafa);
    -pie-background: linear-gradient(#c8c8c8, #fafafa);
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    behavior: url(./PIE.php);
    border: 2px solid #d0d0d0;
    font-weight: bold;
    overflow: hidden;
    color: #000;
    display: block;
    margin-top: 10px;
    width: 55px;
    text-decoration: center; }
  .productos-destacados .producto-destacado-box {
    width: 215px;
    height: 120px; }
    .productos-destacados .producto-destacado-box .boximagen {
      border: 3px solid #d8d8d8;
      float: left;
      margin-right: 10px;
      overflow: hidden;
      height: 108px; }

.productobox-lista {
  width: 450px;
  border: 1px solid #c4c5a6;
  margin-right: 25px;
  position: relative;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px !important;
  -moz-border-radius: 5px 5px 5px 5px !important;
  border-radius: 5px 5px 5px 5px !important;
  behavior: url(./PIE.php);
  height: 240px;
  -moz-box-shadow: 4px 2px 5px #1f1f1f;
  -webkit-box-shadow: 4px 2px 5px #1f1f1f;
  box-shadow: 4px 2px 5px #1f1f1f;
  line-height: 1.3; }
  .productobox-lista img {
    margin: 10px 50px 0 15px; }
  .productobox-lista .info h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px; }
  .productobox-lista .info p {
    margin-bottom: 5px; }
  .productobox-lista .info a {
    padding: 5px 15px 5px 15px;
    position: relative;
    background: #c8c8c8;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c8c8c8), to(#fafafa));
    background: -webkit-linear-gradient(#c8c8c8, #fafafa);
    background: -moz-linear-gradient(#c8c8c8, #fafafa);
    background: -ms-linear-gradient(#c8c8c8, #fafafa);
    background: -o-linear-gradient(#c8c8c8, #fafafa);
    background: linear-gradient(#c8c8c8, #fafafa);
    -pie-background: linear-gradient(#c8c8c8, #fafafa);
    -webkit-border-radius: 5px 5px 5px 5px !important;
    -moz-border-radius: 5px 5px 5px 5px !important;
    border-radius: 5px 5px 5px 5px !important;
    behavior: url(./PIE.php);
    border: 2px solid #d0d0d0;
    font-weight: bold;
    overflow: hidden;
    display: block;
    margin-top: 10px;
    width: 53px;
    text-decoration: center; }

.producto {
  border: 1px solid #c4c5a6;
  position: relative;
  background-color: #fff;
  -webkit-border-radius: 5px 5px 5px 5px !important;
  -moz-border-radius: 5px 5px 5px 5px !important;
  border-radius: 5px 5px 5px 5px !important;
  behavior: url(./PIE.php);
  height: auto;
  overflow: hidden;
  padding-bottom: 20px;
  -moz-box-shadow: 4px 2px 5px #1f1f1f;
  -webkit-box-shadow: 4px 2px 5px #1f1f1f;
  box-shadow: 4px 2px 5px #1f1f1f;
  line-height: 1.3; }
  .producto img {
    margin: 30px 50px 0 30px; }
  .producto .info h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px; }
  .producto .info p {
    margin-bottom: 10px; }

.ul-map {
  line-height: 1.4; }
  .ul-map li {
    height: auto;
    overflow: hidden;
    padding: 5px 10px 10px 10px;
    width: 380px; }
    .ul-map li:nth-child(2n) {
      background-color: #f2f3df; }
    .ul-map li p {
      color: #666; }

.ddsmoothmenu ul li ul {
  -webkit-border-radius: 0px 0px 7px 7px !important;
  -moz-border-radius: 0px 0px 7px 7px !important;
  border-radius: 0px 0px 7px 7px !important;
  behavior: url(./PIE.php); }