/*  Base para fuente integrada desde directorio  */
/*@font-face {
  font-family: 'entypo-selected';
  src: url("font/entypo-selected.eot");
  src:
    url("font/entypo-selected.eot?#iefix") format('embedded-opentype'),
    url("font/entypo-selected.woff") format('woff'),
    url("font/entypo-selected.ttf") format('truetype'),
    url("font/entypo-selected.svg#entypo-selected") format('svg');
  font-weight: normal;
  font-style: normal;
}*/

html
{

    background: #fff url(../images/bg-body.jpg) center 0 no-repeat;/*Variable SASS*/
}
body
{
    font-family: sans-serif;/*Variable SASS*/
    overflow-y: scroll;
    overflow-x: hidden;
    font-weight: 300;
    color: #575757;/*Variable SASS*/
    /* background-color: #FDF3E4;/*Variable SASS*/
    margin: 0;
    min-height: 100%;
    background: url(../images/body-bg-bottom.png) 50% 100% repeat-x;
}
header#header-jake
{
    background-color: #365370; /*Variable SASS*/
    margin: 0 auto;
    width: 100%;
    height: 170px;
    text-align: center;
}
div#header-inicial  /*SASS Tamanio objeto especifico de header*/
{
/*Variable SASS*/
}
div#header-medio  /*SASSTamanio objeto especifico de header*/
{
/*Variable SASS*/
}
div#header-final  /*SASSTamanio objeto especifico de header*/
{
/*Variable SASS*/
}
.bloque-info
{
width: 155px;
float: right;
margin-right: 12%;
}

.marcadores-sociales ul
{
    display: inline;
    padding: 0;
}
.marcadores-sociales li
{
font-size: 0; 
display: inline-block; 
}
.marcadores-sociales li a
{
width: 35px;
height: 35px;
display: block;
background-size: 25px;
background-color: silver;
background-repeat: no-repeat;
background-position: 5px;
border-radius: 50%;
}
li.facebook a 
{
background-image: url(../images/fb.svg);
}
li.facebook a:hover
{
background-color: #ffc360;
}
li.youtube a 
{
background-image: url(../images/yt.svg);
}
li.youtube a:hover
{
background-color: #ffc360;
}
li.twitter a 
{
background-image: url(../images/tw.svg);
}
li.twitter a:hover
{
background-color: #ffc360;
}
li.linked-in a 
{
background-image: url(../images/lk.svg);
}
li.linked-in a:hover
{
background-color: #ffc360;
}
li.g-mas a
{
background-image: url(../images/g-mas.svg);
}
li.g-mas a:hover
{
background-color: #ffc360;
}
li.sk a:hover
{
background-image: url(../images/sk.svg);
}
li.sk a:hover
{
background-color: #ffc360;
}

div#main-jake,
div#contenedor-elementos-header,
div#contenedor-elementos-footer
{
    margin: 0 auto;
    max-width: 820px;/*Variable SASS*/
    width: 100%;
    text-align: center;
}
div#contenedor-elementos-header
{
    padding: 25px 0px 0px 0px;
}
div#main-jake /* color documento general*/
{
    background-color: transparent;
    /*border-top: solid 2px transparent*/
    /*border-bottom: solid 2px transparent*/
}
div#main-jake section /* color documento por secciones*/
{
    background-color: transparent;
    margin-bottom: 23px;
}
.support-note span,
.demo-note {
    color: #e07870;
    font-size: 16px;
    display: none;
    font-weight: 500;
    text-align: center;
    padding: 5px 0;
    text-shadow:  1px 1px 1px rgba(0,0,0,0.3);
}
div#home-slideshow
{
    /*background-image: url(../images/slideshow.png);
    background-size: contain;
    background-repeat: no-repeat;*/
    width: 100%;
    text-align: center;
    margin: 0 auto;
    display: table;
    box-shadow: 0px 2px 15px black;
}
.linea-estilo-separador
{
    height: 1px;
    display: inline-block;
    background-color: silver;
    margin: 25px 0px;
    width: 100%;
}
div.logo-cabeza
{
    width: 280px;
    float: left;
}
.txt-logo
{
    margin-top: 10px;
}
.txt-logo a
{
    font-size: 30px;    /*Variable SASS*/
    color:#FFF;  /*Variable SASS*/
    font-weight: bold;  /*Variable SASS*/
    font-style: italic;
    font-family: arial; /*Variable SASS*/
    text-decoration: none;
}
.eslogan
{
    font-size: 16.7px;
    color: rgb(255, 255, 255);    /*Variable SASS*/
    display: block;
    margin: 0 auto;
}
div.boton-simple a
{
    display: block;
    font-size: 16px;    /*Variable SASS*/
    line-height: 18px;
    padding: 12px 10px 5px 10px;  /*Variable SASS*/
    color: white; /*Variable SASS*/
    font-weight: bold;  /*Variable SASS*/
    position: relative;
    z-index: 3;
    width: 100%;
    text-decoration: none;
    background-color: #365370;   /*Variable SASS*/
}
div.boton-simple a:hover
{
    color: white;   /*Variable SASS*/
    z-index: 10;
    position: initial;
}
article.servicio-cuadro
{
    display: inline-block;
width: 100%;
height: auto;
    /*margin: 0px 0px 30px 0px;   /*Variable SASS*/
}
article.bloque-servicio
{
    width: 45%; /*Variable SASS*/
    display: inline-block;
    margin: 30px 20px; /*Variable SASS*/
    vertical-align: top;
}
article.bloque-servicio .boton-simple
{
    width: 125px;
}

