@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 !important;
	text-align:justify;
	font-weight: 200;
}

/*==================================== 
HEADER 
====================================*/
header{

}

@media (max-width: 768px) {
 
header {

  border-top:0px;
  padding-top:0px;
  } 

}

/*==================================== 
CONTENIDO
====================================*/

/*textos*/
.texto{
	font-size: 16px !important;
	font-family: 'Open Sans', sans-serif !important;
	color:#333333 !important;
  font-weight: 400 !important;
	}

h1 {
color:#000 !important;
font-family: 'Open Sans', sans-serif !important;
font-weight: 700 !important;
line-height: 1.5em !important;
text-align: left;
font-size:36px !important;
}


h2{
color:#000 !important;
font-family: 'Open Sans', sans-serif !important;
font-size: 24px !important;
font-weight: 700 !important;
line-height: 1.4em;
margin-top:0px !important; 
text-align: center;
margin:0px !important;
}

h3{
  font-weight: 200 !important;
  text-align: left;
  line-height: 1.5em !important;
  font-size: 20px !important;
}

h4.texto-form{
  color:#000 !important;
  text-align: left !important;
  line-height: 1.5em !important;
}

@media (max-width: 768px) {
h3 {
  font-size: 16px;
  } 
}


/* listas */
ul > li {
  margin-left: 20px;
  font-size: 18px;
}

ol > li {
  margin-left: 20px;
  color:#375737;
  line-height: 1.8em;
}

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

.clear-xs{
  padding:4px;
}

.clear-ch{
	padding: 0 15px;
}

.clear-md{
  padding: 1.5em;
}

.clear-lg{
  padding: 2em;
}

.clear-sm{
  padding: 1.21em;
}

/*colores*/
.t-rojo{
  color:#fc1f06 !important;
}

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

.t-naranja{
  color:#eb7221;
}

.t-verde{
  color:#375737 !important;
}

.t-azul{
  color:#00659d;
}

.bg-amarillo{
  background-color:#fed500;;
}

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

.bg-gris{
  background-color: #f7f7f7;
}

.bg-negro{
  background-color: #000;
}

/*contenedores*/
.thumbnail-servicios{
  font-family: 'Open Sans', sans-serif !important;
  border:1px solid #f2f2f2;
  margin:20px 0 40px 0;
  padding: 20px 7px;
  font-size: 18px;
  line-height: 1.75em;
  color:#333;
}

.tit-servicios{
  color:#333;
  font-size: 24px;
  font-weight: 400;
}

.thumbnail-servicios ul{
  text-align: left !important;
}


/*formulario*/
.navbar-form {
  margin-bottom: 20px !important;
}

.form-group{
  font-family: 'Open Sans', sans-serif;
}

label{
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 200 !important;
}

.escondido{ display: none; }

.error{
  color: #d30303;
  font-weight: 500;
  font-size:14px;
}

/*lineas*/
.divider-section{
  border-bottom: 2px solid #fcad26;
  margin-bottom: 1em;
  margin-top: 5px;
  width: 100%;
}

.borde{
  border:1px solid #e5e5e5 !important;
}

/*tabla comparativas*/
.tabla-comparativa thead th{
  background-color: #375737;
  color:#fff;
  text-align: center;
}

.tabla-comparativa-SH thead th{
  background-color: #00659d;
  color:#fff;
  text-align: center;
}

.tabla-comparativa tr{
  text-align: center;
}

.tabla-comparativa #bullet{
  font-size:24pt !important;
}

.fa-lg-bullet {
  font-size: 0.55em !important;
  line-height: 0.75em;
  vertical-align: -15%;
}

/*==================================== 
FOOTER 
====================================*/
footer{
  background: #222;
  color: #fff; 
  margin-top:0px;
  padding: 10px !important;
  font-family: 'Open Sans', sans-serif;
}

.link{
  color:#ec971f;
  font-weight: bold;
}

.link:hover{
  color:#fff;
}

.link:focus{
  color:#fff;
}

label.error{
  color:#e50000 !important;
  font-weight: 600 !important;
}

/* ======================== BOTONES ==========================*/
/*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;
  bottom:20%;
  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;
}