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

body,input,textarea,select,button { font-family: 'Rubik', sans-serif }
a, button {
    color: #333333;
    -webkit-tap-highlight-color: rgba(99, 99, 99, 0.3)}
	
	
.h1:not([class*="text-"]) a:hover, .h2:not([class*="text-"]) a:hover, .h3:not([class*="text-"]) a:hover, .h4:not([class*="text-"]) a:hover, .h5:not([class*="text-"]) a:hover, .h6:not([class*="text-"]) a:hover, .h1:not([class*="text-"]) a:focus, .h2:not([class*="text-"]) a:focus, .h3:not([class*="text-"]) a:focus, .h4:not([class*="text-"]) a:focus, .h5:not([class*="text-"]) a:focus, .h6:not([class*="text-"]) a:focus { color: #333333 }

p, .p { line-height: 1.4 }
.margin-r-20 { margin-right: 20px }
.padding2020 { padding: 0 20px 0 0 }
.padding018 {  padding: 0 18px 0 0 }
.padding022 {  padding: 0 22px 0 0 }
.padding12 { padding: 12px }
.padding1220 { padding: 12px 20px }
.padding1015 { padding: 10px 15px }
.padding-t-5 { padding-top: 5px }
.padding-t-10 { padding-top: 10px }
.padding-t-15 { padding-top: 15px }
.padding-t-20 { padding-top: 20px }
.padding-t-30 { padding-top: 30px }
.padding-b-15 { padding-bottom: 15px }
.padding-b-20 { padding-bottom: 20px }
.padding-b-30 { padding-bottom: 30px }

.section-ch { padding-top: 40px; padding-bottom: 40px }
.section-xs { padding-top: 15px; padding-bottom: 15px }
.padding030 { padding-bottom: 30px }
.padding0520 { padding: 5px 20px }
.bg-primary { background-color: #007bc3 }
.bg-primary-comp { background-color: #f78419 }
.bg-primary-sec { background-color: #9ecce8 }

.bg-primary-lighter { background-color: #efefef }
.bg-white { background-color: #FFFFFF }
.font-bolder  { font-weight: 800} 
.h1, .h2, .h3, .h4, .h5, .h6 { color: #333333 }
.linea_separa { border-bottom: 1px solid #d8e5ed }
.link-diapo a, .link-diapo a:visited {color: #FFFFFF }
.link-diapo a:hover  {color: #FFFFFF; opacity: .6 }
.lineasepara{ background: #CCC; height:1px }
.lista-inline ul  { padding:0; margin:0; list-style:none }
.lista-inline li  { display: inline; padding:0 15px; border-right:1px solid  #999999 }
.lista-inline li:last-child  { border-right:0; padding:0 0 0 15px }
.small { font-size:.9em }
.heading { font-weight: 800; text-transform: uppercase;font-size: 2.3em }
.noticia { margin: 20px -30px 0 }
.noticia .contenedor { padding: 15px 20px 1px 20px}
.text-primary { color: #007bc3 }
.separa_desktop{ display:none }
.fill-btn { font-size: 1.3em }
.text-uppercase { text-transform: uppercase }

/* cabezal */
#header, #header .fixed { height: 76px; background-color: #007bc3 }
#header #logo { margin-top: 5px }
#header #search-btn .icon { background-image: url(../images/icons/search-btn-diapo.svg); background-size: auto 24px }
#header .logouypressCH { display:inline-block !important }
#header .logouypress { display:none  !important}

#header #client-btn .icon { background-image: url(../images/icons/clientbtn_diapo.svg);background-size: auto 28px }
#header .btn-position[class*="left-sm"] #search-holder #search-form { background: #EEEEEE; margin-right: 9px; }
#header .secciones { display: none }
#header #menu-btn span { width: 14px    }
#header #menu-btn span:before, #header #menu-btn span:after {    width: 140% }
#header #menu-btn span:before{ top: -7px}
#header #menu-btn span:after { top: 7px }

#side-nav > .holder { background-color: #007bc3}
#side-nav .simple-menu .submenu .list { border-bottom: 0 }
.simple-menu.first-level > .trigger { position: relative }
.simple-menu > .trigger { padding-left: 15px; position: relative }
.simple-menu > .trigger:before { content: none }
.simple-menu > .trigger.open:before { content: ""; display: inline-block }
#header .simple-menu.open #client-btn:before { content: ""; display: inline-block }
.fs-menu .holder .list > .item > a:after{ border: solid #fff }
.simple-menu .list > .item > a:after{ border: solid #fff }
#side-nav .scrollable { padding: 0 }
#side-nav .menu { margin-top: 49px }	
#side-nav .menu > .item > a { color: #FFFFFF; padding-left: 20px }
#side-nav .menu > .item > a:hover, #side-nav .simple-menu .submenu .list > .item > a:hover { color: #31c5ff }
#side-nav .menu > .item > a:before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 50%;
    right: -111px;
    margin-top: -11px;
    border: solid #FFFFFF;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg );
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform 200ms ease-out, margin-top 200ms ease-out;
    -o-transition: -o-transform 200ms ease-out, margin-top 200ms ease-out;
    transition: transform 200ms ease-out, margin-top 200ms ease-out;
}

#side-nav .simple-menu > a.trigger {
    position: relative;
    left: 20px }
	
#side-nav .simple-menu .trigger:before, #side-nav .simple-menu .simple-menu .trigger:before {left: -21px}

#side-nav .simple-menu .submenu .list > .item > a:hover, #side-nav .simple-menu .submenu .list > .item > a:focus { color: #f78419 !important }
#side-nav .fsimple-menu .submenu .list > .item > a { color: #333333}
#side-nav .close-btn:before, #side-nav .close-btn:after { background-color: #FFFFFF }
#side-nav .simple-menu .submenu .list li { border-bottom: 1px solid #e5e5e5}

   .simple-menu > .trigger:hover:before,
    .simple-menu > .trigger:hover:after{
        border-color: rgba(89, 142, 177, 0.8);
    }

#side-nav .simple-menu .trigger:before, #header .simple-menu.open #client-btn a:before {
    content: "" }
	
   #nav .simple-menu.first-level.open > .trigger:hover,
    #nav .simple-menu.first-level.open > .trigger:focus{
        color: #fff !important;
    }


#side-nav .menu > .item > a:hover, #side-nav .menu > .item > a:focus{ color: #31c5ff }
      #side-nav .close-btn:hover:before,
    #side-nav .close-btn:hover:after,
    #side-nav .close-btn:focus:before,
    #side-nav .close-btn:focus:after{
        background-color: #31c5ff;
    }

.search-movil { display:inline-block !important}

.heading {
    font-weight: 700}
	
.heading:after {	
	content: "";
    display: block;
    width: 45px;
    height: 3px;
	margin-top: 5px;
	background-color: #007bc3;
}	

.despliegue .main-col .heading {font-size:1.6em}

#mas_titulares .heading, #politica .heading, #deportes .heading  { font-size:2em }
#secciones_especiales .heading { font-size:3em }
.secciones_especiales { padding-bottom: 30px;    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 29px !important }

.contenedor_foto{ position:relative}
.div_categoria { position:absolute; left:0; bottom:0; margin-bottom:13px; font-size:1.4em }
#mas_titulares .img-link img, #politica .img-link img, #deportes .img-link img, #secciones_especiales .img-link img { 
    max-width: 100%;
    max-height: 23	0px;
    width: 100% }


/* ultimas noticias */
ul.ultimas_noticias { margin-top:12px }
.ultimas_noticias li { padding:8px 0; border-bottom:1px solid #DDDDDD; font-size:1.32em; font-weight:500 }
.separa_notappal { margin-bottom: 20px; padding-bottom: 30px }

/* Columnistas */
#opinion { position: relative}
#opinion .h3 { font-weight:400; font-size: 2.6em; line-height: 1.35em }
#productos .imgopinion { width:120px; height:120px; margin: 0 auto; margin-bottom: 15px; overflow: hidden; float: none;  border-radius: 50%; background-position:center; background-size:contain }
#productos ul { padding: 35px 0 0 0; margin: 0 0 0 0 }
#productos li { list-style: none; display: inline; margin: 0 0 20px 0; padding: 0 }


/* footer */
#footer { background: #007bc3; color:#333333  }

#footer p, #footer li {
    font-size: 1.3em;
    margin-top: 15px;
    color: #FFFFFF;
}

#footer a {
    text-decoration: underline;
	color: #FFFFFF;
	font-weight:bold
}

#footer a:hover {
    text-decoration: none;
	color: #4ca3d5;
	font-weight:bold
}
#footer .redes {
	text-align:center; padding-top: 15px; padding-bottom: 15px
}

#footer .redes:before, #footer .redes li, #side-nav .redes:before, #side-nav .redes li{
	display: inline-block;
    vertical-align: middle; padding:0 4px
}
#footer .redes:before, #side-nav .redes:before{
    content: "";
}

#footer .redes li:hover, #side-nav .redes li:hover{
opacity: .8

}

#footer .redes li .icon, #side-nav .redes li .icon{
    display: block;
    width: 37px;
    height: 37px;
    background: no-repeat center;
    background-size: 37px;
	opacity: 1;
}

#footer .redes li .icon.facebook, #side-nav .redes li .icon.facebook {
	background-image: url(../images/icons/sn-facebook.svg), none;
}

#footer .redes li .icon.twitter, #side-nav .redes li .icon.twitter {
	background-image: url(../images/icons/sn-twitter.svg), none }

