/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

.form-style-9{
    max-width: 500px;
    background: #FAFAFA;
    padding: 30px;
    margin: 50px auto;
    box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    border: 6px solid #305A72;
}
.form-style-9 ul{
    padding:0;
    margin:0;
    list-style:none;
}
.form-style-9 ul li{
    display: block;
    margin-bottom: 10px;
    min-height: 70px;
}
.form-style-9 ul li  .field-style{
    box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    padding: 8px;
    outline: none;
    border: 1px solid #B0CFE0;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;

}.form-style-9 ul li  .field-style:focus{
    box-shadow: 0 0 5px #B0CFE0;
    border:1px solid #B0CFE0;
}
.form-style-9 ul li .field-split{
    width: 49%;
	font: 25px Arial, Helvetica, sans-serif;
}
.form-style-9 ul li .field-full{
    width: 100%;
	font: 25px Arial, Helvetica, sans-serif;
}
.form-style-9 ul li input.align-left{
    float:left;
}
.form-style-9 ul li input.align-right{
    float:right;
}
.form-style-9 ul li textarea{
    width: 100%;
    height: 100px;
}
.form-style-9 ul li input[type="button"], 
.form-style-9 ul li input[type="submit"] {
    -moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
    box-shadow: inset 0px 1px 0px 0px #3985B1;
    background-color: #216288;
    border: 1px solid #17445E;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 8px 18px;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
}
.form-style-9 ul li input[type="button"]:hover, 
.form-style-9 ul li input[type="submit"]:hover {
    background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
    background-color: #28739E;
}




   
   
html,
button,
input,
select,
textarea {
  color: #222;
}
html {
  font-size: 1em;
  line-height: 1.4;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: none;
}
/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */
.browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*---------------------------------------------------
    LESS Prefixer
  ---------------------------------------------------
    
    All of the CSS3 fun, none of the prefixes!

    As a rule, you can use the CSS properties you
    would expect just by adding a '.':

    box-shadow => .box-shadow(@args)

    Also, when shorthand is available, arguments are
    not parameterized. Learn CSS, not LESS Prefixer.

    -------------------------------------------------
    TABLE OF CONTENTS
    (*) denotes a syntax-sugar helper
    -------------------------------------------------

        .animation(@args)
            .animation-delay(@delay)
            .animation-direction(@direction)
            .animation-duration(@duration)
            .animation-iteration-count(@count)
            .animation-name(@name)
            .animation-play-state(@state)
            .animation-timing-function(@function)
        .background-size(@args)
        .border-radius(@args)
        .box-shadow(@args)
            .inner-shadow(@args) *
        .box-sizing(@args)
            .border-box() *
            .content-box() *
        .columns(@args)
            .column-count(@count)
            .column-gap(@gap)
            .column-rule(@args)
            .column-width(@width)
        .gradient(@default,@start,@stop) *
            .linear-gradient-top(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])*
            .linear-gradient-left(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])*
        .opacity(@factor)
        .transform(@args)
            .rotate(@deg)
            .scale(@factor)
            .translate(@x,@y)
            .translate3d(@x,@y,@z)
            .translateHardware(@x,@y) *
        .text-shadow(@args)
        .transition(@args)
            .transition-delay(@delay)
            .transition-duration(@duration)
            .transition-property(@property)
            .transition-timing-function(@function)



    Credit to LESS Elements for the motivation and
    to CSS3Please.com for implementation.

    Copyright (c) 2012 Joel Sutherland
    MIT Licensed:
    http://www.opensource.org/licenses/mit-license.php

