A:link, A:active, A:visited{
color: #64a931;
font-family: Verdana, Arial;
font-size: 11px;
letter-spacing: 0px;
background-color: none;
text-decoration: none;
text-transform: none;
line-height: 0;
filter: none;
}

A{
color: #cccccc; 
font-family: Verdana, Arial;
background-color: none;
font-size: 11px;
text-decoration: none;
line-height: 0;
}

A:hover{
color: #87c15a;
font-family: Verdana, Arial; 
font-size: 11px;
text-decoration: none;
text-transform: none;
background-color: none;
letter-spacing: 0px;
line-height: 0;
filter: none;
}

BODY {
scrollbar-arrow-color:#333333;
scrollbar-track-color:#f5f5f5;
scrollbar-shadow-color:#f5f5f5;
scrollbar-face-color:#f5f5f5;
scrollbar-highlight-color:#333333;
scrollbar-darkshadow-color:#f5f5f5;
scrollbar-3dlight-color:#f5f5f5;
}


font {
color: #f1f1f1;
background-color: none;
font-size: 11px;
line-height: normal;
font-family: 'Source sans pro', sans-serif;
}


::selection {
	background: #12103b; /* Safari */
	color:12103b;
	}
::-moz-selection {
	background: #12103b; /* Firefox */
	color:12103b;
}


.slide1 A:link, .slide1 A:active, .slide1 A:visited {
color: #f1f1f1;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 32px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
}

.slide1 {
color: #f1f1f1;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 32px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
}

.slide1 A:hover {
color: #f1f1f1;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 32px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
}



.slide2 A:link, .slide2 A:active, .slide2 A:visited {
color: #12103b;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 32px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
}

.slide2 {
color: #12103b;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 32px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
}

.slide2 A:hover {
color: #12103b;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 32px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
}


.slide3 A:link, .slide3 A:active, .slide3 A:visited {
color: #f1f1f1;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 32px;
font-family: 'Source sans pro', sans-serif;
font-weight: 900;
}

.slide3 {
color: #f1f1f1;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 32px;
font-family: 'Source sans pro', sans-serif;
font-weight: 900;
}

.slide3 A:hover {
color: #f1f1f1;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 32px;
font-family: 'Source sans pro', sans-serif;
font-weight: 900;
}





.menu {
color: #f5f5f5;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 1px;
font-size: 1.1vw;
font-family: 'Source sans pro', sans-serif;
font-weight: 500;
}

.menu A:link, .menu A:active, .menu A:visited {
color: #f5f5f5;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 1px;
font-size: 1.1vw;
font-family: 'Source sans pro', sans-serif;
font-weight: 500;
}

.menu A:hover {
color: #f5f5f5;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 1px;
font-size: 1.1vw;
font-family: 'Source sans pro', sans-serif;
font-weight: 500;
}



@media (min-width: 768)
{
       .menu
       {
           font-size: 0.5vw; 
       }

}




.texto2 {
color: #231F20;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0;
font-size: 14px;
font-family: 'Source sans pro', sans-serif;
font-weight: 400;
line-height: 0;
}

.texto2 A:link, .texto2 A:active, .texto2 A:visited {
color: #231F20;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0;
font-size: 14px;
font-family: 'Source sans pro', sans-serif;
font-weight: 400;
line-height: 0;
}

.texto2 A:hover {
color: #231F20;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0;
font-size: 14px;
font-family: 'Source sans pro', sans-serif;
font-weight: 400;
line-height: 0;
}






.texto {
color: #231F20;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0;
font-size: 1vw;
font-family: 'Source sans pro', sans-serif;
font-weight: 400;
line-height: 0;
}

.texto A:link, .texto A:active, .texto A:visited {
color: #231F20;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0;
font-size: 1vw;
font-family: 'Source sans pro', sans-serif;
font-weight: 400;
line-height: 0;
}

.texto A:hover {
color: #000000;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0;
font-size: 1vw;
font-family: 'Source sans pro', sans-serif;
font-weight: 400;
line-height: 0;
}



@media screen and (max-width: 1024px) {
  .texto {
    font-size: 1vw;
    letter-spacing: 0;
    line-height: 0;
  }
}

@media screen and (max-width: 660px) {
  .texto {
    font-size: 2vw;
    letter-spacing: 0;
    line-height: 0;
  }
}

