/*@font-face {
    font-family: orbitronblack;
    src: url(../fonts/Orbitron-Black.ttf);
}
*/



body{
    overflow-x:hidden;
    font-family: 'Raleway', sans-serif;
    font-weight:300;
    background-color: #f1f1f1;
}
/*partimos el texto en los botones*/
.btn{
  white-space: normal;
}
#enlacestop{
    position:relative;
    background-color:#bc3426;
    height:auto;
    color:#222;
    font-size: 100;
    z-index:51;
}
#enlacestop h5, #enlacestop h6{
	display: inline-block;
  padding-top:5px;
  color:#FFF;
}
#enlacestop h5 a{
    font-weight:100;
    color:#FFF;
    padding:5px;
    text-decoration:none;
	-webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

#enlacestop h5 a:hover{
	color:#FFF;
  background-color: #222;
}

#barradenavegacion{
	z-index:100;
  border-bottom:1px solid #0e9cdf;
  text-transform:uppercase;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}



.bg-light{
  background-color:rgba(255,255,255,0.9)!important;

}

.bg-light2{
  background-color:rgb(255,255,255)!important;
}

/*autoabrir menú dropdown solo para dispositivos no móviles*/
@media (min-width: 768px) {
  #barradenavegacion .dropdown .dropdown-menu{
    margin-top:0px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }
  #barradenavegacion .dropdown:hover > .dropdown-menu {
      display: block;
  }
  #barradenavegacion .dropdown > .dropdown-toggle:active {
      /*Without this, clicking will make it sticky*/
      pointer-events: none;
  }
}

.dropdown-menu{
  border:1px solid #0e9cdf;
  border-radius: 0px;
}
.dropdown-item{
  transition: background-color 0.5s ease;
}

.dropdown-item:hover{
  background-color:#0e9cdf;
  color:#FFF;
}

/*estilos de dropdown cuando se despliega el menú*/
.dropdown:hover {
  background: #81a9bc; color:#f1f1f1;
}

/*sombras*/
.dropdown:hover, .navbar-nav .nav-link:hover, .dropdown-menu{
  -webkit-box-shadow: 3px 3px 15px -3px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 15px -3px rgba(0,0,0,0.75);
  box-shadow: 3px 3px 15px -3px rgba(0,0,0,0.75);
}

.navbar-light .navbar-nav .nav-link{
  color:#bc3426;
  transition: background-color 0.8s ease;
}
.navbar-light .navbar-nav .nav-link:hover {
  color:#FFF;
  background-color:#0e9cdf;
}
.navbar .dropdown.show a{
  background-color:#FFF;
  color:#bc3426;
}

.navbar-light .navbar-nav .active > .nav-link{
  color:#FFF;
}




.logo{
	position:relative;
	width:180px;
  float:left;
	-webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


.logo2{
	width:140px;
}
@media screen and (max-width: 700px){
		  .logo{
        	width:120px;
	     }
       .logo2{
         width:110px;
       }
     }


.maincontainer{
	padding-top:10vh;
	padding-bottom:10vh;
  background-color:#efefef;
}
.maincontainer .container, .maincontainer .container-fluid{
	padding-top:2vh;padding-bottom:2vh;
  border-radius: 10px;
}

.visitas{
  color:#CCC;margin-top:10px;
}


#lista1 h5{
  padding-top:15px;
  font-weight: 300;
}
#lista1 h6, #listamosaico h6{
  margin-top:15px;
}
#lista2 .fila{
  border-bottom:1px dashed #CCC;
  padding-left: 15px;
  margin-bottom:15px;
}
#lista2 img{
  margin-left: -15px;
}

.etiquetaprecio{
  position:absolute;
  margin-top:-100px;

  color:#FFF;
  /*background-image:url('/imagenes/etiquetaprecio.png');background-size:100% 100%;background-repeat: no-repeat;*/
}

.noticia .titulo{
	color:#bc3426;
	text-transform:uppercase;
}
.noticia h3{
	color:#212121;
	padding-bottom:10px;
	margin-top:30px;
}
.container{
	color:#000;
}
.cuerpo img, .encabezado img{
	float:right!important;
	margin-left:20px;
	margin-bottom:15px;
	width:40%;
  height:auto!important;
	clear:both;
	display:block;
}

.cuerpo .imgsinestilos{
  display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    float:none!important;
}


@media screen and (max-width: 700px){
		  .cuerpo img{
        	width:100%!important;
	        }
		 }

.cuerpo .contacta h1{
	color:#FFF;
    font-weight:700;
}

