@charset "utf-8";
.walpaper{
	font-family:'PT sans';
	max-width:100%
	}
.container-3{
  width:95%;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}
 
.container-3 input#search{
  width: 90%;
  height: 50px;
  background:#ffffff;
  border: none;
  font-size: 14pt;
  float: left;
  color:#494949;
  padding-left: 45px;
  -webkit-border-radius:  5px 0 0 5px;
  -moz-border-radius:  5px 0 0 5px;
  border-radius:   5px 0 0 5px;
  color: #494949;
  cursor:text;
}

.contenedor {
    border: 1px solid #aaa;
    background: #f1f2f3;
    overflow:auto;
}
.contenedor::-webkit-scrollbar {
    -webkit-appearance: none;
}

.contenedor::-webkit-scrollbar:vertical {
    width:10px;
}

.contenedor::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
    display: none;
} 

.contenedor::-webkit-scrollbar:horizontal {
    height: 10px;
}

.contenedor::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.contenedor::-webkit-scrollbar-track {
    border-radius: 10px;  
}
.bottunsearch{
  height: 50px;
   width: 10%;
  background:#C30006;
  border: none;
  font-size: 14pt;
  color:#900;
  -webkit-border-radius:  0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius:  0 5px 5px 0;
  color: #fff;
   cursor:pointer;
}

.divcirculareblack{
  -webkit-border-radius:  5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius:  5px 5px 5px 5px;
  background:#000;
}

.divcirculareneutre{
  -webkit-border-radius:  5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius:  5px 5px 5px 5px;
}

.bg-background {
  background-repeat:repeat;
  background-image: url('../images/bg.png');
  background-image: -webkit-image-set(url('../images/bg.png') 1x);
}

.tituloh3{
  color:#D4D4D4;
  padding:5px;
  padding-left:15px;
}

.itemmen{
  color:#060;
}
.grilla2 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}


.grilla3 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.grilla4 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}

.grilla5 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
}
.grilla6 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 20px;
}
.grilla7 {
  padding: 5px;
  display: grid;
  width: 100%;
  font-size:15px;
  max-width: 100%;
  margin: 0 auto;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 20px;
}
.grilla3Slider {
  padding: 5px;
  display: grid;
  width: 95%;
  font-size:15px;
  max-width: 95%;
  margin: 0 auto;
  height:450px;
  grid-template-columns: auto auto auto;
  grid-gap: 20px;
}
.grilla2Contenido {
  display: grid;
  max-width: 95%;
  margin: 0 auto;
  grid-gap: 5px;
  grid-template-columns: 75% 25%;
}
.grilla2editor {
  background-color: #C8C8C8;
  display: grid;
  max-width: 95%;
  margin: 0 auto;
  grid-gap: 10px;
  grid-template-columns: 25% 75%;
  border-radius:10px;
}
.grilla2top {
  display: grid;
  max-width: 95%;
  margin: 0 auto;
  grid-gap: 10px;
  grid-template-columns: 35% 65%;
  border-radius:10px;
}

.Cargarflotante {
	position: absolute;
	top: 20%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 40%; /* Buscamos el centro vertical (relativo) del navegador */
	z-index:1;
}

.imagenizqbane {
  width:90%;
  height:70%; 
}
.imagenblog {
  width:80%;
  height:60%;
}

.RelacionCss {
  width:98%;
}


.menutop {
  text-align:left; 
  color: #EAEAEA; 
  font-size:large;
}


#Slider1{
  background: url(../images/imgblog/carga.png);
  background-repeat: no-repeat; 
  background-position: center;
}
#Slider2{
  background: url(../images/imgblog/carga.png);
  background-repeat: no-repeat; 
  background-position: center;
}
#Slider3{
  background: url(../images/imgblog/carga.png);
  background-repeat: no-repeat; 
  background-position: center;
}
#Slider4{
  background: url(../images/imgblog/carga.png);
  background-repeat: no-repeat; 
  background-position: center;
}


