@charset "UTF-8";
/* CSS Document */

body{ margin-top:66px;}

.fixNota { top:0;} /*http://wp.puntal.com.ar/system/workplace/editors/editor_main.jsp*/

.wrapperNotas{float:left; width: 100%}

.header .contentSeccion{ display:block; margin:auto; text-align:center; height:66px;}
.header .contentSeccion .logo{ display:inline-block}
.header .contentSeccion .nombreSeccion{font-family:'chunkFive', Arial, Helvetica, sans-serif; height:4px; font-size:51px; position:relative; top:-15px; text-decoration:none; color:#253C8E;}
.header .contentSeccion .nombreSeccion:hover{ color:#D23037;}

.wrapperNota{ padding-top:52px;}

/* .headerTit {height:auto;width:calc(100% + 40px);float:left; margin-left:-20px;} */
.headerTit {height:auto;width:100%;float:left;}
.spacer{ padding:20px 0 66px;}

.headerNota{ width:100%; float:left; margin:0; padding:15px 0; /* background:#F6F6F6 */; border-bottom:1px solid #CCC; position:static; z-index:4;}

.fixTitle .headerNota{ width:100%; margin:0;}
.fixTitle .headerNota h1{font-size:24px;}

.headerNota .section-link-title{font-family:'proximaNovaBold', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:15px; color:#1c417d;}
.headerNota .section-link-title:hover{text-decoration:none;}
.headerNota h1{ font-family:'OpenSansBold', Arial, Helvetica, sans-serif; font-size:3rem; float:left; width:100%; margin:15px 0 0;transition:200ms ease-in; /*-moz-transition:200ms ease-in; -o-transition:200ms ease-in; -ms-transition:200ms ease-in; -webkit-transition:200ms ease-in;*/}
.headerNota h1 a{ color:#292929; text-decoration:none;}
.headerNota .infoNota{margin:10px 0 0; font-family:'RobotoRegular', Arial, Helvetica, sans-serif; font-size:14px; color:#999; width:100%; float:left;}
.headerNota .infoNota a{ color:#666; text-decoration:none;}
.headerNota .infoNota a:hover{ text-decoration:underline;}
.headerNota .infoNota a.twi{color: #999; text-decoration: none; border-left: 1px solid #999; border-right: 1px solid #999; padding-left: 5px; margin-left: 5px; padding-right: 5px; margin-right: 5px;}
.headerNota .infoNota a:hover.twi{ color:#666;}

.infoImagen{margin:-15px 0 15px 0; font-family:'RobotoRegular', Arial, Helvetica, sans-serif; font-size:14px; color:#999; width:100%; float:left;}
.infoImagen a{ color:#666; text-decoration:none;}
.infoImagen a:hover{ color:#666}
.infoImagen a.twi{color: #999; text-decoration: none; border-left: 1px solid #999; border-right: 1px solid #999; padding-left: 5px; margin-left: 5px; padding-right: 5px; margin-right: 5px;}

.infoImgGaleria{margin: 10px 0; font-family: 'RobotoRegular', Arial, Helvetica, sans-serif; font-size: 14px; color: #999; width: 100%; float: left; position: relative; bottom: 50px;}
.infoImgGaleria a{ color:#666; text-decoration:none;}

/*
.headerNota:before, 
.headerNota:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
}

.headerNota:before {
    bottom: -16px;
    left: 21px;
    border-top-color: #ccc;
    border-width: 16px;
  }

.headerNota:after {
    bottom: -15px;
    left: 22px;
    border-top-color: #F6F6F6;
    border-width: 15px;
  }
*/

/* Noticias Más */
.noticiasMas {height:auto; margin:0;}

.nota{}
.nota img{ width:100%; float:left; margin-bottom:20px; height:auto}
.nota .bajada{ width:100%; float:left; padding-bottom:20px; border-bottom:1px solid #CCC;font-family:'OpenSansBold', Arial, Helvetica, sans-serif; font-size:24px; line-height:34px; color:#666; display: block;}
.nota .bajada a{ color:#666; font-weight: bold;}

.nota .cuerpoNota{ margin-top:15px; width:100%; float:left; font-family:'RobotoRegular', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; text-align: justify;}
.nota .cuerpoNota a{ font-weight: bold; color: #1c417d;}    
.nota .cuerpoNota:first-letter{font-family:'RobotoRegular', Arial, Helvetica, sans-serif; font-weight: bold; font-size:100px;color:#1c417d; float:left; margin: 5px 15px 10px 0; padding-bottom: 20px; text-transform:uppercase;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    	
		.nota .cuerpoNota:first-letter{margin:25px 5px 20px 0;}
		
}
.nota .cuerpoNota p{ float:left; width:100%;}
.nota .cuerpoNota span{ float:left}
.nota .cuerpoNota .cita{font-family:'OpenSansBold', Arial, Helvetica, sans-serif; font-size:28px; line-height:35px; text-align:center; color:#999; text-align:center; width:90%; padding:0 5%; text-align:center; display:block; position:relative; margin:40px 0;}
.nota .cuerpoNota .cita:before{ content:"{"; font-family:'chunkFive', Arial, Helvetica, sans-serif; font-size:60px; color:#CCC; position:absolute; left:0; top:-10px;}
.nota .cuerpoNota .cita:after{ content:"}"; font-family:'chunkFive', Arial, Helvetica, sans-serif; font-size:60px; color:#CCC; position:absolute; right:0; bottom:-10px;}
.nota .cuerpoNota .subtitulo{font-family:'chunkFive', Arial, Helvetica, sans-serif; font-size:24px; color:#D23037; margin:30px 0; display:block}
.nota .cuerpoNota .subtitulo.coment{ text-align:center; border-top:1px dotted #D23037; padding-top:15px; margin-top:50px; color:#777; width:100%;}
.nota .cuerpoNota .encuesta{ margin-bottom:20px}

.nota .btnRedesPC{padding:15px 0; border-bottom:1px solid #CCC; width:100%; float:left; margin-bottom:10px; text-align:center}
.nota .btnRedesPC .btn{ width:calc(20% - 4px); margin-right:5px; float:left; border-radius:6px; padding:7px 0; color: #fff!important;; text-decoration:none}
.nota .btnRedesPC .btn:last-child{margin-right:0;}
.nota .btnRedesPC .btn.fb{ background:#3B579D;}
.nota .btnRedesPC .btn.tw{ background:#2BA8E0;}
.nota .btnRedesPC .btn.gplus{ background:#DC4A38;}
.nota .btnRedesPC .btn.whatsapp{ background: #43d854;}
.nota .btnRedesPC .btn.print{ background:#CCC;}
.nota .btnRedesPC .btn:hover{opacity:0.7;}

.nota .ArchivoNota embed{width: 100%; height: 700px;}

.nota .btnRedesMovil{padding:15px 0; border-bottom:1px solid #CCC; width:100%; float:left; margin-bottom:10px; text-align:center}
.nota .btnRedesMovil .btn{ width:calc(20% - 4px);
	margin-right:5px; float:left; border-radius:6px; padding:7px 0; color:#FFF; text-decoration:none}
.nota .btnRedesMovil .btn:last-child{margin-right:0;}
.nota .btnRedesMovil .btn.fb{ background:#3B579D;}
.nota .btnRedesMovil .btn.tw{ background:#2BA8E0;}
.nota .btnRedesMovil .btn.gplus{ background:#DC4A38;}
.nota .btnRedesMovil .btn.whatsapp{ background: #43d854;}
.nota .btnRedesMovil .btn.print{ background:#CCC;}
.nota .btnRedesMovil .btn:hover{opacity:0.7;}

.nota .cuerpoNota img{ width:100%!important; height:auto!important}

.nota .cuerpoNota .sliderNota{ border-radius:0!important; border:none!important; box-shadow:none!important; float:left; width:100%; margin-bottom:0!important; min-height:466px;}
.nota .cuerpoNota .sliderNota img{ width:100%;}
.nota .cuerpoNota .sliderNota .flex-direction-nav a{ opacity:0.7!important;}
.nota .cuerpoNota .sliderNota .flex-direction-nav .flex-prev{ left:10px!important}
.nota .cuerpoNota .sliderNota .flex-direction-nav .flex-next{ right:10px!important}

.owl-carousel{ float:left; margin:20px 0; position:relative}
.owl-demo .item img{display: block;width: 100%;height: auto;}
.owl-theme .owl-controls .owl-pagination{ position:absolute}
.owl-theme .owl-controls .owl-buttons { position:absolute; top:50%; margin-top:-25px; width:100%;}
.owl-theme .owl-controls .owl-buttons div{ width:50px!important; height:50px!important; padding:0!important; border-radius:50%!important; background:rgba(255,255,255,0.7)!important; color:#999!important; margin:0!important; position:absolute; display:block!important; text-align:center!important; color:#131313; font-size:40px!important; opacity:1!important}
.owl-theme .owl-controls .owl-buttons .owl-prev{ left:10px;}
.owl-theme .owl-controls .owl-buttons .owl-prev i{ margin-right:5px;}
.owl-theme .owl-controls .owl-buttons .owl-next{ right:10px;}
.owl-theme .owl-controls .owl-buttons .owl-next i{ margin-left:5px}

.aside{margin-right:0;}
.aside .mod-1col{ margin-top: 15px; margin-bottom:20px}
.aside .encuesta{ height:auto; padding-bottom:10px;}

.aside .moduloMas .noticia01{ width:90%; height:auto}
.aside .moduloMas .noticia02{ width:90%; height:auto}
.aside .moduloMas .noticia03{ width:46%; height:40px; overflow:hidden}

/* Seccion */
.title-section{width:100%; float:left; border-bottom:2px solid #1c417d; text-transform:uppercase; padding:5px 0; margin-bottom:10px;font-family:'OpenSansBold', Arial, Helvetica, sans-serif; font-size:18px; font-weight: bold; color:#1c417d;}
.title-section-2{width:100%; float:left; border-bottom:2px solid #1c417d; text-transform:uppercase; padding:5px 0; margin-bottom:10px;font-family:'OpenSansBold', Arial, Helvetica, sans-serif; font-size:18px; font-weight: bold; color:#1c417d;}
.title-section-2 a{width:100%; float:left; text-transform:uppercase; padding:5px 0; margin-bottom:10px;font-family:'OpenSansBold', Arial, Helvetica, sans-serif; font-size:18px; font-weight: bold; color:#1c417d; text-decoration: none;}

.notaSeccionPrincipal{ width:100%; float:left; margin-bottom:20px;}
.notaSeccionPrincipal a{ width:100%; float:left; height:auto; overflow:hidden; position:relative}
.notaSeccionPrincipal a:hover{ text-decoration:underline}
.notaSeccionPrincipal h1 { position: absolute; z-index: 2; background: rgba(0,0,0,0.7); width: 30%; top: 0; left: 0; margin: 0; font-family: 'OpenSansBold', Arial, Helvetica, sans-serif; font-size: 26px; color: #FFF; text-decoration: none; padding: 4% 2% 10% 2%; font-weight: normal; height: 80%;}
.notaSeccionPrincipal img{ width:100%; float:left}

.notaSeccion{ width:100%; float:left; margin-bottom:20px; border-top:1px dotted #CCC; padding-top:15px;}
.notaSeccion img{ width:30%; float:left;}
.notaSeccion h2{ font-weight:normal;font-family:'OpenSansBold', Arial, Helvetica, sans-serif; font-size:22px; color:#131313; float:left; width:67%; margin:0 0 0 3%;}
.notaSeccion h2 a{ text-decoration:none; color:#131313;}
.notaSeccion h2 a:hover{ text-decoration:underline}
.notaSeccion .bajada{ color:#888; float:left; width:67%; margin:0 0 0 3%;font-family:'RobotoRegular', Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; border-bottom:none}

.notaSeccion .avatar {width: 15%;}
.notaSeccion .bajadaAvisoFunebre{ color:#888; float:left; width:100%; margin:0 0 0 3%;font-family:'RobotoRegular', Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; border-bottom:none}

.relacionadasNota {width:96%; padding:2%; background:#F6F6F6}
.relacionadasNota h3{font-family:'chunkFive', Arial, Helvetica, sans-serif; font-weight:normal; color:#253C8E; text-align:center; margin:0 0 10px; font-size:24px}
.relacionadasNota .notaSeccion:first-child {border-top:none}
.relacionadasNota a.imagen{width:30%!important; float:left}

.tags{ font-weight:normal;font-family:'OpenSansBold', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-transform: uppercase; margin: 20px 0;}
.tags a{width: auto; text-decoration: none; color: #5EA9DD; padding: 10px 10px; border-radius: 10px;}
.tags a:hover{background: #dee2e8;}
	
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/* Aviso Fúnebres*/
.title-section-funebres{height: 80px; background-color: #333;}
	
.title-section-funebres a{ position: relative; left: 15%; top: 30%;	
	color: #fff; font-size: 30px;  font-weight: bold; font-family: 'OpenSansBold', Arial, Helvetica, sans-serif; text-decoration: none;}
	
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {display: none !important;}

.notaFunebre{text-align: center; box-shadow: 2px 2px 7px 0 rgba(0,0,0,0.35); margin: 25px 0; background: #edf2f5;}
.notaFunebre .avatar { margin: 20px 20px;}
.notaFunebre .avatar img {width: 7%;}
.notaFunebre h2 {font-weight: normal; font-family: 'OpenSansBold', Arial, Helvetica, sans-serif; font-size: 25px; color: #1c417d;}
.notaFunebre .datosExtrasAvisoFunebre {font-family: 'RobotoRegular', Arial, Helvetica, sans-serif; font-size: 14px; color: #adadad;
	width: 100%; position: relative; margin-bottom: 5px;}
.notaFunebre .datosExtrasAvisoFunebre .volanta a {text-decoration: none; color: #1c417d;}
.notaFunebre .bajadaAvisoFunebre {font-size: 19px; color: #666; line-height: 1.6em; margin: 20px;}