#footer .redes li .icon.instagram, #side-nav .redes li .icon.instagram{
	background-image: url(../images/icons/sn-instagram.svg), none 
}


#footer .redes li .icon.rss, #side-nav .redes li .icon.rss {
	background-image: url(../images/icons/sn-rss.svg), none 
}

.flechapie { transform: rotate(-90deg) }


#side-nav .redes {
	border-bottom:2px solid #e5e5e5; padding-bottom: 20px; padding-left: 10px
}

#side-nav .redes li .icon{
    width: 53px;
    height: 53px;
    background-size: 53px;
}

#side-nav .redes li{
padding:0 14px 0 4px
}

/* columnistas */
.owl-carousel .owl-item img { margin-bottom: 25px }
.blocks-list .block-card .h4 a.text-primary { color: #2976ac}
.blocks-list .block-card .h4 a { color: #2976ac}
.owl-carousel .owl-item {    padding-bottom: 0 }


/* popup */
.popup > .holder .close-btn span, .popup > .holder .close-btn span:before{
    background-color: #4b9ef9;

}



/* inicio media querys */

@media (min-width: 768px){
	
	p { font-size: 1.6em }
	
	#header #logo { width:300px }


	#side-nav .scrollable {
    padding: 0 ;
}
	
	#side-nav .simple-menu .submenu {
    padding-left: 0;
}


	#side-nav .menu {
    margin-top: 20px;
    padding: 0;
}
	
	
	#side-nav .simple-menu.first-level > .submenu {
    margin-top: 0 }

