/*
Theme Name: Seminare 3
Theme URI: http://galopesoa.com/themes/seminare-3
Author: Galo Pesoa
Author URI: http://galopesoa.com
Description: Versión 2020 para el portal de noticias, con administración de publicidad, estadísticas y post type personalizados. Tema Responsivo y apto para la mayoría de los navegadores web.
Version: 2.0
License: Copyright 2020 (Todos los derechos reservados)
License URI: http://galopesoa.com/themes/seminare-3/liciencia
Tags: noticias, portal, fluido, responsive, clear design, banners
Text Domain: seminare
*/
@charset "utf-8"; html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{font-family: Arial,Helvetica,sans-serif;font-size: 1em; font-weight: 400; font-size: 1em; background: #e8e8e8;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse; border-spacing:0;} img {max-width:100%; height:auto; } .wrap { max-width: 1400px; margin: 0 auto;} em, i {font-style: italic;} strong {font-weight: 700;}a {text-decoration: none;}
p {line-height:1.5em;}

header {background: #fff; padding: 20px 0;}

.cont-header {display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse;}

#ahora-vivo {display: flex; font-size: .9em; line-height: 1.2em;}
#ahora-vivo > div:first-child {margin-right: 10px;}
#ahora-vivo > div > p {line-height: 1.2em;}
#ahora-vivo > div > p:nth-child(2n) { text-transform: uppercase; font-weight: 700;}
#ahora-vivo > div > p:nth-child(3n) {font-style: italic; color: #666;}
.btn-vivo a {background: #ec661c; display: block; padding: 8px 0; text-align: center; border-radius: 5px; margin-top: 5px; text-transform: uppercase; font-weight: 700; color: #fff;}
.btn-vivo-nada a {background: #ec661c; display: block; padding: 8px; text-align: center; border-radius: 5px; margin-top: 5px; text-transform: uppercase; font-weight: 700; color: #fff;}
.mostrar-envivo {display: none!important;}


#menu-movil { display:none;}	
#menu-top {text-align: center; margin-top: 30px;}
#menu-top li { display: inline-block; margin: auto 15px; }
#menu-top li a { color: #636363;}

.form-top {margin-top: 20px;}
input[type=search] {-webkit-appearance: textfield;	-webkit-box-sizing: content-box; box-sizing: content-box;	font-family: inherit;	font-size:.9em;}
input::-webkit-search-decoration,input::-webkit-search-cancel-button {	display: none; /* remove the search and cancel icon */}
/* search input field */
input[type=search] {	background: #f7f7f7 url(img/search-icon.jpg) no-repeat 9px center;	border: solid 1px #BCBCBC;	padding: 9px 10px 9px 32px;	width: 95px;	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;	border-radius: 10em;	-webkit-transition: all .5s;	-moz-transition: all .5s;	transition: all .5s;}
input[type=search]:focus {	width: 190px;	background-color: #fff;	border-color: #BCBCBC;}
/* placeholder */
input:-moz-placeholder {	color: #999;}
input::-webkit-input-placeholder {	color: #999;}

#destacado {background: #191919; margin-bottom: 35px; padding: 20px 0;}
.cont-destacado {display: flex; align-items: center;}
.cont-destacado > div:last-child { width: 42%; margin-left: 2%;}
.cont-destacado h1 {font-size: 2em; font-weight: 600; margin-bottom: 20px;}
.cont-destacado h1 a, .cont-destacado p a {color: #e8e8e8;}

.tit-seccion {line-height: 2.8em; font-size: .9em;}
.tit-seccion a {color: #ec661c;}
.tit-seccion a:before {content: "- "}

.bloque {background: #fff; padding: 10px; border-bottom: 2px solid #cccccc; }
.bloque img {margin-bottom: 15px;}

.una-columna {margin-bottom: 35px;}
.una-columna > .bloque {display: flex; flex-direction: row-reverse;}
.una-columna > .bloque > div:last-child { width: 56%; padding-right: 1%;}
.una-columna > .bloque img {margin-bottom: 0;}
.una-columna h4 {margin-bottom: 5px; font-weight: 600; font-size: 1.7em; margin-top: 20px;}
.una-columna h4 a, .una-columna p a {color: #191919;}

.dos-columnas { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 35px;}
.dos-columnas > div { width: 48%;}
.dos-columnas > div {margin-bottom: 35px;}
.dos-columnas h3 {margin-bottom: 5px; font-weight: 600; font-size: 1.7em;}
.dos-columnas h3 a, .dos-columnas p a, .tres-columnas p a {color: #191919;}

.tres-columnas { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 35px;}
.tres-columnas > div { width: 31%;}
.tres-columnas > div {margin-bottom: 35px;}
.tres-columnas h3 {margin-bottom: 5px; font-weight: 600; font-size: 1.4em;}
.tres-columnas h3 a, .tres-columnas p a {color: #191919;}

.tit-bloques {font-size: 1.8em; font-weight: 100; color: #191919; border-bottom: 1px solid #B0B0B0; margin-bottom: 20px;}

.div-medio-oscuro {background: #d1d1d1; padding: 35px 0 10px 0; margin-bottom: 35px;}

.ad-horizontal {text-align: center; margin-bottom: 35px;}
.ad-header {text-align: center;}
.ad-header-movil {display: none;}

#content {background: #fff; padding: 30px;display: flex; margin-bottom: 35px; color: #191919;}
.cont-noti {width: 70%;}
.cont-noti h1 {font-weight: 600; font-size: 2.2em; margin-bottom: 10px;}
.cont-noti img {margin-bottom: 15px; margin-top: 15px;}
.cont-noti figure figcaption {text-align: center; font-size: .85em; color: #777; margin-top: -8px; line-height: 1.3em;}
.cont-noti h2 {font-size: 1.3em; line-height: 1.4em;}
.cont-noti h2, .cont-noti p {margin-bottom: 20px;}
.cont-noti h3 {border-bottom: 1px solid #D7D7D7; padding-bottom: 5px; font-size: 1.2em; line-height: 1.4em; margin-bottom: 10px;}
.cont-noti a { color: #ec661c;}
.cont-noti ul {margin-bottom: 30px;}
.cont-noti ul li {list-style:disc; list-style-position: inside; margin-bottom: 10px; line-height:25px;}
.cont-noti ol li {list-style-position: inside; margin-bottom: 5px;}
.cont-noti blockquote { margin-bottom: 15px; font-style: italic; font-size: 1.3em; line-height: 1.3em; }
.cont-noti blockquote:before {font-family: 'fontello';content: '\f10d'; padding-right: 10px; }

.noti-fecha {margin-bottom: 15px; font-size: .9em; color: #555;}
.noti-fecha i {}
.noti-fecha a {color: #555;}

.sidebar { width: 27%; margin-left: 3%;}
.sidebar h5 {font-size: 1.1em; padding-bottom: 10px; border-bottom: 1px solid #B0B0B0; margin-bottom: 20px; margin-top: 40px;}
.sidebar h5:first-child {margin-top: 0;}

.mas-leidas-sidebar {}
.mas-leidas-sidebar li { list-style-position: inside; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px dotted #999; font-size: .9em; }
.mas-leidas-sidebar li a {color: #191919;}

.tit-categorias {margin: 15px auto; padding: 20px; background: #fff; font-size: 2em;}

footer {display: flex; justify-content: space-between;}
footer > div:last-child {max-width: 25%; font-size: .8em; color: #555;}
footer > div:last-child p {margin-bottom: 15px;}

.menu-footer { font-size: .9em;}
.menu-footer ul {column-gap: 3em; columns: 3;}
.menu-footer ul li {margin-bottom: 7px;}
.menu-footer ul li a {color: #333;}
.redes-footer {text-align: center; margin: 35px 0; border-top: 1px solid #CFCFCF; padding-top: 15px;}
.redes-footer a { color: #222; margin: 0 15px; font-size: 1.3em; }

.pagination, .sin-resulatos {text-align: center; margin-bottom: 150px;}
.sin-resulatos {}
.sin-resulatos i {text-align: center; font-family: 'fontello'; font-style: normal; font-size: 2.2em;}

.item-menu-destacado { font-weight: 700; color: #ec661c!important;}

.reproductor-podcast {background: #dadada; padding: 25px 5px 10px 5px; border-radius: 5px; margin-bottom: 20px;}
.content-img-podcast {}
.img-podcast { position: relative;}
/*.img-podcast::before {font-family: 'fontello'; content: '\e80c'; color: #fff; font-size: 2.5em; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }*/

.logo-online {}
.logo-online img {display: block; margin: auto;}
.radio-online > #ahora-vivo {max-width: 375px; margin: 0 auto;}
#content-online {background: #fff; margin-top: 95px; margin-bottom: 40px; padding: 45px;}
#contenedor-radio { width: 270px; margin: 0 auto;}
#contenedor-radio audio {}



@font-face {
      font-family: 'fontello'; src: url('./font/fontello.eot'); src: url('./font/fontello.eot#iefix') format('embedded-opentype'), url('./font/fontello.woff') format('woff'), url('./font/fontello.ttf') format('truetype'), url('./font/fontello.svg#fontello') format('svg'); font-weight: normal; font-style: normal;}
    .demo-icon {font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */  
      /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none;     
      /* fix buttons height, for twitter bootstrap */line-height: 1em;     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */ margin-left: .2em;     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */     
      /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;     
      /* Uncomment for 3D effect */
		/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */}


@media screen and (max-width: 1400px){
	.wrap {padding: 0 10px;}
}

@media screen and (max-width: 1220px){
	.ad-header {display: none;}
	.ad-header-movil {display: block; text-align: center;}
}

@media screen and (max-width: 920px){
		#ahora-vivo { background: #333; color: #fff; max-height: 100px;}
		#ahora-vivo > div > p:nth-child(3n) {font-style: italic; color: #999;}
	#menu-top {display:none;}
	#menu-movil { display:block;  text-align:center; margin-top: 20px;}
	#menu-movil a {color:#333; text-decoration:none; font-size:15px; text-transform:uppercase; line-height:16px;}
	#menu-movil a:after { content:'≡'; margin-left:5px; font-size:3.5rem; vertical-align:top; color:#777;}
	#menu-top li { display: block; border-bottom: 1px solid #dcdcdc;}
	#menu-top li:last-child {border-bottom:none;}
	#menu-top li a {padding: 20px 0; display: block;}
	.mostrar-envivo {display: block!important;}
	.cont-destacado > div:last-child { width: 82%; margin-left: 2%;}
	.dos-columnas > div { width: 46%;}
	.tres-columnas > div { width: 30%;}
	#content {display: block;}
	.cont-noti {width: 100%;}
	.sidebar { width: 100%; margin-left: 0; margin-top: 45px;}
}

@media screen and (max-width: 740px){
}

@media screen and (max-width: 690px){
	.cont-header {display: block;}
	.logo img { display: block; margin: 25px auto;}
	.cont-destacado {display: block;}
	.cont-destacado > div:last-child { width: 100%; margin-left: 0;}
	.una-columna > .bloque {display: block; }
	.una-columna > .bloque > div:last-child { width: 100%; padding-right: 0;}
	.una-columna > .bloque img {margin-bottom: 0;}
	.una-columna h4 {margin-bottom: 5px; font-weight: 600; font-size: 1.7em; margin-top: 20px;}	
	.dos-columnas, .tres-columnas { display: block;}
	.dos-columnas > div, .tres-columnas > div { width: 90%; margin: 0 auto; margin-bottom: 35px;}
	.dos-columnas > div:nth-child(2n) {margin-left: auto;}
	footer {display: block;}
	footer > div:last-child {max-width: 100%; }
	footer > div {text-align: center; margin-bottom: 20px;}
}
