﻿@charset "utf-8";
/* CSS Document */

/* Fuentes usadas
Google Fonts Roboto:300,400,700,900
font-family: 'Roboto', sans-serif;
*/

body {
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif !important;
    font-weight:400 !important;
	font-size:150% !important;
	line-height:1.4 !important;
    color:#000 !important;
	background-color: #fff; 
}
h1, h2, h3, h4, h5 {  
  font-family: 'Roboto', sans-serif !important;
  font-weight:700 !important;
  line-height:.9 !important;
}

.lead {	
    font-weight: 400 !important;
    font-size:125% !important;
    color:#000;
}

/* <DATOS CONTACTO> */
#fContacto {background-color:#000000; color:#fff; padding-top:5px; padding-bottom:5px; font-size:110% !important;}

#fContacto a {color:#fff;}

#fContacto .thIcons {padding: 0px 5px;}

.datosContacto {
    text-align: right;
    font-weight: 700;
}

@media only screen and (max-width: 992px) {
    #fContacto {padding-top:7px; padding-bottom:10px; background-color:#000; color:#fff;}
    #fContacto a {color:#fff;}
    .datosContacto {
        text-align: center;
        font-size:120%;
    }
}
/* </DATOS CONTACTO> */

/* <ENCABEZADO> */
#fEncabezado {
    padding-top: 25px;
    line-height: 1.1 !important;
    font-size:140%;
    color:#111;
}
#fEncabezado a {
    color:#111 !important;
}
.menuSecciones {
    padding-top:40px;
}
.iconLogo {padding:10px;padding-left:15px;}

.menuMdLg {
    padding-left:15px;
    padding-right:15px;
}
/* </ENCABEZADO> */

/* <CARRUSEL> */
.bannerPpal {
    background-color:#CECEBF;
}
.carousel .item {
    width: 100%; /*slider width*/
}
.carousel .item img {
    width: 100%; /*img width*/
}

.carousel-control.left, .carousel-control.right {
    background-image: none !important;
}
/* </CARRUSEL> */

/* <SERVICIOS> */
#fServicios {
    background-color:#FFF;
    padding-top:30px;
    padding-bottom:30px;
}
#fServicios .recuadro {   
	background-image:url(../images/linea-servicios.png);
	background-repeat:no-repeat;
    background-position-x:left; 
    background-position-y:center;
    padding:15px 45px 15px 55px;
}
#fServicios .recuadrosl { 
    padding:15px 45px;
}
#fServicios h3 { 
    font-size:140%;
}
#fServicios a { 
    color:#111 !important;
    font-weight:700;
}

@media only screen and (max-width: 992px) {
    #fServicios {
        background-color: #FFF;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
/* </SERVICIOS> */ 

/* <NOSOTROS> */
#fNosotros {
    background-color:#EFEFE7;
	background-image:url(../images/shattered-dark.png);
	background-repeat:repeat;
    padding-top:80px;
    padding-bottom:60px;
}
#fNosotros h3 {
  font-weight:900 !important;
  font-size:240%;
  margin-top:0px;
}
#fNosotros a { 
    color:#111 !important;
    font-weight:700;
}

@media only screen and (max-width: 992px) {
    #fNosotros {
        padding-top: 50px;
        padding-bottom: 40px;
    }
}
/* </NOSOTROS> */ 

/* <CARACTERISTICAS> */
#fCaracateristicas {
    background-color:#fff;
    padding-top:60px;
    padding-bottom:60px;
}
#fCaracateristicas h1 {
  font-weight:700 !important;
  font-size:300%;
  margin-top:0px;
  margin-bottom:0px;
}
#fCaracateristicas h3 {
  font-weight:700 !important;
  font-size:100%;
  color:#6F6E6B;
  margin-bottom:0px;
  line-height:1.1 !important;
}
#fCaracateristicas h4 {
  font-weight:700 !important;
  font-size:100%;
  margin-bottom:0px;
}

