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

/*google fonts*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700');
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,900');

*{margin:0px; padding:0px;}

body {
	font-family: Helvetica, Arial, sans-serif;
	text-align:justify;
	color:#737474 !important;
	font-weight: 200;
  background-color:#f2f7f9 !important;
}

/*==================================== 
HEADER 
====================================*/
header{
  background-color:#fff;
  color:#686868;
  font-weight: 400!important;
}

img.logo-gde {
  width:40%;
  margin-top: 0px !important;
  margin:0 auto;
  margin-bottom: 40px;
} 

@media (max-width: 800px) {
 
img.logo-gde {
  width:30%;
  margin-top: 40px !important;
  margin:0 auto;
  margin-bottom: 40px;
} 

}

@media (max-width: 768px) {
 
img.logo-ch {
  width:35%;
  margin-top: 40px !important;
  margin:0 auto;
  margin-bottom: 40px;
} 

}

/* Menu */
.navbar {
  font-family: 'Open Sans', sans-serif !important;
  background: transparent !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  margin-bottom: 0px !important;
} 


@media (max-width: 768px) {
 
.navbar {
  font-family: 'Open Sans', sans-serif !important;
  background: transparent !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
} 

}

.navbar-toggle{
  background-color: #ffe100 !important;
}

.icon-bar{
background-color: #000 !important;
}

.nav-pills> li > a {
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  background-color: #ffe100 !important;
}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: #fff !important;
  background-color: #333 !important;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

/*==================================== 
CONTENIDO
====================================*/
/*textos*/
h1.encabezado{
  font-size: 40pt;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif !important;
  color:#484848;

}

h4.encabezado{
  font-size: 26pt;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif !important;
  color:#484848;
  
}

/*imagenes promo*/
.img-thumbnail{
padding: 10px !important;
}

ul li {
 list-style: none; 
}


/*espacios*/
.clear-xs{
  padding: 0.75em;
}

.clear-sm{
  padding:1.21em;
}

.clear-md{
  padding: 1.5em;
}

.clear-lg{
  padding: 2em;
}


/*colores*/
.bg-blanco{
  background-color: #fff;
}

.t-negro{
  color:#000!important;
}

.bg-amarillo-logo{
background-image: url("../imagenes/bg-amarillo-post.jpg");
}

/*botones*/
.btn-cdz {
  color: #000 !important;
  background-color: #ffea00 !important;
  border-color: #e4e4e4 !important;
  margin:7px 0 !important;
  font-weight: 600 !important;
  font-family: 'Open Sans', sans-serif !important;
}

.btn-cdz:focus,
.btn-cdz.focus {
  color: #000 !important;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-cdz:hover {
  color: #fff !important;
  background-color: #000 !important;
  border-color: #333;
}


/*==================================== 
FOOTER 
====================================*/

footer{
  color:#111;
  padding: 50px 0;
  font-family: 'Open Sans', sans-serif !important;
  background-color: #fff;
  font-weight:500;
}


/*button whatsapp*/
.float{
  position:fixed;
  width:80px;
  height:80px;
  bottom:140px;
  right:40px;
  background-color:#20b038;
  color:#FFF;
  border-radius:6px;
  text-align:center;
  z-index:100;
}

.my-float{
  margin-top:10px;
}


.float-xs{
  position:fixed;
  width:60px;
  height:55px;
  top:30%;
  right:0px;
  background-color:#20b038;
  color:#FFF;
  border-radius:4px;
  text-align:center;
  font-size:12px;
  z-index:100;
  font-weight: 400;
}

.my-float-xs{
  margin-top:10px;
}

.whatsapp:hover{
  text-decoration: none;
  color:#fff;
}
.whatsapp:visited{
  text-decoration: none;
  color:#fff;
}

.whatsapp:active{
  text-decoration: none;
  color:#fff;
}