.ads.ads-top { padding-top: 0 }
		
	.noticia .contenedor { padding: 15px 0 0 }
	.paddingcero { padding: 0 }

	#notas_tapa .col-md-6, .main-col .col-sm-6, #secciones_especiales .col-sm-6  { width: 49.333333% }
	.main-col .noticia .contenedor { padding: 0 0 0 }

	#nota_ppal .h4 {font-size:2.9em}
	#nota_ppal p.text  {  font-size:1.9em; margin-top:15px}
	
	
.search-movil { display:none}

	.fondo_suscripciones .block-card .info p {
			font-size: 1.45em;
	}
	
.fondo_suscripciones .block-card .info {
    margin-top: 15px;
}

#side-nav .menu > .item > a {
    font-size: 2.2em;
}

.blocks-carousel .carousel { margin-top: 20px }
.blocks-list .block-card .h3 { font-size: 1.6em }
.blocks-list .block-card .h4 { font-size: 1.6em }
	#tit_seccion .h4 { font-size: 3em }
	#tit_seccionesch .h4 { font-size: 3em }
	
}


@media (min-width: 980px) {
	 /* HEADINGS */

    .h1:not([class*="text-"]) a:hover,
    .h2:not([class*="text-"]) a:hover,
    .h3:not([class*="text-"]) a:hover,
    .h4:not([class*="text-"]) a:hover,
    .h5:not([class*="text-"]) a:hover,
    .h6:not([class*="text-"]) a:hover,

    .h1:not([class*="text-"]) a:focus,
    .h2:not([class*="text-"]) a:focus,
    .h3:not([class*="text-"]) a:focus,
    .h4:not([class*="text-"]) a:focus,
    .h5:not([class*="text-"]) a:focus,
    .h6:not([class*="text-"]) a:focus {
        color: #2976ac;
    }
    .h1[class*="text-"] a:hover,
    .h2[class*="text-"] a:hover,
    .h3[class*="text-"] a:hover,
    .h4[class*="text-"] a:hover,
    .h5[class*="text-"] a:hover,
    .h6[class*="text-"] a:hover,

    .h1[class*="text-"] a:focus,
    .h2[class*="text-"] a:focus,
    .h3[class*="text-"] a:focus,
    .h4[class*="text-"] a:focus,
    .h5[class*="text-"] a:focus,
    .h6[class*="text-"] a:focus {
        opacity: 0.4 }

    .content a:hover, .content a:focus { 
		color: #2976ac }

	#header #client-btn {
    display: inline-block;
    padding: 0 30px 0 2px;
	color: #2976ac;
	border: 0;
    box-shadow: none
}
	
	#header, #header .fixed { height: 105px	}
	#header .fixed { background-color: #FFFFFF; border-bottom: 2px solid #FFFFFF }
#header #search-btn .icon { background-image: url(../images/buscador.svg); background-size: auto 24px }
#header #client-btn .icon { background-image: url(../images/clientbtn.svg); background-size: auto 29px; height: 30px }

#header .logouypressCH { display:none !important}
#header .logouypress { display:inline-block !important}

#header #logo a:before { padding-bottom: 6.41% }
#header #logo a:after{ box-shadow: none }
#header #logo a:focus:after{ box-shadow: none }
#header #menu-btn span { background-color: #03608e }
#header #menu-btn span:before, #header #menu-btn span:after { background-color: #03608e }
	#header #client-btn:active, #header #client-btn:hover {box-shadow: none }
	#header .simple-menu.open #client-btn {
    color: #1c285e;
    background-color: #fff;
    border-radius: 6px 6px 0 0;
    box-shadow: inset 0 0 0 1px transparent;
    -webkit-transition: color .2s ease-out;
    -o-transition: color .2s ease-out;
    transition: color .2s ease-out }
	
	#header .secciones { margin-left: 38px; margin-top: -10px; display: block }
	#header .secciones { margin-left: 38px; margin-top: -10px; display: block }
	#header #menu-btn.open .secciones { display: none }
	#header #client-btn { top: -17px }
	#header .btn-position > .btn, #header .btn-position > .btn > .btn:hover, #header .btn-position > .btn > .btn:focus { border: 0 }
	
	#nav .menu > .item > a {
    padding: 5px 7px 9px;
    font-size: 1.4em}
	#nav .menu > .item + .item {
    margin-left: 5px }
	
	 #nav .menu > .item > a:hover,
    #nav .menu > .item > a:focus{
        color: #31c5ff;
    }
	
	.simple-menu.first-level > .submenu > .list	{
		border-bottom: 1px solid #CCC;
		padding: 13px 18px 14px;
		text-align:left
	}
	
	.simple-menu.first-level.open > .trigger{
		background-color: #fff;
		color: #007bc3;
		z-index: 11;
}

