/* ---------- FONTS ---------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,600,400);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700);




/* Colores fondo categorias */
.bgColorNoticias {
  background-color: rgb(0,154,156);
}
.bgColorEstudiar {
  background-color: rgb(0,76,152);
}
.bgColorSociedad {
  background-color: rgb(206,69,148);
}
.bgColorAgro {
  background-color: rgb(0,133,192);
}
.bgColorGuia {
  background-color: rgb(198,8,0);
}
.bgColorAgenda {
  background-color: rgb(198,105,16);
}
.bgColorAvisos {
  background-color: rgb(255,200,1);
}
.bgColorFiesta {
  background-color: rgb(255,3,126);
}
.bgColorConstruccion {
  background-color: rgb(156,132,0);
}
.bgColorNoche {
  background-color: rgb(133,44,110);
}
.bgColorInmuebles {
  background-color: rgb(217,184,5);
}
.bgColorInmuebles {
  background-color: rgb(255,40,47);
}
.bgColorDelivery {
  background-color: rgb(255,40,47);
}
.bgGuia {
  background-color: rgb(198,8,0);
}




/* Colores texto categorias */
.colorNoticias {
  color: rgb(0,154,156);
}
.colorEstudiar {
  color: rgb(0,76,152);
}
.colorSociedad {
  color: rgb(206,69,148);
}
.colorAgro {
  color: rgb(0,133,192);
}
.colorGuia {
  color: rgb(198,8,0);
}
.colorAgenda {
  color: rgb(198,105,16);
}
.colorAvisos {
  color: rgb(255,200,1);
}
.colorFiesta {
  color: rgb(255,3,126);
}
.colorConstruccion {
  background-color: rgb(156,132,0);
}
.CcolorNoche {
  color: rgb(133,44,110);
}
.colorInmuebles {
  background-color: rgb(217,184,5);
}
.bgColorInmuebles {
  color: rgb(255,40,47);
}
.colorDelivery {
  background-color: rgb(255,40,47);
}
.colorGuia {
  color: rgb(198,8,0);
}





/* ---------- TAGS ---------- */
body{
	font-family: 'Open Sans', sans-serif;
	color: rgb(102,102,102);
	font-size: 14pt;
	font-weight: 300;
	margin: 0px;
  background-color: rgb(236,236,236)
}
img {
	width:100%;
}
h1 {
  font-family: 'PT Sans Narrow', sans-serif;
	font-size: 27pt;
	margin-top: 0;
}
h2 {
  font-family: 'PT Sans Narrow', sans-serif;
	font-size: 22pt;
	margin-top: 0;
}
h3 {
  font-family: 'PT Sans Narrow', sans-serif;
	margin-top: 0;
	font-size: 18pt;
}
h4 {
  font-family: 'PT Sans Narrow', sans-serif;
	margin-top: 0;
	font-size: 14pt;
}

.h4titulo {
	height: 100px;
}

h5 {
  font-family: 'PT Sans Narrow', sans-serif;
	margin-top: 0;
	font-size: 11pt;
}
.h5titulo {
  height: 30px;
    overflow: hidden;
}
    

h6 {
  font-family: 'PT Sans Narrow', sans-serif;
	margin-top: 0;
	font-size: 9pt;
}
ul{  
	margin:0;  
	padding:0;  
	list-style-type:none;
}
a {
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}
a:active{
  text-decoration: none;
}
a:visited{
  text-decoration: none;
}
a:focus{
  text-decoration: none;
}

small {
  color: rgb(204,204,204);
}





/* ---------- MAIN ---------- */