.columna{
	border-left:1px dotted #FFF;
}

.columna a img{
	-webkit-transition: all .5s ease-in-out;
              -moz-transition: all .5s ease-in-out;
              -ms-transition: all .5s ease-in-out;
              -o-transition: all .5s ease-in-out;
              transition: all .5s ease-in-out;
}

.columna a img:hover{
	-webkit-box-shadow: 4px 4px 4px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 4px 4px 2px rgba(0,0,0,0.75);
box-shadow: 4px 4px 4px 2px rgba(0,0,0,0.75);
}

.columna iframe{
	width:100%;
	height:auto;
}

/*presentación en mosaico*/

    .titulocategoria h1{
            color:#FFF;
            font-size:300%;
        }

        .lista:hover{
            cursor:pointer;
        }
        .categorias{
			background-color:#FFF;
			margin-top:15px;
			min-width:100%;
		}

        .articulolista{
        	border:1px solid #FFF;
        	padding:15px;
        	min-width:100%;
        }
        .articulolista img{
        	margin-left:0;padding-left:0;
        }
        .entrada{
            padding-bottom:15px;
            padding-top:15px;
        }
        .entrada img{
          margin-bottom:15px;
        }


        .articulolista h3{
            color:#FFF;
            margin-top:0px;
        }

        #mosaico a .brick{
            cursor:pointer;
            background-color:#f1f1f1;
        }
        #articulo h4{
            color:#2c2c2c;text-decoration:none;
            line-height:1.5em;

        }

        #seccion h1{
            color:#FFF;
            font-size:300%;
            margin-bottom:15px;
        }

        #seccion img{
          margin-bottom:15px;
        }
        .secciones h2{
          border-bottom:1px solid #222;
          font-weight:400;
        }
        .secciones h2 a{
          text-decoration:none;
          color:#222;
          font-size:300;
          letter-spacing: 10px;
        }
        .secciones h3{
          color:#222;
        }

        .fichanoticia{
          padding-top:15px;padding-bottom:25px;
          margin-top:15px;
          border:1px dotted #CCC;
        }


        .articulo h3{
            color:#FFF;
        }

#videobackground{
	position:absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
}


/*


/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  background-color:#FFF;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  z-index:10;
}


/*breadcrumbs*/

.breadcrumbs{
	margin-top:5vh;
}
.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background: transparent;
}
.breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top
}
.breadcrumb-arrow li:not(:first-child) {
    margin-left: -5px
}
.breadcrumb-arrow li+li:before {
    padding: 0;
    content: ""
}
.breadcrumb-arrow li span {
    padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
    height: 36px;
    padding: 0 10px 0 25px;
    line-height: 36px
}
.breadcrumb-arrow li:first-child a {
    padding: 0 10px
}
.breadcrumb-arrow li a {
    position: relative;
    color: #EEE;
    text-decoration: none;
    background-color: #bc3426;
    border: 1px solid #bc3426
}
.breadcrumb-arrow li:first-child a {
    padding-left: 10px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent
}
.breadcrumb-arrow li a:before {
    right: -10px;
    z-index: 3;
    border-left-color: #bc3426;
    border-left-style: solid;
    border-left-width: 11px
}
.breadcrumb-arrow li a:after {
    right: -11px;
    z-index: 2;
    border-left: 11px solid #bc3426
}
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
    background-color: #222;
    border: 1px solid #bc3426
}
.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
    border-left-color: #222
}

.breadcrumb-arrow li span {
    color: #4c4c4c
}

/*fin breadcrumbs*/


#pie{
	padding-top:5vh;padding-bottom:5vh;
	background-color:#bc3426;
	position:relative;
}

#pie h3, #pie h3 a{
  color:#FFF;
}



.copyright{
  background-color:#000;
  color:#f1f1f1;
	padding-top:5vh;
  padding-bottom:20px;
}
.copyright h5, .copyright h6{
	color:#DDD;
}


.back-to-top {
    position: fixed;
    bottom: 1em;
    right: 0px;
    text-decoration: none;
    color: #DDD;
    font-size: 2em;
    padding: 1em;
    display: none;
    z-index:101;
}

/*efectos varios*/
@keyframes fadeanimado {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes fadeanimado{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeanimado{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeanimado{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.fadeanimado {
   -webkit-animation: fadeanimado 1s infinite;
   -moz-animation: fadeanimado 1s infinite;
   -o-animation: fadeanimado 1s infinite;
    animation: fadeanimado 1s infinite;
}
