@charset "utf-8";
/* CSS Document */

/* Fuentes usadas
Open Sans: 300,400,700*/


body {
    overflow-x: hidden;
    font-family: 'Open Sans' !important;
    font-weight: 400 !important;
    line-height: 180% !important;
    font-size:170% !important;
    color:#000 !important;
}
h1, h2, h3, h4, h5 {
    font-weight:700 !important;
}
#logo {
	position:absolute;
	z-index:100;
}
#logo-movil {
	position:absolute;
	z-index:100;
}
#logo-tableta {
	position:absolute;
	z-index:100;
}

/* <MENU> */
.navbar {
    margin-bottom: 0px !important;
    border: none !important;
    margin-left:0px !important;
}
.nav > li > a {
    padding-top: 50px !important;
    padding-bottom: 20px !important;
    padding-left:20px !important; 
    padding-right:20px !important;
    height:125px;
}
.dropdown-menu > li > a {
    padding: 10px 20px !important;
}
#navppal {
    padding-right: 0px !important;
    background-color: #fff;
}
#navppal a {
    color: #111 !important;
    font-weight: 700;
}
#navppal a:hover {
	color: #356237 !important;
	font-weight: 700;
	text-decoration: none;
	background-color: #fff;
}
#navppal .active > a {
    color: #356237 !important;
    font-weight: 700;
    text-decoration: none;
    background-color: #fff;
	background-image: url(../images/icon-menu-on.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.barranavegacion li a {
    text-decoration: none;
}
.titNavLi {
    font-size: 90%;
    padding-left: 20px;
    font-weight: bold;
}
.dropdown-menu > .active > a {
    color: #ffffff !important;
    background-color: #f2000c;
}
    .dropdown-menu > .active > a:hover {
        color: #B71427 !important;
    }  
.navbar-toggle {
    border-radius:0px !important;
} 	
/* <PARA MOVIL> */
#menuMovil {
    background-color: #f9f9f9;
	background-image: url(debut_light.png);
	background-image: url(../images/debut_light.png);
	background-repeat: repeat;
}
#menuPrincipal {
    padding:10px;
}
#menuPrincipal li {
    padding-top:5px !important;
    padding-bottom:5px !important;
}
#menuPrincipal a {
    font-size: 120%;
    color: #111 !important;
    font-weight: 700;
}
#menuPrincipal a:hover {
	color: #356237;
	font-weight: 700;
	text-decoration: none;
}
#menuPrincipal .active {
    color: #356237 !important;
    font-weight: 700;
    text-decoration: none;
}
.grid-float-breakpoint {

}
/* <PARA MOVIL> */ 
/* </MENU> */

/* <CARRUSEL> */
.bannerPpal {
}
@media (min-width: 768px) and (max-width: 991px) {
  .bannerPpal { 
  }
}
.carousel .item {
    width: 100%; /*slider width*/
    max-height: 925px !important; /*slider height*/
}
.carousel .item img {
    width: 100%; /*img width*/
}
/*full width container*/
@media (max-width: 767px) {
    .block {
        margin-left: -20px;
        margin-right: -20px;
    }
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 20% !important;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 20% !important;
  margin-right: -10px;
}
/* </CARRUSEL> */