@media screen and (max-width: 480px) {
  .texto {
    font-size: 2vw;
    letter-spacing: 0;
    line-height: 0;
  }
}

@media screen and (max-width: 400px) {
  .texto {
    font-size: 2vw;
    letter-spacing: 0;
    line-height: 0;
  }
}

@media screen and (max-width: 300px) {
  .texto {
    font-size: 3vw;
    letter-spacing: 0;
    line-height: 0;
  }
}






.textobold {
color: #231F20;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 14px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
line-height: 1px;
}

.textoazul {
color: #f1f1f1;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 15px;
font-family: 'Source sans pro', sans-serif;
font-weight: 400;
line-height: 0px;
}





.textocontacto {
color: #231F20;
background-color: none;
text-transform: none;
text-decoration: none;
font-size: 1vw;
font-family: 'Source sans pro', sans-serif;
font-weight: 400;
line-height: normal;
}

.textocontacto A:link, .textocontacto A:active, .textocontacto A:visited {
color: #231F20;
background-color: none;
text-transform: none;
text-decoration: none;
font-size: 1vw;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
line-height: normal;
}

.textocontacto A:hover {
color: #000000;
background-color: none;
text-transform: none;
text-decoration: none;
font-size: 1vw;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
line-height: normal;
}




.textocontacto2 {
color: #231F20;
background-color: none;
text-transform: none;
text-decoration: none;
font-size: 1vw;
font-family: 'Source sans pro', sans-serif;
font-weight: 400;
line-height: normal;
}

.textocontacto2 A:link, .textocontacto2 A:active, .textocontacto2 A:visited {
color: #231F20;
background-color: none;
text-transform: none;
text-decoration: none;
font-size: 1vw;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
line-height: normal;
}

.textocontacto2 A:hover {
color: #000000;
background-color: none;
text-transform: none;
text-decoration: none;
font-size: 1vw;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
line-height: normal;
}

@media screen and (max-width: 1024px) {
  .textocontacto2 {
    font-size: 1.5vw;
    letter-spacing: 0;
    line-height: normal;
  }
  .textocontacto2 A:link, .textocontacto2 A:active, .textocontacto2 A:visited A:hover {
    font-size: 1.5vw;
    letter-spacing: 0;
    line-height: normal;
  }  
}

@media screen and (max-width: 768px) {
  .textocontacto2 {
    font-size: 2.5vw;
    letter-spacing: 0;
    line-height: normal;
  }
  .textocontacto2 A:link, .textocontacto2 A:active, .textocontacto2 A:visited A:hover {
    font-size: 2.5vw;
    letter-spacing: 0;
    line-height: normal;
  }
}

@media screen and (max-width: 738px) {
  .textocontacto2 {
    font-size: 2.5vw;
    letter-spacing: 0;
    line-height: normal;
  }
  .textocontacto2 A:link, .textocontacto2 A:active, .textocontacto2 A:visited A:hover {
    font-size: 2.5vw;
    letter-spacing: 0;
    line-height: normal;
  }
}

@media screen and (max-width: 640px) {
  .textocontacto2 {
    font-size: 2.5vw;
    letter-spacing: 0;
    line-height: normal;
  }
  .textocontacto2 A:link, .textocontacto2 A:active, .textocontacto2 A:visited A:hover {
    font-size: 2.5vw;
    letter-spacing: 0;
    line-height: normal;
  }
}

@media screen and (max-width: 660px) {
  .textocontacto2 {
    font-size: 2.5vw;
    letter-spacing: 0;
    line-height: normal;
  }
  .textocontacto2 A:link, .textocontacto2 A:active, .textocontacto2 A:visited A:hover {
    font-size: 2.5vw;
    letter-spacing: 0;
    line-height: normal;
  }
}

@media screen and (max-width: 480px) {
  .textocontacto2 {
    font-size: 3vw;
    letter-spacing: 0;
    line-height: normal;
  }
  .textocontacto2 A:link, .textocontacto2 A:active, .textocontacto2 A:visited A:hover {
    font-size: 3vw;
    letter-spacing: 0;
    line-height: normal;
  }
}

@media screen and (max-width: 400px) {
  .textocontacto2 {
    font-size: 3vw;
    letter-spacing: 0;
    line-height: normal;
  }
  .textocontacto2 A:link, .textocontacto2 A:active, .textocontacto2 A:visited A:hover {
    font-size: 3vw;
    letter-spacing: 0;
    line-height: normal;
  }
}

