@charset "UTF-8";
/* - - - - - - - - - - - - - - - - - - - - -

TÝtulo          : Proyecto
URL             : www.pßgina.com

Descripci¾n :   : Contenido de descripci¾n.

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

- - - - - - - - - - - - - - - - - - - - - */
/*****************************************************
                 RESET Y GLOBALES                                         
***************************************************/
@import url(../css/reset.css);
/*

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
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
body {
  overflow-y: scroll; }

.left {
  float: left; }

.right {
  float: right; }

.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, .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; }

html {
  font-size: 18px;
  height: 100%; }

body {
  position: relative;
  font: normal 100% 'Open Sans', Arial, sans-serif;
  line-height: 1.33333em;
  font-weight: 400;
  color: #686868;
  height: 100%;
  background-color: #FFF; }

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

h2 {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 2.22222em;
  line-height: 48px;
  color: #4671b7;
  padding-bottom: 1.14286em;
  text-transform: uppercase; }

h3 {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1.05556em;
  line-height: 24px;
  color: #4671b7;
  padding-bottom: 10px;
  text-transform: uppercase; }

p {
  padding-bottom: 10px; }

.wrap {
  width: 960px;
  min-width: 300px;
  max-width: 93.75%;
  margin: 0 auto; }

.btn-linea {
  display: block;
  border: 1px solid #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 15px 35px;
  text-transform: uppercase; }

a.leermas {
  display: inline-block;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 0.88889em;
  color: #4671b7;
  text-transform: uppercase;
  border: 1px solid #4671b7;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px 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; }
  a.leermas:hover {
    background: #4671b7;
    color: #FFF; }

/*****************************************************
                    LAYOUT                                           
***************************************************/
#headerWrapper {
  position: fixed;
  width: 100%;
  background: #FFF;
  z-index: 10; }
  #headerWrapper header {
    position: relative;
    padding: 2.5em 0; }
    #headerWrapper header .logo {
      display: block;
      position: absolute;
      left: 0;
      top: 1.11111em; }
    #headerWrapper header nav {
      float: right; }
      #headerWrapper header nav ul {
        list-style: none;
        margin: 0; }
        #headerWrapper header nav ul li {
          display: block;
          list-style: none;
          float: left;
          margin-left: 1.11111em; }
          #headerWrapper header nav ul li a {
            display: block;
            font-family: 'Open Sans', Arial, Helvetica, sans-serif;
            font-weight: 400;
            font-size: 0.88889em;
            color: #959595;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            transition: all 200ms ease;
            padding: 0; }
            #headerWrapper header nav ul li a:hover {
              color: #f8b715;
              background: #FFF; }
          #headerWrapper header nav ul li.active a {
            color: #f8b715; }
    #headerWrapper header .separar {
      display: none; }

#banner {
  position: relative;
  padding-top: 110px;
  width: 100%; }
  #banner .wrap {
    text-align: center;
    padding-top: 7.5em;
    padding-bottom: 5.55556em; }
    #banner .wrap h1 {
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-weight: 400;
      font-size: 2.72222em;
      line-height: 1.18367em;
      color: #8bcfed;
      text-transform: uppercase;
      padding-bottom: 0.61224em; }
      #banner .wrap h1 strong {
        font-weight: bold; }
      #banner .wrap h1 span {
        display: block;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: 800;
        color: #FFF; }
    #banner .wrap p {
      display: block;
      width: 58.33333%;
      font-size: 1.05556em;
      line-height: 1.57895em;
      color: #FFF;
      margin: 0 auto; }
    #banner .wrap .btn-linea {
      display: inline-block;
      font-size: 1em;
      color: #FFF;
      margin-top: 20px;
      -webkit-transition: all 200ms ease;
      -moz-transition: all 200ms ease;
      -o-transition: all 200ms ease;
      -ms-transition: all 200ms ease;
      transition: all 200ms ease; }
      #banner .wrap .btn-linea:hover {
        background: #FFF;
        color: #4671b7; }
    #banner .wrap .grafismo {
      position: absolute;
      right: -85px;
      top: 65px; }

.content {
  padding: 5.27778em 0; }

#productos {
  position: relative;
  border-top: 1px solid #FFF;
  background: #e3e3e3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e3e3e3 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }

