@charset "CP850";
@import url(../css/reset.css);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,latin-ext);
/* - - - - - - - - - - - - - - - - - - - - -

Título          : Proyecto
URL             : www.página.com

Descripción :   : Contenido de descripción.

Autor           : Puntopy
Site            : www.puntopy.com
Creado          : JULY 2, 2011
Modificado      : AUGUST 5, 2011
Modificado      : AUGUST 15, 2011

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

MOOD Framework :: 2.1 - Made by @lickybuay

2013-09-14

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
dn = Display None

*/
h1, h2, h3, ul, p {
  padding: 0;
  margin: 0;
  font-weight: normal; }

a {
  text-decoration: none; }

.left {
  float: left; }

.right {
  float: right; }

.positionrelative {
  position: relative; }

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

.dn {
  display: none; }

.alignleft {
  text-align: left !important; }

.alignright {
  text-align: right; }

.alignjustify {
  text-align: justify; }

.aligncenter {
  text-align: center; }

figure img {
  display: block; }

a {
  text-decoration: none; }

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

.clear {
  zoom: 1; }
  .clear:before, .clear:after {
    display: table;
    content: ""; }
  .clear:after {
    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; }

::-moz-selection {
  background: #005ba3;
  color: white;
  text-shadow: none; }

::selection {
  background: #005ba3;
  color: white;
  text-shadow: none; }

body {
  background: url(../images/bg.jpg) repeat-x center top !important;
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #242424; }

strong {
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-weight: 700; }

h3 {
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 20px;
  text-transform: uppercase; }

h4 {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 10px;
  text-transform: uppercase; }

h5 {
  font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 5px;
  text-transform: uppercase; }

p {
  padding-bottom: 10px; }

.atras {
  display: block;
  height: 26px;
  padding-right: 40px;
  background: url(../images/atras.png) no-repeat right center;
  font-size: 14px;
  line-height: 26px;
  color: #FFF;
  text-transform: uppercase; }

/*****************************************************
                    LAYOUT                                           
***************************************************/
#headerWrapper {
  width: 100%;
  background: #121c25; }
  #headerWrapper header {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 8px 0; }
    #headerWrapper header #btnProductos, #headerWrapper header #btnInfo {
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 120px;
      background: #d7a868;
      /* Old browsers */
      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q3YTg2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZWU4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGM4NzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #d7a868 0%, #ffee8d 50%, #f4c879 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7a868), color-stop(50%, #ffee8d), color-stop(100%, #f4c879));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #d7a868 0%, #ffee8d 50%, #f4c879 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #d7a868 0%, #ffee8d 50%, #f4c879 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #d7a868 0%, #ffee8d 50%, #f4c879 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #d7a868 0%, #ffee8d 50%, #f4c879 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7a868', endColorstr='#f4c879',GradientType=0 );
      /* IE6-8 */ }
      #headerWrapper header #btnProductos span.txt, #headerWrapper header #btnInfo span.txt {
        display: block;
        text-align: center;
        background: url(../images/bg-btn-productos.png) no-repeat center top;
        padding: 15px;
        font-size: 14px;
        font-weight: bold;
        color: #493618;
        text-transform: uppercase;
        text-shadow: 1px 1px 0px #fffae4;
        /* Chrome, Firefox 3.5+, IE 10+, Opera 9+, Safari 1+ */ }
        #headerWrapper header #btnProductos span.txt img, #headerWrapper header #btnInfo span.txt img {
          margin-bottom: 5px; }
      #headerWrapper header #btnProductos span.punta, #headerWrapper header #btnInfo span.punta {
        position: absolute;
        left: 0;
        bottom: -10px;
        display: block;
        width: 120px;
        height: 10px;
        background: url(../images/btn-productos.png) no-repeat center top;
        z-index: 20; }
    #headerWrapper header #btnInfo {
      left: auto;
      right: 0;
      top: 36px;
      width: 65px; }
      #headerWrapper header #btnInfo span.txt {
        background: url(../images/bg-btn-info.png) no-repeat center top; }
        #headerWrapper header #btnInfo span.txt img {
          margin-bottom: 0px; }
      #headerWrapper header #btnInfo span.punta {
        width: 65px; }
    #headerWrapper header .info {
      padding: 0 15px;
      background: url(../images/info-separador.png) no-repeat right center;
      float: right;
      display: block;
      height: 20px;
      line-height: 17px;
      color: #FFF;
      font-size: 14px; }
      #headerWrapper header .info span {
        font-size: 11px; }
      #headerWrapper header .info img {
        vertical-align: middle; }
      #headerWrapper header .info:first-child {
        background: none; }

