body {
  font-size: 0.9em;
  color: white;
  /* background-color: #3a4652; */
    background-color: #2c3e50;
}


.enlace {
  text-decoration: none;
  color: white;
}

header {
  padding-left: 20px;
    padding-right: 20px;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #292F37;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
header h1{
    margin-top: 30px;
    margin-bottom: 5px;
}

header .head-icon {
    text-decoration: none;
    color: #9baab9;
    font-size: 15px;
    display: inline-block;
    margin-top: 35px;
}

.head-icon .icon-facebook2 {
    color: #9baab9;
    font-size: 18px;
    margin-right: 5px;
}
footer {
  padding-left: 20px;
    padding-right: 20px;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #292F37;
  text-align: center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
footer span {
    color: aqua;
    display: inline-block;
    margin-right: 3px;
}
p {
  line-height: 140%;
}

h2 {
  background: url("../images/puce1.png") no-repeat scroll 0 50% transparent;
  color: goldenrod;
  display: block;
  font-size: 1.5em;
  margin: 0 0 0.5em;
  padding: 0.5em 0 0.5em 1.2em;
}


.container {
    width: 100%;
    margin: 0 auto; /* centra horizontalmente el div 
    max-width: 920px;*/
    max-width: 1024px;
    /*background: #566372;*/
    background-color: #3A4856;    
    -webkit-box-shadow: 0px 3px 20px -2px rgba(127,140,141,1);
    -moz-box-shadow: 0px 3px 20px -2px rgba(127,140,141,1);
    box-shadow: 0px 3px 20px -2px rgba(127,140,141,1);
    margin-top: 30px;
    margin-bottom: 30px;
}

.container_gris {
  width: 100%;
  margin: 0 auto; /* centra horizontalmente el div */
  background: #F8F9FA;
}

.div_flex {
  padding: 20px;
}

.div_left {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.div_center {
  margin: 10px;
  padding: 10px;
}

.div_right {
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.div_border {
    border:3px solid red;
    margin: 3px;
}
.azul {
    color: white;
    padding: 10px;
    padding-top: 25px;
    margin-bottom: 20px;
    text-align: center;
    background-color: #009CF9;
}

.azul p {
    color: white;
}
/* Div de Flexbox */
.flex-container {
  display: flex;
  flex-wrap: wrap;
  background-color: DodgerBlue;
}

.flex-container > div {
  background-color: #f1f1f1;
  margin: 10px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
}

/* Fin Div de Flexbox */
.slider {
  background: #566372;
  width: 97%;
  padding: 0px;
  margin: 0 auto; /* centra horizontalmente el div */
}

img_producto {
  width: 90%;
}
.img_logo {
  width: 70%;
  padding: 10px;
  margin: auto;
  display: block;
}


.nav_enlace {
  display: inline-block; /* tiene que ir para poder trabajar con FlexBox */
  background: #f8b500;
  color: white;
  padding: 8px 10px;
  margin: 0px 2px;
  text-decoration: none;
  text-align: center;
  width: 14%;
}

.nav_enlace:hover {
  background: #ffe867
}

nav {
  background: #292F37;
  padding: 10px;
  display: flex; /* usamos FlexBox */
  /* justify-content: flex-end;  usamos FlexBox */
    justify-content: space-between;
}

.nav-boton {
    margin-left: 3px;
    background-color: inherit;
    color: aqua;
    /* border: 1px solid aqua; */
     border: 0px; 
    display: none;
    font-size: 20px;    
}

/* listado de productos */
article .lis-nombre {
  display: inline-block;
  width: 76%;
  height: 25px;
}
article .lis-ver {
  display: inline-block;
  width: 20%;
  height: 25px;
  text-decoration: none;
  color: white;
}
/*Botones pure.css */
.button-verde,
.button-rojo,
.button-naranja,
.button-celeste {
  color: white;
  border-radius: 4px;
  /*width: 140px; */
  margin: 15px;
  font-size: 1.0em;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-verde {
  background: rgb(28, 184, 65); /* this is a green */
}

.button-rojo {
  background: rgb(202, 60, 60); /* this is a maroon */
}


.button-naranja {
  background: #f1c40f; /* this is an orange */
}

.button-celeste {
  background: rgb(66, 184, 221); /* this is a light blue */
}

.button-180 {
    width: 180px;
}
/*--- Para las noticias ---*/
.nav_noticia {
  display: inline-block; /* tiene que ir para poder trabajar con FlexBox */
  background: #f8b500;
  color: white;
  padding: 6px 8px;
  margin: 0px 2px;
  text-decoration: none;
  text-align: center;
  /*width: 14%;  */
}

.nav_noticia:hover {
  background: #ffe867
}



/*---- color -----*/
.red{color: #cd4733!important}
.oranje {color: #e28636!important; }
.green{color: #73bf4f!important;}
.grey {color: #9baab9 !important; 
  display: inline-block;
  width: 220px;
}
.dark_grey{color: #363636;}


/*---- text align -----*/
.align_right{text-align: right!important;}
.align_left{text-align: left!important;}
.align_center{text-align: center!important;}

.gradient-blue{
  background: #275bb0; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3NWJiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2OWEyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #275bb0 0%, #69a2e2 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#275bb0), color-stop(100%,#69a2e2)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #275bb0 0%,#69a2e2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #275bb0 0%,#69a2e2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #275bb0 0%,#69a2e2 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #275bb0 0%,#69a2e2 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#275bb0', endColorstr='#69a2e2',GradientType=0 ); /* IE6-8 */
}

.gradient-lightblue{
  background: #0093cc; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTNjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGRjZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #0093cc 0%, #7ddcfe 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0093cc), color-stop(100%,#7ddcfe)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #0093cc 0%,#7ddcfe 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #0093cc 0%,#7ddcfe 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #0093cc 0%,#7ddcfe 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #0093cc 0%,#7ddcfe 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0093cc', endColorstr='#7ddcfe',GradientType=0 ); /* IE6-8 */
}
.gradient-green{
  background: #55b023; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1YjAyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMGZiNmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #55b023 0%, #a0fb6d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55b023), color-stop(100%,#a0fb6d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #55b023 0%,#a0fb6d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #55b023 0%,#a0fb6d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #55b023 0%,#a0fb6d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #55b023 0%,#a0fb6d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b023', endColorstr='#a0fb6d',GradientType=0 ); /* IE6-8 */
}

.gradient-oranje{
  background: #f27301; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyNzMwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJlODYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f27301 0%, #ffbe86 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f27301), color-stop(100%,#ffbe86)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f27301 0%,#ffbe86 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f27301 0%,#ffbe86 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f27301 0%,#ffbe86 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f27301 0%,#ffbe86 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27301', endColorstr='#ffbe86',GradientType=0 ); /* IE6-8 */

}

.gradient-red{
  background: #c22006; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyMjAwNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTk0ODMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c22006 0%, #fe9483 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c22006), color-stop(100%,#fe9483)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c22006 0%,#fe9483 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c22006 0%,#fe9483 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c22006 0%,#fe9483 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c22006 0%,#fe9483 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c22006', endColorstr='#fe9483',GradientType=0 ); /* IE6-8 */

}

.gradient-pink{
 background: #c709b8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDliOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYzg2ZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c709b8 0%, #fc86f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c709b8), color-stop(100%,#fc86f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c709b8 0%,#fc86f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c709b8 0%,#fc86f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c709b8 0%,#fc86f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c709b8 0%,#fc86f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c709b8', endColorstr='#fc86f1',GradientType=0 ); /* IE6-8 */

}

.gradient-purple{
  background: #8a11cb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhMTFjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNTdlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #8a11cb 0%, #d57efe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8a11cb), color-stop(100%,#d57efe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8a11cb 0%,#d57efe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8a11cb 0%,#d57efe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8a11cb 0%,#d57efe 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8a11cb 0%,#d57efe 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a11cb', endColorstr='#d57efe',GradientType=0 ); /* IE6-8 */

}

.bloc-blue{
  background: #60c1fe; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwYzFmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZlYjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #60c1fe 0%, #006eb8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60c1fe), color-stop(100%,#006eb8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #60c1fe 0%,#006eb8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #60c1fe 0%,#006eb8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #60c1fe 0%,#006eb8 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #60c1fe 0%,#006eb8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60c1fe', endColorstr='#006eb8',GradientType=0 ); /* IE6-8 */
  padding: 10px;
    margin-top: 60px;
}
.bloc-green{
  background: #9cd54a; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzljZDU0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YjczMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #9cd54a 0%, #4b7312 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cd54a), color-stop(100%,#4b7312)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #9cd54a 0%,#4b7312 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #9cd54a 0%,#4b7312 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #9cd54a 0%,#4b7312 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #9cd54a 0%,#4b7312 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cd54a', endColorstr='#4b7312',GradientType=0 ); /* IE6-8 */
  padding: 10px;
    margin-top: 60px;
}

.bloc-gris{
  background: #C6D0DA;
  padding: 10px;
  vertical-align: text-top;
}

.bloc-gris-text { 
    box-sizing: border-box;
    color: black;
    font-size: 0.9em;
    min-height: 160px;
}

.blue-list li::before {
  content: url("../images/puce3.gif");
  line-height: 140%;
}

.radius {
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
      -ms-border-radius: 10px;
          border-radius: 10px;
}

.shadow {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
      -ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}




/* sm - mediano ≥ 768px 
@media only screen and (min-width: 48em) {
    
} */


@media (max-width: 600px) {
 .div_left {
  margin: 10px;
  padding: 10px;
}
.slider {
  padding: 0px;
  width: 100%;
   margin: 0 auto; /* centra horizontalmente el div */
}

.bloc-gris{
  min-height: 180px;
}
    .bloc-blue {
        margin-top: 0px;
    }
    .bloc-green {
        margin-top: 0px;
    }
    footer {
        text-align: left;
    }

    .grey {color: #9baab9 !important; 
      display: inline-block;
      width: 100%;
    }    
}


@media (max-width: 768px) {
     nav {
     flex-direction: column;
 }
 .nav_enlace {
     margin: 5px 0px;
     width: 100%;
     padding: 8px 0px;
 } 
 .nav-boton {
     display: inline-block;
 }
 .desaparece {
     display: none;
 }
        .facebook {
        display: none;
    }
    .head-icon .icon-facebook2 {
        color: aqua;
    }
}
@media (max-width: 1024px) {
    .container {
        margin-top: 0px;
        margin-bottom: 0px;
    }    
}