﻿.div-noticia-completa{
    padding:2%;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-size:1em;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.cont-noticia-completa{
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    display: inline-block;
}
.carta-noticia{
    padding: 5px;
}
.div-noticia-titulo {
    color:#032070;
    text-align:center;
    text-transform:uppercase;
}

.div-tags {
    font-size: 1em;
    margin:1px;
    text-transform:uppercase !important;
}

.div-tags span {
    margin: 3px;
}

.div-middle-header {
    background-color:ghostwhite;
    display: inline-block;
    overflow:hidden;
    margin-bottom:15px;
    margin-top:20px;
    padding:0;
    color:black;
}
.div-middle-header .div-socialmedia {
    float:right;
    padding:1%;
}

.div-middle-header .div-socialmedia .at-style-responsive .at-share-btn{
    margin-top:5%;
    padding:2px !important;
}

.div-middle-header .div-noticia-resumen {
    float:left;
    text-wrap: normal;
    font-size: 1em;
    padding:1%;
}

.div-noticia-imagen {
    margin-bottom:1%;
    margin-top:1%;
}

.div-noticia-imagen img {
	max-width: 800px !important;
}

.div-noticia-contenido {
    text-align: justify;
    padding-left:15px;
    padding-right:15px;
}

.div-noticia-contenido p {
    padding:5px;
}

.div-noticias-historico {
    padding: 3%;
}

/****** carusel ******/

#carruselImag .item img{
    height:360px;
	max-width: 800px;
}

#carruselImag .item .slider-content {
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#carruselImag .item.active .slider-content {
  z-index: 0;
  opacity: 1;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms;
}

#carruselImag .slider-content{
	top: 40%;
	margin-top: -70px;
	left: 0;
	padding: 0;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
}

#carruselImag .carousel-indicators {
	bottom: 0% !important;
    background: rgba(0,0,0,.5);
	color: #fff;
    width:90%;
    left: 5.1% !important;
    right: 12% !important;
    margin-left:0px !important;
}

#carruselImag .carousel-caption {
    font-size: .85em !important;
    text-align: justify !important;
    left: 5.1% !important;
    right: 12% !important;
    padding: 10px !important;
    /*bottom: 8% !important;*/
    background: rgba(0,0,0,.5);
	color: #fff;
    width:90%;
    text-wrap:normal;
}

.carousel-indicators li{
	width: 14px !important;
	height: 14px !important;
	border: 2px solid #fff !important;
	margin: 1px !important;
}

#carruselImag .carousel-control{
    top:30%;
    
    height: 70px;
}

#carruselImag .carousel-control.left,
#carruselImag .carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

#carruselImag .carousel-control.left span {
	padding: 15px;
}

#carruselImag .carousel-control.right span {
	padding: 15px;
}

#carruselImag .carousel-control .fa-angle-left, 
#carruselImag .carousel-control .fa-angle-right{
	position: absolute;
	top: 40%;
	z-index: 5;
	display: inline-block;
}

#carruselImag .carousel-control .fa-angle-left{
	left: 0;
}

#carruselImag .carousel-control .fa-angle-right{
	right: 0;
}

#carruselImag .carousel-control i{
	background: rgba(0,0,0,.1);
	color: #fff;
	line-height: 28px;
	font-size: 28px;
	padding: 15px 20px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}


#carruselImag .slider-content h2 {
	font-size: 76px;
	font-weight: 100;
	text-transform: uppercase;
    color: #555;
}

#carruselImag .slider-content h2.white, #carruselImag .slider-content h3.white {
    color: #fff;
}

#carruselImag .slider-content h3{
	font-size: 36px;
	font-weight: 300;
	margin-top: 60px;
	text-transform: uppercase;
    text-align: center;
    color: #555;
}

#carruselImag .carousel-caption a {
    color: gainsboro;
}

.slider.btn {
	padding: 10px 40px;
	margin-top: 40px;
	font-size: 20px;
	border-radius: 2px;
	text-transform: uppercase;
	line-height: 28px;
	border: 0;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
    -o-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
    -moz-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
    -webkit-box-shadow: 0 4px 0 rgba(0,0,0,0.1) inset;
}

.slider.btn.btn-default{
	margin-left: 4px;
	background: #ECECEC
}

.slider.btn.btn-default:hover{
	background: #000;
	color: #fff;
}

.slider-content-left {
	position: relative;
	margin: 0 0 0 40px;
}

.slider-content-right{
	position: relative;
}

/*-- Animation --*/
.carousel .item.active .animated1 {
	
}