.mininotititu:hover {
  transform: scale(1.05);
}
.mininotititu {
  transition: transform .2s;
}
.mininotititutam1 {
  width:100%;
  height:45%;
}
.mininotititutam2 {
  width:100%;
  height:94%;
}
.marcaagua {
  background: url(../images/mrcanegra.png);
}
.textmininotitulo{
      color:#FFF;
      /* top | right | bottom | left */
      padding:0px 20px 0px 20px;
      font-size:1vw;
}
.textmininotituloLargo{
  color:#FFF;
  /* top | right | bottom | left */
  padding:100px 20px 0px 20px;
  font-size:1vw;
}
.textmininocont {
      color:#FFF;
      font-weight:bold;
      font-size:1.3vw;
      /* top | right | bottom | left */
      padding:0px 20px 0px 20px;
}
.textmininopie{
      color:#f7f0f0;
      /* top | right | bottom | left */
      padding:0px 20px 0px 20px;
      font-size:1vw;
}
.centraltititu:hover {
      transform: scale(1.1);
}
.centraltititu {
    width:100%;
    height:100%;
    background-repeat: no-repeat; 
    background-position: center;
    transition: transform .2s;
}
.textcentralnotitulo{
  /* top | right | bottom | left */
  padding:0px 20px 0px 20px;
  color:#f7f0f0;
  font-size:1vw;
}
.textcentarnocont {
    /* top | right | bottom | left */
  padding:0px 20px 0px 20px;
  color:#FFF;
  font-weight:bold;
  font-size:1.6vw;
}
.textcentralnopie{
  /* top | right | bottom | left */
  padding:0px 20px 0px 20px;
  color:#f7f0f0;
  font-size:0.5vw;
}