#wrapper {
  width: 960px;
  margin: 0 auto; }

.logo {
  display: block;
  width: 332px;
  height: 411px;
  margin: 0 auto;
  margin-top: 25px; }

#sliderGaleria {
  position: relative;
  width: 890px;
  height: 370px;
  margin: 0 auto; }
  #sliderGaleria ul.slides li {
    position: relative;
    display: block;
    width: 890px;
    height: 370px; }
  #sliderGaleria a.fotoThumb {
    position: absolute;
    display: block;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease; }
    #sliderGaleria a.fotoThumb:nth-child(1) {
      top: 20px;
      left: 20px;
      -webkit-transform: rotate(-7.5deg);
      /* Chrome, Safari 3.1+ */
      -moz-transform: rotate(-7.5deg);
      /* Firefox 3.5-15 */
      -ms-transform: rotate(-7.5deg);
      /* IE 9 */
      -o-transform: rotate(-7.5deg);
      /* Opera 10.50-12.00 */
      transform: rotate(-7.5deg);
      /* Firefox 16+, IE 10+, Opera 12.10+ */
      z-index: 15; }
    #sliderGaleria a.fotoThumb:nth-child(2) {
      top: 100px;
      left: 150px;
      -webkit-transform: rotate(7.5deg);
      /* Chrome, Safari 3.1+ */
      -moz-transform: rotate(7.5deg);
      /* Firefox 3.5-15 */
      -ms-transform: rotate(7.5deg);
      /* IE 9 */
      -o-transform: rotate(7.5deg);
      /* Opera 10.50-12.00 */
      transform: rotate(7.5deg);
      /* Firefox 16+, IE 10+, Opera 12.10+ */
      z-index: 20; }
    #sliderGaleria a.fotoThumb:nth-child(3) {
      top: 30px;
      left: 180px;
      -webkit-transform: rotate(-1.5deg);
      /* Chrome, Safari 3.1+ */
      -moz-transform: rotate(-1.5deg);
      /* Firefox 3.5-15 */
      -ms-transform: rotate(-1.5deg);
      /* IE 9 */
      -o-transform: rotate(-1.5deg);
      /* Opera 10.50-12.00 */
      transform: rotate(-1.5deg);
      /* Firefox 16+, IE 10+, Opera 12.10+ */
      z-index: 10; }
    #sliderGaleria a.fotoThumb:nth-child(4) {
      top: 20px;
      left: 400px;
      -webkit-transform: rotate(7.5deg);
      /* Chrome, Safari 3.1+ */
      -moz-transform: rotate(7.5deg);
      /* Firefox 3.5-15 */
      -ms-transform: rotate(7.5deg);
      /* IE 9 */
      -o-transform: rotate(7.5deg);
      /* Opera 10.50-12.00 */
      transform: rotate(7.5deg);
      /* Firefox 16+, IE 10+, Opera 12.10+ */
      z-index: 5; }
    #sliderGaleria a.fotoThumb:nth-child(5) {
      top: 105px;
      left: 520px;
      -webkit-transform: rotate(-6.5deg);
      /* Chrome, Safari 3.1+ */
      -moz-transform: rotate(-6.5deg);
      /* Firefox 3.5-15 */
      -ms-transform: rotate(-6.5deg);
      /* IE 9 */
      -o-transform: rotate(-6.5deg);
      /* Opera 10.50-12.00 */
      transform: rotate(-6.5deg);
      /* Firefox 16+, IE 10+, Opera 12.10+ */
      z-index: 20; }
    #sliderGaleria a.fotoThumb:nth-child(6) {
      top: 70px;
      left: 630px;
      -webkit-transform: rotate(4.5deg);
      /* Chrome, Safari 3.1+ */
      -moz-transform: rotate(4.5deg);
      /* Firefox 3.5-15 */
      -ms-transform: rotate(4.5deg);
      /* IE 9 */
      -o-transform: rotate(4.5deg);
      /* Opera 10.50-12.00 */
      transform: rotate(4.5deg);
      /* Firefox 16+, IE 10+, Opera 12.10+ */
      z-index: 15; }
    #sliderGaleria a.fotoThumb:hover {
      transform: scale(1.1);
      -ms-transform: scale(1.1);
      /* IE 9 */
      -webkit-transform: scale(1.1);
      /* Safari and Chrome */
      z-index: 25; }