@media screen and (max-width: 300px) {
  .textocontacto2 {
    font-size: 3vw;
    letter-spacing: 0;
    line-height: normal;
  }
  .textocontacto2 A:link, .textocontacto2 A:active, .textocontacto2 A:visited A:hover {
    font-size: 3vw;
    letter-spacing: 0;
    line-height: normal;
  }
}







.formulario {
color: #231F20;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 1px;
font-size: 14px;
font-family: 'Source sans pro', sans-serif;
font-weight: 600;
line-height: 20px;
}


.productos A:link, .productos A:active, .productos A:visited {
color: #f1f1f1;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 18px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
}

.productos {
color: #a5a5a5;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 18px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
}

.productos A:hover {
color: #f1f1f1;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 18px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
}




.textoproductos {
color: #12103b;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 13px;
font-family: 'Source sans pro', sans-serif;
font-weight: 600;
line-height: 0px;
}

.textoproductos A:link, .textoproductos A:active, .textoproductos A:visited {
color: #12103b;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 13px;
font-family: 'Source sans pro', sans-serif;
font-weight: 600;
line-height: 0px;
}

.textoproductos A:hover {
color: #12103b;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 13px;
font-family: 'Source sans pro', sans-serif;
font-weight: 600;
line-height: 0px;
}


.textoproductostitulo {
color: #12103b;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 25px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
line-height: 0px;
}

.textoproductostitulo A:link, .textoproductostitulo A:active, .textoproductostitulo A:visited {
color: #12103b;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 1px;
font-size: 25px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
line-height: 0px;
}

.textoproductostitulo A:hover {
color: #12103b;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 1px;
font-size: 25px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
line-height: 0px;
}




.textoproductostitulo2 {
color: #12103b;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 35px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
line-height: 1;
}

.textoproductostitulo2 A:link, .textoproductostitulo2 A:active, .textoproductostitulo2 A:visited {
color: #12103b;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 35px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
line-height: 1;
}

.textoproductostitulo2 A:hover {
color: #12103b;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 35px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
line-height: 1;
}













.fotosindex a:hover {
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}



.productos2 A:link, .productos2 A:active, .productos2 A:visited {
color: #f1f1f1;
background-color: #12103b;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 32px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
}

.productos2 {
color: #f1f1f1;
background-color: #12103b;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 32px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
}

.productos2 A:hover {
color: #f1f1f1;
background-color: #12103b;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 32px;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;
}







.circle {
color: #000000;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0px;
font-size: 2.0vw;
font-family: 'Source sans pro', sans-serif;
font-weight: 700;

display:inherit;
width:3.05vw;
height:3.05vw;

-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius:100%;

border:0.29vw solid #000000;
}



.textoproductosmenu {
color: #000000;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0;
font-size: 13px;
font-family: 'Source sans pro', sans-serif;
font-weight: 400;
line-height: 90%;
}

.textoproductosmenu A:link, .textoproductosmenu A:active, .textoproductosmenu A:visited {
color: #000000;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0;
font-size: 13px;
font-family: 'Source sans pro', sans-serif;
font-weight: 400;
line-height: 90%;
}

.textoproductosmenu A:hover {
color: #000000;
background-color: none;
text-transform: none;
text-decoration: none;
letter-spacing: 0;
font-size: 13px;
font-family: 'Source sans pro', sans-serif;
font-weight: 400;
line-height: 90%;
}






.relacionados {
  font-family: 'Source sans pro', sans-serif;
  width: 100%;
  color: #000;
  text-transform: uppercase;
  font-size: 2.5vw;
  letter-spacing: 0.02vw;
  padding: 0 10px;
      line-height: 2.5vw;
      font-weight: 700;
}

.relacionados A:hover, .relacionados A:link, .relacionados A:active, .relacionados A:visited{
  font-family: 'Source sans pro', sans-serif;
  width: 100%;
  color: #000;
  text-transform: uppercase;
  font-size: 2.5vw;
  letter-spacing: 0.02vw;
  padding: 0 10px;
      line-height: 2.5vw;
      font-weight: 700;
}




















.center 
{ 
align: center; 
}


html {
  overflow-y: scroll;
}













/* LIGHTBOX */


/* line 7, ../sass/lightbox.sass */
body:after {
  content: url(images/close.png) url(images/loading.gif) url(images/prev.png) url(images/next.png);
  display: none;
}