#nav .simple-menu.first-level > .trigger:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 8px;
        height: 8px;
        position: relative;
        top: -3px;
        margin-left: 10px;
        border: solid #FFFFFF;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition:
		border-color 200ms ease-out,
		-webkit-transform 200ms ease-out;
        -o-transition:
		border-color 200ms ease-out,
		-o-transform 200ms ease-out;
		transition:
		border-color 200ms ease-out,
		transform 200ms ease-out;
    }
    
	#nav .simple-menu.first-level > .trigger:hover:after,
    #nav .simple-menu.first-level > .trigger:focus:after{
        border-color: #31c5ff  !important;
    }
	
	 #nav .menu > .item > a:hover,
    #nav .menu > .item > a:focus{
        color: #31c5ff;
    }
	
	#header .btn-position > .btn, #header .btn-position > .btn > .btn { padding-left: 5px; padding-top: 8px }
	.separa_desktop { display:block; padding-top: 20px }
	#secciones_especiales .h5 { font-size: 2em; line-height: 1.35em }
	
	.div_categoria { margin-bottom:12px }

}

@media(max-width: 979px){
    main {overflow: hidden }
	#header #logo, #header #client-btn, #susc-btn .text {  z-index: 0 }
	#header #logo a svg, #header #logo a img   {  width: 76%}
	#header #client-btn { border-radius: 0 }
	#header .btn-position.right-xs-1 {
    right: 10px;
    position: absolute;
    z-index: 2 }
	
	#header .btn-position.right-xs-2 { right: 52px; margin-top: 3px }
	#header .btn-position.right-xs-3 { right: 80px; position: absolute; z-index: 1; background-color: transparent }


