/*
Theme Name: Penedono
Theme URI:
Description: Theme By Takemedia.
Author: Jorge Oliveira
Author URI: http://takemedia.pt
Version: 0.1
Tags: takemedia
*/

/*css Font*/

@font-face {
    font-family: 'nexa_lightregular';
    src: url('font/nexalight/nexa_light-webfont.woff2') format('woff2'),
         url('font/nexalight/nexa_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexa_boldregular';
    src: url('font/nexabold/nexa_bold-webfont.woff2') format('woff2'),
         url('font/nexabold/nexa_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* CSS clear */
html{margin: 0;padding: 0;height:100%;}
body{background-color: #fff;margin: 0;height:100%;font-variant-ligatures: no-common-ligatures;font-size: 14px;}
body, input, textarea{color: #222; font-family: 'nexa_lightregular', sans-serif; line-height: 1.5; }
h1, h2, h3, h4, h5, h6{font-weight: normal;clear: both;}
hr{background-color: #999;border: 0;height: 1px;margin-bottom: 1.5em;}
pre{font: 11px Monaco, monospace;line-height: 1.5;margin-bottom: 1.5em;}
code{font: 11px Monaco, monospace;}
p{margin: 4px 0 12px 0;}
a{color: #7F6224;text-decoration: none;}
a:hover{color: #583e07;}
.clear{clear:both}
.b{font-weight: 700;}

/* CSS top */

h1{font-size: 28px;text-transform: uppercase;}
h2{font-size: 26px;margin-top: 25px;font-weight: 700;margin-bottom: 5px;}
.wrapper{min-height:100%;position:relative;min-width: 350px;}
#documentcontent{
    padding-bottom:260px;  /* CSS FOOTER height */
}
.pwidth{max-width:1260px;margin: 0 auto;position: relative;padding: 0 25px;}

/* CSS HEDER e MENU */
#header{z-index: 999;height: 360px; background: #000;padding:0 !important;position: relative;}
.headercontent{position: relative;margin: 0 auto;}
#header .logo{margin: 10px 30px;float:left; font-size: 60px;z-index: 999;position: relative;}
#header .logo a{color:#fff}
.menubar{padding-top: 30px;height: 60px;position: relative;z-index: 9999;float: right;}
#menu{float: right;background-color:#000; font-size: 16px;padding: 0px;margin: 0px;list-style: none;text-transform: uppercase;}
.menu-toggle {position: relative;margin-right: 25px;float: right;padding: 7px 10px 4px 10px;background-image: none;border: 1px solid transparent;border-radius: 4px;border-color: #fff;cursor: pointer;margin: 18px 0px 8px 0px;display: none;background: #000}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.menu-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #888;margin-bottom: 4px;}
.menuiten{float:left;position: relative;font-style: normal;}
.menuiten a{color:#fff;display: block;padding: 5px 15px;}
.vivermenu .icon-arrowdown{color:#C5944A}
.visitarmenu .icon-arrowdown{color:#7F6224}
.investirmenu .icon-arrowdown{color:#F5F5F5}
.institucionalmenu .icon-arrowdown{color:#8B8B8B}
#menu .menuiten:hover{color:#F0AA29}
#menu .menuiten:hover a{color:#F0AA29}
.menuiten form{padding-top: 3px;}
.lupa{float: left;padding-top: 5px;}
.inputsearch{float: right;padding-top: 5px;}
.menuiten input{background: #000;border: 0;width: 80px; color:#fff;height: 15px;}
.linemenu{height: 1px;background: #C5C6C6; margin: 0 15px;}


#header .active{background: #FFF;}
#header .active a{color:#000 !important;}
#header .active a:hover{color:#000;}
.mobile{background-color: rgba(0,0,0,0.8);padding: 10px 25px;top: 60px;right: 0px;position: absolute;display: none;min-width: 170px;}
.mobile .menuiten{float: none;height: auto;}
.mobile .submenu{position: relative;}
.submenu{list-style: none;position: absolute;background: #E5E6E6;padding: 5px 0px;font-size: 12px;display: none;width:185px}
#menu .menuiten .submenu a{color:#000;padding: 5px 18px;}
#menu .menuiten .submenu a:hover{background: #BBBCBC;color:#fff;font-weight: 700;}
#documentcontent .nohome{height: 100px;}
.nohome #bannerhead{display: none;}
.nohome .headicons{display: none;}
.item{position: relative;}
.headbannertext{position: absolute;top:120px;font-family: 'Cinzel', serif;font-size: 26px;left: 50px;width:350px;color:#fff;}
#header .owl-nav{display: none;}
.headicons{ position: absolute; right: 30px; bottom: 40px;z-index: 999;}
.headicons .headcircle{width: 80px;height: 80px;padding: 10px;border: solid 1px #fff;border-radius: 50px;float: left; margin-left:20px; color:#fff;text-align: center;}
.headicons .maphead{font-size: 85px;}
.headicons .alerts{font-size: 50px;}
.headicons .nalerts{position: absolute;font-size: 11px;border-radius: 10px;background: #f0aa29;width: 17px;height: 17px;color: #000;text-align: center;top:5px;right:5px;}
.headicons .alertstext{font-size: 16px;}
.form_error{background-color: #ffcccc;}
.icon-lupa{color:#fff;margin-right: 5px;}
#bannerhead{position: absolute;top:0;width: 100%;height: 360px;overflow: hidden;}
.left{float: left;}
.right{float: right;}
#footer{position:absolute;bottom:0;width:100%;padding:5px 0px;font-size: 9px;color:#fff;font-style: normal;}
#footer a{color:#fff;}
.cfooter{background: #4B4E50;}
.sitemap{width:90%;margin: 0 auto;padding: 5px 0px;}
.footermenu{float: left;width:16%;min-width: 125px;height: 130px;}
.footerpmenu{font-family: 'nexa_boldregular'; font-size: 14px;text-transform: uppercase;border-left: 1px solid #545454;padding: 5px;}
.footermenu ul{list-style: none; padding: 0px;margin: 0px;padding-left: 5px;}
.importantlinks{width:13%;border-left: 1px solid #545454;float: left;}
.importantlinks ul{list-style: none;padding: 5px 10px;margin: 0;font-family: 'nexa_boldregular'; font-size: 14px;text-transform: uppercase;}
.contactfooter{float: right;width:21%;border-left: 1px solid #545454;}
.fcontact{padding: 5px;}
.footersocial{padding: 5px;font-size: 30px;}
.newsletter{background: #ADB8B6;text-align: center;padding: 20px;}
.newsletter h3{font-size: 12px;display: inline-block;}
.newsletter input[type="email"]{background: #fff;border: none;padding: 2px 5px;}
.newsletter input[type="button"]{background: #816122;color:#fff;text-transform: uppercase;border:0px;cursor: pointer;}
#footer .left{padding-left: 10px;}
#footer .right{padding-right: 10px;}
#back-to-top {position: fixed;bottom: 40px;right: 40px;z-index: 9999;width: 32px;height: 32px;text-align: center;line-height: 30px;background: #f5f5f5;color: #444;cursor: pointer;border: 0;border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;}
#back-to-top:hover {background: #e9ebec;}
#back-to-top.show {opacity: 1;}
#load{position: fixed;width: 100%;height:100%;background-repeat: no-repeat; background-position: center;background-color: #ddd;z-index: 9999;}
#load .uil-ring-css{position: absolute;top:50%;left:50%;margin-top: -120px;margin-left: -120px;}
/* CSS fix gallery */
.owl-item{float: left;}
.owl-theme .owl-nav{margin-top: 0px !important;}
#bannerhead .owl-theme .owl-dots{position: absolute;bottom: 25px;left:30px;}
#header .owl-dots .active {background: none;}
#header .owl-theme .owl-dots .owl-dot span{background: none;border: 1px solid #fff;}
#header .owl-theme .owl-dots .active span{background: #fff;border: 1px solid #fff;}
.owl-nav{position: absolute;top:50%;width: 100%;color:#D0A45D;font-size:40px;margin-top: -20px;}
.owl-nav .owl-prev{left:0px;position: absolute;}
.owl-nav .owl-next{right:0px;position: absolute;}

/* CSS pagination */
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {padding: 0;margin: 0;border: none;text-decoration: none;font-weight: normal;font-style: normal;list-style: none;text-transform: none;text-indent: 0px;font-variant: normal;text-align: left;line-height: 12px;letter-spacing: 0px;word-spacing: 0px;font-size: 11px;}
#wp_page_numbers {margin: 0 auto;margin-top: 30px;width: 100%;margin-bottom: 10px;}
#wp_page_numbers ul {width: 100%;}
#wp_page_numbers li {float: left;display: block;margin-bottom: 2px;}
#wp_page_numbers a {padding: 3px;padding-left: 5px;padding-right: 5px;margin-left: 2px;margin-right: 2px;display: block;color: #333;border: 1px solid #bfbfbf;background: #fff;}
#wp_page_numbers li a:hover {border-color: #000;}
#wp_page_numbers li.space {padding: 6px;padding-left: 2px;padding-right: 2px;}
#wp_page_numbers li.first_last_page {font-style: italic;}
#wp_page_numbers li.active_page a {border-color: #0075b8;}
#wp_page_numbers li.active_page a:hover  {color: black;text-decoration: underline;border-color: #000;}
#wp_page_numbers li.page_info {float: left;display: block;padding: 3px;padding-left: 5px;padding-right: 5px;margin-right: 2px;color: #666;font-size: 11px;border: 1px solid #bfbfbf;background: #fff;}

/* CSS geral */
.yellow{background: #D0A45D}
.gold{background: #7F6224}
.gray{background:#F5F5F5}
.drakgray{background:#8B8B8B}
.black{background: #000}
.canto{position: absolute;right: 10px;bottom: 10px;}

/* home */
.highlightslinks{margin-top: 10px; color:#fff;}
.feira{width:25%;float: left;height: 200px;background: #999999;position: relative;}
.feiralink{background: url(images/feira.jpg) no-repeat;height: 180px;background-position: center;position: relative;overflow: hidden;}
.caminhos{width:25%;float: left;height: 200px;background: #999999;position: relative;}
.caminhos a{color:#fff;}
.magrico{width:25%;float: left;height: 200px;background: #999999;position: relative;}
.magricolink{background: url(images/magrico.jpg) no-repeat;height: 180px;background-position: center;}
.caminhoslink{background: url(images/caminhos.jpg) no-repeat;height: 180px;background-position: center;}
.hagenda{width:25%;float: left;height: 200px;background: #B6BEC4;position: relative;cursor:pointer}
.bar{height: 20px;}
.iconhigh{width:70px;float: left;text-align: right;font-size: 60px;margin-top: 40px;position: relative;z-index: 2;}
.feiratext{font-size: 24px;width:130px;float: left;margin-top: 32px;position: relative;z-index: 2;}
.agendahometitle{margin: 25px 10px 0px 10px; color:#000;font-size: 24px;}
.agendahometitle a{color:#000;}
.homeagendatext{float: left;}
.caminhosicon{font-size: 70px;margin-top: 33px;}
.homeagendaarrow{float: right;color:#fff;}
.agendaicon{margin: 25px 10px;width: 70px;}
.agendaicon div{background: #fff;width: 12px;height: 12px;border-radius: 6px;float: left;margin: 5px}
.agendaicon .black{background: #000;}
.homelinks{margin-top: 25px;}
.homelinks h2{font-size: 12px;padding: 2px 8px;background: #000; color:#fff;text-transform: uppercase;float: left;margin-top: 0px;}
.homelinks h2 a{color:#fff;}
.homenews{width: 30%;float: left;}
.homenewtitle{overflow: hidden;height:75px;line-height: 15px;}
.homenewtitle a{color:#000;}
.newhdate{font-size: 10px;}
.homenew{background: #CACACA;float: left; margin-right: 5%;width:41%;padding: 10px 2%;height: 87px;position: relative;}
.newmore{position: absolute;right: 5px;bottom: 0px;font-size: 20px;font-family: 'nexa_boldregular';}
.homeviver{float: left;width: 23%;}
.homeservicos{float: left;width: 23%;}
.homeinvestir{float: left;width: 23%;}
.viverhomebox{border:2px solid #C5944A;height: 107px;margin-right: 5%;color:#C5944A;font-size: 24px;}
.viverhomebox:hover{background:#C5944A;color:#fff;}
.servicoshomebox{border:2px solid #4C4C4C;height: 107px;margin-right: 5%;color:#4C4C4C;font-size: 119px;text-align: center;}
.servicoshomebox:hover{background:#4C4C4C;color:#fff;}
.investirhomebox{border:2px solid #7F6224;height: 107px;color:#7F6224;font-size: 119px;text-align: center;}
.investirhomebox:hover{background:#7F6224;color:#fff;}
.homeboxlinktext{font-size: 20px;font-family: 'nexa_boldregular';padding: 24px 10px;text-transform: uppercase;float: left;text-align: left;width: 60%;}
.bolsastextmenu{font-size:12px;width: 63%;}
.bicon{float: right;font-size: 50px;margin: 5px;}
.castle{position: relative;height: 370px;margin-top: 40px;overflow: hidden;border-bottom: solid 30px #7F6224;}
#bgvid {position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;-ms-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);background-size: cover;overflow: hidden;}
.castletower{position: relative;z-index: 4;}
.tower{background: #fff;float: left;margin: 0 4.5%;width:11%;height: 25px;}
.visiticons{padding-top: 120px; width: 80%;margin: 0 auto;position: relative;z-index: 9;}
.visiticon{width:130px;height:130px;margin: 0 10px;padding:10px;border: solid 2px #fff; color:#fff;float: left;}
.visiticon:hover{background: rgba(255,255,255,0.4)}
.visittext{font-size: 12px;}
.visiticonfont{font-size: 100px;text-align: center;}
.overvideo{top:0;width:100%;height: 100%;position: absolute;background: rgba(0,0,0,0.5);z-index: 2;}
.social{width:90%;margin: 30px auto;}
.mural{width: 32%;float: left;margin-right: 2%;border-bottom: 2px solid #7F6224;color:#7F6224;height: 140px; cursor: pointer;}
.muraltitle{padding: 5px;color:#fff;text-transform: uppercase;}
.muraltext{width:65%;padding: 15px 0px;float:left;font-size: 13px;}
.iconmural{float: right;width: 30%;font-size: 60px;text-align: right;margin-top: 15px;}
.hashtag{width: 32%;float: left;margin-right: 2%;border-bottom: 2px solid #4D736F;color:#4D736F;height: 140px;cursor:pointer;}
.hashtagtitle{background: #4D736F;padding: 5px;color:#fff;text-transform: uppercase;}
.hashtagtext{width:80%;padding: 15px 0px;float:left;font-size: 13px;}
.iconhashtag{float: right;width: 20%;font-size: 60px;text-align: right;margin-top: 15px;}
.homevideo{background:#B9C0BE;width: 32%;float: left;height: 140px;text-align: center;cursor:pointer;}
.homevideotitle{font-size: 32px;text-transform: uppercase;padding-top: 10px;}
.homevideoicon{font-size: 55px;}


.headbar{padding: 5px 30px;max-width:1200px;margin: 0 auto;height: 22px;}
.noticias{background: #F5F5F5}
.agenda{background: #DBDBDB;}
.visitar{background: #7F6224;}
.listitens .executivo-municipal{background:#DBDBDB;width: 23%; margin: 10px 1%;}
.archivoexecutivo{width:60%;margin: 0 auto;}
.page{width:95%;margin: 0 auto;margin-bottom: 45px;position: relative}
.pagesubmenu{width:15%;float: left;list-style: none;padding: 0px;margin-top: 20px;font-size: 16px;}
.pagesubmenu li{padding: 0px 12px;}
.pagesubmenu .csubmenu{font-family: 'nexa_boldregular';position: relative;}
.iconsubselect{position: absolute;left:0;top:8px;color:#D0A45D;}
.pagesubmenu a{padding:5px;color:#000;text-transform: uppercase;display: block;border-bottom: 1px solid #999}
.pagesubmenu a:hover{font-family: 'nexa_boldregular';}
.pagecontent{width: 70%;margin: 0 auto;}
.pagecontent a{font-weight: 700;}
.hassub .pagecontent{float: left;}
.galeria{margin-bottom: 50px;}
.error404{text-align: center;}
.e404{font-size: 280px;-webkit-animation:colorchange 10s infinite alternate;}
.galeryitem{position: relative;text-align: center;}
.galeryitem img{max-width: 100%;width: auto !important;display: initial !important;}
.galerytitle{position: absolute;bottom: 0px;left: 0px;width: 96%;padding:10px 2%;z-index: 999;background: rgba(0,0,0,0.7);color:#fff}
.archriveitem{float: left;width: 30%;margin: 10px 1.5%;}
.archiveimage{text-align: center;}
.archiveimage img{max-width: 100%;}
.archiveshort{padding: 20px 5%;}
.archiveshort h2{height: 155px;overflow: hidden;margin-top: 0px;}
.executivo-municipal .archiveshort h2{height: 75px;}
.executivo-municipal .archiveshort{height: 120px;}
.archriveitem{position: relative;}
.archriveitem a{color:#000;}
.boletim{width:60%;margin: 0 auto;}
.boletim .archriveitem{width: 30%;max-width: 200px;}
.boletim .archiveshort{padding: 0px;}
.boletim .archriveitem h2{margin: 0px;padding: 10px 0px;height: 30px;text-align: center;font-size: 18px;}
.boletimnumber{width: 35%;background: #F0AA29;float: right;}
.boletimdownload{float: left;width: 55%;background: #DBDBDB;height: 20px;padding: 15px 5%;}
.iconarchive{float: left;height: 27px;width: 65px;}
.archrivetitle{margin-top: 25px;}
.archrivetitle .noticias{background: url(images/news.png) no-repeat center;margin-right: 15px;}
.archrivetitle .agenda{background: url(images/agenda.png) no-repeat center;margin-right: 15px;}
.archrivetitle h1{float: left;clear: none;margin: 0px;}
.listitens{margin-bottom: 30px;}
.espacosdiv{background-color: #DBDBDB}
.listitens .newmore{font-size: 55px;bottom: -25px;}
.cats{width:850px;margin: 0 auto;margin-bottom: 15px;}
.cats a{color:#000}
.cats .catlink{float: left;width:150px;height: 135px;margin: 0 10px;text-align: center; padding-top: 15px;position: relative;color:#fff}
.cats .visiticonfont{font-size: 85px;}
.cats .visittext{height: 42px;}
.onde-comer{background: #BB8A49;}
.onde-dormir{background:#4F6A79}
.patrimonio{background: #D5B550}
.rotas-e-roteiros{background: #758B74}
.costumes-e-tradicoes{background: #998450}
.b_onde-comer{border-top:20px solid #BB8A49;}
.b_onde-dormir{border-top:20px solid#4F6A79}
.b_patrimonio{border-top:20px solid #D5B550}
.b_rotas-e-roteiros{border-top:20px solid #758B74}
.b_costumes-e-tradicoes{border-top:20px solid #998450}
.visitcontent{padding: 25px 2.5%;}
.point{width: 21%;float: left;background: #fff;position: relative;margin: 15px 2%;}
.pointimg img{width: 100%;}
.pointtitle{padding: 15px;background: #DDDDDC}
.pointtitle h3{margin: 0;padding: 0;font-size: 18px;height: 55px;overflow: hidden;}
.activecat{position: absolute;bottom:-15px;height: 15px;width: 100%;left: 0px;}
#map{width: 100%;height: 400px; margin-bottom: 25px;}
.empresarial{background:#F5F5F5;margin: 15px 0px;}
.empresarialtitle{background: #EDEDED;font-family: 'nexa_boldregular';position: relative;cursor:pointer;}
.empresarialicon{position: absolute;top:5px;left:15px;font-size: 20px; width:25px;height: 22px;float:left;background: #F0AA29; border-radius: 15px;text-align: center;padding-top: 3px}
.empresarialtitle h2{padding-left: 50px;margin-top: 0px;text-transform: uppercase;}
.empresarialdes{padding: 10px 25px;display: none;}
.freguesias{background: #DBDBDB; width: 65%; padding: 0px 2.5%; margin-top: 20px;}
.conctactscontent{float: left;width: 48%;}
.cform{width: 43%;float: right;background: #F5F5F5;padding: 20px 2.5%;position: relative;}
.cform input{width: 100%;background: transparent;border: 0;height:40px;border-bottom: 1px solid #707070}
.cform textarea{width: 100%;background: transparent;resize: none;padding:0;border:0;height: 100px;}
.cform input[type="button"]{position: absolute;font-family: 'nexa_boldregular';bottom: 0;right:0; width: 70px;background: #F0AA29;border:0;cursor: pointer;}
.cform .form_error{background: #ecc4c7;}
#contactmap{width: 100%;height: 400px; margin-top: 25px;margin-bottom: 25px;}
.feira a{color:#fff}
.magrico a{color:#fff}
.postal{text-align: center;}
.postal img{width: 100%;}
#frameopen{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.9);z-index: 99999;width:100%;display: none;}
.close{position: absolute;font-size: 36px; top:20px; right: 20px;color:#fff;cursor: pointer}
.controlframe{max-width: 1000px; margin: 0 auto;width:100%;margin-top: 150px;height: calc(100% - 150px);}
.controlframe iframe{width: 100%;height: 100%;}
#postal{height: auto;background: transparent;}

.formpostal form{margin: 0px;}
.formpostalleft{width: 90%;margin: 15px auto;}
.formpostalleft input{width:100%;border: 0px;height: 60px;}
.formpostalleft input[type="button"]{padding:15px 0px;width: 100%;background: #F0AA29;color:#000;cursor:pointer;margin: 10px 0px 0px 0px;height: 50px;}
.formpostalleft textarea{width:100%;border: 0px;margin-top: 5px;resize: none;height: 180px;}
.formpostalright{width: 90%;margin: 0 auto;}
.facebookpostal{padding:15px 0px;width: 100%;background: #F0AA29;color:#000;cursor:pointer;margin: 10px 0px;text-align: center;}
.alerta{background: #F5F5F5;padding: 15px;margin-bottom: 25px}
.alerta h2{margin-top: 0;padding-top: 0;}
.alertnumber{background: #000;color: #F5F5F5;padding: 0px 10px;border-radius: 15px;}
.othersconctats{text-align: center;}
.listitens .concursos{background: #DBDBDB;width: 23%;margin: 10px 1%;}
.listitens .concursos h2{font-size: 18px;}
.lvlpage{font-size: 18px;background: #000;padding: 15px 30px;margin: 0 auto;max-width: 1200px;background-size: cover; font-size: 26px;}
.lvlpage a{color: #fff}
.menuimage{position: relative; margin-top: 25px;min-height: 65px;background: #000;max-width: 1260px;margin: 0 auto;height: 200px;background-size: cover;}
.menuimage h1{color:#fff; position: absolute;left: 25px;top: 50%;transform: translateY(-50%);}
.menuimage img{width:100%}
.pagefixedmenu{list-style: none;margin: 0;padding: 0;}
.pagefixedmenu li{background: #000;margin: 10px 0px;}
.pagefixedmenu li a{color:#fff;display: block;padding: 15px;}
.mobiletaxmenu{display: none;}
.framepostal{margin: 30px 0px;background: #DBDBDB;}
.postal{float: left;width: 70%;}
.formpostal{float: right;width: 30%;}
.backvisit{position: absolute;top:0px;font-size: 18px;cursor: pointer;}
.postallist{width:90%; margin: 15px auto;}
.postallist img{width:100%;}
.linebreak{clear:both;}
.linebreakmobile{display:none;}

#popup{display:none;width: 100%;overflow-x: hidden;-webkit-transition: 0.5s;transition: 0.5s;z-index: 99999;height: 100%;position: fixed;left: 0;top: 0;background:rgba(0,0,0,0.7)}
.popupcontent{
    position: absolute;
    max-width: 600px;
    max-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
.popupcontent img{max-width: 100%;max-height: 100%;}
.closepopup{position: absolute;top:50px;right: 50px;font-size: 36px;font-weight: 700;color:#fff;cursor: pointer;}
.bg_video{position: absolute; 
    right: 0; 
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto; 
    height: auto; 
    z-index: 1;
    background: url(images/feira.jpg) no-repeat;
    background-size: cover; }
	.youtubemovie{position: fixed;bottom: 0px;right: 10px;z-index: 9999;width:400px;}    
.titleyoutube{background: #7F6224;color:#fff;text-align: center;font-size: 20px;border-radius: 10px 10px 0px 0px;cursor:pointer}
.titleyoutube span{display: block;position: absolute;right:5px;top:4px;}
/* CSS mobile */
@media (max-width: 950px){
    .popupcontent{position: absolute;width: 80%;}
    .menu-toggle{display: block;}
    .menubar{padding-top: 0;margin-right: 25px;}
    .feira{width:50%}
    .caminhos{width:50%}
    .magrico{width:50%}
    .hagenda{width:50%}
    .homenews{float: none; width: 100%; margin-bottom: 20px;}
    .homeviver{width: 32%}
    .homeservicos{width: 32%}
    .homeinvestir{width: 32%}
    .visiticon {width: 80px;height: 80px;}
    .visiticonfont{font-size: 44px;}
    .mural{margin-right: 1%;width: 49%;}
    .hashtag{margin-left: 1%;width: 49%;margin-right: 0%;}
    .homevideo{width: 100%;margin-top: 20px;}
    .page{width: 100%;}
    .pagesubmenu{width:30%}
    .archriveitem {width: 40%;margin: 10px 5%}
    .listitens .executivo-municipal{width: 40%;margin: 10px 5%}
    .listitens .concursos{width: 40%;margin: 10px 5%}
    .contactfooter{clear: both;float: none;margin-top: 10px;}
    #documentcontent{padding-bottom: 0px;}
    #footer{height: auto;position: relative;margin-top: 68px;}     
    .point{width:30%;margin: 15px 1.5%}
    .cats .catlink{height: 30px;margin-bottom: 10px;}
    .cats .visiticonfont{display: none;}
    .cats{width: auto;}
    .activecat{display: none;}
    .importantlinks{margin-bottom: 35px}
    .mobiletaxmenu{color:#fff;padding: 10px;font-size: 16px;display: block}
    .b_onde-comer{border-top:0;}
    .b_onde-dormir{border-top:0;}
    .b_patrimonio{border-top:0;}
    .b_rotas-e-roteiros{border-top:0;}
    .b_costumes-e-tradicoes{border-top:0;}
    .boletim{width:100%;}
    .boletim .archriveitem{width:40%}
	.linebreak{display:none;}
	.linebreakmobile{display:block;clear:both;}
}

@media (max-width: 750px){
    .headbannertext{display: none;}        
    .agendaicon{position: absolute;top:15px;left:100px;}
    .visiticons{padding-top: 50px;}
    .visiticons .left{float: none;width: 260px;margin: 20px auto;}
    .visiticons .right{float: none;width: 260px;margin: 20px auto;}
    .mural{margin-right: 0;width: 100%;}
    .hashtag{margin-left: 0;width: 100%;}
    .archriveitem {width: 48%;margin: 10px 1%}
    .listitens .executivo-municipal{width: 48%;margin: 10px 1%}
    .listitens .concursos{width: 48%;margin: 10px 1%}
    .point{width:46%;margin: 15px 2%}
    .homeboxlinktext{width: 50%;font-size:16px;}
	.bolsastextmenu{font-size:12px;}
	.homeviver{width: 100%;margin-bottom: 20px;}
    .viverhomebox{margin-right: 0px;}
    .homeservicos{width: 100%;margin-bottom: 20px;}
    .servicoshomebox{margin-right: 0px;}
    .homeinvestir{width: 100%}
    .bicon{font-size: 35px;}
    .importantlinks{width: 50%;}
    .contactfooter{width: 100%}
    .boletim .archriveitem{width:70%;margin: 30px auto;float: none;}
    .backvisit{position: relative;}
}

@media (max-width: 450px){ 
    .feira{width:100%;}
    .caminhos{width:100%}
    .magrico{width:100%;}
    .hagenda{width: 100%;margin: 10px 0px;}
    
    .pagesubmenu{float: none;width: 100%;margin-top: 15px;}
    .pagecontent{width: 100%;}
    .archriveitem {width: 100%;margin: 10px 0%}
    .listitens .executivo-municipal{width: 100%;margin: 10px 0%}
    .listitens .concursos{width: 100%;margin: 10px 0%}
    .point{width:100%;margin: 15px 0%}
    .cats .catlink{width: 100%;margin: 0px;}
    .boletim .archriveitem{width:100%;}
	.youtubemovie{width:100%;right:0px;}
}

/* Animate */
@-webkit-keyframes colorchange {
      0% {color: #7F6224;}
      20% {color: #D0A45D;}
      40% {color: #B6BEC4;}
      60% {color: #000;}
      80% {color: #999;}    
    }.yellow{background: #D0A45D}
.gold{background: #7F6224}