/* line 11, ../sass/lightbox.sass */
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #cccccc;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0.8;
  display: none;
}

/* line 20, ../sass/lightbox.sass */
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}
/* line 28, ../sass/lightbox.sass */
.lightbox .lb-image {
  display: block;
  height: auto;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
/* line 32, ../sass/lightbox.sass */
.lightbox a img {
  border: none;
}

/* line 35, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: #333333;
  *zoom: 1;
      width: auto; /* antes era 250px, con auto se arreglo el problema que chocaba con las 3 fotos full width del index*/
      height: auto; /* antes era 250px, con auto se arreglo el problema que chocaba con las 3 fotos full width del index*/
  margin: 0 auto;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 44, ../sass/lightbox.sass */
.lb-container {
  padding: 4px;
}

/* line 47, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 56, ../sass/lightbox.sass */
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(images/loading.gif) no-repeat;
}

/* line 63, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 71, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 74, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 77, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  cursor: pointer;
  /* Trick IE into showing hover */
  display: block;
}

/* line 84, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}
/* line 87, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(images/prev.png) left 48% no-repeat;
}

/* line 90, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}
/* line 93, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(images/next.png) right 48% no-repeat;
}

/* line 96, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 103, ../sass/lightbox.sass */
.lb-data {
  padding: 0 4px;
  color: #333333;
  font-family: 'Source sans pro', sans-serif;
  font-size: 20px;
}
/* line 106, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 111, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 30px;
  color: #333333;
  font-family: 'Source sans pro', sans-serif;
  font-weight: 700;
  background-color: none;
  line-height: 1em;
}
/* line 115, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #666666;
}
/* line 121, ../sass/lightbox.sass */
.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 1;
}
/* line 130, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}












/* SLIDER */


#sliderContainer { width: 455px; height: 455px; position: relative; border-top: 0px solid #999; border-bottom: 0px solid #999; margin: 0 auto; }

.slideContent {  background:url("images/contentBg.png") repeat scroll 0 0 transparent; position: absolute; bottom:0px; right:0px; padding: 0px; width: 1029px; }