#accesosDirectos {
  height: 302px;
  padding-top: 25px; }
  #accesosDirectos article {
    width: 170px;
    height: 300px;
    margin: 0 35px;
    float: left;
    text-align: center; }
    #accesosDirectos article .img {
      display: block;
      position: relative;
      overflow: hidden;
      width: 170px;
      height: 170px;
      margin-bottom: 15px;
      -webkit-transition: all 200ms ease;
      -moz-transition: all 200ms ease;
      -o-transition: all 200ms ease;
      -ms-transition: all 200ms ease;
      transition: all 200ms ease; }
      #accesosDirectos article .img:hover {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        /* IE 9 */
        -webkit-transform: scale(1.1);
        /* Safari and Chrome */ }
    #accesosDirectos article h2 {
      font-size: 30px;
      color: #424242;
      padding-bottom: 15px; }
      #accesosDirectos article h2 a {
        font-size: 30px;
        color: #424242; }
        #accesosDirectos article h2 a:hover {
          color: #004c8d; }
    #accesosDirectos article p {
      font-size: 15px;
      line-height: 18px;
      color: #777272; }

footer {
  position: relative;
  height: 205px;
  color: #FFF;
  padding-bottom: 25px; }
  footer .copyright {
    font-size: 11px;
    line-height: 12px; }
  footer #suscribirse {
    position: absolute;
    left: 320px;
    top: -15px;
    width: 250px;
    height: 115px;
    padding: 35px 30px 20px 30px;
    background: url(../images/brillo-suscripcion.png) #0a1620 repeat-x center top;
    border: 4px solid #0a1620;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    behavior: url(PIE.php);
    text-align: center; }
    footer #suscribirse h2 {
      font-size: 16px;
      color: #FFF;
      padding-bottom: 20px;
      text-transform: uppercase; }
    footer #suscribirse input[type=text] {
      width: 230px;
      padding: 7px 10px;
      text-align: center;
      font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
      font-weight: 400;
      font-size: 14px;
      color: #616161;
      margin-bottom: 15px; }
    footer #suscribirse input[type=submit] {
      display: inline-block;
      padding: 7px 25px;
      background: #034177;
      -webkit-border-radius: 5px 5px 5px 5px;
      -moz-border-radius: 5px 5px 5px 5px;
      border-radius: 5px 5px 5px 5px;
      behavior: url(PIE.php);
      font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
      font-weight: 400;
      font-size: 14px;
      color: #FFF;
      text-align: center; }
      footer #suscribirse input[type=submit]:hover {
        background: #006b9e; }
  footer .atencion {
    text-align: center; }
    footer .atencion h2 {
      font-size: 18px;
      line-height: 24px;
      color: #FFF; }
    footer .atencion p {
      font-size: 36px;
      line-height: 38px;
      color: #f4e000; }
      footer .atencion p span {
        font-size: 28px; }
  footer .firma {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px; }
    footer .firma img {
      vertical-align: middle; }

/*****************************************************
                    INTERNAS                                       
***************************************************/
#internasWrapper {
  display: none;
  margin: auto;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 1060px;
  height: 675px;
  background: url(../images/bg-internas.jpg) repeat-y center top;
  -webkit-box-shadow: 0px 0px 6px 0px #000;
  /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
  box-shadow: 0px 0px 6px 0px #000;
  /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
  -webkit-border-radius: 0px 0px 20px 20px;
  -moz-border-radius: 0px 0px 20px 20px;
  border-radius: 0px 0px 20px 20px;
  behavior: url(PIE.php);
  z-index: 40; }

#internas {
  width: 990px;
  height: 605px;
  padding: 20px 35px 35px 35px; }
  #internas a.categoria, #internas a.producto, #internas a.categoriaPrincipal {
    display: block;
    width: 160px;
    overflow: hidden;
    margin: 0;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 6px 0px #000;
    /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 0px 6px 0px #000;
    /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    behavior: url(PIE.php); }
    #internas a.categoria span.img, #internas a.producto span.img, #internas a.categoriaPrincipal span.img {
      display: block;
      width: 160px;
      height: 85px;
      /*border-bottom: 6px solid #c00b1d;*/
      -webkit-transition: all 200ms ease;
      -moz-transition: all 200ms ease;
      -o-transition: all 200ms ease;
      -ms-transition: all 200ms ease;
      transition: all 200ms ease;
      text-align: left;
      overflow: hidden;
      text-align: center;
      line-height: 85px; }
      #internas a.categoria span.img img, #internas a.producto span.img img, #internas a.categoriaPrincipal span.img img {
        width: 100%;
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(0%);
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        transition: all 200ms ease;
        vertical-align: middle; }
    #internas a.categoria:hover span.img img, #internas a.categoria.active span.img img, #internas a.producto:hover span.img img, #internas a.producto.active span.img img, #internas a.categoriaPrincipal:hover span.img img, #internas a.categoriaPrincipal.active span.img img {
      filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
      /* Firefox 10+, Firefox on Android */
      filter: gray;
      /* IE6-9 */
      -webkit-filter: grayscale(100%);
      /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
    #internas a.categoria span.titulo, #internas a.producto span.titulo, #internas a.categoriaPrincipal span.titulo {
      display: block;
      padding: 10px;
      background: #FFF;
      font-size: 13px;
      line-height: 16px;
      color: #4f4f4f;
      text-transform: uppercase;
      text-align: center; }
  #internas aside {
    width: 190px;
    /*padding: 0 15px;*/
    text-align: center;
    float: left; }
    #internas aside .scroll-pane {
      width: 190px;
      height: 430px;
      padding-top: 5px; }
    #internas aside h2 {
      padding-bottom: 25px;
      padding-right: 20px;
      text-align: center; }
    #internas aside h3 {
      font-size: 23px;
      line-height: 34px;
      color: #FFF;
      text-transform: none;
      text-align: left;
      margin-top: 10px; }
  #internas #internaContent {
    width: 750px;
    /*padding: 0 15px;*/
    float: right;
    margin-top: 15px; }
    #internas #internaContent a.categoriaPrincipal {
      width: 210px;
      margin: 0 0 35px 25px;
      float: left; }
      #internas #internaContent a.categoriaPrincipal span.img {
        height: 320px;
        width: 210px;
        line-height: 320px;
        border-bottom: 6px solid #c00b1d; }
      #internas #internaContent a.categoriaPrincipal span.titulo {
        height: 120px;
        padding: 15px;
        font-size: 22px;
        line-height: 29px; }
      #internas #internaContent a.categoriaPrincipal:nth-child(4n+1) {
        margin-left: 0; }
    #internas #internaContent a.producto {
      margin: 0 0 35px 25px;
      float: left; }
      #internas #internaContent a.producto span.img {
        height: 195px;
        line-height: 195px;
        border-bottom: 6px solid #c00b1d; }
      #internas #internaContent a.producto span.titulo {
        height: 20px;
        padding: 15px;
        font-size: 14px;
        line-height: 17px; }
      #internas #internaContent a.producto:nth-child(4n+1) {
        margin-left: 0; }
    #internas #internaContent .scroll-pane {
      padding-top: 5px;
      width: 750px;
      height: 590px; }
    #internas #internaContent .cuadroProducto {
      position: relative;
      width: 720px;
      height: 590px;
      overflow: hidden;
      background: #FFF;
      -webkit-box-shadow: 0px 0px 7px 0px #000;
      /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
      box-shadow: 0px 0px 7px 0px #000;
      /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
      -webkit-border-radius: 0px 0px 10px 10px;
      -moz-border-radius: 0px 0px 10px 10px;
      border-radius: 0px 0px 10px 10px;
      behavior: url(PIE.php); }
      #internas #internaContent .cuadroProducto header {
        padding: 15px 25px;
        background: #c00b1d; }
        #internas #internaContent .cuadroProducto header h2 {
          font-size: 24px;
          line-height: 28px;
          color: #FFF;
          text-transform: uppercase; }
      #internas #internaContent .cuadroProducto .cuadroInfo {
        position: relative;
        width: 680px;
        height: 480px;
        padding: 25px 20px; }
        #internas #internaContent .cuadroProducto .cuadroInfo .imagenPpl {
          width: 340px;
          height: 225px;
          overflow: hidden;
          -webkit-border-radius: 10px 10px 10px 10px;
          -moz-border-radius: 10px 10px 10px 10px;
          border-radius: 10px 10px 10px 10px;
          behavior: url(PIE.php);
          margin: 0;
          margin-bottom: 20px; }
        #internas #internaContent .cuadroProducto .cuadroInfo .imagenThumbs li {
          display: block;
          width: 100px;
          height: 100px;
          margin-left: 20px;
          margin-bottom: 20px;
          overflow: hidden;
          -webkit-border-radius: 5px 5px 5px 5px;
          -moz-border-radius: 5px 5px 5px 5px;
          border-radius: 5px 5px 5px 5px;
          behavior: url(PIE.php);
          float: left;
          opacity: 0.5;
          -webkit-transition: all 200ms ease;
          -moz-transition: all 200ms ease;
          -o-transition: all 200ms ease;
          -ms-transition: all 200ms ease;
          transition: all 200ms ease; }
          #internas #internaContent .cuadroProducto .cuadroInfo .imagenThumbs li:nth-child(3n+1) {
            margin-left: 0; }
          #internas #internaContent .cuadroProducto .cuadroInfo .imagenThumbs li:hover, #internas #internaContent .cuadroProducto .cuadroInfo .imagenThumbs li.active {
            opacity: 1; }
        #internas #internaContent .cuadroProducto .cuadroInfo .scroll-pane {
          width: 320px;
          height: 280px; }
          #internas #internaContent .cuadroProducto .cuadroInfo .scroll-pane p span {
            color: #868686; }
        #internas #internaContent .cuadroProducto .cuadroInfo .atencionCliente {
          display: inline-block;
          padding: 10px 15px 10px 70px;
          margin-top: 30px;
          -webkit-border-radius: 5px 5px 5px 5px;
          -moz-border-radius: 5px 5px 5px 5px;
          border-radius: 5px 5px 5px 5px;
          behavior: url(PIE.php);
          background: url(../images/tel.png) #e3e3e3 no-repeat 15px center; }
          #internas #internaContent .cuadroProducto .cuadroInfo .atencionCliente h4 {
            font-size: 16px;
            line-height: 18px;
            color: #454545;
            font-weight: bold;
            padding-bottom: 0; }
          #internas #internaContent .cuadroProducto .cuadroInfo .atencionCliente p {
            font-size: 32px;
            line-height: 32px;
            color: #454545;
            font-weight: bold;
            padding-bottom: 0; }
            #internas #internaContent .cuadroProducto .cuadroInfo .atencionCliente p span {
              font-size: 16px; }