article.bloque-servicio img,
article.bloque-servicio h3,
article.bloque-servicio a,
article.servicio-cuadro img,
article.servicio-cuadro h3
{
    text-align: center;
}
article.servicio-cuadro img,
article.servicio-cuadro a
{
display: inline-table;
text-align: center;
}
section.contenido-de-nivel .bloque-imagen.odd
{
background-color: #EEF8F9;
display: block;
margin: 0 auto;
width: 190px;
height: 190px;
padding: 15px;
box-shadow: inset 4px -4px 11px rgb(202, 202, 202);
    /*background-image: url(../images/page1_pic1.jpg);    /*Variable SASS*/
}
section.contenido-de-nivel .bloque-imagen.even
{
background-color: #EEF8F9;
display: block;
margin: 0 auto;
width: 190px;
height: 190px;
padding: 15px;
box-shadow: inset -4px -4px 11px rgb(202, 202, 202);
    /*background-image: url(../images/page1_pic1.jpg);    /*Variable SASS*/
}
.servicio-cuadro.odd, .servicio-cuadro.even
{
padding: 20px 15px 0px 15px;
}
ul.navegacion-cabecera
{
    font-size: 14px;
    display: inline-block;
    margin: 0;
    max-width: 766px;
    margin-top: 30px;
    padding: 0;
}
ul.navegacion-cabecera li.item-menu ul {
display: none;
position: absolute;
margin-top: 0px;
z-index: 888;
}
ul.navegacion-cabecera li.item-menu > ul
{
width: 195px;
background-color: silver;
padding: 0px 10px 10px 10px;
}
ul.navegacion-cabecera li.item-menu:hover > ul { display: block;}

ul.navegacion-cabecera li:hover > ul li.sub-item-menu
{
width: 195px;
}
 
/*Clase jQuery*/
ul.navegacion-cabecera.menu-fixed-top
{
	position: fixed;
	top: 0px;
	left: 0px;
}
/*Parametros script
Dentro de navegacion-cabecera adicionar un li .after y un clon del logo
	$(window).scroll(function() {

          if ($(this).scrollTop() > 90){
            $('ul.navegacion-cabecera').append('<li class="logo-clon"></li>');
	    $('.logo-cabeza a').clon(.logo-clon);
          } else {
            Quitar <li.logo-clon>
          }
        });
Funciones del menu mobile
if (!$('.contenedor-menu-mobile').hasClass('processed')) {
        $('#header').after("<div class='menu-click-mobile'></div>");
        $('#header').after("<div class='contenedor-menu-mobile processed' style='display:none;'></div>");
        $('.contenedor-menu-mobile').append($('#header-second').clone());
        $('.contenedor-menu-mobile').append($('#header-third').clone());
        $('#header').find('#header-second').hide();
        $('#header').find('#header-third').hide();
       
       Para el boton 
        $('.menu-click-mobile').click(function() {
          // var effect = 'slide';
          // var options = { direction: 'right' };
          // var duration = 700;
          $('.contenedor-menu-mobile').slideToggle('1000');
          $(this).toggleClass('active');
          if ($(this).hasClass('active')) {
            $('#page').css('margin-right', '250px');
          }
          else {
            $('#page').css('margin-right', '0');
          }
        });
        
        Adicional para aumentar la imagen del producto home al hacer click en ver mas
        
        $(".boton-simple a").click(funtion(){
		$(".bloque-imagen img").css("transform":"scale(2)");
	
	});
*/