@media only screen and (max-width: 992px) {
    #fCaracateristicas {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
/* </CARACTERISTICAS> */ 

/* <CALL> */
#fCall {
    background-color:#00B200;
	background-image:url(../images/shattered-dark-2.png);
	background-repeat:repeat;
    padding-top:70px;
    padding-bottom:60px;
    color:#fff;
}
#fCall h4 {
    margin-top:0px;
    margin-bottom:5px;
    font-weight:400 !important;
    color:#fff;
}
#fCall h3 {
    margin-top:0px;
    margin-bottom:0px;
    font-size:220%;
    color:#fff;
    line-height:1.2 !important;
}
#fCall h3 a {
    color:#fff !important;
}

@media only screen and (max-width: 992px) {
    #fCall {
        padding-top: 35px;
        padding-bottom: 30px;
    }
}
/* </CALL> */ 

/* <PIE> */
#fPie {
    background-color:#1D1D1D;
    padding-top:25px;
    padding-bottom:20px;
}
#fPie h3 {
  font-weight:400 !important;
  font-size:105% !important;
  margin-top:0px !important;
  margin-bottom:15px;
  color:#fff;
  line-height:1.1 !important;
}
#fPie a, #fPie li, #fPie p {
    color: #4B4B4B;
}
#fPie li {
    padding-bottom:5px;
}

@media only screen and (max-width: 992px) {
    #fPie {
        padding-top: 15px;
        padding-bottom: 10px;
    }
}
/* </PIE> */

/* <SUBIR> */
#fSubir {
    padding-top:10px;
    padding-bottom:0px;
    background: #000000; 
    color: #fff;
}

#fSubir a {
    color: #fff !important;
}
#fSubir a:hover {
    color: #00B200 !important;
}
#fSubir .Verde {
    color: #00B200 !important;
}
/* </SUBIR> */

/* <VARIOS> */
.btn {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding:12px 20px 10px 20px !important;
    font-weight: 700 !important;
    border-radius:0px !important;
    border:none !important;
}

.btnBlanco {
	background-image: url(../images/b-flecha-verde.png) !important;
	background-repeat: no-repeat;
    background-position-x:right;
    background-color:#fff;
    color:#000 !important;
    padding-right:50px !important;
}

.btnVerde {
	background-image: url(../images/b-flecha-verde2.png) !important;
	background-repeat: no-repeat;
    background-position-x:right;
    background-color:#fff;
    color:#000 !important;
    padding-right:50px !important;
}

.btnNegro {
	background-image: url(../images/b-flecha-verde2.png) !important;
	background-repeat: no-repeat;
    background-position-x:right;
    background-color:#111;
    color:#fff !important;
    padding-right:50px !important;
}

.textoGris {color:#7F7F7F;}

.ligaNegra a, .ligaNegra a:hover {
    color:#111 !important;
    text-decoration:none !important;
    font-weight:700;
}

.textoVerde {
    color:#00B200 !important;
    text-decoration:none !important;
}

.lineaVerde {
    background-color:#00B200;
    width:55px;
    height:5px;
    margin-top:15px;
    margin-bottom:25px;
}
/* </VARIOS> */

/* <ESPACIOS> */
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt25 {padding-top:25px;}

.mt0 {margin-top:0px !important;}

.mb0 {margin-bottom:0px !important;}
.mb15 {margin-bottom:15px;}
.mb25 {margin-bottom:25px;}
.mb50 {margin-bottom:50px;}

.plr0 {padding-right: 0px !important; padding-left: 0px !important;}

.pb25 {padding-bottom:25px;}

.p5 {padding:5px;}
/* </ESPACIOS> */

.botonwhatsapp{
    position: fixed;
    padding-top: 5px;
    width: 50px;
    height: 50px;
    bottom: 15px;
    right: 25px;
    background-color: #00B200;
    color: #FFF !important;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}