.center{
  display:block;
  margin:0 auto 0 auto;
}
.fullWidth{
  width: 100%
}
.alphaSearch{
  background: rgba(49,44,49,0.4);
  position: absolute;
  width: 100%;
  height: 100%;
}
.breadcrumb {
  padding: 0;
  margin-bottom: 0;
  /* list-style: none; */
  background-color: transparent;
  border-radius: 0;
  font-size: 9pt;
  text-transform: uppercase;
  text-align: right;
}
.btn-primary {
  color: rgb(255,255,255);
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary{
  color: rgb(255,255,255);
  background-color: rgb(49,44,49);
  border-color: rgb(49,44,49);
}
.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary{
  background-image:none
}
.floatBox {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  text-align: center;
  font-size: 14pt;
  line-height: 15pt;
  text-transform: uppercase;
  font-weight: 100;
  z-index: 1;
  color: rgb(255,255,255);
  padding: 7px;
  margin: 3px;
}
.glyphicon{
  margin-right: 5px;
}
.glyphiconMain{
  font-size: 18pt;
}
.contenedor {
  position: relative;
  margin: 0 8px 30px 8px;
}
.sliderCont{
  position: relative;
  margin: 0 35px 30px 35px;
}
.modSearch{
  background-color: rgb(255,255,255);
  position: relative;
  margin-bottom: 30px;
}
.modNavTop{
  background-color: rgb(49,44,49);
  position: relative;
  min-height: 122px;
}
.modNavBottom{
  background-color: rgb(125,125,125);
  position: relative;
}
.modNavLeft{
  position: absolute;
  float: left;
  clear: both;
}
.modLogoDevenado{
  position: absolute;
/*  margin: 35px 0;*/
  z-index: 999;
}
.modLogoPortal{
  margin: 0;
}
.modBanner{
  margin-bottom: 15px;
}
.modBannerTop{
/*  margin-bottom: 30px;
  max-height: 182px;
*/}
.modNavCategoria{
  margin-bottom: 30px;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 12pt;
}
.modFooter{
  background-color: rgb(49,44,49);
  position: relative;
  padding: 60px 0;
  margin: 30px, 0;
  color: rgb(150,150,150);
}
.btn-share{
  padding: 1px 5px;
  font-size: 11px;
  line-height: 1.5;
  font-weight: 700;
  color: rgb(255,255,255);
  margin: 0 5px 5px 0;
  float: left;
  display: block;
}
.btn-whats{
   background-color: rgb(15,145,64);
}
.btn-whats:hover, .btn-whats:active, .btn-whats:visited{
   background-color: rgba(15,145,64,0.9);
   color: rgb(255,255,255);
}
.btn-face{
  background-color: rgb(60,90,152);
}
.btn-face:hover{
  background-color: rgba(60,90,152,0.9);
  color: rgb(255,255,255);
}
.btn-twit{
  background-color: rgb(27,178,233);
}
.btn-twit:hover{
  background-color: rgba(27,178,233,0.9);
  color: rgb(255,255,255);
}
.btn-insta{
  background-color: rgb(221,75,57);
}
.btn-insta:hover{
  background-color: rgba(221,75,57,0.9);
  color: rgb(255,255,255);
}
.btn-youtube{
  background-color: rgb(200,49,43);
}
.btn-youtube:hover{
  background-color: rgba(200,49,43,0.9);
  color: rgb(255,255,255);
}
.btn-in{
  background-color: rgb(1,119,181);
}
.btn-in:hover{
  background-color: rgba(1,119,181,0.9);
  color: rgb(255,255,255);
}

@media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1570px;
  }
}





/* ---------- SEARCH ---------- */

.searchInput {
  height: 50px;
  padding: 25px 12px;
  font-size: 14pt !important;
}
.inputCont {
  display: block !important;
  margin: 35px auto !important;
  padding: 0 25% !important;
  width:auto !important;
}
.inputCont h1{
	    color: white;
    font-size: 45px;
    text-shadow: black -2px 2px 20px;}