ul.navegacion-cabecera li.item-menu
{
    display: inline-block;
    margin-bottom: 2px;
}
ul.navegacion-cabecera li.item-menu a
{
    margin: 0px -1px;
    color: white;/*Variable SASS*/
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 5px 0px;/*Variable SASS*/
    background-color: #365370;/*Variable SASS*/
    width: 123px;
    transition: 1s;
    

}
ul.navegacion-cabecera li.item-menu a:hover
{
    /*background-color: #06B7E7; /*Variable SASS*/
    box-shadow: 200px 0px 0px #b3d4fc inset, -200px 0px 0px #b3d4fc inset;
    color: #365370;
}
ul.navegacion-cabecera li.item-menu a.active:hover
{
    text-decoration: none;
}
.vista-objeto
{
    font-size: 18px;/*Variable SASS*/
    margin: 25px;
}
#callback_button {
position: fixed;
top: 20px;
z-index: 99998;
right: 15px;
border-radius: 50%;
margin-right: 15px;
display: block;
background-color: gray;
background-image: url(../images/btn-click-call.png);
background-size: cover;
cursor: pointer;
padding: 0 0px 0 0px;
width: 64px;
height: 67px;
}
section.contenido-de-nivel
{
    text-align: center;
}
hgroup h1.titulo-tematico-principal   /*Encabezado principal de pagina*/
{
    color: gray;
font-size: 25px;
margin: 0;
padding: 40px 0px 12px 0px;
vertical-align: bottom;
display: inline-block;
}
hgroup h2.declaracion-tema
{
    font-weight: normal;/*Variable SASS*/
    font-size: 16px;/*Variable SASS*/
    color: gray;
}
h2.titulo-tematico-especifico
{
    color: white;/*Variable SASS*/
    font-weight: normal;/*Variable SASS*/
    font-size: 16px;/*Variable SASS*/
    background-color: silver;/*Variable SASS*/
    font-style: normal; /*Variable SASS*/
    padding: 10px 0px 10px 0px; /*Variable SASS*/
    margin: 0;
}


ul#menu {
padding: 0;
margin: 0;
border-bottom: solid 7px #365370;
}

#menu li {
border-bottom: solid 2px #ACE2E9;
width: 205px;
display: inline-block;
}

.contacto-btn-defecto
{
background-color: #365370;
}

.contacto-btn-active
{
background-color: #76BD17;
}


.contacto-btn-defecto:hover
{
background-color: #00BCE3;
}

a#btn-caqueta, a#btn-bogota, a#btn-eu {
color: white;
padding: 10px 0px;
width: 100%;
display: block;
cursor: pointer;
}