.carousel .item.active .animated2 {
	-webkit-animation: lightSpeedIn 1s ease-in 200ms both;
	animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3 {
	-webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
	animation: bounceInLeft 1s ease-in-out 500ms both;
}

.carousel .item.active .animated4 {
	-webkit-animation: flipInX 1s ease-in 500ms both;
	animation: flipInX 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated5 {
	-webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
	animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated7 {
	-webkit-animation: bounceIn 1s ease-in 500ms both;
	animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8 {
	-webkit-animation: fadeInDown 1s ease-in 1000ms both;
	animation: fadeInDown 1s ease-in 1000ms both;
}


.carousel ul, ol{
    margin-bottom: 0px !important
}

/**********Boostrap XS***********/
@media (max-width: 767px) {
    #imgHistorialNoticia .list-noticia-img{
        height:100px;
    }

    
    #searchNews{
         margin-top: 22px;
         width:100%;
    }

}

/**********Boostrap SM***********/
@media (min-width: 768px) and (max-width:991px) {
        
    #searchNews{
         margin-top: 22px !important;
         width:100%;
    }

    .div-noticia-imagen img {
	    max-width: 640px !important;
    }
}

/**********Boostrap MD***********/
@media (min-width: 992px) and (max-width:1199px) {
    #imgHistorialNoticia {
        width: 25% !important;
    }
}


/**********Boostrap LG***********/
@media (min-width: 1200px) {

}


/**********Custom***********/
@media (min-width:1900px) {
    #imgHistorialNoticia {
        width: 12% !important;
    }

    /*#imgHistorialNoticia .list-noticia-img{
        height:200px;
        background-position: 0% 0%;
    }*/
}


/*Historico de noticias*/
.noticia-titulo-list{
    color:#333;
    font-weight:bold;
    font-size: 1em;
   
}

.noticia-titulo-list a,.noticia-titulo-list a:hover{
     text-decoration:none;
     color:#333;
}

.list-noticia-img{
   height:120px;
   background-size:cover;
   background-position: center top;
}
.noticia-titulo-list p {
    text-align: justify;
}

.historico-content{
    display:block;
    min-height: 110px;
    height: 160px;
}

.noticia-resumen-list{
     text-wrap: normal;
     font-size: 0.9em;
     text-align:justify;
}

.more-news{
    color:#0E67C7;
    font-weight:bold;
}


.img-historico{
    width:100%;
    height:140px;
}

.modal-message > form .form-group, .modal-message .form-group, .div-noticia-completa {
    box-sizing: border-box !important;
}


.foto-sola{
    margin: 20px 30px;
    border-radius: 10px 10px 10px 10px;
    width: calc(100% - 60px);
    margin-bottom: 0px;
}
.titulo-noticia{
    position: absolute;
    bottom: 40px;
    width: 40%;
    color: white;
    background-color: #B17B45;
    border-radius: 0px 10px 10px 0px;
    padding: 30px 30px;
    font-family: Montserrat, sans-serif;
    margin-left: 30px;
    font-size: 28px;
    font-weight: 700;
}
.titulo-noticia-sm{
    color: white;
    background-color: #B17B45;
    border-radius: 0px 10px 10px 0px;
    padding: 30px 30px;
    font-family: Montserrat, sans-serif;
    font-size: 28px;
    font-weight: 700;
}
@media (max-width: 992px) {
    .titulo-noticia{
        top: 100px;
    }
}
@media (max-width: 768px) {
    .titulo-noticia-sm{
        display: block;
    }
    .titulo-noticia{
        display: none;
    }
}
@media (min-width: 769px) {
    .titulo-noticia-sm{
        display: none;
    }
    .titulo-noticia{
        display: unset;
    }
}

.contenedor-compartir{
    margin-right: 30px;
    border: 1px solid #A9A9A9;
    border-radius: 0px 0px 10px 10px;
    padding: 5px 10px;
    border-top: none;
}

.at-resp-share-element .at-share-btn .at-icon-wrapper{
    line-height: 22px!important;
    height: 22px!important;
    width: 22px!important;
}
.contenedor-compartir svg{
    width: 22px!important;
    height: 22px!important;
}

.descripcion-noticia{
    margin: 30px;
    font-size: 18px;
    color: #6F6F6F;
    font-family: Montserrat, sans-serif;
    text-align: justify;
    
}
.descripcion-noticia span{
    font-size: 18px!important;
    color: #6F6F6F!important;
    font-family: Montserrat, sans-serif!important;
    text-align: justify!important;
    
}