/* estilos para la seccion de info */
#internas #infoContainer #internaContent .cuadroProducto .cuadroInfo .scroll-pane {
  height: 420px;
  width: 360px; }

#internas #infoContainer #internaContent .cuadroProducto .cuadroInfo .imagenPpl {
  width: 300px; }

#internas #infoContainer #internaContent .cuadroProducto .cuadroInfo .imagenThumbs li {
  width: 85px; }

/* termina estilos para la seccion de info */
#internasClose {
  position: absolute;
  display: block;
  width: 97px;
  height: 70px;
  left: 50px;
  bottom: -5px;
  background: url(../images/close.png) no-repeat left top;
  z-index: 40;
  overflow: hidden;
  text-indent: -9999px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease; }
  #internasClose:hover {
    transform: translate(0px, -5px);
    -webkit-transform: translate(0px, -5px);
    -moz-transform: translate(0px, -5px);
    -o-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px); }

/* Colores y fondos para categorias principales de productos */
#internas #internaContent a.categoriaPrincipal:nth-child(1) span.img {
  border-bottom: 6px solid #c00b1d; }

#internas #internaContent a.categoriaPrincipal:nth-child(2) span.img {
  border-bottom: 6px solid #008ccf; }

#internas #internaContent a.categoriaPrincipal:nth-child(3) span.img {
  border-bottom: 6px solid #118d33; }