.bloque-contenido {
float: left;
overflow: hidden;
min-width: 320px;
max-width: 600px;
width: 100%;
margin-top: 20px;
background-color: #EEF8F9;
border-bottom: 8px solid #365370;
}
.servicio-cuadro.odd .contenido-bloque-articulo >a {
width: 200px;
float: left;
}
.servicio-cuadro.even .contenido-bloque-articulo >a {
width: 200px;
float: right;
}
article .contenido-bloque-articulo
{
background: #00bce3;
text-shadow: none;
}
strong.strong-suave {
vertical-align: top;
top: 10px;
position: relative;
}
.detalle-marca
{
border-radius: 50%;
color: white;
display: inline-block;
vertical-align: middle;
font-size: 0;
margin-top: 8px;
padding: 20px;
background-size: contain;
background-image: url(../images/icono-logo.png);
}
article .contenido-bloque-articulo h3.titulo-tematico-especifico
{
color: #989898;
font-weight: bold;
font-size: 25px;
margin: 0px;
font-style: normal;
width: 100%;
float: left;
padding-top: 12px;
height: 41px;
text-shadow: 1px 1px 5px white;
}
article .contenido-bloque-articulo p
{
color: #969696;
text-align: left;
margin: 15px 25px;
display: inline-block;
/* height: 65px; */
overflow: hidden;
}
section.contenido-de-nivel
{
    text-align: center;
}
aside.contenido-segundo-plano
{
    width: 330px;
    display: inline-block;
    height: auto;
    padding: 20px 5px;
    background: transparent;
    border-radius: 115px 0px;
    box-shadow: inset 1px 1px 25px rgb(126, 83, 54);
    vertical-align: top;
    margin-top: 25px;
}
footer#footer-jake
{
    background-color: transparent;/*Variable SASS*/
    display: table;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
    background-color: #365370;
}
div#contenedor-elementos-footer
{
    padding: 25px 0px 45px 0px;
}
div#footer-inicial, /*SASS Tamanio contenedores especificos de footer*/
div#footer-medio,
div#footer-final
{
    margin: 0px 5px;
    display: inline-block;
    vertical-align: middle;
}
div#footer-inicial
{
    width: 100%;
    min-width: 300px;
    max-width: 305px;
    margin-right: 40px;
}
div#footer-medio
{
    width: 100%;
    min-width: 400px;
    max-width: 400px;
}
div#footer-medio nav 
{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}
.navegacion-footer {
  margin: 0 auto;
  display: inline-block;
}
ul.navegacion-footer li
{
    text-align: left;
    list-style: none;
}
ul.navegacion-footer li a
{
    text-decoration: none;
    color: #FFFFFF;
    display: block;
    padding: 6px;
    transition: 1s;
}
ul.navegacion-footer li a.active
{
    cursor: context-menu;
}
ul.navegacion-footer li a.active:hover
{
    text-decoration: none;
}
ul.navegacion-footer li a:hover
{
    text-decoration: underline;
}
.datos-contacto
{
    display: inline-block;
}
.datos-contacto address
{
    text-align: left;
    line-height: 1.5;
}
.datos-contacto address figure
{
margin-bottom: 20px;
}
.datos-contacto address span
{
clear: left;
color: white;
}
span.para-colombia
{
float: left;
}
div#footer-copyright span
{
font-size: 14px;
padding: 6px;
display: inline;
top: 1px;
position: relative;
}

div#footer-copyright
{
    background-color: #ca43a2;/*Variable SASS*/
    padding: 5px 0px 5px 0px;
}
div#footer-copyright p
{
    text-align: center;
    font-size: 14px;
    color: white;/*Variable SASS*/
    text-shadow: 1px 1px 25px gray;
}
div#footer-copyright a
{
    color: white;/*Variable SASS*/
    text-decoration: none;
}
div#footer-copyright a:hover
{
    color: white;/*Variable SASS*/
}

@media (max-width: 750px){
	div#contenedor-elementos-header 
	{
	    height: auto;
	}
	ul.navegacion-cabecera
	{
	    position: relative;
	    top: auto;
	    left: auto;
	}
	div#footer-inicial
	{
	margin-right: 0px;
	}
	div#footer-medio
	{
	max-width: 100%;
	border-top: 3px solid silver;
	margin-top: 20px;			
	}
	
}
@media (max-width: 420px){

    .txt-logo
    {
        margin-top: 20px;
    }

    div.logo-cabeza {
      float: none;
      margin: 0 auto;
      display: block;
    }

      .bloque-info {
        width: 215px;
        float: none;
        padding: 0px 0px 20px 0px;
        margin: 0 auto;
        display: block;
      }

      ul.navegacion-cabecera, footer#footer-jake, div#main-jake section {
      margin-top: 0px;
      margin-bottom: : 0px;
    }

    .servicio-cuadro.odd, .servicio-cuadro.even
    {
    padding: 20px 0px 0px 0px;
    }

	div#home-slideshow, #footer-jake
	{
	display: block !important;
	}
	article.servicio-cuadro
	{
	width: 100%;
	}
	.servicio-cuadro.even
	{
	
	}
	div#footer-medio ul
	{
	padding: 0;			
	}
	div#footer-medio
	{
	min-width: 0px;
	}
	
}

#main-jake ul.navegacion-cabecera li.item-menu a:hover {
  background: #ffc360 !important;
}