.form-control-feedback {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.navbar-default-srch .navbar-nav>li>a { 
  color: rgb(255,255,255);
  padding: 15px 20px;
  float: right
}
.navbar-default-srch .navbar-nav>li>a:hover { 
  color: rgb(255,255,255);
}
.navbar-default-srch .navbar-nav>li>a:focus { 
  color: rgb(255,255,255);
}
.navbar-default-srch .navbar-nav>.active>a { 
  color: rgb(255,255,255);
}
.navbar-default-srch .dropdown-menu { 
  background-color: rgb(49,44,49);
  color: rgb(255,255,255);
}
.navbar-default-srch .dropdown-menu > li > a{ 
  color: rgb(132,132,132);
}
.navbar-default-srch .dropdown-menu > li > a:hover{ 
  background-color: rgb(72,72,72);
}
.navbar-default-srch .dropdown-menu .divider{ 
  background-color: rgb(72,72,72);
}





/* ---------- TAGLEADOR ---------- */

.tagleador{
  font-size: 11px;
  text-transform: capitalize;
  font-weight: 600;
  max-height:200px;
  overflow:hidden;
}
.tagleador > li{
  display: inline;
}
.tagleador > li > a{
  padding: 3px 8px 3px 20px;
  background-color: rgb(236,236,236);
  color: rgb(150,150,150);
  margin: 3px;
  background-image: url("../img/bg-tag.png");
  background-repeat: no-repeat;
  display: inline-block;
}
.tagleador > li > a:hover,
.tagleador > li > a:focus{
  color: rgb(255,255,255);
  background-color: rgb(188,188,188);
}
.tagleador > li > a:active{
  background-color: rgb(236,236,236);
  color: rgb(150,150,150);
}





/* ---------- NAVS ---------- */

/* principal */
.navbar {
  border: none;
}
.navbar-default {
  color: rgb(255,255,255);
  width: 100%;
  padding-top: 46px;
  background-color: transparent;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
  /* fondo barra */
  background-color: transparent;
  font-size: 14pt;
  border-color: rgb(51,51,51);
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
  /* boton activo */
  color: rgb(255,255,255);
}
.navbar-default .navbar-nav>li>a { 
  /* vinculo en li */
  display: block;
  padding: 5px 10px !important; 
  clear: both;
  font-weight: 100 !important ; 
  line-height: 1.42857143;
  color: rgb(255,255,255);
  background-color: transparent;
  white-space: nowrap;
}
.navbar-default .navbar-nav>li>a:focus { 
  color: rgb(255,255,255);
}
.navbar-default .navbar-nav>li>a:hover {
  color: rgb(255,255,255);
}
.navbar-default .navbar-nav>.active>a {
  color: rgb(255,255,255);
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
  color: rgb(255, 255, 255);
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 180px;
  padding: 10px 0;
  margin: 2px 0 0;
  font-size: 13pt;
  text-align: left;
  list-style: none;
  background-color: rgb(49,44,49);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li>a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: rgb(132,132,132);
  white-space: nowrap;
}
.dropdown-menu>li>a:hover {
  color: rgb(255,255,255);
  background-color: rgb(102,102,102);
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-default .navbar-toggle {
  border-color: rgb(49,44,49);
  position: absolute;
  top: 35px;
  right: 0;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: rgb(255,255,255);
}
.icon-bar:hover {
  background-color: rgb(49,44,49);
}

/* NavSecundaria */
#navScd{
  position: relative;
}
.navbar-default-scd{
  float: right;
  margin-left: auto;
}
.navbar-default-scd .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
  /* boton activo */
  color: rgb(255,255,255);
}
.navbar-default-scd .navbar-nav>li { 
  /* elemento en li */
  color: rgb(255,255,255); 
  font-weight: 600;
  font-size: 12pt;
  background-color: rgb(191,191,191); 
}
.navbar-default-scd .navbar-nav>li>a { 
  /* vinculo en li */
  color: rgb(255,255,255);
  padding: 7px 10px;
}
.navbar-default-scd .navbar-nav>li>a:hover { 
  /* vinculo estado hover en li */
  color: rgb(255,255,255);
}
.navbar-default-scd .navbar-nav>li>a:focus { 
  /* vinculo despues de clixk en li */
  color: rgb(255,255,255);
}
.navbar-default-scd .navbar-nav>.active>a { 
  /* vinculo estado hover en li */
  color: rgb(255,255,255);
}
.navbar-default-scd>ul { 
  /* elemento en li */
  display: inline-block;
}
.liScdStyle2{
  background-color: rgb(152,152,152);
}
.liScdStyle3{
  background-color: rgb(0,101,165);
}
.navbar-default-scd .navbar-nav>.active>a { 
  /* vinculo estado hover en li */
  color: rgb(255,255,255);
  background-color: rgb(19,109,112);
}

/* NavLeft */
#navLeft{
  font-family: 'Roboto Condensed', sans-serif;
}
.nav-pills {
  background-color: rgb(255,255,255);
  padding: 15px 0;
  font-size: 11pt;
  margin-bottom: 30px;
}
.nav-pills>li>a {
  border-radius: 0px;
}
.nav>li>a {
  position: relative;
  display: block;
  padding: 6px 10px;
  color: rgb(49,44,49);
}
.nav>li>.tituloMenuLateral {
  position: relative;
  display: block;
  padding: 5px 10px;
  margin-bottom: 0;
}
.nav-stacked>li+li {
  margin-top: 0;
  margin-left: 0;
}
.navbar-toggle {
  position: relative;
}
.navbar-default-left .navbar-toggle {
  top: 0;
  right: 0;
  padding: 0;
  margin-top: 0;
  margin-right: 15px;
  margin-bottom: 0;
  padding: 8px;
  background-image: none;
  border: 1px solid rgb(49,44,49);
  border-radius: 0;
  color: rgb(255,255,255);
  /*background-color: rgb(255,255,255); */
}
.navbar-default-left .navbar-toggle .icon-bar {
  background-color: rgb(255,255,255);
}
.icon-bar:hover {
  background-color: rgb(49,44,49);
}
.nav-pills>li>a:hover {
  background-color: rgb(230,230,230);
  color: rgb(49,44,49);
}
.nav-pills>li>a:active,
.nav-pills>li>a:focus {
  color: rgb(255,255,255);
}
.nav-pills>li.active>a, 
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  color: rgb(255,255,255);
}

