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

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


@font-face {
  font-family: 'gothambold';
  src: url('../fonts/GothamRounded-Bold.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'gothambold';
  src:  url('../fonts/GothamRounded-Bold.otf')  format('opentype'), url('../fonts/GothamRounded-Bold.otf') format('woff'), url('../fonts/GothamRounded-Bold.ttf')  format('truetype'), url('../fonts/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	background:#FFF;
	color:#4C4C4C;
    font-family: 'gothambook';
    overflow-x: hidden;
}
a {color:#4c4c4c; text-decoration: none;}
a:focus {outline:0;}
body a {
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
a:focus, a:active, a:hover {
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	text-decoration:none;
}
.paddingleft0 {padding-left:0!important;}
.paddingright0 {padding-right:0!important;}
.relative {position: relative;}
.centered {
    float:none;
    margin:0 auto;
}
.padding-bottom-0 {padding-bottom: 0!important;}

/*--- HEADER Styles ----*/
header {
	clear:both;
    position: relative;
    width:100%;
    float:left;
    background: url(../images/bg_header.jpg) center center no-repeat; 
    background-size: cover;
    height: 750px;
    padding:0!important;
    margin-bottom: 100px;
}
#header_min {
    background: #FFF;
    height: auto;
    margin-bottom: 150px;
}
header .banda_gris {
    width:100%;
    position: fixed;
    top:0;
    left:0;
    background: rgba(63,60,57,0.7);
    height: 74px;
    z-index: 1;
}
#header_min .banda_gris {background: #787674;}
.block_rayas {
    height: 100%;
    background: url(../images/trama_rayas.png) center center no-repeat; 
    background-size: cover;
}
.navbar-nav {
    margin-top: 20px;
    text-transform: uppercase;
    font-family: 'gothambold';
    text-align: center;
    width:100%;
    float:none;
}
#header_min .navbar-nav {text-align: right;}
.navbar-nav>li {
    float: none;
    display: inline-block;
}
.navbar-nav>li.logomin {
    position: relative;
    top:-16px;
}
.navbar-nav>li>a {
    font-size: 14px;
    padding:0 7px;
    color:#FFF;
    line-height: 30px;
}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li>a.active {
    color:#66C1A0;
    background: none;
}
.block_content .navlist {
    position: fixed;
    z-index: 999999;
}
.navbar-nav>li>a.icono {
    font-size: 30px;
    position: relative;
    top:3px;
}
header .logo {
    margin-top: 170px;
}
header .ajax-load {
    height:32px;
    display: none;
    margin:5px auto;
}
header #form-news {
    margin:50px auto 0 auto;
    text-align: center;
    width: 100%;
    max-width: 314px;
}
header #form-news label {
    display: block;
    color: #FFF;
    background: #66C1A0;
    text-transform: uppercase;
    font-family: 'gothambold';
    font-size: 16px;
    margin:0;
    padding:3px;
}
header #form-news input {
    border-radius: 0;
    border:0;
    height: 28px;
    box-sizing: border-box;
    margin: 0;
    float: left;
    font-family: 'gothambook';
}
header #form-news .form-control {width: 70%;}
header #form-news .btn {
    width:30%;
    color:#FFF;
    background: #1E3A30;
    padding: 0;
}
header #form-news .btn:hover {background: #4c4c4c;}
.response-error {
    background: #FF0000!important;
    color:#FFF;
    padding:5px;
    margin:15px 0;
}
.response-end {
    background: #4c4c4c!important;
    color:#FFF;
    padding:5px;
    margin:15px 0;
}

h2 {
    padding:15px 15px;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 1;
    font-family: 'gothambold';
    margin-bottom: 25px;
    color:#66C1A0;
    background: #FFF;
}
h3 {
    padding:15px 15px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1;
    font-family: 'gothamregular';
    margin-bottom: 15px;
    color:#66C1A0;
    text-align: center;
}
.bg-verde {
    color:#FFF;
    background: #66C1A0;
}
.bg-verdeosc {
    color:#FFF;
    background: #478770;
}
.bg-gris {
    color:#FFF;
    background: #4C4C4C;
}
.servicio {
    min-height: 320px;
}
.servicio p {
    text-align: center;
}
#servicios {margin-bottom: 50px; clear: both;}
.servicio .img-responsive, #home-productos .producto .img-responsive {width: 100%;}
#home-productos, section#contacto {
    width:100%;
    clear: both;
    float: left;
    padding:80px 15px;
    background: url(../images/home-productos/bg_productos.jpg) center center no-repeat; 
    background-size: cover;
}
#home-productos, #beneficios, section#contacto {margin-bottom: 75px; clear: both;}
#home-productos .producto {
    margin-bottom: 25px;
}
#home-productos .producto .contenedor, .productos .contenedor {width:100%; overflow: hidden;}
#home-productos .producto a h3 {
    background: #FFF;
    border:1px solid #eee;
    border-top: 0;
    transition:all 0.3s ease;
}
#home-productos .producto a:hover h3 {
    color:#FFF;
    background: #66C1A0;
    border-color: #66C1A0;
}
#home-productos .producto .contenedor img {
    transition:all 0.3s ease;
}
#home-productos .producto .contenedor img:hover {
    cursor: pointer;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}
