html,
body {
  margin: 0px;
  padding: 0px;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke: 1px rgba(0,0,0,0.1);
}
body {
  font-family: 'Roboto Condensed', Arial;
  min-width: 1021px;
  min-height: 688px;
}
.table {
  display: table;
  width: 100%;
  height: 100%;
}
.table-cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
ARTICLE {
  width: 977px;
  height: 644px;
  margin: auto;
  position: relative;
}
ARTICLE DIV.grid_left {
  width: 474px;
  top: 154px;
}
ARTICLE DIV.grid_right {
  width: 496px;
  top: 154px;
  float: right;
}
ARTICLE DIV.grid_logo {
  float: left;
  display: inline-block;
  width: 474px;
  height: 163px;
  background: #fff;
}
ARTICLE DIV.grid_logo IMG {
  float: left;
  margin-left: 10px;
  margin-right: 20px;
  margin-top: 30px;
}
ARTICLE DIV.grid_logo H1 {
  font-size: 22px;
  line-height: 22px;
  margin: 0px;
  padding: 0px;
  margin-top: 35px;
  margin-bottom: 5px;
  color: #018285;
}
ARTICLE DIV.grid_logo P {
  font-size: 13px;
  margin: 0px;
  padding: 0px;
  color: #018285;
}
ARTICLE .area_texto_left {
  z-index: 200;
  width: 454px;
  height: 299px;
  position: absolute;
  top: 335px;
  left: 10px;
  background: rgba(255,255,255,0.8);
  -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;
}
ARTICLE .area_texto_right {
  z-index: 200;
  width: 474px;
  height: 299px;
  position: absolute;
  top: 335px;
  left: 491px;
  background: rgba(255,255,255,0.8);
  -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;
}
ARTICLE .area_texto_top {
  z-index: 200;
  width: 224px;
  height: 299px;
  position: absolute;
  top: 10px;
  left: 743px;
  background: rgba(255,255,255,0.8);
  -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;
}
ARTICLE .content {
  text-align: left;
  padding: 20px;
}
ARTICLE .content H1 {
  color: #006633;
  font-size: 20px;
  margin: 0px;
  margin-bottom: 15px;
  padding: 0px;
}
ARTICLE .content H2 {
  color: #006633;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  margin-top: 10px;
}
ARTICLE .content P {
  font-size: 12px;
  line-height: 13px;
  margin: 0px;
  padding: 0px;
  text-align: justify;
}
ARTICLE .content UL {
  font-size: 12px;
  line-height: 13px;
  margin: 0px;
  margin-left: 20px;
  margin-top: 10px;
  padding: 0px;
  text-align: justify;
}
ARTICLE .content UL LI {
  margin-bottom: 10px;
}
ARTICLE .content UL.productos {
  margin-left: 50px;
  margin-top: 10px;
  font-weight: bold;
  font-size: 14px;
}
ARTICLE .content UL.productos A:hover {
  color: #006633;
  cursor: pointer;
}
ARTICLE .content UL.productos A.selected {
  color: #006633;
  text-decoration: underline;
}
ARTICLE .content UL[data-content] {
  display: none;
  width: 150px;
  margin-left: 50px;
}
.slide {
  width: 0px !important;
}
.mb20 {
  margin-bottom: 10px !important;
}
DIV.fondo,
A.fondo {
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  float: left;
}
DIV.fondo#img1,
A.fondo#img1 {
  cursor: pointer;
  width: 244px;
  height: 155px;
  background-image: url(images/1.jpg);
  margin-right: 8px;
  margin-bottom: 8px;
  background-position: center center;
  background-size: 100% 100%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
DIV.fondo#img1 SPAN,
A.fondo#img1 SPAN {
  background: rgba(0,0,0,0.5);
  font-size: 35px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  width: 100%;
  padding-top: 70px;
  height: 85px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
DIV.fondo#img1:hover,
A.fondo#img1:hover {
  color: #006633;
  background-size: 150% 150%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
DIV.fondo#img1:hover SPAN,
A.fondo#img1:hover SPAN {
  background: rgba(255,255,0,0.5);
  color: #006633;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
DIV.fondo#img1.selected SPAN,
A.fondo#img1.selected SPAN {
  background: rgba(255,255,0,0.5);
  color: #006633;
}
DIV.fondo#img2,
A.fondo#img2 {
  cursor: pointer;
  width: 222px;
  height: 155px;
  background-image: url(images/2.jpg);
  margin-bottom: 8px;
  background-position: center center;
  background-size: 100% 100%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
DIV.fondo#img2 SPAN,
A.fondo#img2 SPAN {
  background: rgba(0,0,0,0.5);
  font-size: 35px;
  display: inline-block;
  line-height: 35px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  width: 100%;
  padding-top: 50px;
  height: 105px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
