body {
  padding-top: 3rem;
 
  color: #5a5a5a;
}


/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

.notapie a {color:#fff !important;}


.carousel-caption h1 {
  background-color:rgba(255,255,255,.6);
  padding-left:15px;
  padding-right:15px;
}
.carousel-caption p.descripcion {
  background-color:rgba(0,0,0,.7);
  padding-left:15px;
  padding-right:15px;
  display:inline-block;
}
.carousel-caption p {
  
}

.carousel-item a:not(.btn) {
  display: block;
  width:100%;
}

.btn-primary {
    color: #fff;
    background-color: #e10600;
    border-color: #e10600;
    border-radius:0px;	
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #e10600;
    background-color: #fff;
    border-color: #fff; /*set the color you want here*/
}
/*
	color: #fff;
    background-color: #e10600;
    border-color: #e10600;
    border-radius:0px;
}
*/ 
 p.treslineas {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-height: 3.6rem;
    line-height: 1.2rem;
    -webkit-line-clamp: 3;
    margin-bottom: 3px;
}
 
@font-face {
font-family: 'AkkordeonEight';
      src: url('../fonts/wf/Ak1000-Eight.eot'); /* IE9 Compat Modes */
      src: url('../fonts/wf/Ak1000-Eight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          
           
           url('../fonts/wf/Ak1000-Eight.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/wf/Ak1000-Eight.svg#font') format('svg'); /* Legacy iOS */
      font-style: normal;
      font-weight: normal;
      text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'AkkordeonFour';
      src: url('../fonts/wf/Ak1000-Four.eot'); /* IE9 Compat Modes */
      src: url('../fonts/wf/Ak1000-Four.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          
           
           url('../fonts/wf/Ak1000-Four.ttf') format('truetype'), /* Safari, Android, iOS */
           url('../fonts/wf/Ak1000-Four.svg#font') format('svg'); /* Legacy iOS */
      font-style: normal;
      font-weight: normal;
      text-rendering: optimizeLegibility;
}

.akheight { 
  font-family: 'AkkordeonEight'; 
  font-size:24px; 
  line-height:120%;
  white-space: nowrap;
}
.akfour {
  font-family: 'AkkordeonFour';
  font-size:24px;
  line-height:120%;
  white-space: nowrap;
}


/********  CUSTOM MENU *****************/

.navbar-dark .navbar-nav .nav-link {
    color: #bcbcbc;
  padding: 0 16px;
  font-size: 30px;
 }

.navbar{
  /*height: 42px;*/

}
.bg-dark{
  background-color: black!important;
}

.dropdown-item:focus,.dropdown-item:hover{
    background-color: #ee7795;
    color: white;
  
}
.dropdown-item  {
    color: white;
   
 
}

.dropdown-menu {
    background-color: #E10600;
  margin:7px 15px;
  border-radius:0px;
   
}
.flecha-up{
  width:0px;
  height:0px;
  border-left:10px solid transparent;
  border-bottom:10px solid #E10600;
  border-right:10px solid transparent;
  font-size:0px;
  line-height:0px;
  position:relative;
  top:-18px;
  left:10px;
}
/* NOTICIAS MOSAICO  ***************** */
.card {
    color: white;
    border: none;
    border-radius: 0;
    min-height:400px;
}
.card-title{
    font-family: 'AkkordeonFour';
    letter-spacing: 1pt;
  font-size: 36px;
  line-height: 100%;
 height:70px;	
}
.card-img-top{
    height: 225px;
    object-fit: cover;
     border-radius: 0;
 }
 .card-text{
    font-size: 14px;
 }
 /*listado noticias ********************  */

 .card-img-left{
    width: auto;
    object-fit: cover;
    border-radius: 0;
 }
 .card-title-listado{
    
  font-size: 16px;
  letter-spacing: 1pt;
  font-weight: bold;
  line-height: 120%;
}

.card-text-listado{
    margin-top:7px;
    font-size: 14px;
    line-height: 115%;
 }
.foto-listado{
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100% ;
  text-align: center;
  border: 1px solid #dee2e6;
  min-height: 130px;
  background-repeat: no-repeat;
  background-position: center top;
 

}
.item-noticia{
  margin-bottom: 3%;
  
}


/* paginacion ****************************** */

hr{
  color: #E10600;
  background-color: #f00;
  /*height: 5px;*/

}

.page-link {
 
  color: #E10600;
    background-color: #fff;
    border: 0px solid #dee2e6;
  
}


/*********************/
.carousel-control-prev-icon{background-image: url(/img/back.jpg);}
.carousel-control-next-icon{background-image: url(/img/next.jpg);}
.container{padding:2px;}
.container img{max-width:100%;}

#menubanner{margin-top:-100px; z-index: 99; position:relative;}
#menubanner img {width:100%;}
#banner_campana{text-align:center; margin-top:10px; }
#banner_campana img {width:100%;}

.pie{font-size:12px; padding:20px;}
.titulopie{ border-left:2px solid #8ee5ef; padding-left:7px; font-size:15px; font-weight:bold;}
.pie a {color:#5a5a5a;}
.txtboletin{background-color:#f4f4f4; padding:2px; font-size:15px; width:200px;}
.botonemail{padding:2px 5px !important; vertical-align:top;}

.menu-sup { height:42px !important;}
.menu-sup ul {}
.menu-sup li {margin:0 3px 0 3px; }
.menu-sup img{max-width:30px;}


.bg-grey{  background-color: #f1f0f0!important;}

.logos{margin-bottom:20px;}
.logos #logo{max-width:50%;}
.logos #logo img{max-width:100%;}
abbr{color: #fff;}

.arr-right .breadcrumb-item+.breadcrumb-item::before{
  content: ">";
  color:#E10600;
  font-size:18px;
  line-height:15px;
  }
.breadcrumb{background-color:#fff; font-style:italic;}
.breadcrumb a{color:#666;}

#ruta {color:#E10600; padding-top:5px;}
#ruta a {color:#666; font-style:italic;}

/*#contenido h2{border-bottom:4px solid #8ee5ef; font-family: 'AkkordeonEight'; width:fit-content; margin-left:2px;}*/
#contenido h3,.Titulos1 {background-color:#E10600; border-bottom:5px solid #000; color:#fff !important; padding:2px 10px;}
#contenido h3 a,.Titulos1 a{color:#fff;}
#contenido h2{color:#2DCCD3;}

#contenido h4,.Titulos {background-color:#ccc; color:#666; padding:2px 10px;}
#contenido h4 strong,.Titulos strong {background-color:#f4f4f4; color:#666; font-weight:bold; padding:4px 10px;}
#contenido ol{margin:0px !important; padding:0px !important; border-bottom:1px solid #666;}
#contenido .categorias li{ list-style-type:none; border-top:1px solid #666; text-transform:uppercase; padding:5px 10px;}
#contenido .categorias li a { color:#666; padding-right:10%;}
#contenido .categorias li a:hover, #contenido .categorias li.active a { background-color:#f1f0f0; background-image:url('/img/marca.png'); background-repeat:no-repeat; background-position: right; text-decoration:none;}
#contenido .categorias li:hover { background-color:#f1f0f0;}

#contenido .categorias  div li{ list-style-type:none; border-top:0px solid #666; text-transform: none; padding:5px 10px;}
#contenido .categorias  div li a { color:#666; padding-right:10%;}
#contenido .categorias  div li a:hover { background-color:#f1f0f0; background-image:url('/img/marca.png'); background-repeat:no-repeat; background-position: right; text-decoration:none;}
#contenido .categorias  div li:hover,li.active { background-color:#f1f0f0;}

#body {color:#666;} 

.tooltip.primary .tooltip-inner          { background-color:    #2DCCD3; }

.tooltip.primary.right > .tooltip-arrow  { border-right-color:  #2DCCD3; }


.tooltip.show {
    opacity: 1;
}


#contenido ul {list-style: none;}
#contenido ul li::before {content:"\002022"; color:#E10600; font-weight:bold; display: inline-block; width:1em; margin-left:-1em; }
#contenido ul.pagination li::before {content:""; display:none; }
#contenido ul li{ margin-left: 20px; }
#contenido a {color:#E10600;}
#contenido .boton a:hover{color:#E10600;}
#contenido .infolateral {float:left; width:35%; padding:20px; margin: 0 20px 20px 0; background-color:#f4f4f4;}
#contenido .notapie {background-color:#E10600; margin:0 -20px; padding:10px; color:#fff !important;}

h1 {border-bottom:5px solid #8ee5ef; font-family: 'AkkordeonEight'; width:fit-content; margin-left:2px;  color:#000; margin-bottom: 20px; display:inline-block;}
legend{font-family: 'AkkordeonEight'; margin-left:2px;  color:#000; font-size:30px;}

/*formulario*/
#Form1,.formularios {font-weight:bold; background-color:#f1f0f0; padding:10px; font-size:15px;}
.form-control {font-weight:bold; font-size:14px; color:#666; }
#Form1 label,.formularios label { padding:0 10px; font-size:14px;}
#Form1 placeholder,.formularios placeholder {color:#666;}
#Form1 button,.boton {background-color:#fff; border:0px; font-weight:bold; color:#666; padding:6px;}
.formularios button,.boton {background-color:#fff; border:0px; font-weight:bold; color:#666; padding:6px;}
#Form1 button:hover,.boton:hover {background-color:#E10600; color:#fff; border:0px; }
#formnormal button:hover,.boton:hover {background-color:#E10600; color:#fff !important; border:0px; }
.formularios button:hover,.boton:hover {background-color:#E10600; color:#fff; border:0px; }
#Form1 .bbuscar,.formularios .bbuscar {background-color:#666; border:0px; font-weight:bold; color:#fff; }


.card-img-top {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);	
}
.card-img-top:hover{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);	
}

.card-title-listado a{ 
    text-decoration: none;
        color: #5a5a5a;
}
.card-title-listado a:hover{ 
  color:#E10600; 
}

.card-text-listado a{
    text-decoration: none;
        color: #5a5a5a;

} 
.card-text-listado a:hover{ 
  color:#E10600; 
}

.card-title a{ 
    text-decoration: none;
        color: #5a5a5a;
}
.card-title a:hover{ 
  color:#E10600; 
}

.card-text a{
    text-decoration: none;
        color: #5a5a5a;

} 
.card-text a:hover{ 
  color:#E10600; 
}
a{
    text-decoration: none;
    color: #5a5a5a;

} 
a:hover{ 
  color:#E10600; 
  text-decoration: none;	
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-device-width : 320px) and (max-device-width : 480px) {
  
  
  #destacados .col-sm-4,#destacados .col-md-4,#destacados .col-xs-4 {width:33%; padding:2px;} 
  #destacados {margin:0px -10px 0px -5px;}		
  .carousel-caption {font-size:10px; bottom:-2px;}
  .carousel-item .btn-lg{padding:0px; font-size:10px;}
  .carousel-item h1{padding:0px; font-size:25px;}
  .navbar-dark .navbar-nav .nav-link{font-size:24px;}
  .dropdown-item{padding:4px;font-size:15px;}	
  .tooltip {  display: none; }
}

@media (max-device-width : 320px) {
  #destacados .col-sm-4,#destacados  .col-md-4,#destacados  .col-xs-4 {width:33%; padding:2px;}	
  #destacados {margin:0px -10px 0px -5px;}	
  .carousel-caption {font-size:10px; bottom:-2px;}
  .carousel-item .btn-lg{padding:0px; font-size:10px;}
  .carousel-item h1{padding:0px; font-size:25px;}
  .navbar-dark .navbar-nav .nav-link{font-size:24px;}
  .dropdown-item{padding:4px;font-size:15px;}	
	.tooltip {  display: none; }
		
}
@media screen and (max-width: 600px) {
       table {
           width:100%;
       }
       
       tr:nth-of-type(2n) {
           background-color: inherit;
       }
       tr td:first-child {
           background: #f0f0f0;
           font-weight:bold;
           font-size:small;
       }
       tbody td {
           display: block;
           text-align:center;
		   font-size:small;
       }
       tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
       }
	   .tooltip {  display: none; }
}
#contenido a{
	overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}


@media (max-width: 550px) {
    #contenido .infolateral {
            float: none;
            width: 100%;
    }
}