/*
Theme Name: Pregonero Digital
Theme URI: http://www.pregonerodigital.mx	
Description: Sitio web oficial de Pregonero Digital
Author: Pregonero Digital
Author URI: http://www.pregonerodigital.mx
Version: 1.0

License:
License URI:

*/

body { font-family: 'Open Sans', serif; }

.wrap { margin: 0 auto; padding: 0 25px; width: 1078px; }

.menu { background: #5A6A72; padding: 0; }

nav ul {  width: 100%; }

header { padding: 1px 0 0 0; }

nav ul li { float: left; }

nav ul li a { background: #5A6A72; display: block; padding: 20px 16px 16px 17px; color: #fff; font-family: 'Open Sans', serif; font-size: 15px; text-decoration: none; border-bottom: 2px solid #000; text-transform: uppercase;  }

#nav-menu { margin: 10px 0 0 0; }

nav ul li a:hover { border-bottom: 2px solid #8DD0DC; background: #323A3E; }

#logo { width: 251px; float: left; }

#logo a { background: url(images/logo_pregonero.png) no-repeat; display: block; width: 251px; height: 94px; margin: 25px 0; text-indent: -99999px;  } 

#headerpub { float: right; width: 728px; margin: 33px 0 0 0; }

.bar-head { background: #000; border-bottom: 1px solid #e7e7e7; border-top: 4px solid #C3D7E2; background: #f2f2f2; }

.bar-head ul { float: right; }

.bar-head ul li { float: left; }

.bar-head ul li a { color: #656565; padding: 10px 15px; display: block; font-family: 'Open Sans'; font-weight: 100;font-size: 12px; text-decoration: none; text-transform: uppercase;  }

.bar-head ul li a:hover { color: #32BAD7;  }

.bar-head ul li a i { margin: 0 5px 0 0; }

.banner { background: #f2f2f2; padding: 28px 0; border-top: #e7e7e7 solid 1px; border-bottom: #e7e7e7 solid 1px; margin: 28px 0;  }

.col-4 { width: 33.33%; }

footer .col-4 { float: left; }

.sidebar { float: right; border-left: 1px solid #ededed; width: 30%; padding: 0 0 0 1%; }

.sidebar img { width: 100%; }

.col-8, .single-wrap { width: 66.66%; float: left; }

.pad { padding: 25px; }

.pad-sl { padding: 0 25px 25px 0; }

.column { width: 50%; float: left;}

.image-primera img { width: 100%; }

.pad-l { padding: 0 25px 0 0; border-right: 1px solid #EDEDED; }

.pad-r { padding: 0 0 0 25px; }

.image-primera { margin: 0 0 10px 0; position: relative; }

.title-cat { position: absolute; right: 10px; color: #fff; padding: 10px; font-family: 'Open Sans'; font-size: 13px; text-transform: uppercase; }

.primero-nota, .nota { padding:10px 0; }

.primero-nota, .nota { border-bottom: 1px solid #EDEDED; }

.primero-nota h3 a { color: #323A3E; font-size: 16px; line-height: 22px; text-decoration: none; }

.nota h3 a { color: #323A3E; font-size: 14px; line-height: 20px; text-decoration: none; }

.primero-nota h3 a:hover, .nota h3 a:hover { text-decoration: underline; color: #124B71; }

.excerpt { color: #949697; font-size: 13px; line-height: 20px; margin: 10px 0; }

.image-nota { width: 30%; float: left; margin: 0 10px 0 0;  }

.image-nota img { width: 100%; }

.image-nota img:hover { opacity: 0.6; }

.fecha { font-size: 11px; color: #c2c2c2; margin: 5px 0 0 0; text-transform: uppercase; }

.nota-left { width: 65%; float: right; }

.fecha-primera { background: #f2f2f2; font-size: 12px; padding: 7px 10px; color: #a6a6a6; text-transform: uppercase; }

.adhor { margin: 10px 0; padding: 0 25px 0 0; }

.adhor img { width: 100%; }

#single { margin: 40px auto 0 auto; }

.content-single p { font-family: 'Open Sans'; font-size: 15px; line-height: 25px; color: #606569; margin: 0 0 10px 0; }

.content-single iframe { width: 100%; }

.boxfb { margin: 0 0 20px 0; display: none !important; }

.content-single p a { color: #365f7f; font-weight: bold; }

.content-single ul { width: 90%; margin: 0 auto 10px auto; }

.content-single ul li { font-family: 'Open Sans'; font-size: 15px; line-height: 25px; color: #111; margin: 0 0 10px 0;  }

.content-single ul li i { color: #365f7f; margin: 0 10px 0 0; }

.content-single strong { font-weight: bold; }

#single img { width: 100%; }

.single h2 { color: #19232d; font-size: 23px; line-height: 28px; margin: 0 0 20px 0; }

.single { padding: 0 20px 0 0; }

.image-single { margin: 0 0 20px 0; }

.data-post { border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; margin: 0 0 30px 0; text-transform: uppercase; font-size: 14px; color: #c1c1c1; padding: 7px; }

.fecha-data { float: left; }

.cat-data { float: right; }

.comments { margin: 30px 0 0 0; }

.relacionados { margin: 30px 0;}

.related { width: 24%; float: left; margin: 1%; border: none !important; min-height: 270px; }

.related h3, .related h3 a { font-size: 13px !important; line-height: 16px !important; }

.comments h3 { text-transform: uppercase; }

.comments h3, .relacionados h3 {  color: #19232d; font-size: 21px; line-height: 28px; text-decoration: none; margin: 0 0 20px 0; }

p.bjqs-caption { background: rgba(31, 118 , 161, 0.7); color: #fff; font-family: 'Open Sans'; padding: 3% !important; }

.bjqs-next i { color: #fff; font-size: 60px; margin: 0 10px 0 0; opacity: 0.5; }

.bjqs-prev i { color: #fff; font-size: 60px; margin: 0 0 0 10px; opacity: 0.5; }

.bjqs-next i:hover, .bjqs-prev i:hover { opacity: 1; }

footer { background: #323A3E; margin: 30px 0 0 0; } 

.archive-title { text-transform: uppercase; font-size: 22px; margin: 0 0 10px 0; }

#slider { float: left; width: 695px; }

.slider-r { width: 363px; float: right; }

.slider-r iframe { width: 100%; }

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}

.archvive-image { width: 40%; float: left; }

.archive-content { width: 55%; float: right; }

#archive .excerpt { margin: 20px 0 0 0; }

#archive h3 { margin: 30px 0 0 0; }

.more-btn { font-family: 'Open Sans'; color: #fff; padding: 10px; font-size: 12px; text-transform: uppercase; margin: 10px 0 0 0; display: block; width: 20%; text-decoration: none; text-align: center;  }

.more-btn:hover { background: #000; }

.videoteca { color:#fff; background: #FF0063; padding: 19px 0 19px 0; width: 100%; text-align: center; display: block; text-transform: uppercase; text-decoration: none; }

.videoteca:hover { background: #000; }

.videoteca i { margin: 0 10px 0 0; font-size: 20px; }

.videoteca-item { padding: 0 1%; width: 48%; float: left; }

.videoteca-item h3 { background: #111; color: #666; text-align: center; padding: 10px 0; width: 100%; font-family: 'Open Sans'; font-size: 12px; margin: 0 !important; }

.sidebar-ad { margin: 0 0 10px 0;}

.adhor img, .sidebar-ad img, #headerpub img { border-radius: 5px; }

footer { padding: 30px 0; }

.pad-20 { padding: 0 20px; }

footer h5 { color: #6B787F; border-bottom: 1px solid #394347; font-family: 'Open Sans'; font-size: 20px; padding: 0 0 10px 0; margin: 0 0 20px 0; }

footer .nota h3 a { color: #5A6A72; }

footer .nota h3 a:hover { color: #6B787F; }

#creditos { background: #21272A; padding: 10px 0; width: 100%; }

footer .primero-nota { border-bottom: 1px solid #222222; }

footer .fecha { color: #455258; }

footer .nota { border-bottom: 1px solid #394347;  }

footer .nota:hover { opacity: 1; }

.image-insta { width: 69px; float: left; display: block; margin: 0 5px 5px 5px; }

.image-insta img { width: 75px;  }

#sponsors { margin: 20px 0 0 0; }

#sponsors li { padding: 10px; }

.center .slick-center img { transform: scale(1.08); opacity: 1; width: 100%;}

.center img { transition: all 300ms ease 0s; opacity: 0.4; width: 100%;}

.slick-prev:before, .slick-next:before { color: #6dcdd9 !important; opacity: 0.2 !important; width: 100%;}

#creditos { text-align: center; }

#footer-nav { text-align: center; display: inline-block; margin: 5px 0 0 0; }

#footer-nav li { float: left; text-align: center;  }

#footer-nav li a { color: #666; font-family: 'Open Sans'; font-size: 12px; padding: 5px; text-decoration: none; display: inline-block; text-align: center; }

#footer-nav li a:hover { color: #fff; }

#copy { color: #666; margin: 5px auto 0 auto; width: 60%; font-family: 'Open Sans'; font-size: 11px; line-height: 17px; }

#foo-wrap .pad-20 p { color: #D8D8D8; line-height: 1.4; font-size: 14px; }

.clima { font-family: 'Open Sans'; font-weight: 400; margin: 0 0 20px 0; background: #f1f1f1; border-radius: 5px; padding: 20px; box-sizing: border-box; }

.w-city { font-weight: 900; text-transform: uppercase; text-align: center; font-size: 20px; color: #5a6a72; }

.comoanda { font-weight: 900; text-transform: uppercase; text-align: center; font-size: 16px; color: #5a6a72; }

.clima img { width: 50px !important; float: left; margin: 10px 0 0 0; }

.clima .temp { font-size: 22px; font-weight: 900; color: #323a3e; float: right; margin: 20px 0 0 0; }

.pregunta-wrap { border-radius: 5px; padding: 10px !important; box-sizing: border-box; line-height: 1.5; font-family: 'Open Sans'; font-size: 15px !important; text-transform: uppercase; background: #124B71 !important; }

.yop-poll-container { margin: 0 0 20px 0; background: #f1f1f1 !important; border-radius: 5px; }

.yop-poll-container label { margin: 0 0 0 10px !important; }

.yop-poll-footer img { width: auto !important; }