.prodCategoria {
  width: 16.25%;
  display: inline-block;
  text-align: center; }
  .prodCategoria .img {
    display: block;
    text-align: center;
    margin-bottom: 0.55556em;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease; }
    .prodCategoria .img img {
      max-width: 100%; }
    .prodCategoria .img: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); }
  .prodCategoria h3 {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 0.83333em;
    color: #4671b7;
    text-transform: uppercase;
    padding-bottom: 1em; }
  .prodCategoria a.leermas {
    display: inline-block;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 0.72222em;
    color: #4671b7;
    text-transform: uppercase;
    border: 1px solid #4671b7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 10px 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; }
    .prodCategoria a.leermas:hover {
      background: #4671b7;
      color: #FFF; }

/*#proveedores {
	background: url(../images/bg-proveedores.jpg) top center fixed no-repeat;
	background-size: 100%;
	
	.wrap {
		width: 1150px;
	}
	
	p {
		display: block;
		width: percentage(630px / $maxw);
		padding-bottom: 50px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.proveedor {
		width: 200px;
		height: 230px;
		position: relative;
		display: inline-block;
	}

	.hexagon2 {
		position: absolute;
		width: 200px;
		height: 400px;
		top: -85px;
	}

	.hexagon {
		overflow: hidden;
		visibility: hidden;

		-webkit-transform: rotate(120deg);
		-moz-transform: rotate(120deg);
		-o-transform: rotate(120deg);
		-ms-transform: rotate(120deg);
		transform: rotate(120deg);
		cursor: pointer;
	}

	.hexagon-in1 {
		overflow: hidden;
		width: 100%;
		height: 100%;

		-webkit-transform: rotate(-60deg);
		-moz-transform: rotate(-60deg);
		-o-transform: rotate(-60deg);
		-ms-transform: rotate(-60deg);
		transform: rotate(-60deg);
	}

	.hexagon-in2 {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
		background: #FFF;
		text-align: center;

		-webkit-background-size: 125%;
		-moz-background-size: 125%;
		background-size: 125%;
		visibility: visible;

		-webkit-transform: rotate(-60deg);
		-moz-transform: rotate(-60deg);
		-o-transform: rotate(-60deg);
		-ms-transform: rotate(-60deg);
		transform: rotate(-60deg);

		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		
		a {
			position: absolute;
			display: block;
			width: 100%;
			max-height: 200px;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			margin: auto;
			text-align: center;
			line-height: 200px;
			img { vertical-align: middle; }
		}
	}

	.hexagon-in2:hover {
		-webkit-box-shadow: inset 0 0 0 0px #B0DAD4;
		box-shadow: inset 0 0 0 0px #B0DAD4;
	}

	article {
		padding-top: 1em;
		width: 610px;
		margin: 0 auto;
	}

	.proveedor:nth-child(7n-2) {
		margin-left: 101px;
	}

	.proveedor:nth-child(n+5) {
		margin-top: -55px;
	}
	
	.proveedor:nth-child(n+4) {
		margin-top: -62px;
	}

	.proveedor:nth-child(7n-2) {
		margin-left: 0px;
	}

	.proveedor:nth-child(n+5) {
		margin-top: -56px;
	}
}*/
#proveedores {
  background: url(../images/bg-proveedores.jpg) bottom center fixed no-repeat;
  /*background-size: 100%;*/
  text-align: center; }
  #proveedores #hexagonos {
    margin-top: 50px;
    margin-bottom: 50px; }
  #proveedores .wrap {
    width: 1200px; }
    #proveedores .wrap p {
      max-width: 640px;
      margin-left: auto;
      margin-right: auto; }
  #proveedores .proveedor {
    position: relative;
    width: 188px;
    height: 168px;
    position: relative;
    float: left;
    margin-left: 5px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease; }
    #proveedores .proveedor a {
      position: absolute;
      display: block;
      width: 100%;
      max-height: 217px;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      text-align: center;
      line-height: 217px; }
      #proveedores .proveedor a img {
        vertical-align: middle; }
    #proveedores .proveedor:nth-child(7) {
      margin-left: -90px; }
    #proveedores .proveedor: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); }

