*, *:before, *:after{ margin: 0; padding: 0; outline: 0; font-size: 1em; font-weight: 400; line-height: 1.2; letter-spacing: 0em; vertical-align: middle; } body{background: #fff; font-family: 'Lato', sans-serif;} h1{font-size: 2em; font-family: 'Lato', sans-serif;} h2{font-size: 1.1em; font-weight: 400;font-family: 'Lato', sans-serif;} h1{font-size: 1.3em; font-weight: 700;font-family: 'Lato', sans-serif;} p{margin-bottom: 15px; font-size: 1em; text-align: left; color: #333; line-height: 1.5em; font-family: 'Lato', sans-serif;} p:last-child{margin-bottom: 0;} mark{padding: 5px 10px; background-color: #eee;} ul{list-style: none;} img{float: left; max-width: 100%; border: none; width: 100%; max-width: 100%; height: auto; transition: all .25s ease-in-out; -webkit-transition:all all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out;} small{font-size: 0.75em; color: #555;} a{text-decoration: none; color: #020202;} a:hover{text-decoration: underline; color: #c00;} a img{border: 0;} .main_logo{position: relative; width: 256px; height: 90px;} .main_logo a{position: absolute; width: 256px; height: 90px; } .bg-body{background-color: #fbfbfb; color: #333;} .bg-gray{background-color: #444444; color: #fff;} .bg-light{background-color: #E6E4D9; color: #444;} .bg-blue{background-color: #285786; color: #fff;} .bg-black{background-color: #000; color: #fff;} .bg-white{background-color: #FFF; color: #444;} .bg-red{background-color: #D40000; color: #fff;} .font-thin{font-weight: 100 !important;} .font-light{font-weight: 300 !important;} .font-normal{font-weight: 400 !important;} .font-bold{font-weight: 700 !important;} .fontzero{font-size: 0em !important;} .fontsize1{font-size: 1em !important;} .fontsize1b{font-size: 1.5em;} .fontsize2{font-size: 2em;} .fontsize2b{font-size: 2.5em;} .fontsize3{font-size: 3em;} .fontsize3b{font-size: 3.5em;} .container{float: left; width: 100%;} .content{width: 82%; margin: 0 8.8%; padding: 40px 0;} .content-main{float: left; width: 100%; float: left; margin-right: 0; padding: 0; } .content-header{float: left; width: 82%; margin:0px 8.8% 5px 8.8%; padding: 0;} .content-inner{float: left; width: 82%; margin: 2px 8.8%; padding: 0;} .content-page{padding-bottom: 15px; float: left;} .sidebar{float: left; width: 100%; margin:0; padding: 0; } .sectiontitle{float: left; width: 100%; margin-bottom: 30px; text-align: center;} .sectiontitle h2{font-size: 2.5em !important; font-weight: 700 !important; margin-bottom: 10px; text-align: center;} .sectiontitle p{text-align: center !important;} .destaques .sectiontitle h1 a{font-size: 1.3em; font-weight: 700; margin-bottom: 10px; text-align: left;} .sectiontitle-nomargin{margin: 0;} .textshadow{text-shadow: 1px 1px 0 #ccc;} .boxshadow{-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);} .radius{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .radius-left{-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;} .radius-right{-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;} .radius-top{-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;} .last{margin-right: 0 !important;} .clear{clear: both;} .tags{float: left; margin-right: 5px !important; padding: 7px; background: #d40000;} .tags a{color: #fff !important; padding: 7px; } .crumbs{float: left; width: auto; margin-bottom: 20px;} .crumbs a{color: #c00 !important;} .destaques .tagline{float: left; font-size: 1.2em; color: #333;} .al-left{text-align: left;} .al-right{text-align: right;} .al-center{text-align: center;} .fl-left{float: left !important;} .fl-right{float: right;} .fl-none{float: none;} .ds-block{display: block;} .ds-inblock{display: inline-block;} .ds-inline{display: inline;} .ds-none{display: none;} .box{width: auto; float: left; margin: 0 auto;} .box-line{float: left; width: 100%;} .box-small{width: 100%; margin-right: 0;} .box-small:nth-child(3){margin-right: 0;} .box-medium{width: 100%; margin-right: 0;} .box-large{width: 100%; margin-right: 0;} .box-full{width: 100%; margin: 0;} .destaques .box-medium{width: 100% !important; margin-right: 0!important;} .caixa-small{width: 100%; margin-bottom: 1%;} .caixa-small .main_article .thumb_news{width: 100% !important;} .caixa-medium{width: 100%; margin-bottom: 1%;} .caixa-medium .main_article {margin-bottom: 15px !important;} .caixa-medium .main_article h1 a{font-size: 1.3em !important; font-weight: normal !important;} .video{width: 100%; margin: 0;} .video-small{width: 40%; margin: 0 30%;} .video-medium{width: 100%; margin-bottom: 1%;} .video-large{width: 80%; margin: 0 10%;} .videolive img, iframe{margin-bottom: 40px;} .btn-input{display: inline-block; width: 84%; padding: 10px 20px; margin: 0; background: #fbfbfb; border: 1px solid #222; font-size: 1em; font-weight: 400; color: #333; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;} .btn-blue{background-color: #19395a; border-color: #4e99b7;} .btn-blue:hover{background-color: #285786; border-color: #59aed1} .btn-green{background-color: #59ab66; border-color: #4b9157;} .btn-green:hover{background-color: #66c475; border-color: #59aa66;} .btn-yelow{background-color: #d1be5a; border-color: #b7a64e;} .btn-yelow:hover{background-color: #d1bd59; border-color: #d1be5a;} .btn-red{background-color: #b26a6a; border-color: #995b5b;} .btn-red:hover{background-color: #cc7979; border-color: #b26a6a;} .trigger{float: left; width: 100%; padding: 25px; font-size: 1.2em; margin-bottom: 30px;} .trigger-bottom{margin: 30px 0 0 0;} .trigger-accept{background-color: #accc9a; color: #6b7f60;} .trigger-infor{background-color: #9ab7cc; color: #60727f;} .trigger-alert{background-color: #c6b247; color: #776b2b;} .trigger-error{background-color: #e69f9f; color: #996a6a;} .shoticon{padding-left: 8%; background-position: center left; background-repeat: no-repeat; background-size: auto 96%;} .shoticon-sectiontitle{padding-left: 60px;} .shoticon-facebook{background-image: url();} .shoticon-google{background-image: url();} .shoticon-twitter{background-image: url();} .shoticon-config{background-image: url();} .shoticon-mail{background-image: url(); color: #fff;} .shoticon-section{background-image: url();} .ocultar{display: none;} .mostrar{display: inline-block;}.main_logo{position: relative; width: 256px; height: 90px;} .main_logo a{position: absolute; width: 256px; height: 90px; background: url(//www.paraibaurgente.com.br/wp-content/themes/jpa_pbu/images/paraiba_urgente.png) center center no-repeat; background-size: auto 100%;} .main_nav{width: auto; margin-top: 0;} .main_nav li{float: left;} .main_nav a{float: left; font-size: 0.9em; padding: 10px 16px; font-weight: 700 !important;color: #fff; font-weight: normal; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;} .main_nav a:hover{color: #f3f3f3; text-decoration: underline;} .menuprincipal{display: none;} .main_data{ margin-top: 10px; text-align: center;} .main_bannerTopo{width: auto;} .main_banner{margin: 0 auto;} .main_bannerSidebar{float: left !important; width: 100%; margin: 15px 0 !important;} .publicidadeTopo{ float: right; width: 100%; } .publicidadeTopo img{ float: right; width: auto !important; } .publicidade img{float: none; width: auto; margin: 0 auto !important; } .publicidade{ width: 100% !important; padding: 0; margin: 1% auto; float: left; text-align: center;} .colunista li{float: left; border-bottom: 1px solid #eee; padding-bottom: 10px !important; margin-bottom: 10px !important;} .colunista h5{float: left; width: 100%; border-bottom: 1px solid #c00; color: #8d8d8d; padding-bottom: 10px !important; margin-bottom: 10px !important;} .sidebar .thumb_colunista{float: left; width: 25%; margin-right: 10px;} .nome-colunista{color: #c00; font-size: 0.9em; font-weight: 700;} .sidebar .colunista a{font-size: 0.9em !important; font-weight: 400; color: #020202;} .video-medium:nth-child(2){margin-right: 0;} .video-medium:nth-child(4){margin-right: 0;} .main_footer .title{font-size: 1em; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #ccc;} .main_footer li{margin-bottom: 3px; padding: 3px 0;} .main_footer a{color: #fff;} .main_footer a:hover{text-decoration: underline;} .main_ead hr{margin-bottom: 15px;} .main_ead .plast{margin: 0; font-size: 1em; line-height: 1.4; color: #f2f2f2;} .main_video{margin-bottom: 24px; padding-bottom: 24px; background: url(//www.paraibaurgente.com.br/wp-content/themes/jpa_pbu/img/video_shadow.png) bottom center no-repeat;} .main_videos h1{margin-bottom: 30px; border: none;} .main_videos .box{margin-bottom: 30px;} .main_videos .box_video_title{font-size: 1em; font-weight: 700 !important; margin: 0; border: none;} .main_videos .thumb{float: left; position: relative; margin-bottom: 10px; overflow: hidden; z-index: 3;} .main_videos .video_play{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2) url(//www.paraibaurgente.com.br/wp-content/themes/img/play_video.png) left 10px bottom 10px no-repeat; background-size: auto 50%; cursor: pointer;} .main_videos .video_play:hover{background-color: rgba(207,72,35,0.5);} .main_videos .box-small:nth-child(5){margin-right: 0;} .main_article{margin-bottom: 24px !important; padding-bottom: 0 !important; overflow: hidden; } .main_article img{margin-bottom: 15px;} .main_article img:hover{-webkit-transform:scale(1.1); transform:scale(1.1);} .main_article h1 a{font-size: 1.1em !important; font-weight: 700 !important; margin-bottom: 10px;} .artigo {float: left; width: 100%; margin: 0 !important; padding-bottom: 10px !important;} .artigo h1{font-size: 1em; margin-bottom: 15px;} .artigo h2{float: left; font-size: 1.2em; margin-bottom: 0; font-weight: bold;} .artigo img{margin-bottom: 10px; } .main_article .tagline{font-size: 1em; float: left; color: #919191 !important;} .main_article .thumb{position: relative; float: left; width: 100% !important; } .main_article .thumb_news{position: relative; float: left; width: 100% !important; margin-bottom: 10px; } .main_article .main_thumb{width: 100%; position: relative; float: left;} .artigo .box-small{width: 100%; margin-right:0;} .main_legenda{position: absolute; bottom: 25px; left: 0; font-size: 0.8em; padding: 5px 10px; background-color: rgba(0,0,0,0.3); color: #fff; text-transform: uppercase;} .legenda{float: left; width: 100%; font-weight: 700; font-size: 0.8em; margin-bottom: 0; color: #f00; text-transform: uppercase;} .legendaVideos{ font-weight: 700; font-size: 0.8em; padding: 5px 0; color: #666; text-transform: uppercase;} .single .tagline {float: left; font-size: 1.2em; color: #666;} .single img {width: auto !important;} .category {margin-top: 30px;} .category .thumb{position: relative; float: left; width: 35% !important; margin-right: 20px;} .category .tagline{font-size: 1em; line-height: 1.4em; float: none;} .category .artigo h1{font-size: 1.5em; margin-bottom: 0; margin-bottom: 10px;} .category .main_article{padding-bottom: 30px;} .tituloCat {float: left; width: 100%; margin-bottom: 10px; font-size: 1.2em; border-bottom: 1px solid #ddd !important;} .tituloCat a {color: #c00; font-weight: 700;} .main_info{padding: 25px; background: #eee; text-align: center;} .main_info h1{font-size: 1em;} .main_info b{display: block; font-size: 4em;} .main_chamada{float: left; width: 80%; margin: 40px 10% 0 10%; font-size: 1.5em; font-weight: 300;} .slider{ position:relative; height: auto; } .slider ul li {width: 100%; } .imgSlider {position: relative; width: 100%; height: auto;} .imgSlider img {width: 100%; max-height: 300px;} .limitSlider h2 {float: left; margin:10px 0; font-size:1.3em; font-weight: bold; line-height: 1.5em !important;} .limitSlider p {float: left; color: #333; font-size:1em; line-height: 1.4em !important;} .slider h1 a:hover{ text-decoration: underline;} .slider .legenda{ display: block; margin: 0 0.375em 0 0.375em; padding:0 0.375em; font:0.813em Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #D96D00; } .paginacao{float: left; width: 100%;} #paginacao {float: left; margin-bottom: 20px; width: 100%; text-align: center;} #anterior {text-indent:-9000px; width:20px; height:20px; float: left; padding:2px; margin: 4px 10px;} #proximo {text-indent:-9000px; width:20px; height:20px; float: left; padding:2px; margin: 4px 10px;} #pager a { font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; display: inline-block; padding: 5px 10px; margin: 4px 3px; background: #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; filter: alpha(opacity=20); -moz-opacity: 0.6; opacity: 0.6; text-decoration: none; } #pager a:hover { font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; background: #f00; cursor: pointer; } .btn_busca{float: right; width: 31%; } .btn_busca .btn{float: left; width: 100% !important;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;} .btn{display: inline-block; padding: 10px 20px; border: 1px solid #333; border-left: 0; cursor: pointer; font-size: 1em; font-weight: 400; color: #fff; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);} .btn:hover{text-decoration: none !important;} .btn-big{font-size: 1.8em; padding: 20px 40px;} @media screen and (min-width: 480px) { .ocultar{display: inline-block;} .mostrar{display: none;} .box-small{width: 49%; margin-right: 2%;} .box-medium{width: 30%; margin-right: 5%;} .box-large{width: 64.4%; margin-right: 5%;} .destaques .box-medium{width: 48.5% !important; margin-right: 3%;} .destaques .box-medium-right{width: 48.5% !important; margin-right: 0;} .btn_busca .btn{float: left; width: 27% !important;} .btn:hover{text-decoration: none !important;} .btn-big{font-size: 1.8em; padding: 20px 40px;} .btn-input{display: inline-block; float: left; width: 62%; padding: 10px 20px; margin: 0; background: #fbfbfb; border: 1px solid #333; font-size: 1em; font-weight: 400; color: #333; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);} .main_ead hr{margin-bottom: 15px;} .main_ead .plast{margin: 0; font-size: 1em; line-height: 1.4; padding-left: 30px;} .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } } @media screen and (min-width: 768px) { .content-main{float: left; width: 49%; margin-right: 1.5%; padding: 0; } .box-small:nth-child(3){margin-right: 0;} .main_logo{position: relative; width: 150px; height: 160px;} .main_logo a{position: absolute; width: 150px; height: 160px; background: url(//www.paraibaurgente.com.br/wp-content/themes/jpa_pbu/images/paraiba_urgente.png) left center no-repeat; background-size: auto 100%;} .menuprincipal{display: block;} .sidebar{float: left; width: 23.6%; margin-right: 1.5%; padding:0 !important; } .sidebar .box-small{width: 100%; margin-right: 0; margin-bottom: 0;} .sidebar-right{float: right; width: 23.6%; margin:0; padding:0 !important; } .sidebar-right .box-small{width: 100%; margin-right: 0; margin-bottom: 0;} .slider article .slide_img img{float: left; width: 100%;} .slider article .inner_destaque{float: left; width: 100%; margin-bottom: 0; padding:10px; background: #fff;} .slider article .inner_destaque h1 a{float: left; font-size: 1em; font-weight: bold; color: #020202 !important;} .slider article .inner_destaque h1 a:hover{color: #ff0000 !important;} .limitSlider h1 {float: left; margin:10px 0; font-size:1.5em; font-weight: bold; line-height: 1.5em !important;} .main_article .thumb_news{position: relative; float: left; width: 100% !important; margin-bottom: 10px; } .caixa-small{width: 43%; margin-right: 4%;} .caixa-medium{width: 53%; margin-right: 0;} .video-medium{width: 48%; margin-right: 4%;} } @media screen and (min-width: 960px) { .box-small{width: 22.75%; margin-right: 3%;} .box-small:nth-child(3){margin-right: 3%;} .main_bannerTopo{width: auto; margin-top: 15px;} .ui-tabs .ui-tabs-nav .ui-tabs-anchor { font-size: 1em !important; } .restaurante {width: 80% !important; margin: 0 10% !important} .restaurante img{width: auto; !important; margin: 0 auto !important;} } @media screen and (min-width: 1280px) { }