#beneficios .beneficio {min-height: 350px;}
#beneficios .beneficio h2 {margin-bottom: 50px;}
#beneficios .beneficio .img-responsive {
    margin-bottom: 25px;
}
.form-control {
    margin-bottom: 20px;
    height: 40px;
    background: #FFF;
    border: solid #67C1A1 1px;
    color:#4c4c4c;
    border-radius: 0;
}
section .btn-default {
    background: #67C1A1!important;
    text-transform: uppercase;
    color:#FFF!important;
    border-radius: 0!important;
    border: solid #67C1A1 1px !important;
    font-family: 'gothamregular';
    font-size: 18px;
    width:100%;
    max-width: 340px;
    text-align: center;
    height: 40px;
}
section .btn-default:hover {
    background: #FFF!important;
    color: #67C1A1!important;
}
section .ajax-load {
    margin:0 auto;
    display: none;
}


/*--- FOOTER Styles ----*/
footer {
    padding-top:70px;
    padding-bottom: 100px;
}
footer .col-sm-3, footer .columna {
    padding-top: 10px;
    padding-bottom: 20px;
    transition:all 0.3s ease;
}
footer .col-sm-3:hover, footer .columna:hover {
    padding-top: 0;
}
footer .col-sm-3 i, footer .columna i {
    display: block;
    color: #000;
    font-size: 50px;
}
footer .col-sm-3 a, footer .col-sm-3 span, footer .columna a, footer .columna span {
    color:#67C1A1;
    font-family: 'gothamregular';
    font-size: 16px;
}
footer .col-sm-3:hover a, footer .col-sm-3:hover span, footer .columna:hover a, footer .columna:hover span {color:#4c4c4c;}
footer .col-sm-3 i, footer .columna i {font-size: 35px;}
footer .col-sm-2 {width:15%;}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


.construccion header {
    background: none;
    height: auto;
    margin:0;
}
.construccion {
    background: url(../images/construccion.jpg) center center no-repeat; 
    background-size: cover;
}
.construccion header .logo {
    margin-top: 25%;
    margin-bottom: 30px;
}
.construccion header .logo img {max-width: 300px;}
.construccion h2 {
    background: none;
    color:#FFF;
    font-size: 25px;
    text-align: center;
}

.productos .producto {
    margin-bottom: 35px;
}
.productos .txt {
    min-height: 90px;
}
.productos .producto a h3 {
    text-transform: none;
    font-size: 14px;
    transition:all 0.3s ease;
    border:1px solid #478770;
}
.productos .producto a h3.bg-verde {
    border-color:#66C1A0;
}
.productos .producto a h3.bg-gris {
    border-color:#4C4C4C;
}
.productos .producto a:hover h3 {
    background: #FFF;
    color:#478770;
}
.productos .producto a:hover h3.bg-verde {
    color:#66C1A0;
}
.productos .producto a:hover h3.bg-verde {
    color:#4C4C4C;
}
.productos .producto .contenedor img {
    transition:all 0.3s ease;
}
.productos .producto .contenedor img:hover {
    cursor: pointer;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}
.otros .producto .txt {min-height: 200px;}


/*--- RESPONSIVE Styles ----*/
@media (min-width: 992px) and (max-width: 1199px) {

}

@media screen and (max-width: 991px) {
    footer .columna a, footer .columna span {font-size: 12px;}
}

@media screen and (max-width: 767px) {
    #servicios, #home-productos, #beneficios, section#contacto {padding:0 30px;}
    section .btn-default {float:left!important; max-width: 100%!important;}
    .nice .NFI-button {width:100%!important; float: left;}
    .nice {height: 80px!important; overflow: hidden!important;}
    .nice .NFI-filename {width:100%!important;}
    footer .columna, footer .columna:hover {transition: none!important; padding-top: 10px;}
    .navbar-toggle {background: #fff; border-radius: 0; margin-top: 20px; }
    .navbar-toggle .icon-bar {background: #4c4c4c;}
    .navbar-collapse {margin-top: -8px; background: #4c4c4c; position: absolute; padding:0!important; padding-bottom: 10px!important; overflow-y: hidden!important; width:100%; right:0; text-align: center; z-index: 9999;}
    .navbar-nav {margin: 0!important; width:100%;}
    .nav>li {display: block;}
    .nav>li a {color:#FFF!important; background: none!important;}
    .nav>li a:hover {color:#222!important;}
    footer .col-sm-2 {width:100%;}
    #header_min .navbar-header .pull-left img {max-height: 50px; position: relative; top:10px;}
    #header_min .navbar-collapse {margin-top: 8px;}
    .nav>li a {padding:0 15px;}
    .productos {padding:0 30px;}
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}