#nav .simple-menu > .trigger {
    padding-left: 15px !important;
   margin-left: 10px
}
	
	#nav .simple-menu > .trigger:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 2px;
    margin-top: -4px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform 200ms ease-out, margin-top 200ms ease-out;
    -o-transition: -o-transform 200ms ease-out, margin-top 200ms ease-out;
    transition: transform 200ms ease-out, margin-top 200ms ease-out;
}

	#nota_ppal { margin-top: -20px }
	#mas_titulares .noticia, #politica .noticia, #deportes .noticia { margin: 5px -30px 20px -30px }
		
	#columnistas .heading { padding-top: 20px }
	#columnistas .blocks-carousel .carousel .block-card {
    padding-right: 80px; padding-left: 80px }
	.sidebar { margin-top: 35px }
}

@media (max-width: 767px){
	.ads.ads-top { padding-top: 12px; padding-bottom: 12px }
	.ads.ads-top.home{ padding-top: 0; padding-bottom: 12px }
	.tit_secciones { margin-top: -13px; padding-bottom: 20px }
	.separador { display: none }
	.contenido_movil { background-color:#007bc3 }
	.contenido_movil .h3, .contenido_movil .text { color: #FFF !important }
	.noticia { overflow: hidden; position:relative }
	.lista-inline li { display: block; border-right: 0 }
	#footer li { margin-top: 5px }
	.owl-carousel .owl-item img { width: 140px;height: 140px }
	#header .logouypressCH { width: 200px !important; margin-left: 9px }
}


@media (min-width: 767px) {
	.noticia { margin: 0 0 0 0; position:relative }
}

@media (min-height: 800px) and (min-width: 1200px){
	.ads.ads-top.home {
		padding-top: 15px;
		padding-bottom: 30px }
}
.tabs .tab:not(.active):hover { color: #4b9ef9 }

/* INICIO columnistas */
.block-card {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none; text-align: center}

.blocks-carousel a { color: #333333}

/* OWL CAROUSEL */
.blocks-carousel .owl-nav div{
    width:44px;
    height:44px;
    margin:0 3px;
    z-index:10;
    background:no-repeat center;
    background-size:26px;
    background-image:url(../images/flecha@3.png);
    background-image:url(../images/flechasvg.svg), none;
    opacity:1;
    cursor:pointer;
    -webkit-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
	box-shadow: none }
.blocks-carousel .owl-nav .owl-prev{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg) }
.blocks-carousel .owl-nav div:hover{ opacity:0.4 }
.blocks-carousel .owl-nav div:before { border: 0 }
.owl-carousel .owl-item img { width:120px; height:120px; margin: 0 auto 20px auto; overflow: hidden; float: none;  border-radius: 50%; background-position:center; background-size:contain; padding: 0 auto }
.blocks-carousel .owl-nav div { top: 20% }

@media (min-height: 800px) and (min-width: 1200px){
	.blocks-carousel .carousel { margin-top: 0; padding-top: 35px }
}

@media(min-width: 360px){

#header[data-left-xs-btns="1"] .fixed > .wrapper {
    padding-left: 7px;
}
	
#header #logo { margin-left: 42px }
 }