#internas a.categoriaPrincipal:nth-child(1) span.titulo {
  background: url(../images/bg-categoria1.png) white no-repeat center 100px; }

#internas a.categoriaPrincipal:nth-child(2) span.titulo {
  background: url(../images/bg-categoria2.png) white no-repeat center 100px; }

#internas a.categoriaPrincipal:nth-child(3) span.titulo {
  background: url(../images/bg-categoria3.png) white no-repeat center 100px; }

/* Colores para lineas de categorias de productos */
#internas a.categoria:nth-child(1) span.img {
  border-bottom: 6px solid #c00b1d; }

#internas a.categoria:nth-child(2) span.img {
  border-bottom: 6px solid #008ccf; }

#internas a.categoria:nth-child(3) span.img {
  border-bottom: 6px solid #118d33; }

/* Colores para lineas de listado de productos */
#internas #internaContent a.producto[rel="categoria-0"] span.img {
  border-bottom: 6px solid #c00b1d; }

#internas #internaContent a.producto[rel="categoria-1"] span.img {
  border-bottom: 6px solid #008ccf; }

#internas #internaContent a.producto[rel="categoria-2"] span.img {
  border-bottom: 6px solid #118d33; }

/* Colores para header de detalle de productos */
#internas #internaContent .cuadroProducto.categoria-1 header {
  background: #008CCF; }

#internas #internaContent .cuadroProducto.categoria-2 header {
  background: #118D33; }

/* Colores para header de detalle de info */
#internas #infoContainer #internaContent .cuadroProducto header {
  background: #005ea9; }

#internas #infoContainer a.categoria span.img {
  border-bottom: 6px solid #005ea9; }

/*****************************************************
                    CLIENTES                                  
***************************************************/
.cuadroInfo #mapaClientes {
  height: 300px;
  width: 300px;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  behavior: url(PIE.php); }