@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?dtrlzn');
  src:  url('fonts/icomoon.eot?dtrlzn#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?dtrlzn') format('truetype'),
    url('fonts/icomoon.woff?dtrlzn') format('woff'),
    url('fonts/icomoon.svg?dtrlzn#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
  content: "\e900";
}
.icon-office:before {
  content: "\e903";
}
.icon-newspaper:before {
  content: "\e904";
}
.icon-pencil:before {
  content: "\e905";
}
.icon-pencil2:before {
  content: "\e906";
}
.icon-pen:before {
  content: "\e908";
}
.icon-droplet:before {
  content: "\e90b";
}
.icon-paint-format:before {
  content: "\e90c";
}
.icon-image:before {
  content: "\e90d";
}
.icon-images:before {
  content: "\e90e";
}
.icon-camera:before {
  content: "\e90f";
}
.icon-headphones:before {
  content: "\e910";
}
.icon-music:before {
  content: "\e911";
}
.icon-play:before {
  content: "\e912";
}
.icon-film:before {
  content: "\e913";
}
.icon-video-camera:before {
  content: "\e914";
}
.icon-bullhorn:before {
  content: "\e91a";
}
.icon-connection:before {
  content: "\e91b";
}
.icon-paste:before {
  content: "\e92d";
}
.icon-stack:before {
  content: "\e92e";
}
.icon-folder:before {
  content: "\e92f";
}
.icon-folder-plus:before {
  content: "\e931";
}
.icon-folder-minus:before {
  content: "\e932";
}
.icon-folder-download:before {
  content: "\e933";
}
.icon-price-tags:before {
  content: "\e936";
}
.icon-barcode:before {
  content: "\e937";
}
.icon-qrcode:before {
  content: "\e938";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-coin-dollar:before {
  content: "\e93b";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-calculator:before {
  content: "\e940";
}
.icon-lifebuoy:before {
  content: "\e941";
}
.icon-phone:before {
  content: "\e942";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-pushpin:before {
  content: "\e946";
}
.icon-location2:before {
  content: "\e948";
}
.icon-compass:before {
  content: "\e949";
}
.icon-alarm:before {
  content: "\e950";
}
.icon-bell:before {
  content: "\e951";
}
.icon-stopwatch:before {
  content: "\e952";
}
.icon-printer:before {
  content: "\e954";
}
.icon-keyboard:before {
  content: "\e955";
}
.icon-display:before {
  content: "\e956";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-mobile2:before {
  content: "\e959";
}
.icon-tv:before {
  content: "\e95b";
}
.icon-download:before {
  content: "\e960";
}
.icon-upload:before {
  content: "\e961";
}
.icon-floppy-disk:before {
  content: "\e962";
}
.icon-undo2:before {
  content: "\e967";
}
.icon-redo2:before {
  content: "\e968";
}
.icon-bubbles2:before {
  content: "\e96d";
}
.icon-bubble2:before {
  content: "\e96e";
}
.icon-bubbles3:before {
  content: "\e96f";
}
.icon-user:before {
  content: "\e971";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-user-minus:before {
  content: "\e974";
}
.icon-user-check:before {
  content: "\e975";
}
.icon-user-tie:before {
  content: "\e976";
}
.icon-quotes-left:before {
  content: "\e977";
}
.icon-quotes-right:before {
  content: "\e978";
}
.icon-hour-glass:before {
  content: "\e979";
}
.icon-spinner:before {
  content: "\e97a";
}
.icon-spinner3:before {
  content: "\e97c";
}
.icon-spinner4:before {
  content: "\e97d";
}
.icon-binoculars:before {
  content: "\e985";
}
.icon-search:before {
  content: "\e986";
}
.icon-key:before {
  content: "\e98d";
}
.icon-key2:before {
  content: "\e98e";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-unlocked:before {
  content: "\e990";
}
.icon-cog:before {
  content: "\e994";
}
.icon-aid-kit:before {
  content: "\e998";
}
.icon-pie-chart:before {
  content: "\e99a";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-stats-bars2:before {
  content: "\e99d";
}
.icon-trophy:before {
  content: "\e99e";
}
.icon-gift:before {
  content: "\e99f";
}
.icon-mug:before {
  content: "\e9a2";
}
.icon-spoon-knife:before {
  content: "\e9a3";
}
.icon-rocket:before {
  content: "\e9a5";
}
.icon-meter:before {
  content: "\e9a6";
}
.icon-lab:before {
  content: "\e9aa";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-bin2:before {
  content: "\e9ad";
}
.icon-briefcase:before {
  content: "\e9ae";
}
.icon-shield:before {
  content: "\e9b4";
}
.icon-power:before {
  content: "\e9b5";
}
.icon-switch:before {
  content: "\e9b6";
}
.icon-power-cord:before {
  content: "\e9b7";
}
.icon-list-numbered:before {
  content: "\e9b9";
}
.icon-list:before {
  content: "\e9ba";
}
.icon-list2:before {
  content: "\e9bb";
}
.icon-tree:before {
  content: "\e9bc";
}
.icon-cloud-upload:before {
  content: "\e9c3";
}
.icon-cloud-check:before {
  content: "\e9c4";
}
.icon-download3:before {
  content: "\e9c7";
}
.icon-upload3:before {
  content: "\e9c8";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-eye:before {
  content: "\e9ce";
}
.icon-eye-plus:before {
  content: "\e9cf";
}
.icon-eye-blocked:before {
  content: "\e9d1";
}
.icon-bookmark:before {
  content: "\e9d2";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-happy:before {
  content: "\e9df";
}
.icon-sad:before {
  content: "\e9e5";
}
.icon-sad2:before {
  content: "\e9e6";
}
.icon-wink:before {
  content: "\e9e7";
}
.icon-grin:before {
  content: "\e9e9";
}
.icon-neutral:before {
  content: "\e9f7";
}
.icon-wondering:before {
  content: "\e9fb";
}
.icon-point-up:before {
  content: "\ea03";
}
.icon-point-right:before {
  content: "\ea04";
}
.icon-point-down:before {
  content: "\ea05";
}
.icon-point-left:before {
  content: "\ea06";
}
.icon-warning:before {
  content: "\ea07";
}
.icon-notification:before {
  content: "\ea08";
}
.icon-question:before {
  content: "\ea09";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}
.icon-cancel-circle:before {
  content: "\ea0d";
}
.icon-blocked:before {
  content: "\ea0e";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-checkmark2:before {
  content: "\ea11";
}
.icon-enter:before {
  content: "\ea13";
}
.icon-exit:before {
  content: "\ea14";
}
.icon-play3:before {
  content: "\ea1c";
}
.icon-volume-high:before {
  content: "\ea26";
}
.icon-arrow-up-left:before {
  content: "\ea31";
}
.icon-arrow-up:before {
  content: "\ea32";
}
.icon-arrow-up-right:before {
  content: "\ea33";
}
.icon-arrow-right:before {
  content: "\ea34";
}
.icon-arrow-down-right:before {
  content: "\ea35";
}
.icon-arrow-down:before {
  content: "\ea36";
}
.icon-arrow-down-left:before {
  content: "\ea37";
}
.icon-arrow-left:before {
  content: "\ea38";
}
.icon-mail2:before {
  content: "\ea84";
}
.icon-google-plus2:before {
  content: "\ea8c";
}
.icon-google-drive:before {
  content: "\ea8f";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-telegram:before {
  content: "\ea95";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-vine:before {
  content: "\ea97";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-youtube2:before {
  content: "\ea9e";
}
.icon-twitch:before {
  content: "\ea9f";
}
.icon-vimeo2:before {
  content: "\eaa1";
}
.icon-dropbox:before {
  content: "\eaae";
}
.icon-tumblr:before {
  content: "\eab9";
}
.icon-android:before {
  content: "\eac0";
}
.icon-skype:before {
  content: "\eac5";
}
.icon-stackoverflow:before {
  content: "\ead0";
}
.icon-yelp:before {
  content: "\ead7";
}
.icon-safari:before {
  content: "\eadd";
}
.icon-opera:before {
  content: "\eade";
}
.icon-file-pdf:before {
  content: "\eadf";
}
.icon-file-word:before {
  content: "\eae1";
}
.icon-file-excel:before {
  content: "\eae2";
}
.icon-libreoffice:before {
  content: "\eae3";
}
.icon-codepen:before {
  content: "\eae8";
}	
@media screen and (max-width:1800px){
  .textcentarnocont {
      font-size:2.5vw;
  }
  .grilla3Slider {
      grid-template-columns: 20% 55% 20%;
  }
}
@media screen and (max-width:1300px){
  .textcentarnocont {
      font-size:3vw;
  }
  .textmininocont {
    font-size:1.2vw;
  }
}
@media screen and (max-width:1000px){
  .grilla3Slider {
    height:530px;
    }
  .textcentarnocont {
      font-size:3vw;
  }
  .textmininocont {
    font-size:15px;
  }

  .grilla2top {
    grid-template-columns: 40% 60%;
  }

}
@media screen and (max-width:900px){

  .menutop {
    display: none;
  }

  

  .grilla2top {
    grid-template-columns: repeat(1, 1fr);
  }
    .grilla3Slider {
     grid-template-columns: 25% 40% 25%;
        height:550px;
     }
    .grilla2Contenido {
      grid-template-columns: repeat(1, 1fr);
    }
    .RelacionCss {
      width:95%;
    }

    .grilla2editor{
      grid-template-columns: repeat(1, 1fr);
    }
    .grilla2 {grid-template-columns: repeat(1, 1fr);}
    .grilla3 {grid-template-columns: repeat(2, 1fr);}
	  .grilla4 {grid-template-columns: repeat(2, 1fr);}
	  .grilla5 {grid-template-columns: repeat(3, 1fr);}
    .grilla6 {grid-template-columns: repeat(3, 1fr);}
    .grilla7 {grid-template-columns: repeat(4, 1fr);}
	  .walpaper{max-width:95%}
}
@media screen and (max-width:700px){


  .grilla3Slider {
    grid-template-columns: repeat(1, 1fr);
    height:960px;
   }
  .textcentarnocont {
    font-size:20px;
  }
  .textcentralnotitulo{
    font-size:10px;
  }
  .textcentralnopie{
    font-size:10px;
  }
 
  .textmininotitulo{
    font-size:10px;
  }
  .textmininotituloLargo{
    font-size:10px;
  }
  .textmininocont {
    font-size:20px;
  }
  .textmininopie{
    font-size:10px;
  }
    .grilla2 {grid-template-columns: repeat(1, 1fr);}
    .grilla3 {grid-template-columns: repeat(1, 1fr);}
	  .grilla4 {grid-template-columns: repeat(2, 1fr);}
	  .grilla5 {grid-template-columns: repeat(2, 1fr);}
    .grilla6 {grid-template-columns: repeat(3, 1fr);}
    .grilla7 {grid-template-columns: repeat(3, 1fr);}
	  .walpaper{max-width:95%}
}
@media screen and (max-width:500px){
	  .grilla2 {grid-template-columns: repeat(1, 1fr);}
    .grilla3 {grid-template-columns: repeat(1, 1fr);}
	  .grilla4 {grid-template-columns: repeat(2, 1fr);}
	  .grilla5 {grid-template-columns: repeat(2, 1fr);}
    .grilla6 {grid-template-columns: repeat(3, 1fr);}
    .grilla7 {grid-template-columns: repeat(3, 1fr);}
	  .walpaper{max-width:95%}
}
@media screen and (max-width:400px){
	  .grilla2 {grid-template-columns: repeat(1, 1fr);}
    .grilla3 {grid-template-columns: repeat(1, 1fr);}
	  .grilla4 {grid-template-columns: repeat(1, 1fr);}
	  .grilla5 {grid-template-columns: repeat(1, 1fr);}
    .grilla6 {grid-template-columns: repeat(2, 1fr);}
    .grilla7 {grid-template-columns: repeat(2, 1fr);}
	  .walpaper{max-width:90%}
}
@media screen and (max-width:300px){
	  .grilla2 {grid-template-columns: repeat(1, 1fr);}
    .grilla3 {grid-template-columns: repeat(1, 1fr);}
	  .grilla4 {grid-template-columns: repeat(1, 1fr);}
	  .grilla5 {grid-template-columns: repeat(1, 1fr);}
    .grilla6 {grid-template-columns: repeat(1, 1fr);}
    .grilla7 {grid-template-columns: repeat(1, 1fr);}
	  .walpaper{max-width:90%}
}