DIV.fondo#img2:hover,
A.fondo#img2:hover {
  color: #006633;
  background-size: 150% 150%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
DIV.fondo#img2:hover SPAN,
A.fondo#img2:hover SPAN {
  background: rgba(255,255,0,0.5);
  color: #006633;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
DIV.fondo#img2.selected SPAN,
A.fondo#img2.selected SPAN {
  background: rgba(255,255,0,0.5);
  color: #006633;
}
DIV.fondo#img3,
A.fondo#img3 {
  width: 244px;
  height: 155px;
  background: #59adaf;
  margin-right: 8px;
  margin-bottom: 8px;
}
DIV.fondo#img4,
A.fondo#img4 {
  width: 222px;
  height: 155px;
  background-image: url(images/4.jpg);
  margin-bottom: 8px;
}
DIV.fondo#img5,
A.fondo#img5 {
  width: 148px;
  height: 155px;
  background-image: url(images/5.jpg);
  margin-right: 8px;
}
DIV.fondo#img6,
A.fondo#img6 {
  width: 318px;
  height: 155px;
  background-image: url(images/6.jpg);
}
DIV.fondo#img7,
A.fondo#img7 {
  cursor: pointer;
  width: 244px;
  height: 319px;
  background: #015f61;
  margin-right: 8px;
  margin-bottom: 0px;
  background-position: center center;
  background-size: 100% 100%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
DIV.fondo#img7 SPAN,
A.fondo#img7 SPAN {
  background: rgba(0,0,0,0.5);
  font-size: 35px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  width: 100%;
  padding-top: 150px;
  height: 169px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
DIV.fondo#img7:hover,
A.fondo#img7:hover {
  color: #006633;
  background-size: 150% 150%;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
DIV.fondo#img7:hover SPAN,
A.fondo#img7:hover SPAN {
  background: rgba(255,255,0,0.5);
  color: #006633;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
DIV.fondo#img7.selected SPAN,
A.fondo#img7.selected SPAN {
  background: rgba(255,255,0,0.5);
  color: #006633;
}
DIV.fondo#img8,
A.fondo#img8 {
  width: 244px;
  height: 155px;
  background-image: url(images/8.jpg);
  margin-bottom: 8px;
}
DIV.fondo#img9,
A.fondo#img9 {
  width: 244px;
  height: 155px;
  background-image: url(images/9.jpg);
  margin-bottom: 8px;
}
DIV.fondo#img10,
A.fondo#img10 {
  width: 87px;
  height: 155px;
  background-image: url(images/10.jpg);
  margin-bottom: 8px;
  margin-right: 8px;
}
DIV.fondo#img11,
A.fondo#img11 {
  width: 149px;
  height: 155px;
  background-image: url(images/11.jpg);
  margin-bottom: 8px;
  margin-right: 8px;
}
DIV.fondo#img12,
A.fondo#img12 {
  width: 244px;
  height: 155px;
  background: #1a8f91;
  margin-bottom: 8px;
}
DIV.fondo#img13,
A.fondo#img13 {
  width: 244px;
  height: 155px;
  background: #015f61;
  margin-right: 8px;
}
DIV.fondo#img14,
A.fondo#img14 {
  width: 147px;
  height: 155px;
  background-image: url(images/14.jpg);
  margin-right: 8px;
}
DIV.fondo#img15,
A.fondo#img15 {
  width: 88px;
  height: 155px;
  background-image: url(images/15.jpg);
}
FORM {
  margin: 0px;
}
INPUT,
TEXTAREA {
  color: #fff;
  padding: 5px;
  background: #006633;
  margin-bottom: 5px;
  border: 0px none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
}
TEXTAREA {
  height: 100px;
  overflow: auto;
  resize: none;
  width: 100%;
}
INPUT.boton {
  border: none !important;
  background-color: #006633;
  font-size: 12px;
  color: #fff;
  width: 100px;
  margin-top: 0px;
  font-weight: bold;
  -webkit-box-shadow: inset 0px -3px 1px rgba(0,0,0,0.45), 0px 2px 2px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 0px -3px 1px rgba(0,0,0,0.45), 0px 2px 2px rgba(0,0,0,0.25);
  box-shadow: inset 0px -3px 1px rgba(0,0,0,0.45), 0px 2px 2px rgba(0,0,0,0.25);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
  cursor: pointer;
  margin-right: 20px;
  padding: 10px;
  margin-top: 10px;
}
footer {
  position: absolute;
  top: 615px;
  left: 515px;
  left: 245px;
  padding: 0px;
  z-index: 100;
}
footer P {
  padding: 0px;
  margin: 0px;
  color: #444;
  font-size: 12px;
}
footer P A {
  color: #444;
}
A#logo {
  cursor: pointer;
}