-----------------------------------------------------*/
/* Animation */
/* Background Size */
/* Border Radius */
/* Box Shadows */
/* Box Sizing */
/* Columns */
/* Gradients */
/* Opacity */
/* Text Shadow */
/* Transforms */
/* Transitions */
@font-face {
  font-family: 'CODEBold';
  src: url('fonts/CODEBold.eot');
  src: url('fonts/CODEBold.eot') format('embedded-opentype'), url('fonts/CODEBold.woff2') format('woff2'), url('fonts/CODEBold.woff') format('woff'), url('fonts/CODEBold.ttf') format('truetype'), url('fonts/CODEBold.svg#CODEBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CODELight';
  src: url('fonts/CODELight.eot');
  src: url('fonts/CODELight.eot') format('embedded-opentype'), url('fonts/CODELight.woff2') format('woff2'), url('fonts/CODELight.woff') format('woff'), url('fonts/CODELight.ttf') format('truetype'), url('fonts/CODELight.svg#CODELight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueLight';
  src: url('fonts/HelveticaNeueLight.eot');
  src: url('fonts/HelveticaNeueLight.eot') format('embedded-opentype'), url('fonts/HelveticaNeueLight.woff2') format('woff2'), url('fonts/HelveticaNeueLight.woff') format('woff'), url('fonts/HelveticaNeueLight.ttf') format('truetype'), url('fonts/HelveticaNeueLight.svg#HelveticaNeueLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueThin';
  src: url('fonts/HelveticaNeueThin.eot');
  src: url('fonts/HelveticaNeueThin.eot') format('embedded-opentype'), url('fonts/HelveticaNeueThin.woff2') format('woff2'), url('fonts/HelveticaNeueThin.woff') format('woff'), url('fonts/HelveticaNeueThin.ttf') format('truetype'), url('fonts/HelveticaNeueThin.svg#HelveticaNeueThin') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeueThinItalic_0';
  src: url('fonts/HelveticaNeueThinItalic_0.eot');
  src: url('fonts/HelveticaNeueThinItalic_0.eot') format('embedded-opentype'), url('fonts/HelveticaNeueThinItalic_0.woff2') format('woff2'), url('fonts/HelveticaNeueThinItalic_0.woff') format('woff'), url('fonts/HelveticaNeueThinItalic_0.ttf') format('truetype'), url('fonts/HelveticaNeueThinItalic_0.svg#HelveticaNeueThinItalic_0') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'lisbonscriptregular';
  src: url('fonts/Champagne & Limousines Bold.ttf');
  src: url('fonts/Champagne & Limousines Bold.ttf#iefix') format('embedded-opentype'), url('fonts/Champagne & Limousines Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue-Bold';
  src: url('fonts/HelveticaNeue-Bold-.eot#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Bold.woff') format('woff'), url('../404.html') format('truetype'), url('fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'helveticaneuemedium';
  src: url('../404.html');
  src: url('../404.html#iefix') format('embedded-opentype'), url('fonts/helvetica-neue-medium-1361522099-webfont.woff2') format('woff2'), url('fonts/helvetica-neue-medium-1361522099-webfont.woff') format('woff'), url('fonts/helvetica-neue-medium-1361522099-webfont.ttf') format('truetype'), url('fonts/helvetica-neue-medium-1361522099-webfont.svg#helveticaneuemedium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'new_ciclesemi';
  src: url('../404.html');
  src: url('../404.html#iefix') format('embedded-opentype'), url('fonts/new_cicle_semi-webfont.woff2') format('woff2'), url('fonts/new_cicle_semi-webfont.woff') format('woff'), url('fonts/new_cicle_semi-webfont.ttf') format('truetype'), url('fonts/new_cicle_semi-webfont.svg#new_ciclesemi') format('svg');
  font-weight: normal;
  font-style: normal;
}
header,
footer,
section,
.center {
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.center {
  max-width: 1024px;
}
a {
  text-decoration: none;
}
header {
  background: url('../img/detalles/1.png') center top no-repeat;
  z-index: 9999;
  position: relative;
  top: 0px;
  padding: 10px 0px;
}
header .center nav {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
header .center nav ul {
  list-style: none;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
header .center nav ul li {
  display: inline-block;
  vertical-align: bottom;
  font-family: 'HelveticaNeueLight';
  font-size: 16.67px;
  color: #FFF;
  margin-left: 0.5px;
}
header .center nav ul li a {
  font-family: 'HelveticaNeueLight';
  font-size: 16.67px;
  color: #FFF;
  text-transform: uppercase;
}
header .center nav ul li a.active {
  color: #777777;
}
header .center nav ul li.logo {
  margin-left: 0px;
}
header .center nav ul li.prin {
  margin-left: 59px;
}
footer {
  background: #777777;
  padding-bottom: 25px;
  padding-top: 5px;
}
footer .center a {
  float: right;
  margin-right: 25px;
  font-family: 'helveticaneuemedium';
  font-size: 10px;
  color: #FFF;
}
.ini_index {
  background-color: #fff;
  padding-top: 137px;
  margin-top: -92px;
  padding-bottom: 145px;
  min-height: 900px;
}
.catalogo {
  background: #FFF;
  padding-top: 24px;
}
.galeria {
  background: #777777;
  padding-top: 14px;
  padding-bottom: 5px;
}
.final_galeria {
  height: 30px;
  background: url('../img/detalles/2.jpg') center top no-repeat;
}
.index_ins {
  background: white;
  padding-top: 9px;
  padding-bottom: 91px;
}
.ubicacion_index {
  background: url('../img/banners/2.jpg') center top no-repeat;
  padding-top: 8px;
  padding-bottom: 635px;
}
.jardin_index {
  background: white;
  padding-top: 47px;
  padding-bottom: 50px;
}
.parallax_index {
  background: url('../img/banners/3.jpg') center center no-repeat;
  height: 529px;
}
.globos_index {
  background: url('../img/banners/4.jpg') center top no-repeat;
  padding-top: 21px;
  padding-bottom: 19px;
}
.contacto_index {
  background: url('../img/banners/5.jpg') center top no-repeat;
  padding-top: 90px;
  padding-bottom: 201px;
}
.footer {
  background: white;
  padding-top: 42px;
  padding-bottom: 20px;
}
.ini_index .center {
  color: #FFF;
  text-align: center;
}
.ini_index .center h1 {
  font-weight: normal;
  font-family: 'CODELight';
  font-size: 26.62px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 18px;
}
.ini_index .center a button {
  width: 247px;
  height: 54px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 76px;
  border: solid;
  border-style: solid;
  border-color: #FFF;
  border-width: 2px;
  background: #777777;
  font-family: 'HelveticaNeueThin';
  font-size: 19.69px;
  color: #FFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.catalogo .center {
  text-align: center;
}
.catalogo .center p {
  font-family: 'HelveticaNeueThin';
  color: #6B6B6B;
  font-size: 16.67px;
  font-weight: bolder;
}
.catalogo .center p.cursiva {
  font-family: 'lisbonscriptregular';
  font-size: 49.83px;
  margin-top: -25px;
  font-weight: normal;
}
.galeria .uno {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.galeria .dos {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.galeria .tres {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.index_ins .center {
  text-align: center;
  color: #777777;
}
.index_ins .center h1 {
  font-weight: normal;
  font-family: 'lisbonscriptregular';
  font-size: 94.7px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.index_ins .center ul {
  text-align: left;
  list-style: none;
  color: #6D6D6D;
  margin-left: -50px;
}
.index_ins .center ul li {
  display: inline-block;
  font-family: 'HelveticaNeueThin';
  font-size: 16.67px;
  margin-left: 35px;
  font-weight: bolder;
}
.index_ins .center ul li p {
  text-align: center;
  line-height: 18px;
  height: 115px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.index_ins .center ul li p.uno {
  max-width: 173px;
  background: url('../img/iconos/1.jpg') center top no-repeat;
  padding-top: 62px;
}
.index_ins .center ul li p.dos {
  max-width: 90px;
  background: url('../img/iconos/2.jpg') center top no-repeat;
  padding-top: 59px;
  position: relative;
  top: -19px;
}
.index_ins .center ul li p.tres {
  max-width: 115px;
  background: url('../img/iconos/3.jpg') center top no-repeat;
  padding-top: 57px;
  position: relative;
  top: 0px;
}
.index_ins .center ul li p.cuatro {
  max-width: 132px;
  background: url('../img/iconos/4.jpg') center top no-repeat;
  padding-top: 69px;
}
.index_ins .center ul li p.cinco {
  max-width: 117px;
  background: url('../img/iconos/5.jpg') center top no-repeat;
  padding-top:70px;
}
.index_ins .center ul li p.seis {
  max-width: 82px;
  background: url('../img/iconos/6.jpg') center top no-repeat;
  padding-top: 63px;
  position: relative;
  top: -19px;
}
.index_ins .center ul li p.siete {
  max-width: 152px;
  background: url('../img/iconos/7.jpg') center top no-repeat;
  padding-top:70px;
  position: relative;
  top: -19px;
}
.index_ins .center button {
  width: 243px;
  height: 50px;
  margin: 10px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #777777;
  color: #FFF;
  font-family: 'HelveticaNeueThin';
  font-size: 17.69px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: none;
  border-style: none;
}
.index_ins .center .video {
  background-color: #724310;
}
.ubicacion_index .center {
  text-align: center;
  color: #FFF;
}
.ubicacion_index .center h1 {
  font-weight: normal;
  font-family: 'lisbonscriptregular';
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 94.83px;
}
.ubicacion_index .center ul {
  text-align: left;
  list-style: none;
  margin-left: -25px;
}
.ubicacion_index .center ul li {
  display: inline-block;
  margin-left: 60px;
}
.ubicacion_index .center ul li button {
  border: solid;
  border-style: solid;
  border-color: #FFF;
  border-width: 2.5px;
  background: #777777;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'HelveticaNeueThin';
  font-size: 14.72px;
  color: #FFF;
  font-weight: lighter;
}
.ubicacion_index .center ul li button span {
  font-family: 'helveticaneuemedium';
  font-weight: bolder;
}
.ubicacion_index .center ul li button.descarga {
  width: 243px;
  height: 47px;
}
.ubicacion_index .center ul li button.waze {
  width: 243px;
  height: 47px;
}
.ubicacion_index .center ul li button.maps {
  width: 264px;
  height: 47px;
}
.jardin_index .center img {
  float: right;
  z-index: 1;
  margin-top: -336px;
}
.jardin_index .center h1,
.jardin_index .center h2,
.jardin_index .center h3,
.jardin_index .center p {
  font-weight: normal;
  z-index: 10;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jardin_index .center h1 {
  font-family: 'HelveticaNeue-Bold';
  font-size: 25.7px;
  color: #3F1201;
}
.jardin_index .center p {
  max-width: 552px;
  color: #404040;
  font-size: 19.67px;
  font-family: 'helveticaneuemedium';
  text-align: justify;
  margin-left: 0px;
  margin-top: 16px;
}
.jardin_index .center h2 {
  font-family: 'HelveticaNeue-Bold';
  font-size: 20.83px;
  color: #6B6B6B;
  margin-top: 26px;
}
.jardin_index .center h3 {
  font-family: 'lisbonscriptregular';
  font-size: 51.26px;
  color: #6B6B6B;
  margin-top: -14px;
}
.jardin_index .center button {
  width: 246px;
  height: 50px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #777777;
  border: none;
  border-style: none;
  font-family: 'HelveticaNeueThin';
  color: #FFF;
  font-size: 19.69px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-top: 33px;
}
.globos_index .center {
  color: #404040;
}
.globos_index .center article {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 378px;
}
.globos_index .center h1,
.globos_index .center h2,
.globos_index .center p,
.globos_index .center ul {
  font-weight: normal;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.globos_index .center h1 {
  font-family: 'helveticaneuemedium';
  font-size: 20.83px;
  color: #401001;
}
.globos_index .center h1 span {
  font-family: 'lisbonscriptregular';
  font-size: 59.08px;
  margin-left: 27px;
}
.globos_index .center p {
  font-family: 'HelveticaNeueThin';
  font-weight: bolder;
  color: #404040;
  font-size: 16.67px;
  max-width: 585px;
  margin-left: 0px;
}
.globos_index .center p b {
  font-family: 'helveticaneuemedium';
}
.globos_index .center h2 {
  font-family: 'HelveticaNeue-Bold';
  font-size: 16.67px;
  margin-top: 20px;
}
.globos_index .center ul {
  list-style: none;
  margin-left: -38px;
}
.globos_index .center ul li {
  margin-top: -2px;
}
.globos_index .center button {
  width: 246px;
  height: 50px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #777777;
  border: none;
  border-style: none;
  font-family: 'HelveticaNeueThin';
  color: #FFF;
  font-size: 19.69px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin-top: 14px;
}
.contacto_index .center {
  text-align: center;
  color: #FFF;
}
.contacto_index .center h1 {
  font-weight: normal;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'HelveticaNeue-Bold';
  font-size: 25.7px;
}
.contacto_index .center p {
  font-family: 'HelveticaNeueThin';
  font-weight: bolder;
  font-size: 16.67px;
  margin-top: 0px;
}
.contacto_index .center form {
  max-width: 608px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* firefox 19+ */

  /* ie */

}
.contacto_index .center form ::-webkit-input-placeholder {
  color: #B5B5B5;
  font-family: 'HelveticaNeueLight';
  font-size: 25.7px;
  padding-left: 7px;
}
.contacto_index .center form ::-moz-placeholder {
  color: #B5B5B5;
  font-family: 'HelveticaNeueLight';
  font-size: 25.7px;
  padding-left: 7px;
}
.contacto_index .center form :-ms-input-placeholder {
  color: #B5B5B5;
  font-family: 'HelveticaNeueLight';
  font-size: 25.7px;
  padding-left: 7px;
}
.contacto_index .center form input:-moz-placeholder {
  color: #B5B5B5;
  font-family: 'HelveticaNeueLight';
  font-size: 25.7px;
  padding-left: 7px;
}
.contacto_index .center form .insp {
  width: 100%;
  height: 41px;
  border: none;
  border-style: none;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 25.7px;
  color: #B5B5B5;
  font-family: 'HelveticaNeueLight';
  margin-top: 12px;
}
.contacto_index .center form label {
  font-family: 'HelveticaNeueLight';
  font-size: 20.83px;
  margin-left: 0px;
}
.contacto_index .center form label.uno {
  margin-left: 0px;
}
.contacto_index .center form .ins {
  width: 116px;
  height: 41px;
  border: none;
  border-style: none;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 25.7px;
  color: #B5B5B5;
  font-family: 'HelveticaNeueLight';
  margin-top: 12px;
  margin-left: 38px;
  margin-right: 20px;
}
.contacto_index .center form .in {
  width: 114px;
  height: 41px;
  border: none;
  border-style: none;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 25.7px;
  color: #B5B5B5;
  font-family: 'HelveticaNeueLight';
  margin-top: 12px;
  margin-left: 16px;
}
.contacto_index .center form .field {
  width: 100%;
  height: 145px;
  border: none;
  border-style: none;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 25.7px;
  color: #B5B5B5;
  font-family: 'HelveticaNeueLight';
  margin-top: 25px;
  margin-left: 0px;
}
.contacto_index .center form .btTxt {
  width: 100%;
  height: 55px;
  margin: 0 auto;
  font-family: 'HelveticaNeueLight';
  font-size: 20.83px;
  color: #FFF;
  background: #777777;
  border: none;
  border-style: none;
  margin-top: 20px;
}
.contacto_index .center .aviso {
  font-family: 'HelveticaNeueLight';
  font-size: 20.83px;
  color: #FFF;
  text-align: left;
  margin-left: -425px;
  margin-top: 12px;
  position: relative;
  top: 12px;
}
.footer .center {
  color: #454545;
}
.footer .center ul {
  list-style: none;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.footer .center ul.principal {
  margin-left: -30px;
}
.footer .center ul.principal li {
  display: inline-block;
}
.footer .center ul.uno {
  display: block;
}
.footer .center ul.uno li {
  display: block;
  font-family: 'HelveticaNeueThin';
  font-weight: bold;
  font-size: 19.64px;
  margin-top: -7px;
}
.footer .center ul.dos {
  display: block;
  margin-top: -10px;
  position: relative;
  top: 0px;
}
.footer .center ul.dos li {
  display: block;
  font-family: 'helveticaneuemedium';
  font-size: 29.85px;
  margin-top: 0px;
}
.footer .center ul.tres {
  display: block;
  position: relative;
  top: -10px;
  right: 0px;
}
.footer .center ul.tres li {
  display: inline-block;
  margin-left: 6px;
}
.banner_inst {
  background: url('../img/banners/6.jpg') center top no-repeat;
  padding-top: 86px;
  margin-top: -89px;
  padding-bottom: 40px;
}
.iconos_ins {
  background: #FFF;
  padding-top: 74px;
  padding-bottom: 56px;
}
.servicios {
  background: white;
  padding-top: 55px;
  padding-bottom: 51px;
}
.eventos_ins {
  background: url('../img/banners/7.jpg') center top no-repeat;
  padding-top: 222px;
  padding-bottom: 110px;
}
.ofrecemos_inst {
  background: white;
  padding-top: 33px;
  padding-bottom: 91px;
}
.banner_inst .center {
  text-align: center;
}
.banner_inst .center h1,
.banner_inst .center h2 {
  font-weight: normal;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.banner_inst .center h1 {
  font-family: 'lisbonscriptregular';
  font-size: 184.19px;
  color: #FFF;
}
.banner_inst .center h2 {
  font-family: 'CODELight';
  font-size: 26.62px;
  color: #FFF;
  margin-top: -59px;
}
.banner_inst .center button {
  width: 248px;
  height: 54px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: solid;
  border-style: solid;
  border-width: 2.5px;
  border-color: #FFF;
  background: #777777;
  color: #FFF;
  font-family: 'HelveticaNeueThin';
  font-weight: bold;
  margin-top: 45px;
}
.iconos_ins .center ul {
  text-align: left;
  list-style: none;
  color: #6D6D6D;
  margin-left: -15px;
}
.iconos_ins .center ul li {
  display: inline-block;
  font-family: 'HelveticaNeueThin';
  font-size: 16.67px;
  margin-left: 35px;
  font-weight: bolder;
}
.iconos_ins .center ul li p {
  text-align: center;
  line-height: 18px;
  height: 115px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.iconos_ins .center ul li p.uno {
  max-width: 173px;
  background: url('../img/iconos/1.jpg') center top no-repeat;
  padding-top: 62px;
}
.iconos_ins .center ul li p.dos {
  max-width: 90px;
  background: url('../img/iconos/2.jpg') center top no-repeat;
  padding-top: 59px;
  position: relative;
  top: -19px;
}
.iconos_ins .center ul li p.tres {
  max-width: 115px;
  background: url('../img/iconos/3.jpg') center top no-repeat;
  padding-top: 57px;
  position: relative;
  top: -19px;
}
.iconos_ins .center ul li p.cuatro {
  max-width: 132px;
  background: url('../img/iconos/4.jpg') center top no-repeat;
  padding-top: 69px;
}
.iconos_ins .center ul li p.cinco {
  max-width: 117px;
  background: url('../img/iconos/5.jpg') center top no-repeat;
  padding-top: 49px;
}
.iconos_ins .center ul li p.seis {
  max-width: 82px;
  background: url('../img/iconos/6.jpg') center top no-repeat;
  padding-top: 63px;
  position: relative;
  top: -19px;
}
.iconos_ins .center ul li p.siete {
  max-width: 152px;
  background: url('../img/iconos/7.jpg') center top no-repeat;
  padding-top: 41px;
  position: relative;
  top: -19px;
}
.servicios .center {
  text-align: center;
}
.servicios .center .garigoleado {
  margin-bottom: 38px;
}
.servicios .center h1,
.servicios .center h2 {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
}
.servicios .center h1 {
  font-family: 'HelveticaNeue-Bold';
  font-size: 20.83px;
  color: #404040;
}
.servicios .center h2 {
  font-family: 'CODELight';
  font-size: 26.62px;
  color: #404040;
  font-weight: bold;
  margin-bottom: 31px;
}
.eventos_ins .center p {
  font-family: 'HelveticaNeueThin';
  font-weight: bold;
  font-size: 16.67px;
  text-align: center;
  max-width: 521px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 64px;
}
.eventos_ins .center p b {
  font-family: 'HelveticaNeue-Bold';
  font-style: italic;
}
.ofrecemos_inst .center {
  text-align: center;
  color: #4F4F4F;
}
.ofrecemos_inst .center h1 {
  font-weight: normal;
  font-family: 'HelveticaNeue-Bold';
  font-size: 20.83px;
}
.ofrecemos_inst .center .garigoleado {
  margin-bottom: 31px;
}
.ofrecemos_inst .center p {
  font-family: 'HelveticaNeueThin';
  font-weight: bold;
  font-size: 16.67px;
}
.ofrecemos_inst .center article {
  max-width: 350px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
.ofrecemos_inst .center article ul {
  list-style: none;
  text-align: left;
}
.ofrecemos_inst .center article ul li {
  font-family: 'HelveticaNeueLight';
  font-size: 16.67px;
}
.ofrecemos_inst .center article ul li.norm {
  font-family: 'HelveticaNeueThin';
  font-weight: bold;
}
.ofrecemos_inst .center article.lefti ul li {
  margin-top: 16px;
}
.ofrecemos_inst .center article.rigti {
  max-width: 400px;
}
.ofrecemos_inst .center article.rigti ul li {
  margin-top: 0px;
}
.banner_nos {
  background: url('../img/banners/20.jpg') center top no-repeat;
  margin-top: -89px;
  padding-top: 146px;
  padding-bottom: 242px;
}
.banner_nos .center {
  color: #FFF;
}
.banner_nos .center h1,
.banner_nos .center h2,
.banner_nos .center h3 {
  font-weight: normal;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.banner_nos .center h1 {
  font-family: 'lisbonscriptregular';
  font-size: 100px;
  margin-left: 0px;
}
.banner_nos .center h2 {
  font-family: 'new_ciclesemi';
  font-size: 57.66px;
  margin-top: -39px;
}
.banner_nos .center p {
  font-family: 'HelveticaNeueThin';
  font-size: 20.83px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 755px;
  margin-left: 0px;
}
.banner_nos .center p.texto2 {
  margin-top: 35px;
}
.banner_nos .center h3 {
  font-family: 'CODELight';
  font-size: 35.17px;
  margin-top: 18px;
}
.banner_nos .center ul {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  text-align: center;
  margin-left: -422px;
  margin-top: 24px;
}
.banner_nos .center ul li {
  display: inline-block;
  margin-left: 76px;
}
.banner_nos .center ul li button {
  border: solid;
  border-style: solid;
  border-width: 2.5px;
  border-color: #FFF;
  background: #777777;
  color: #FFF;
  font-family: 'HelveticaNeueThin';
  font-size: 19.69px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 54px;
}
.banner_nos .center ul li button.unicillo {
  width: 248px;
}
.banner_nos .center ul li button.docillo {
  width: 246px;
}
.banner_ubi {
  background: url('../img/banners/9.jpg') center top no-repeat;
  margin-top: -89px;
  padding-top: 165px;
  padding-bottom: 69px;
}
.llegar_ubi {
  background: white;
  padding-top: 26px;
  padding-bottom: 67px;
}
.map {
  height: 737px;
}
.linea_cafe {
  background: #777777;
  height: 13px;
}
.banner_ubi .center {
  text-align: center;
  color: #FFF;
}
.banner_ubi .center h1,
.banner_ubi .center h2 {
  font-weight: normal;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.banner_ubi .center h1 {
  font-family: 'lisbonscriptregular';
  font-size: 120.19px;
}
.banner_ubi .center h2 {
  font-family: 'CODELight';
  font-size: 26.62px;
  margin-top: -76px;
}
.llegar_ubi .center {
  text-align: center;
}
.llegar_ubi .center h1,
.llegar_ubi .center h2,
.llegar_ubi .center ul {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 28.01px;
  color: #545454;
  font-family: 'helveticaneuemedium';
}
.llegar_ubi .center ul {
  list-style: none;
}
.llegar_ubi .center ul li {
  display: inline-block;
  margin-left: 20px;
}
.llegar_ubi .center ul li button {
  background: #777777;
  font-family: 'HelveticaNeueThin';
  font-size: 19.69px;
  border: none;
  border-style: none;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 48px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  color: #FFF;
}
.llegar_ubi .center ul li button span {
  font-family: 'helveticaneuemedium';
}
.llegar_ubi .center ul li button.des {
  width: 310px;
}
.llegar_ubi .center ul li button.waze {
  width: 222px;
}
.llegar_ubi .center ul li button.maps {
  width: 312px;
}
.llegar_ubi .center h1 {
  line-height: 28px;
  margin-top: 79px;
}
.llegar_ubi .center h2 {
  margin-top: 40px;
}
.llegar_ubi .center h2 span {
  margin-left: 72px;
}
.banner_contacto {
  background: url('../img/banners/10.jpg') center top no-repeat;
  margin-top: -89px;
  padding-top: 162px;
  padding-bottom: 32px;
}
.formis {
  background: url('../img/banners/11.jpg') center top no-repeat;
  padding-top: 44px;
  padding-bottom: 7px;
}
.banner_contacto .center {
  color: #FFF;
  text-align: center;
}
.banner_contacto .center h1,
.banner_contacto .center h2,
.banner_contacto .center h3 {
  font-weight: normal;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.banner_contacto .center h1 {
  font-family: 'lisbonscriptregular';
  font-size: 120.19px;
}
.banner_contacto .center h2 {
  font-family: 'new_ciclesemi';
  font-size: 38.44px;
  margin-top: -88px;
  margin-left: 72px;
}
.banner_contacto .center h3 {
  font-family: 'CODELight';
  font-size: 26.62px;
  font-weight: bold;
  margin-top: 8px;
}
.formis .center article {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  color: #969696;
}
.formis .center article form {
  /* firefox 19+ */

  /* ie */

}
.formis .center article form ::-webkit-input-placeholder {
  color: #717171;
  font-family: 'HelveticaNeueLight';
  font-size: 25.7px;
  padding-left: 7px;
}
.formis .center article form ::-moz-placeholder {
  color: #717171;
  font-family: 'HelveticaNeueLight';
  font-size: 25.7px;
  padding-left: 7px;
}
.formis .center article form :-ms-input-placeholder {
  color: #717171;
  font-family: 'HelveticaNeueLight';
  font-size: 25.7px;
  padding-left: 7px;
}
.formis .center article form input:-moz-placeholder {
  color: #717171;
  font-family: 'HelveticaNeueLight';
  font-size: 25.7px;
  padding-left: 7px;
}
.formis .center article form .insp {
  width: 100%;
  height: 42px;
  border: none;
  border-style: none;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 25.7px;
  color: #717171;
  font-family: 'HelveticaNeueLight';
  background: #D3D3D3;
  margin-top: 13px;
}
.formis .center article form .field {
  width: 100%;
  height: 142px;
  border: none;
  border-style: none;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 25.7px;
  color: #717171;
  font-family: 'HelveticaNeueLight';
  background: #D3D3D3;
  margin-top: 13px;
}
.formis .center article form label {
  font-family: 'HelveticaNeueLight';
  font-size: 20.84px;
  color: #717171;
}
.formis .center article form label.dos {
  margin-left: 20px;
}
.formis .center article form .ins,
.formis .center article form .in {
  width: 66px;
  height: 42px;
  border-style: none;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 25.7px;
  color: #717171;
  font-family: 'HelveticaNeueLight';
  background: #D3D3D3;
  margin-top: 13px;
}
.formis .center article form .ins {
  margin-left: 0px;
}
.formis .center article form .btTxt {
  width: 100%;
  height: 54px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-style: none;
  background: #777777;
  color: #FFF;
  margin-top: 19px;
}
.formis .center article.lefti {
  max-width: 498px;
  text-align: center;
  margin-left: -5px;
}
.formis .center article.lefti form {
  margin-top: 36px;
}
.formis .center article.lefti h1,
.formis .center article.lefti h2,
.formis .center article.lefti h3,
.formis .center article.lefti h4 {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
}
.formis .center article.lefti h1 {
  font-family: 'HelveticaNeue-Bold';
  font-size: 20.83px;
  line-height: 28px;
  max-width: 438px;
  text-align: left;
  margin-top: 21px;
}
.formis .center article.lefti h2 {
  max-width: 477px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'HelveticaNeue-Bold';
  font-size: 30px;
  margin-top: 20px;
  margin-top: 25px;
}
.formis .center article.lefti h3 {
  font-family: 'HelveticaNeue-Bold';
  font-size: 25.71px;
  color: #545454;
}
.formis .center article.lefti h4 {
  font-family: 'HelveticaNeueThin';
  font-weight: bold;
  font-size: 16.67px;
}
.formis .center article.rigti {
  max-width: 476px;
  text-align: center;
  margin-left: 30px;
  margin-top: 0px;
  position: relative;
  top: -400px;
}
.formis .center article.rigti h1 {
  font-family: 'HelveticaNeue-Bold';
  font-size: 25.71px;
  color: #545454;
}
.formis .center article.rigti h2 {
  font-family: 'HelveticaNeueThin';
  font-weight: bold;
  font-size: 16.67px;
  margin-top: -18px;
}
.formis .center article.rigti a {
  color: #969696;
  margin-left: -297px;
  position: relative;
  top: 11px;
  font-family: 'HelveticaNeueLight';
  font-size: 20.84px;
}
.banner_galeria {
  background: url('../img/banners/8.jpg') center top no-repeat;
  padding-top: 169px;
  padding-bottom: 60px;
  margin-top: -89px;
}
.galeria_galeria {
  background: white;
  height: 2006px;
}
.banner_galeria .center {
  color: #FFF;
  text-align: center;
}
.banner_galeria .center h1,
.banner_galeria .center h2 {
  font-weight: normal;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.banner_galeria .center h1 {
  font-family: 'lisbonscriptregular';
  font-size: 140.19px;
  margin-top: 207px;
}
.banner_galeria .center h2 {
  font-family: 'CODELight';
  font-size: 26.62px;
  font-weight: bold;
  margin-top: -77px;
}
.galeria_galeria .center .portafolios {
  max-width: 860px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.galeria_galeria .center .portafolios img {
  max-width: 381px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  border: solid;
  border-style: solid;
  border-width: 15px;
  border-color: transparent;
}
.galeria_galeria .center .portafolios ul {
  list-style: none;
  max-width: 860px;
  margin: 0 auto;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 40px;
  position: relative;
  top: 0px;
}
.galeria_galeria .center .portafolios ul li {
  display: inline-block;
  margin: 12px 8px;
}
.galeria_galeria .center .portafolios ul li button {
  width: 185px;
  height: 59px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: solid;
  border-style: solid;
  border-width: 1px;
  border-color: #777777;
  background: white;
  color: #777777;
  font-family: 'CODELight';
  font-size: 19.77px;
  font-weight: bold;
  text-align: center;
}
.galeria_galeria .center .portafolios ul li button:hover {
  background: #777777;
  color: #FFF;
  cursor: pointer;
}
.galeria_galeria .center .portafolios ul li button.selected {
  background: #777777;
  color: #FFF;
}
.galeria_galeria .center .portafolios .centrito {
  max-width: 782px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.galeria_galeria .center .portafolios .portfolioContainer {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.galeria_galeria .center .portafolios .portfolioContainer .amarello {
  max-width: 381px;
  width: 100%;
}
.gracias {
  background: url('../img/banners/13.jpg') center top no-repeat;
  padding-top: 41px;
  padding-bottom: 147px;
}
.gracias .center {
  color: #FFF;
  text-align: center;
}
.gracias .center h1,
.gracias .center h2,
.gracias .center h3 {
  font-weight: normal;
}
.gracias .center h1 {
  font-family: 'lisbonscriptregular';
  font-size: 119.1px;
  font-weight: normal;
  margin-top: 19px;
}
.gracias .center h2 {
  font-family: 'CODELight';
  font-size: 24.21px;
  margin-top: -114px;
}
.gracias .center h3 {
  font-family: 'HelveticaNeueThin';
  font-size: 24.21px;
  margin-top: -30px;
}
.gracias .center button {
  width: 370px;
  height: 60px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  border: solid;
  border-style: solid;
  border-width: 1.5px;
  border-color: white;
  color: #FFF;
  font-family: 'CODELight';
  font-size: 19.77px;
  margin-top: 49px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.gracias .center button:hover {
  background: #6C6301;
}
.ccc {
  background: url('../img/banners/14.jpg') center top no-repeat;
  padding-top: 41px;
  padding-bottom: 147px;
}
.ccc .center {
  color: #FFF;
  text-align: center;
}
.ccc .center h1,
.ccc .center h2,
.ccc .center h3 {
  font-weight: normal;
}
.ccc .center h1 {
  font-family: 'lisbonscriptregular';
  font-size: 119.1px;
  font-weight: normal;
  margin-top: 19px;
}
.ccc .center h2 {
  font-family: 'CODELight';
  font-size: 24.21px;
  margin-top: -114px;
}
.ccc .center h3 {
  font-family: 'HelveticaNeueThin';
  font-size: 24.21px;
  margin-top: -30px;
}
.ccc .center button {
  width: 370px;
  height: 60px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  border: solid;
  border-style: solid;
  border-width: 1.5px;
  border-color: white;
  color: #FFF;
  font-family: 'CODELight';
  font-size: 19.77px;
  margin-top: 49px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.ccc .center button:hover {
  background: #6C6301;
}
.galeriabyLD {
  width: 100%;
  padding: 50px 0px;
  background-color: #fff;
}
.galeriabyLD .center {
  padding: 0;
}
.galeriabyLD .center .menu {
  max-width: 860px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.galeriabyLD .center .menu .menusss {
  padding: 0;
  margin: 0;
}
.galeriabyLD .center .menu .menusss li {
  display: inline-block;
  vertical-align: top;
  margin: 12px 8px;
}
.galeriabyLD .center .menu .menusss li button {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  font-family: 'CODELight';
  font-size: 19.77px;
  font-weight: bold;
  width: 185px;
  height: 59px;
  text-align: center;
  padding: 10px 0px;
  border: 1px solid #777777;
  background-color: #fff;
  color: #777777;
}
.galeriabyLD .center .menu .menusss li button:hover {
  background-color: #777777;
  color: #fff;
}
.galeriabyLD .center .menu .menusss li button.selected {
  background-color: #777777;
  color: #fff;
}
.galeriabyLD .center .galeria-ld {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.galeriabyLD .center .galeria-ld .contenedor {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 0px;
}
.galeriabyLD .center .galeria-ld .contenedor ul {
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}
.galeriabyLD .center .galeria-ld .contenedor ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  max-width: 418px;
  width: 100%;
  margin: 20px;
  max-height: 279px;
}
.galeriabyLD .center .galeria-ld .contenedor ul li img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
}
.galeriabyLD .center .galeria-ld .contenedor ul li img:hover {
  opacity: 0.7;
}
.galeriabyLD .center .galeria-ld #jardin-gal,
.galeriabyLD .center .galeria-ld #iluminacion-gal,
.galeriabyLD .center .galeria-ld #cocina-gal,
.galeriabyLD .center .galeria-ld #eventos-gal,
.galeriabyLD .center .galeria-ld #estacionamiento-gal,
.galeriabyLD .center .galeria-ld #banos-gal,
.galeriabyLD .center .galeria-ld #novia-gal {
  display: none;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.absoluta {
  position: absolute;
  left: 50%;
  margin-left: -512px;
  margin-top: 150px;
}
.soloenmoviles {
  display: none;
}
/* ==========================================================================
   VERSIÓN RESPOSNIVE BY DANIEL LD daniel@iddealiza.com
   ========================================================================== */
@media all and (max-width: 1024px) and (min-width: 640px) {
  .soloenmoviles {
    display: block;
  }
  header {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    height: auto;
    background-image: none;
    background: rgba(0, 0, 0, 0.4);
    padding: 0;
    position: fixed;
    top: -289px;
    z-index: 999;
  }
  header .center {
    max-width: 100%;
  }
  header .center nav {
    width: 100%;
  }
  header .center nav ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  header .center nav ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    vertical-align: middle;
    margin: 5px 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #fff;
  }
  header .center nav ul li a.active {
    color: #777777;
  }
  header .center nav ul li.prin {
    margin: 0;
  }
  header .center nav ul li.logo {
    display: none;
  }
  header .center nav ul li.barra {
    display: none;
  }
  header .center .nav-menu-movil {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
  }
  header .center .nav-menu-movil .logotipo {
    float: left;
    padding: 8px 0px 15px 10px;
  }
  header .center .nav-menu-movil .navegar {
    float: right;
    cursor: pointer;
    padding: 12px 14px 1px 0px;
  }
  header .center .nav-menu-movil .navegar a {
    font-size: 30px;
    color: #fff;
  }
  header .center .nav-menu-movil .marker {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    padding: 8px 18px 1px 0px;
  }
  header .center .nav-menu-movil .phone {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    display: none;
    padding: 9px 18px 1px 0px;
  }
  header .center .nav-menu-movil .face {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    padding: 9px 18px 1px 0px;
  }
  header.mostrarmenu {
    top: 0;
    background: rgba(0, 0, 0, 0.8);
  }
  main {
    /* INSTALACIONES */
  
    /*GALERIAS*/
  
    /*NOSOTROS*/
  
    /* UBICACIÓN */
  
    /* CONTACTO */
  
  }
  main .ini_index {
    margin-top: 0;
  }
  main .ini_index .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .ini_index .center .descuentote {
    display: none;
  }
  main .ini_index .center img {
    max-width: 334px;
    width: 100%;
  }
  main .ini_index .center h1 {
    margin: 20px auto;
  }
  main .ini_index .center a button {
    margin: 20px auto;
    max-width: 247px;
    width: 100%;
    text-align: center;
  }
  main .ini_index .absoluta {
    position: absolute;
    left: 50%;
    margin-left: -320px;
    margin-top: 0px;
  }
  main .catalogo {
    padding: 30px 0px;
  }
  main .catalogo .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .catalogo .center p {
    margin: 10px auto;
  }
  main .catalogo .center p.cursiva {
    margin: 0;
  }
  main .index_ins .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .index_ins .center img {
    max-width: 737px;
    width: 100%;
  }
  main .index_ins .center ul {
    padding: 0;
    margin: 10px auto;
    text-align: center;
  }
  main .index_ins .center ul li {
    margin: 10px 15px;
  }
  main .ubicacion_index {
    padding: 8px 0px 40px 0px;
  }
  main .ubicacion_index .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .ubicacion_index .center ul {
    padding: 0;
    margin: 10px 0px  10px 0px;
    text-align: center;
  }
  main .ubicacion_index .center ul li {
    margin: 20px 0;
    display: block;
  }
  main .ubicacion_index .center ul li a .descarga {
    width: 100%;
  }
  main .ubicacion_index .center ul li a .waze {
    width: 100%;
  }
  main .ubicacion_index .center ul li a .maps {
    width: 100%;
  }
  main .jardin_index {
    padding: 50px 0;
  }
  main .jardin_index .center {
    max-width: 640px;
    padding: 0 10px;
    text-align: center;
  }
  main .jardin_index .center img {
    display: none;
  }
  main .jardin_index .center h1 {
    text-align: center;
  }
  main .jardin_index .center p {
    margin: 20px auto;
    max-width: 100%;
    width: 100%;
  }
  main .jardin_index .center h2 {
    text-align: center;
  }
  main .jardin_index .center h3 {
    text-align: center;
  }
  main .jardin_index .center a button {
    max-width: 246px;
    width: 100%;
    margin: 0 auto;
  }
  main .parallax_index {
    display: none;
  }
  main .parallax1 {
    width: 100%;
  }
  main .parallax1 img {
    width: 100%;
  }
  main .globos_index {
    padding: 30px 0px 50px 0px;
  }
  main .globos_index .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .globos_index .center article {
    margin-left: 92px;
  }
  main .globos_index .center article h1 {
    font-size: 19px;
  }
  main .globos_index .center article h1 span {
    font-size: 49px;
  }
  main .globos_index .center article p {
    margin: 10px 0;
  }
  main .globos_index .center article h2 {
    margin: 20px 0;
  }
  main .contacto_index {
    padding: 100px 0;
  }
  main .contacto_index .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .contacto_index .center form .btTxt {
    margin-bottom: 30px;
  }
  main .contacto_index .center .aviso {
    position: static;
    margin: 20px auto;
  }
  main .footer {
    padding: 40px 0px;
  }
  main .footer .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .footer .center .principal {
    margin: 10px 0;
    padding: 0;
    text-align: center;
  }
  main .footer .center .principal li {
    display: block;
    margin-left: 0;
  }
  main .footer .center .principal li .uno {
    padding: 0;
    margin: 20px 0;
  }
  main .footer .center .principal li .dos {
    padding: 0;
    margin: 20px 0;
  }
  main .footer .center .principal li .tres {
    padding: 0;
    margin: 20px 0;
    position: static;
  }
  main .footer .center .principal li .tres li {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
  }
  main .banner_inst {
    margin: 0;
    padding: 117px 0px;
  }
  main .banner_inst .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .banner_inst .center a {
    display: none;
  }
  main .iconos_ins {
    padding: 50px 0px;
  }
  main .iconos_ins .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .iconos_ins .center ul {
    text-align: center;
    margin: 0;
    padding: 0;
  }
  main .iconos_ins .center ul li {
    max-width: 134px;
    width: 100%;
    margin: 10px 15px;
  }
  main .servicios .center {
    max-width: 1000px;
    width: 100%;
    padding: 0 10px;
  }
  main .servicios .center .garigoleado {
    max-width: 737px;
    width: 100%;
  }
  main .servicios .center #slider1 {
    display: none;
  }
  main .servicios .center .sliderdemoviles {
    display: block;
  }
  main .servicios .center .sliderdemoviles p img {
    max-width: 983px;
    width: 100%;
  }
  main .eventos_ins {
    padding: 50px 0px;
    background: #fff;
    border-top: 10px solid #777777;
    border-bottom: 10px solid #777777;
  }
  main .eventos_ins .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .eventos_ins .center .imagenss {
    width: 100%;
    display: block;
    text-align: center;
  }
  main .eventos_ins .center .imagenss p img {
    width: 100%;
  }
  main .eventos_ins .center p {
    text-align: center;
    margin: 0 auto;
  }
  main .ofrecemos_inst {
    padding: 50px 0px;
  }
  main .ofrecemos_inst .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .ofrecemos_inst .center .garigoleado {
    max-width: 737px;
    width: 100%;
  }
  main .ofrecemos_inst .center article {
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }
  main .ofrecemos_inst .center .rigti {
    max-width: 100%;
    margin: 0 auto;
  }
  main .ofrecemos_inst .center p {
    padding-left: 40px;
    text-align: left;
  }
  main .banner_galeria {
    padding: 100px 0px;
    margin: 0;
  }
  main .banner_galeria .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .galeria_galeria {
    padding: 50px 0px;
  }
  main .galeria_galeria .center .portafolios {
    padding: 0 10px;
  }
  main .galeria_galeria .center .portafolios ul {
    padding: 0;
    margin: 0;
  }
  main .banner_nos {
    margin: 0;
    padding: 120px 0px;
  }
  main .banner_nos .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .banner_nos .center h1 {
    font-size: 125px;
    line-height: 125px;
  }
  main .banner_nos .center h2 {
    font-size: 40px;
    margin: 0;
  }
  main .banner_nos .center ul {
    margin: 0 auto;
    text-align: left;
  }
  main .banner_nos .center ul li {
    vertical-align: top;
    margin: 30px 20px;
  }
  main .banner_ubi {
    margin: 0;
    padding: 100px 0px;
  }
  main .banner_ubi .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .llegar_ubi {
    padding: 50px 0px;
  }
  main .llegar_ubi .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .llegar_ubi .center ul {
    padding: 0;
    margin: 0;
  }
  main .llegar_ubi .center ul li {
    width: 100%;
    margin: 10px 0px;
  }
  main .llegar_ubi .center ul li a button {
    width: 100%;
    height: auto;
    padding: 15px 0px;
  }
  main .llegar_ubi .center ul li a button.des {
    width: 100%;
  }
  main .llegar_ubi .center ul li a button.waze {
    width: 100%;
  }
  main .llegar_ubi .center ul li a button.maps {
    width: 100%;
  }
  main .llegar_ubi .center h1 {
    display: none;
  }
  main .llegar_ubi .center h2 {
    display: none;
  }
  main .linea_cafe {
    display: none;
  }
  main #map_canvas {
    display: none;
  }
  main .banner_contacto {
    margin: 0;
    padding: 80px 0px;
  }
  main .banner_contacto .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .formis {
    background: #fff;
    padding: 50px 0px;
  }
  main .formis .center {
    max-width: 640px;
    padding: 0 10px;
  }
  main .formis .center article {
    width: 100%;
    margin: 30px 0px;
  }
  main .formis .center article form .btTxt {
    margin: 20px 0px;
  }
  main .formis .center article.lefti {
    max-width: 100%;
    margin: 30px 0px;
  }
  main .formis .center article.lefti h1 {
    display: none;
  }
  main .formis .center article.lefti h2 {
    display: none;
  }
  main .formis .center article.rigti {
    max-width: 100%;
    position: static;
    margin: 30px 0px;
  }
  main .formis .center article.rigti a {
    position: static;
    margin: 20px auto;
  }
  footer {
    padding: 10px 0px;
  }
  footer .center {
    max-width: 640px;
    padding: 0 10px;
    text-align: center;
  }
  footer .center a {
    float: none;
    margin: 0;
  }
}
@media all and (max-width: 639px) and (min-width: 320px) {
  .soloenmoviles {
    display: block;
  }
  header {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    height: auto;
    background-image: none;
    background: rgba(0, 0, 0, 0.4);
    padding: 0;
    position: fixed;
    top: -289px;
    z-index: 999;
  }
  header .center {
    max-width: 100%;
  }
  header .center nav {
    width: 100%;
  }
  header .center nav ul {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  header .center nav ul li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    vertical-align: middle;
    margin: 5px 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #fff;
  }
  header .center nav ul li a.active {
    color: #777777;
  }
  header .center nav ul li.prin {
    margin: 0;
  }
  header .center nav ul li.logo {
    display: none;
  }
  header .center nav ul li.barra {
    display: none;
  }
  header .center .nav-menu-movil {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
  }
  header .center .nav-menu-movil .logotipo {
    float: left;
    padding: 8px 0px 15px 10px;
  }
  header .center .nav-menu-movil .navegar {
    float: right;
    cursor: pointer;
    padding: 12px 14px 1px 0px;
  }
  header .center .nav-menu-movil .navegar a {
    font-size: 15px;
    color: #fff;
  }
  header .center .nav-menu-movil .marker {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    padding: 8px 18px 1px 0px;
  }
  header .center .nav-menu-movil .phone {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    display: block;
    padding: 9px 18px 1px 0px;
  }
  header .center .nav-menu-movil .face {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    padding: 9px 18px 1px 0px;
  }
  header.mostrarmenu {
    top: 0;
    background: rgba(0, 0, 0, 0.8);
  }
  main {
    /* INSTALACIONES */
  
    /*GALERIAS*/
  
    /*NOSOTROS*/
  
    /* UBICACIÓN */
  
    /* CONTACTO */
  
    /* GRACIAS */
  
  }
  main .ini_index {
    margin-top: 0;
    padding: 202px 0px 110px 0px;
  }
  main .ini_index .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .ini_index .center .descuentote {
    display: none;
  }
  main .ini_index .center img {
    max-width: 334px;
    width: 100%;
  }
  main .ini_index .center h1 {
    margin: 20px auto;
  }
  main .ini_index .center a button {
    margin: 20px auto;
    max-width: 247px;
    width: 100%;
    text-align: center;
  }
  main .ini_index .absoluta {
    position: absolute;
    left: 50%;
    margin-left: -160px;
    margin-top: 0px;
  }
  main .catalogo {
    padding: 30px 0px;
  }
  main .catalogo .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .catalogo .center p {
    margin: 10px auto;
    font-size: 18px;
  }
  main .catalogo .center p.cursiva {
    margin: 0;
  }
  main .galeria .uno,
  main .galeria .tres {
    display: none;
  }
  main .index_ins .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .index_ins .center h1 {
    font-size: 46.7px;
  }
  main .index_ins .center img {
    max-width: 737px;
    width: 100%;
  }
  main .index_ins .center ul {
    padding: 0;
    margin: 10px auto;
    text-align: center;
  }
  main .index_ins .center ul li {
    max-width: 134px;
    width: 100%;
    margin: 10px 5px;
  }
  main .index_ins .center a button {
    max-width: 243px;
    width: 100%;
  }
  main .ubicacion_index {
    padding: 8px 0px 40px 0px;
  }
  main .ubicacion_index .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .ubicacion_index .center h1 {
    font-size: 90.83px;
  }
  main .ubicacion_index .center ul {
    padding: 0;
    margin: 10px 0px  10px 0px;
    text-align: center;
  }
  main .ubicacion_index .center ul li {
    margin: 20px 0;
    display: block;
  }
  main .ubicacion_index .center ul li a .descarga {
    width: 100%;
  }
  main .ubicacion_index .center ul li a .waze {
    width: 100%;
  }
  main .ubicacion_index .center ul li a .maps {
    width: 100%;
  }
  main .jardin_index {
    padding: 50px 0;
  }
  main .jardin_index .center {
    max-width: 320px;
    padding: 0 10px;
    text-align: center;
  }
  main .jardin_index .center img {
    display: none;
  }
  main .jardin_index .center h1 {
    text-align: center;
  }
  main .jardin_index .center p {
    margin: 20px auto;
    max-width: 100%;
    width: 100%;
  }
  main .jardin_index .center h2 {
    text-align: center;
  }
  main .jardin_index .center h3 {
    text-align: center;
  }
  main .jardin_index .center a button {
    max-width: 246px;
    width: 100%;
    margin: 0 auto;
  }
  main .parallax_index {
    display: none;
  }
  main .parallax1 {
    width: 100%;
  }
  main .parallax1 img {
    width: 100%;
  }
  main .globos_index {
    padding: 30px 0px 50px 0px;
  }
  main .globos_index .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .globos_index .center article {
    margin-left: 0px;
  }
  main .globos_index .center article h1 {
    font-size: 19px;
  }
  main .globos_index .center article h1 span {
    font-size: 49px;
  }
  main .globos_index .center article p {
    margin: 10px 0;
  }
  main .globos_index .center article h2 {
    margin: 20px 0;
  }
  main .globos_index .center article a button {
    max-width: 246px;
    width: 100%;
  }
  main .contacto_index {
    padding: 60px 0;
  }
  main .contacto_index .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .contacto_index .center form .ins {
    width: 100%;
    margin: 0;
  }
  main .contacto_index .center form .in {
    width: 100%;
    margin: 0;
  }
  main .contacto_index .center form .btTxt {
    margin-bottom: 30px;
  }
  main .contacto_index .center .aviso {
    position: static;
    margin: 20px auto;
  }
  main .footer {
    padding: 40px 0px;
  }
  main .footer .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .footer .center .principal {
    margin: 10px 0;
    padding: 0;
    text-align: center;
  }
  main .footer .center .principal li {
    display: block;
    margin-left: 0;
  }
  main .footer .center .principal li .uno {
    padding: 0;
    margin: 20px 0;
  }
  main .footer .center .principal li .dos {
    padding: 0;
    margin: 20px 0;
  }
  main .footer .center .principal li .tres {
    padding: 0;
    margin: 20px 0;
    position: static;
  }
  main .footer .center .principal li .tres li {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
  }
  main .banner_inst {
    margin: 0;
    padding: 117px 0px;
  }
  main .banner_inst .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .banner_inst .center h1 {
    font-size: 90px;
  }
  main .banner_inst .center h2 {
    margin: 0;
  }
  main .banner_inst .center a {
    display: none;
  }
  main .iconos_ins {
    padding: 50px 0px;
  }
  main .iconos_ins .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .iconos_ins .center ul {
    text-align: center;
    margin: 0;
    padding: 0;
  }
  main .iconos_ins .center ul li {
    max-width: 134px;
    width: 100%;
    margin: 10px 5px;
  }
  main .servicios .center {
    max-width: 1000px;
    width: 100%;
    padding: 0 10px;
  }
  main .servicios .center .garigoleado {
    max-width: 737px;
    width: 100%;
  }
  main .servicios .center #slider1 {
    display: none;
  }
  main .servicios .center .sliderdemoviles {
    display: block;
  }
  main .servicios .center .sliderdemoviles p img {
    max-width: 983px;
    width: 100%;
  }
  main .eventos_ins {
    padding: 50px 0px;
    background: #fff;
    border-top: 10px solid #777777;
    border-bottom: 10px solid #777777;
  }
  main .eventos_ins .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .eventos_ins .center .imagenss {
    width: 100%;
    display: block;
    text-align: center;
  }
  main .eventos_ins .center .imagenss p img {
    width: 100%;
  }
  main .eventos_ins .center p {
    text-align: center;
    margin: 0 auto;
  }
  main .ofrecemos_inst {
    padding: 50px 0px;
  }
  main .ofrecemos_inst .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .ofrecemos_inst .center .garigoleado {
    max-width: 737px;
    width: 100%;
  }
  main .ofrecemos_inst .center article {
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }
  main .ofrecemos_inst .center .rigti {
    max-width: 100%;
    margin: 0 auto;
  }
  main .ofrecemos_inst .center p {
    padding-left: 40px;
    text-align: left;
  }
  main .banner_galeria {
    padding: 100px 0px;
    margin: 0;
  }
  main .banner_galeria .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .banner_galeria .center h1 {
    font-size: 145px;
    line-height: 140px;
  }
  main .banner_galeria .center h2 {
    margin: 0;
  }
  main .galeriabyLD .center {
    padding: 0px 10px;
  }
  main .galeriabyLD .center .menu .menusss li button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding: 10px 15px;
  }
  main .galeriabyLD .center .galeria-ld .contenedor ul li {
    margin: 20px 0px;
  }
  main .banner_nos {
    margin: 0;
    padding: 120px 0px;
  }
  main .banner_nos .center {
    max-width: 320px;
    padding: 0 10px;
    text-align: center;
  }
  main .banner_nos .center h1 {
    font-size: 110px;
    line-height: 90px;
  }
  main .banner_nos .center h2 {
    font-size: 26px;
    line-height: 27px;
    margin: 0;
  }
  main .banner_nos .center p {
    font-size: 18px;
  }
  main .banner_nos .center h3 {
    font-size: 28px;
    margin: 0;
  }
  main .banner_nos .center ul {
    padding: 0;
    margin: 0 auto;
    text-align: center;
  }
  main .banner_nos .center ul li {
    vertical-align: top;
    margin: 10px 0px;
  }
  main .banner_ubi {
    margin: 0;
    padding: 100px 0px;
  }
  main .banner_ubi .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .banner_ubi .center h1 {
    font-size: 120px;
  }
  main .banner_ubi .center h2 {
    margin: 0;
  }
  main .llegar_ubi {
    padding: 50px 0px;
  }
  main .llegar_ubi .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .llegar_ubi .center ul {
    padding: 0;
    margin: 0;
  }
  main .llegar_ubi .center ul li {
    width: 100%;
    margin: 10px 0px;
  }
  main .llegar_ubi .center ul li a button {
    width: 100%;
    height: auto;
    padding: 15px 0px;
  }
  main .llegar_ubi .center ul li a button.des {
    width: 100%;
  }
  main .llegar_ubi .center ul li a button.waze {
    width: 100%;
  }
  main .llegar_ubi .center ul li a button.maps {
    width: 100%;
  }
  main .llegar_ubi .center h1 {
    display: none;
  }
  main .llegar_ubi .center h2 {
    display: none;
  }
  main .linea_cafe {
    display: none;
  }
  main #map_canvas {
    display: none;
  }
  main .banner_contacto {
    margin: 0;
    padding: 160px 0px 100px 0px;
  }
  main .banner_contacto .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .banner_contacto .center h1 {
    font-size: 118px;
    line-height: 70px;
  }
  main .banner_contacto .center h2 {
    margin: 0 auto;
  }
  main .formis {
    background: #fff;
    padding: 50px 0px;
  }
  main .formis .center {
    max-width: 320px;
    padding: 0 10px;
  }
  main .formis .center article {
    width: 100%;
    margin: 30px 0px;
  }
  main .formis .center article form .ins {
    width: 100%;
  }
  main .formis .center article form .in {
    width: 100%;
  }
  main .formis .center article form .btTxt {
    margin: 20px 0px;
  }
  main .formis .center article.lefti {
    max-width: 100%;
    margin: 30px 0px;
  }
  main .formis .center article.lefti h1 {
    display: none;
  }
  main .formis .center article.lefti h2 {
    display: none;
  }
  main .formis .center article.rigti {
    max-width: 100%;
    position: static;
    margin: 30px 0px;
  }
  main .formis .center article.rigti a {
    position: static;
    margin: 20px auto;
  }
  main .gracias {
    padding: 80px 0px;
  }
  main .gracias .center {
    max-width: 320px;
  }
  main .gracias .center img {
    max-width: 242px;
    width: 100%;
  }
  main .gracias .center a button {
    width: 100%;
    margin: 0;
  }
  footer {
    padding: 10px 0px;
  }
  footer .center {
    max-width: 320px;
    padding: 0 10px;
    text-align: center;
  }
  footer .center a {
    margin: 0;
    float: none;
  }
}