/* <SERVICIOS> */
.fServicios {
	background-color: #CCC;
	color: #000;
	padding-top: 40px;
	padding-bottom: 50px;
	background-image: url(debut_light.png);
	background-image: url(../images/debut_light.png);
	background-repeat: repeat;
}
.fServicios h1 {
    font-size:180% !important;
}
.fServiciosRecuadro {
	background-color: #FFF;
	padding: 35px 25px;
}
.fServiciosRecuadro2 {
	background-color: #FFF;
	padding: 35px 25px;
	background-image: url(../images/esquina-recuadro-servicios.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.fServiciosRecuadro h2, .fServiciosRecuadro2 h2 {
	font-size: 140%;
	line-height: 120%;
	font-weight: 700 !important;
    margin-top:5px;
    margin-bottom:5px;
}

.fServiciosRecuadroCafe {
	background-color: #2C2321;
	padding: 35px 15px;
	border: 5px solid #4B3C39;
	color:#fff;
    font-size:85%;
}
.fServiciosRecuadroCafe h2 {
	font-size: 150%;
	font-weight: 300 !important;
    margin-top:0px;
    margin-bottom:5px;
}
/* </SERVICIOS> */

/* </CERTIFICADOS> */
#fCertificados {
	background-color: none;
	padding-top: 0px;
	padding-bottom: 15px;
	background-image: url(debut_light.png);
	background-image: url(../images/debut_light.png);
	background-repeat: repeat;
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
	
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
	
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
/* </CERTIFICADOS> */

/* <CALL TO ACTION> */
#fCall {
	background-color: #fff;
	padding-top: 40px;
	padding-bottom: 90px;
	background-image: url(../images/fondo-pasto.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#fCall h1 {
    color:#356237;
    font-size:160%;
}

#fCall .lead {
    font-weight:400 !important;
}
/* </CALL TO ACTION> */

/* <REDES> */
/* Wrapper */
.icon-button {
	background-color: #0C0A09;
	border-radius: 50px;
	cursor: pointer;
	display: inline-block;
	font-size: 170%;
	height: 50px;
	line-height: 180%;
	margin: 0 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 50px;
}

/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
.icon-button:hover span {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	margin: -25px;
}
.twitter span {
	background-color: #4099ff;
}
.facebook span {
	background-color: #3B5998;
}
.google-plus span {
	background-color: #db5a3c;
}

/* Icons */
.icon-button i {
	background: none;
	color: white;
	height: 50px;
	left: 0;
	line-height: 190%;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 50px;
	z-index: 10;
}
.icon-button .icon-twitter {
	color: #4099ff;
}
.icon-button .icon-facebook {
	color: #3B5998;
}
.icon-button .icon-google-plus {
	color: #db5a3c;
}
.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus {
	color: white;
}
/* </REDES> */

/* <FRANJA PIE> */
#fPie {
    background-color: #2C2321;
    color: #FFF !important;
    padding-top: 15px !important;
    padding-bottom: 30px;
    font-weight:400;
}
#fPie a {
	text-decoration: none;
	color: #FFF !important;
	-webkit-opacity: 0.2;
	-moz-opacity: 0.2;
	opacity: 0.2;
}
#fPie a:hover{
    color:#32C5D2;

      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
  
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;

      text-decoration: underline;
}
#fPie h3 {    
    font-size:100%;
    padding-bottom:10px;
    font-weight:500 !important;
}
#fPie h4 {    
    font-weight:400 !important;
    font-size:100%;
	margin-top:20px;
    padding-bottom:10px;
}
#fPie hr {
	color: #544643 !important;
	height: 2px;
	background-color: #544643 !important;
	width: 80%;
	margin-top:10px;
	margin-bottom:10px;  
    border:none;  
}
#fSubir {
    background-color:#2C2321;
	padding-top:30px;
	padding-bottom:70px;
}
/* </FRANJA PIE> */
/* <BOTONES> */
.btn-primary {
    background-color:#356237 !important;
    border-radius:0px !important;
    border:none !important; 
    color:#fff;
}
.btn-primary:hover {
    background-color:#8FC82D !important;
    border-radius:0px !important;
    border:none !important; 
    color:#FFF !important; 
}
/* </BOTONES> */

/* <ESPACIOS> */
.p5 {padding:5px;}
.p15 {padding:25px;}

.pb15 {padding-bottom:15px;}
.pb25 {padding-bottom:25px;}
.pb35 {padding-bottom:35px;}

.pt15 {padding-top:15px;}
.pt20 {padding-top:20px !important;}

.ptb25 {padding-top:25px; padding-bottom:25px;}

.mt0 {margin-top:0px !important;}
.mt25 {margin-top:25px !important;}

.v25 {height:25px;}
/* </ESPACIOS> */