#infraestructura {
  background: url(../images/bg-quienes.jpg) bottom center fixed no-repeat;
  /*background-size: 100%;*/
  color: #FFF; }
  #infraestructura h2 {
    display: block;
    color: #FFF;
    max-width: 670px;
    margin-left: auto;
    margin-right: auto; }
    #infraestructura h2 span {
      color: #f8b715; }
  #infraestructura .txt figure {
    display: block;
    margin: 0;
    margin-right: 3.125%;
    width: 30.20833%; }
    #infraestructura .txt figure img {
      max-width: 100%; }
  #infraestructura .txt .desc {
    width: 66.66667%;
    text-align: left;
    padding-top: 20px; }
  #infraestructura a.leermas {
    display: inline-block;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 0.88889em;
    color: #FFF;
    text-transform: uppercase;
    border: 1px solid #FFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 10px 40px;
    margin-top: 20px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease; }
    #infraestructura a.leermas:hover {
      background: #FFF;
      color: #4671b7; }

#cierre {
  background: #FFF; }
  #cierre h2 {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.88889em;
    display: block;
    max-width: 740px;
    margin: 0 auto; }
    #cierre h2 strong {
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-weight: 700; }

section#contactenos {
  background: #e3e3e3;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e3e3e3 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e3e3e3 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }
  section#contactenos .wrap {
    background: url(../images/bg-contactenos.png) no-repeat center top; }
  section#contactenos .colLeft {
    width: 64.58333%;
    float: left; }
  section#contactenos .colRight {
    width: 30.20833%;
    float: right;
    text-align: left; }
  section#contactenos form fieldset {
    width: 50%;
    padding-left: 1.6129%;
    float: left;
    margin-bottom: 0.55556em; }
    section#contactenos form fieldset.mensaje {
      width: 96%; }
  section#contactenos form input[type=text], section#contactenos form textarea {
    width: 100%;
    border: 1px solid #898989;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    padding: 15px 25px;
    box-sizing: border-box;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 0.88889em; }
  section#contactenos form textarea {
    width: 98.3871%;
    margin-left: 1.6129%;
    height: 240px;
    margin-bottom: 20px; }
  section#contactenos form input[type=button] {
    display: block;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 0.88889em;
    color: #FFF;
    text-transform: uppercase;
    background: #f8b715;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 10px 40px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease; }
    section#contactenos form input[type=button]:hover {
      background: #96c33d;
      color: #FFF; }
  section#contactenos .campos-requeridos {
    display: block;
    font-size: 15px;
    color: #898989; }

footer {
  position: relative;
  background: #2b4165;
  width: 100%;
  padding: 30px 0;
  text-align: center; }
  footer a {
    position: absolute;
    left: 0;
    right: 0;
    top: -32px;
    margin: 0 auto;
    display: block;
    width: 83px;
    height: 43px;
    background: url(../images/arrow-top.png) no-repeat center top;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    transition: all 200ms ease; }
    footer a: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); }
  footer p {
    position: relative;
    font-size: 14px;
    color: #FFF; }

.btn-responsive {
  display: none;
  float: right;
  padding: 7px; }
  .btn-responsive span {
    display: block;
    font-size: 25px;
    color: #959595; }

#mapa {
  position: relative;
  height: 500px; }

#productBox, #quienesBox {
  height: 100%;
  background: url(../images/bg-farmaceutica.jpg) no-repeat center top; }
  #productBox header, #quienesBox header {
    position: relative;
    background: #FFF;
    padding: 60px 25px 25px 25px;
    text-align: center;
    border-sizing: border-box; }
    #productBox header figure, #quienesBox header figure {
      display: block;
      position: absolute;
      width: 20.75472%;
      top: -60px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto; }
      #productBox header figure img, #quienesBox header figure img {
        max-width: 100%; }
    #productBox header h2, #quienesBox header h2 {
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-weight: 700;
      font-size: 1.77778em;
      line-height: 40px;
      padding-bottom: 0; }
  #productBox .body, #quienesBox .body {
    width: 100%;
    padding: 25px;
    border-sizing: border-box; }
    #productBox .body .buscador, #quienesBox .body .buscador {
      position: relative;
      margin-bottom: 20px; }
      #productBox .body .buscador input[type=text], #quienesBox .body .buscador input[type=text] {
        position: relative;
        width: 100%;
        border: 1px solid #fff;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        padding: 15px 20px;
        border-sizing: border-box;
        background: none;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-weight: 400;
        font-size: 1em;
        color: #FFF; }
      #productBox .body .buscador input[type=submit], #quienesBox .body .buscador input[type=submit] {
        position: absolute;
        display: block;
        width: 27px;
        height: 26px;
        right: 20px;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url(../images/ico-buscar.png) no-repeat left top;
        overflow: hidden;
        text-indent: -9999px; }
    #productBox .body .resultados, #quienesBox .body .resultados {
      margin-bottom: 20px;
      max-height: 275px;
      overflow: auto; }
      #productBox .body .resultados ul, #quienesBox .body .resultados ul {
        list-style: none;
        margin: 0; }
        #productBox .body .resultados ul li, #quienesBox .body .resultados ul li {
          display: block;
          padding: 10px 0;
          border-bottom: 1px solid #667d9e;
          font-family: 'Open Sans', Arial, Helvetica, sans-serif;
          font-weight: 400;
          font-size: 0.94444em;
          color: #FFF; }
          #productBox .body .resultados ul li:first-child, #quienesBox .body .resultados ul li:first-child {
            border-top: 1px solid #667d9e; }
          #productBox .body .resultados ul li span, #quienesBox .body .resultados ul li span {
            color: #7dd0f4; }
    #productBox .body .leermas, #quienesBox .body .leermas {
      display: block;
      font-family: 'Open Sans', Arial, Helvetica, sans-serif;
      font-weight: 400;
      font-size: 1em;
      color: #4671b7;
      text-transform: uppercase;
      text-align: center;
      border: none;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      background: #FFF;
      padding: 10px 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; }
      #productBox .body .leermas:hover, #quienesBox .body .leermas:hover {
        background: #f8b715;
        color: #FFF; }