/* NavBottom */
.navbar-default-btm .navbar-nav>li>a { 
  /* vinculo estado hover en li */
  color: rgb(255,255,255);
  padding: 15px 10px;
}
.navbar-default-btm .navbar-nav>li>a:hover { 
  /* vinculo estado hover en li */
  color: rgb(255,255,255);
}
.navbar-default-btm .navbar-nav>li>a:focus { 
  /* vinculo despues de click en li */
  color: rgb(255,255,255);
}
.navbar-default-btm .navbar-nav>.active>a { 
  /* vinculo estado hover en li */
  color: rgb(255,255,255);
}





/* ---------- BANNERS ---------- */
.bannerCont{
}
#banner{
  position: relative;
}
#banner > div { 
    position: absolute; 
}


/* Banner laterales */
.bannerBg {
  margin-bottom: 15px;
  background-color: rgb(255,255,255);
  text-align: center;
  padding: 12px;
}
.bannerTitulo {
  color: rgb(49,44,49);
  font-weight: 600;
}
.bannerBg > ul {
  font-size: 10pt;
  color: rgb(49,44,49);
  line-height: 12pt;
  text-transform: uppercase;
}
.bannerBg > ul > li > a:hover,
.bannerBg > ul > li > a:focus {
  color: rgb(49,44,49);
}
.bannerBg > ul > li > a:active {
  color: rgb(49,44,49);
}
.bannerImagen {
  height: 40px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
.bannerOverflowTitulo{
  overflow: hidden;
  height: 22px;
}
.bannerOverflowTexto{
  overflow: hidden;
  height: 16px;
}


/* Acordion Menu */
#accordion-container {
  width: 100%;
  padding: 0;
  margin-bottom: 15px;
  background-color: rgb(255,255,255);
}
.accordion-header {
  padding: 7px 10px;
  cursor: pointer;
  margin: 0px;
  background-image: url("../img/m-inactive-header.png");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
.accordion-header a{
    color: rgb(49,44,49);
    text-decoration: none;
}
.accordion-header a{
    color: rgb(49,44,49);
    text-decoration: none;
}
.active-header {
  width: 100%;
  background-image: url("../img/m-active-header.png");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
.active-header:hover {
    width: 100%;
    background-image: url("../img/m-active-header.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    color: rgb(255,255,255);
}
.active-header a {
  /*color: rgb(255,255,255);*/ /* anulado por error de dejar en blanco en guia el menu */
  text-decoration: none;
}
.active-header a:hover {
 /* color: rgb(255,255,255);*/
  text-decoration: none;
}
/*.inactive-header a:hover {
  color: rgb(74,73,74);
}*/
.inactive-header {
    width: 100%;
    color: rgb(49,44,49);
}
.inactive-header a {
  text-decoration: none;
  color: rgb(49,44,49);
}
.inactive-header a:hover {
  text-decoration: none;
}
.inactive-header:hover {
    width: 100%;
    background-image: url("../img/m-inactive-header.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-color: rgb(236,236,236);
}
/*.inactive-header:active {
    width: 100%;
    background-image: url("../img/m-inactive-header.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    color: rgb(230,40,74);
}*/
.accordion-content {
    font-weight: 400;
    display: none;
    padding: 7px 10px;
}
.accordion-content > li {
  width: 100%;
  list-style-type: none;
  font-size: 12pt;
  line-height: 12pt;
  color: rgb(49,44,49);
  width: 100%;
  background-repeat: no-repeat;
  background-position: 0px 50%;
  background-image: url("../img/m-inactive-header.png");
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.accordion-content > li a { 
    color: rgb(49,44,49);
    text-decoration: none;
}
.accordion-content > li a:link { 
    color: rgb(49,44,49);
    text-decoration: none;
}
.accordion-content > li a:visited { 
    color: rgb(49,44,49);
    text-decoration: none;
}
.accordion-content > li a:active { 
    color: rgb(255,255,255);
    text-decoration: none;
}
.accordion-content > li a:hover { 
    text-decoration: none;
}
.open-content {
  width: 100%;
  color: rgb(49,44,49);
  background-color: rgb(245,245,245);
}


/* ---------- FORM ---------- */
.form-control{
  border-radius: 0;
}
.formBgCaptcha{
  background-color: rgb(255,255,255);
}
.captcha{
  max-height: 34px;
}
.form-group > textarea.form-control {
  height: 50px;
  margin-top: 4px;
}
.detalleCaption > form .form-group {
  margin-bottom: 10px;
}


.detalleCont {
    position: relative;
    margin: 0 7px 15px 7px;
    background-color: rgb(255,255,255);
    border: 1px solid rgb(220,220,220);
}
.detalle-scroll {
    max-height: 200px;
    overflow: auto;
    font-size: 14px;
}


/* ---------- SLIDES ---------- */
/* Slide SLICK */
#banner1 .slick-next {
  right: 15px;
}
#banner1 .slick-prev {
  left: 15px;
}
#banner1 .slick-prev:before, .slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}





/* ---------- CAROUSEL ---------- */
.carousel-caption {
  right: 5%;
  left: 22%;
  padding-bottom: 30px;
  line-height: 15pt;
  font-size: 11pt;
  font-style: italic;
  font-weight: 400;
  color: rgb(255,255,255);
  text-shadow: none;
  padding: 15px;
  bottom: 20px;
}
.carousel-control.right {
  right: 78%;
  left: auto;
  background-image: none;
  font-size: 18px;
}
.carousel-control.left {
  background-image: none;
  font-size: 18px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
  position: absolute;
  top: 93%;
  z-index: 5;
  display: inline-block;
}





/* ---------- SHARE ---------- */
ul.share li {
  padding: 0;
  float: left;
  height: 21px;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  margin-top: 15px;
  margin-right: 6px;
}
#widget {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}





/* ---------- FOOTER ---------- */
.modFooter>.container>.row>.col-sm-12>p>a.btn{
  color: rgb(255,255,255);
}
.footerTitulo{
  color: rgb(255,255,255);
}
.btn{
  border-radius:0;
}
.footerBoton{
  color: rgb(255,255,255);
  border-color: rgb(255,255,255);
  font-weight: 300;
}
.footerBoton.active,
.footerBoton.focus,
.footerBoton:active,
.footerBoton:focus,
.open>.dropdown-toggle.footerBoton{
  color: rgb(255,255,255);
  border-color: rgb(255,255,255);
}
.footerBoton:hover{
  color: rgb(49,44,49);
  border-color: rgb(255,255,255);
  background-color: rgb(255,255,255);
}
.footerTexto{
  margin-bottom: 30px;
}
.footerMapa{
  margin-bottom: 30px;
}
.footerDatos{
  margin-bottom: 30px;
}

/* Sociales */
.share_social {
  position: absolute;
  width: 130px;
  height: 32px;
  overflow: hidden;
}
.share_social ul li {
  list-style: none;
  display: block;
  float: left;
  margin-right: 8px;
}
.share_facebook {
    display:block;
    background-image:url('../img/social.png');
    width: 32px;
    height: 32px;
    background-position: -5px -5px;
-webkit-transition: all 200ms;
   -moz-transition: all 200ms;
    -ms-transition: all 200ms;
     -o-transition: all 200ms;
        transition: all 200ms; 
}

.share_facebook{
    display:block;
    background-image:url('../img/social.png');
    width: 32px;
    height: 32px;
    background-position: -5px -47px;
}
.share_facebook:hover{
    display:block;
    background-image:url('../img/social.png');
    width: 32px;
    height: 32px;
    background-position: -5px -5px;
}
.share_google {
    display:block;
    background-image:url('../img/social.png');
    width: 32px;
    height: 32px;
    background-position: -47px -47px;
-webkit-transition: all 200ms;
   -moz-transition: all 200ms;
    -ms-transition: all 200ms;
     -o-transition: all 200ms;
        transition: all 200ms; 
}
.share_google:hover{
    display:block;
    background-image:url('../img/social.png');
    width: 32px;
    height: 32px;
    background-position: -47px -5px;
}
.share_twitter {
    display:block;
    background-image:url('../img/social.png');
    width: 32px;
    height: 32px;
    background-position: -89px -47px;
-webkit-transition: all 200ms;
   -moz-transition: all 200ms;
    -ms-transition: all 200ms;
     -o-transition: all 200ms;
        transition: all 200ms; 
}
.share_twitter:hover{
    display:block;
    background-image:url('../img/social.png');
    width: 32px;
    height: 32px;
    background-position: -89px -5px;
}






/* ---------- SECTION TACO INFERIOR ---------- */
.boxCont {
  padding: 15px 30px;
  background-color: rgb(150,150,150);
  color: rgb(255,255,255);
  text-align: center;
}
.boxCont .container-fluid .row > h2 {
}
.boxContNavTit {
  text-transform: uppercase;
  font-weight: 600;
  text-align: left;
  font-size: 12pt;
}
.boxContNavUl .row > ul{
  text-align: left;
  font-size: 10pt;
  overflow:hidden;
}
.boxContNavUl .row > ul > li {
  color: rgb(255,255,255);
  display: inline-block;
  float: left;
}
.boxContNavUl .row > ul > li a{
  color: rgb(255,255,255);
  padding: 0 7px;
}
.boxContNavUl .row > ul > li a:hover,
.boxContNavUl .row > ul > li a:focus{
  color: rgb(198,8,0);
}
.boxContNavUl .row > ul > li a:active{
  color: rgb(255,255,255);
}
.dos_columnas li { width:50%;}
.tres_columnas li { width:33.333%; }
.cuatro_columnas li { width:25%; }
.cinco_columnas li { width:20%; }





/* ---------- MEDIAS ---------- */

@media (max-width:767px){
  .modLogoDevenado{
    max-width: 300px;
    margin-bottom: 30px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: rgb(255,255,255);
    background-color: rgb(102,102,102);
  }
  .navbar-default {
    padding-top: 0;
  }
  .navbar-default .navbar-collapse{
    margin-top: 115px;
  }
  .navbar-default-left .row .navbar-header{
    background-color: rgb(49,44,49);
    margin: 0 15px 0 15px;
  }
  #menuNavLeft{
    margin-bottom: 30px;
  }
  #masBuscados{
    margin-bottom: 5px;
  }
  .modNavTop {
    background-color: rgb(49,44,49);
    position: relative;
    min-height: 122px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
  }
  .modSearch {
    margin-top: 122px;
  }
  .cinco_columnas li {
    width:25%;
  }
}

@media (min-width:768px) and (max-width: 991px){
  #navTop{
    margin-top: 0;
  }
  .navbar-default .navbar-collapse, 
  .navbar-default .navbar-form {
    /* fondo barra */
    font-size: 12pt;
    margin-top: 0;
  }
  .navbar-default .navbar-nav>li>a { 
    /* vinculo en li */
    padding-right: 10px;
  }
  .modLogo{
    max-width: 300px;
    margin-bottom: 0;
  }
  .modLogo>a>img{
    margin-bottom: 15px;
  }
  .footerMapa{
    margin-bottom: 0px;
  }
  .footerDatos{
    margin-bottom: 0px;
  }
  .navbar-default {
    padding-top: 80px;
  }
  .modLogoDevenado{
    margin-bottom: 15px;
  }
  #ulNavTop{
    font-size: 11pt;
  }
  #ulNavBottom{
    font-size: 12pt;
  }
  .inputCont {
    padding: 0 19%;
  }
  .cinco_columnas li {
    width:33.333%;
  }
}

@media (min-width:992px) and (max-width: 1199px){
  #navTop{
    margin-top: 0px;
  }
  #ulNavTop{
    float: right;
  }
  .modLogo{
    margin-bottom: 0;
  }
  .modLogo>a>img{
    margin-bottom: 15px;
  }
  .footerTexto{
    margin-bottom: 0px;
  }
  .navbar-default {
    padding-top: 80px;
  }
  .modLogoDevenado{
    margin-bottom: 20px;
  }
  .navbar-default .navbar-collapse{
    margin-top: 0;
  }
  .inputCont {
    padding: 0 19%;
  }
    .cinco_columnas li { width:25%; }
  }

@media (min-width:1200px){
  #ulNavTop{
    float: right;
  }
  .navbar-default .navbar-collapse{
    margin-top: 15px;
  }
}

@media (max-width:399px){
  .modLogoDevenado{
    display: block;
    margin: 35px auto;
  }
  .navbar-default .navbar-toggle{
    margin-top: 50px;
  }
}

@media (max-width:650px){
.cinco_columnas li {
    width: auto;
  }
}