.slide h3 {  font: 30px 'Source sans pro', sans-serif; color: #000000;  margin: 0 0 5px 0; }

.slide p { font: 25px 'Source sans pro', sans-serif; color: #000000; margin: 0; }

.jFlowSlideContainer { overflow: hidden; }

.jFlowSlideContainer a { color: #F90; text-decoration: none; font-style: italic; }

.jFlowSlideContainer a:hover { text-decoration: none; }

.jFlowSlideContainer a:focus { position: relative; top: 1px; }

.jFlowNext { background:url("images/arrows.png") no-repeat scroll 0 -35px transparent; height:130px; position:absolute; top:38%; right: 15px; width:50px; cursor:pointer; }

.jFlowPrev { background:url("images/arrows.png") no-repeat scroll -84px -35px transparent; height:130px; position:absolute; top:38%; left: 15px; width:50px; cursor:pointer; }

.jFlowPrev:hover { background-position: -84px -35px; }

.jFlowNext:hover { background-position: 0px -35px; }


/* controller pagination */

#myController {position: absolute; top: 420px; right: 40%; }

.jFlowControl { background:url("images/bullet.png") no-repeat scroll 0px 0px transparent;  float: left; width: 15px; height: 15px;}

.jFlowControl:hover { background-position: -32px 0px; cursor: pointer; }

.jFlowSelected, .jFlowSelected:hover {background-position: -15px 0px;   }






















/* FULLWIDTH RESPONSIVE GRID A */


/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome.eot');
	src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome.svg#fontawesome') format('svg'),
		url('../fonts/fontawesome.woff') format('woff'),
		url('../fonts/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body, html { font-size: 100%; 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.empresafotos {
    font-family: 'Source sans pro', sans-serif;
    color: #f1f1f1;
		letter-spacing: 0px;
		font-size: 32px;
		font-weight: 700;
letter-spacing: 0px;
}


.main,
.container > header {
	width: 90%;
	max-width: 69em;
	margin: 0 auto;
	padding: 0 0 0 0;

}

.container > header {
	padding: 2.875em 1.875em 1.875em;
}

.container > header h1 {
	font-size: 2.125em;
	line-height: 0;
	margin: 0;
	float: left;
	font-weight: 400;
}

.container > header span {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0.6em 0.1em;
}

.container > header nav {
	float: right;
}

.container > header nav a {
	display: block;
	float: left;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin: 0 0.1em;
	border: 4px solid #333333;
	text-indent: -8000px;
}

.container > header nav a:after {
	content: attr(data-info);
	color: #333333;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.container > header nav a:hover:after {
	opacity: 1;
}

.container > header nav a:hover {
	background: #333333;
}

.icon-drop:before, 
.icon-arrow-left:before {
	font-family: 'Source sans pro', sans-serif;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #333333;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.container > header nav a:hover:before {
	color: #fff;
}







/* FULLWIDTH RESPONSIVE GRID B */


.cbp-rfgrid {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
	width: 100%;
}

.cbp-rfgrid li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 33.3333334%; /* Fallback */
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
}

.cbp-rfgrid li a,
.cbp-rfgrid li a img {
	display: block;
	width: 100%;
	cursor: pointer;
}

.cbp-rfgrid li a img {
	max-width: 100%;
}

/* Flexbox is used for centering the heading */
.cbp-rfgrid li a div {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(270,270,270,0.2);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 0;
}

.cbp-rfgrid li a:hover div {
	opacity: 1;
}

.cbp-rfgrid li a div h3 {
	font-family: 'Source sans pro', sans-serif;
	width: 100%;
	color: #000;
	text-transform: uppercase;
	font-size: 2.5vw;
	letter-spacing: 0.02vw;
	padding: 0 10px;
      line-height: 2.5vw;
}

/* Example for media query: change number of items per row */

@media screen and (max-width: 1190px) {
	.cbp-rfgrid li {
    width: 33.3333333%; /* Fallback */
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
	}
}

@media screen and (max-width: 945px) {
	.cbp-rfgrid li {
    width: 33.3333333%; /* Fallback */
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
	}
}

@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 400px) {
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 300px) {
	.cbp-rfgrid li {
		width: 100%;
	}
}



















.imagenes {
  width:100%;
  height: auto;
  max-width: 100%;
}








/* FULLWIDTH RESPONSIVE GRID **ALTERNATIVO** - SIN TEXTO HOVER */


.indeximagenes {
    max-width:100%;
    }
  .header {
    width: 100%;
        height: auto;
    background-color: #f1f1f1;
    color: #f1f1f1;
    padding-top: 0px;
        padding-bottom: 0px;
    }
  .footer {
    width: 100%;
        height: auto;
    background-color: #f1f1f1;
    color: #f1f1f1;
    padding-top: 0px;
        padding-bottom: 0px;
    float:left;
    margin-top: 0%;
    }
  .img-grid {
    width:100%;
    margin:0 auto;
    margin-top: 0%;
    cursor: pointer;
  }
  .img-wrapper1 {
    display:inline-block;
    width:33.3333334%;
    position:relative;
    float:left;
   }
   .img-wrapper1 .img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
   }
   .img-wrapper2 {
    display:inline-block;
    width:33.3333334%;
    position:relative;
    float:left;
   }
   .img-wrapper2 .img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
   }
   .img-wrapper3 {
    display:inline-block;
    width:33.3333334%;
    position:relative;
    float:left;
   }
   .img-wrapper3 .img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
   }
   .img-wrapper4 {
    display:inline-block;
    width:33.3333334%;
    position:relative;
    float:left;
   }
   .img-wrapper4 .img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
   }
   img {
    max-width:100%;
    min-width:auto;
   }
   .img-wrapper:after {
    content:"";
    padding-top:100%;
    display:block;
   }
   /*Extra step*/
   .img-wrapper {
    width: 33.3333334%;
   }
   .img-wrapper2 {
    margin-left:0%;
   }
   .img-wrapper3 {
    margin-top:0%;
   }
   .img-wrapper4 {
    margin-top:0%;
    margin-left:0%;
   }





/* FULLWIDTH RESPONSIVE GRID **ALTERNATIVO** - PARA AGREGAR TEXTO HOVER:; */


ul.img-textohover {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
 
ul.img-textohover li {
  display: inline-block;
  height: 100%;
  margin: 0 0 0 0;
  position: relative;
  width: 100%;
}

span.text-content {
  background: rgba(270,270,270,0.2);
  cursor: pointer;
  display: block;
  opacity: 0;
  position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0; right: 0;
padding-top:47%;
z-index: 27;
}

ul.img-textohover li:hover span.text-content {
  opacity: 1;
}

span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}