#quienesBox {
  background: url(../images/bg-quienes.jpg) no-repeat center top;
  height: auto; }
  #quienesBox header {
    padding-top: 40px; }
  #quienesBox .body {
    text-align: center;
    color: #FFF;
    height: auto; }
    #quienesBox .body h3 {
      font-size: 20px;
      line-height: 26px;
      color: #FFF;
      padding-bottom: 20px; }

/*****************************************************
                 MEDIA-QUERIES                                         
***************************************************/
/************* MAX WIDTH 1000PX **********************/
@media screen and (max-width: 1000px) {
  #headerWrapper header {
    padding: 35px 0; }
    #headerWrapper header .btn-responsive {
      display: block; }
    #headerWrapper header .logo {
      /*position: relative;
      float: left;
      top: 0px;*/ }
    #headerWrapper header .separar {
      display: block; }
    #headerWrapper header nav {
      width: 100%;
      display: none;
      float: none;
      padding-top: 60px; }
      #headerWrapper header nav ul.nav li {
        float: none;
        border-top: 1px solid #ccc;
        margin: 0;
        padding: 10px 0; }

  #banner .wrap .grafismo {
    display: none; }

  .prodCategoria {
    width: 30%;
    margin-bottom: 40px; } }
/************* MAX WIDTH 840PX **********************/
@media screen and (max-width: 840px) {
  #contactenos form fieldset {
    width: 100%; } }
/************* MAX WIDTH 720PX **********************/
@media screen and (max-width: 720px) {
  #banner .wrap {
    padding-bottom: 4em;
    padding-top: 5em; }
    #banner .wrap p {
      width: 95%; }

  .content {
    padding: 4em 0; } }
/************* MAX WIDTH 640PX **********************/
@media screen and (max-width: 640px) {
  .prodCategoria {
    width: 45%; }

  #infraestructura .txt figure, #infraestructura .txt .desc {
    width: 100%;
    text-align: center;
    padding-left: 3%;
    padding-right: 3%;
    margin-right: 0;
    border-sizing: border-box; }

  section#contactenos .colLeft, section#contactenos .colRight {
    width: 100%;
    float: none;
    text-align: center; }

  section#contactenos .colRight h3, section#contactenos .colRight p {
    text-align: center; }

  section#contactenos .colLeft {
    margin-bottom: 40px; } }
/************* MAX WIDTH 540PX **********************/
@media screen and (max-width: 540px) {
  #headerWrapper header .logo {
    width: 60%; }
    #headerWrapper header .logo img {
      max-width: 100%; }

  #banner .wrap h1 {
    font-size: 2.2em; }

  section#contactenos .colLeft form fieldset {
    width: 100%; } }
/************* MAX WIDTH 460PX **********************/
@media screen and (max-width: 460px) {
  .prodCategoria {
    width: 100%; }

  h2 {
    font-size: 1.8em;
    line-height: 1.1em; } }

/*# sourceMappingURL=insuquim.css.map */