/*  Descricao
Theme Name: TSBR 2016
Theme URI: http://taylorswift.com.br
Author: Marcelo Monteiro
*/

html, body, address, div, dl, form, h1, h3, h4, h5, h6, ol, p, pre,bl table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, brfoohter, cite, code, dfincop, em, ir, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {margin: 0; padding: 0;}


/* Formatação
================================================ */
body {background: #fff; color: #000; font-family: Source Sans Pro;}
a {text-decoration: none;}
.pagewidth {width: 1000px;  margin: 0 auto;}
.content {width: 660px; float: left;}
.sidebar {width: 320px; float: right;}


/* Cabeçalho
================================================ */
.header {background: #fff url(images/umbigo.jpg) center; height: 550px; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover%; background-position: 50%;}
.headerbottom {background: url(images/gradiente.png); height: 100px; margin-top: -80px; margin-bottom: -100px;}


/* Menu
================================================ */
#menu {width: 100%; background: #fff; list-style: none; color: #d1d1d1; font-weight: bold; font-size: 14px; height: 70px;}
#logo {width: 90px; height: 60px; background: url(images/logo.png); background-size: cover; float: right; margin-top: 5px;}
.menu {list-style-type: none; list-style-position: outside; position: relative; width: 700px;}
.menu li {float: left; position:relative; margin-right: 1px;}
.menu a {display: block; padding: 27px 20px 27px 0px; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; font-family: Lato; font-weight: bold;}
.menu a:link, .menu a:visited {color: #000; text-decoration: none;}
.menu a:hover {color: #78ADC5;}
.menu ul {position: absolute; display: none; z-index: 99; background: url(images/menubg2.png); margin-top: -3px; border-top: 3px solid #78ADC5;}
.menu ul a:hover {background: url(images/menubg2.png);}
.menu ul li {margin: 0;}
.menu ul a {width: 236px; padding: 10px; float: left; font-weight: normal; color: #333; letter-spacing: 0px; font-family: Source Sans Pro;}
.menu ul a:link, .menu ul a:visited {color: #333; font-size: 0.9em; text-decoration: none;}
.menu li ul ul {margin-left: 250px; margin-left: 16rem;}
.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul{display: none;}
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul {display: block;}
.menusocial {list-style: none; background: url(images/menubg.png);}
.menusocial li {display: inline-block; padding-top: 10px; padding-right: 10px; padding-bottom: 8px;}
.menusocial a {text-decoration: none; color: #ffffff; margin: 0;}
.menusocial #twitter {background: url(images/logotwitter.png); height: 19px; width: 23px;}
.menusocial #facebook {background: url(images/logofacebook.png); height: 19px; width: 19px;}
.menusocial #instagram {background: url(images/logoinstagram.png); height: 19px; width: 19px;}
.menusocial #tumblr {background: url(images/logotumblr.png) ; height: 19px; width: 13px;}
.menusocial #vimeo {background: url(images/logovimeo.png) ; height: 19px; width: 23px;}
.menusocial #youtube {background: url(images/logoyoutube.png) ; height: 19px; width: 27px;}


/* Página inicial
================================================ */
.destaque {width: 400px; color: #fff; margin-bottom: 20px;}
.destaque h1 {background: #93BED0 url(images/video.png) no-repeat; padding: 10px; font-size: 15px; font-weight: normal; padding-left: 50px; margin-bottom: 10px; text-transform: uppercase; width: 111px; height: 19px;}
.slide {float: right;}
.index {width: 1040px; height: 820px;}
.box {background: url(images/box.png); background-size: 487px 250px; width: 450px; height: 210px; padding: 20px;}
.noticias {margin-bottom: 10px; float: left; display: inline; margin-right: 10px;}
.noticias #title {color: #fff; font-size: 24px; text-shadow: black 0.1em 0.1em 0.2em; line-height: 26px;}
.noticias #title:hover {color: #E4EFF3;}
.noticias #data {background: #B2D1DE; color: #fff; padding: 7px; width: 70px; text-align: center; font-size: 14px; margin-bottom: 130px;}
.mais {padding: 15px; width: 400px; color: #494949; border: 2px solid #494949; text-transform: uppercase; text-align: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; height: 20px; letter-spacing: 0.5px; margin: 0px auto;}
.mais:hover {letter-spacing: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
.banner {width: 1000px; height: 90px; margin-bottom: 20px; background: #B2D1DE;}
.banner #publi {background: url(images/publil.png) no-repeat top center; width: 272px; height: 90px; float: left;}
.banner #publi:hover {background: url(images/publil.png) no-repeat bottom center; width: 272px; height: 90px; }


/* 404
================================================ */
.error {margin: 0px auto; text-align: center;}
.error h4 {font-size: 50px; margin-top: 70px;}
.error h2 {font-size: 30px; margin-bottom: 300px;}


/* Especiais
================================================ */
.exclusivas {background: #eec0d7 url(images/especiais2.png) top right no-repeat; padding: 20px; color: #fff; text-transform: uppercase; margin-top: 30px; height: 285px;}
.exclusivas h1 {background: #dcc1d5 url(images/especial2.png) no-repeat; padding: 10px; font-size: 15px; font-weight: normal; padding-left: 50px; margin-bottom: 10px; text-transform: uppercase; width: 65px; height: 19px;}
.exclusivas #mais {color: #dcc1d5; background: #fff; float: right; padding: 7px;}
.exclusiva {width: 1100px; height: 235px; text-transform: none;}
.exclusivo {margin-bottom: 10px; float: left; display: inline; margin-right: 8px;}
.exclusivo #box {background: url(images/box.png); background-size: cover; width: 293px; height: 205px; padding: 15px;}
.exclusivo #title {color: #fff; font-size: 18px; text-shadow: black 0.1em 0.1em 0.2em; line-height: 24px; margin-top: 135px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}


/* Galeria
================================================ */
.prefooter {background: #d2e2d6 url(images/galeria3.png) top left no-repeat; padding: 20px; color: #fff; text-transform: uppercase; height: 280px; margin-bottom: -20px;}
.prefooter h1 {background: #aee6e1 url(images/gallery2.png) no-repeat; padding: 10px; font-size: 15px; font-weight: normal; padding-left: 50px; margin-bottom: 10px; text-transform: uppercase; width: 55px; height: 19px;}


/* Notícias
================================================ */
.newswrapper {width: 700px;}
.newswrapper #info {background: #B2D1DE; padding: 15px; margin-bottom: 15px; width: 635px;}
.newswrapper h1 {background: #B2D1DE url(images/noticias.png) no-repeat; padding: 10px; font-size: 15px; font-weight: normal; padding-left: 50px; text-transform: uppercase; width: 60px; height: 19px; color: #fff; margin-bottom: 15px;}
.newswrapper h2 {color: #fff; font-size: 30px; font-weight: normal; margin-top: -5px; margin-bottom: 5px;}
.newswrapper h3 {color: #fff; font-size: 15px; font-weight: normal;}
.news {margin-bottom: 10px; float: left; display: inline; margin-right: 10px;}
.news #box {background: url(images/gradiente3.png); background-size: cover; width: 290px; height: 145px; padding: 20px;}
.news #title {color: #fff; font-size: 17px; text-shadow: black 0.1em 0.1em 0.2em; line-height: 26px; width: 185px;}
.news #title:hover {color: #E4EFF3;}
.news #data {background: #B2D1DE; color: #fff; padding: 7px; width: 70px; text-align: center; font-size: 14px; margin-bottom: 10px;}
.newswrapper .mais {padding: 15px; width: 630px; color: #494949; border: 2px solid #494949; text-transform: uppercase; text-align: center; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; height: 20px; letter-spacing: 0.5px; margin-top: 615px; margin-left: 0px;}
.newswrapper .mais:hover {letter-spacing: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
.newswrapper .mais a {color: #494949;}


/* Pesquisa
================================================ */
#searchform {text-transform: uppercase; float: right; margin-top: 5px;}
#searchform #s {width: 250px; background: #fff url(images/search.png) no-repeat right; font-family: Source Sans Pro; border: 2px solid #fff; padding: 5px; border-radius: 4px; text-transform: uppercase; color: #969696; font-size: 13px;}
#searchform #s:focus {outline: 0; color: #969696;}


/* Post
================================================ */
.post {width: 660px; font-size: 16px; color: #606060; float: left;}
.post #title {font-size: 30px; line-height: 35px;}
.post #data {background: #B2D1DE; color: #fff; padding: 7px; width: 70px; text-align: center; font-size: 14px; margin-bottom: 10px;}
.post a {color: #88B8CC;}
.post a:hover {color: #579AB7;}
.post p {margin-bottom: 10px;}
.post blockquote {border-left: 3px solid #5397B5; margin-left: -0.5px; margin-right: -0.5px; padding-left: 20px; color: #858585; margin-top: 20px; margin-bottom: 20px;}
.post blockquote a {color: #88B8CC;}
.post blockquote h3 {color: #579AB7;}
.post iframe {margin-top: 10px; margin-bottom: 10px;}
.post center {margin-bottom: 10px;}
.post img {max-width: 660px;}
.post #thumb {width: 660px; margin-top: 15px; margin-bottom: 15px;}
.post #thumb img {width: 660px; height: auto;}
.post h2 {margin-top: 10px; margin-botom: 10px;}
.post h3 {margin-top: 10px; margin-botom: 10px;}
.post h4 {margin-top: 10px; margin-botom: 10px;}
.post ol {margin-top: 10px; margin-bottom: 10px; margin-left: 20px; color: #494949;}
.post ul {margin-top: 10px; margin-bottom: 10px; margin-left: 15px; color: #494949;}
.post #comentarios {margin-top: 20px; background: #fff; padding-top: 10px; color: #949494;}
.post #bar {font-size: 12px; padding-top: 25px; text-transform: uppercase; margin-top: 20px; border-top: 3px solid #81B4C9;}
.post #bar a {color: #81B4C9; border: 1px solid #81B4C9; padding: 7px; padding-top: 3px; padding-bottom: 3px; border-radius: 3px; margin-right: 5px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
.post #bar a:hover {background: #81B4C9; color: #fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;}
.post #bar #tag {background: url(images/tag.png) no-repeat; height: 20px; background-size: 18px 18px; padding-left: 25px;}
.post #bar #autor {background: url(images/autor.png) no-repeat; height: 20px; background-size: 18px 18px; margin-top: 10px; padding-left: 25px;}


/* Compartilhar
================================================ */
.share-buttons {color: #fff; float: right; margin-top: 35px;}
.share-buttons #share-facebook {color: #fff; background: #325c99; float: left; margin-right: 5px; padding: 10px; border-radius: 3px; opacity: 0.8;}
.share-buttons #share-facebook:hover {opacity: 1;}
.share-buttons #share-twitter {color: #fff; background: #02ACEC ; float: left; padding: 10px; border-radius: 3px; opacity: 0.8;}
.share-buttons #share-twitter:hover {opacity: 1;}
.share-buttons #twitter {background: url(images/logotwitter.png); height: 19px; width: 23px;}
.share-buttons #facebook {background: url(images/logofacebook.png); height: 19px; width: 19px;}


/* Pagina
================================================ */
.page {width: 660px; font-size: 16px; color: #494949; float: left; margin-top: 20px;}
.page #title {font-size: 30px; line-height: 35px;}
.page a {color: #88B8CC;}
.page a:hover {color: #579AB7;}
.page p {margin-bottom: 10px;}
.page blockquote {border-left: 3px solid #5397B5; margin-left: -0.5px; margin-right: -0.5px; padding-left: 20px; color: #858585; margin-top: 20px; margin-bottom: 20px;}
.page blockquote a {color: #88B8CC;}
.page blockquote h3 {color: #579AB7;}
.page iframe {margin-top: 10px; margin-bottom: 10px;}
.page center {margin-bottom: 10px;}
.page img {max-width: 660px;}
.page #thumb {width: 660px; margin-top: 15px; margin-bottom: 15px;}
.page #thumb img {width: 660px; height: auto;}
.page h2 {margin-top: 10px; margin-botom: 10px;}
.page h3 {margin-top: 10px; margin-botom: 10px;}
.page h4 {margin-top: 10px; margin-botom: 10px;}
.page ol {margin-top: 10px; margin-bottom: 10px; margin-left: 20px; color: #494949;}
.page ul {margin-top: 10px; margin-bottom: 10px; margin-left: 15px; color: #494949;}


/* Page Nav
================================================ */
.pagenav {width: 630px; border: 1px solid #BBBBBB; border-radius: 3px; font-family: Bebas_Bold; color: #fff; clear: both; padding-bottom: 10px; text-align: right; font-size: 14px; float: left; padding: 10px; text-align: center;}
.pagenav a, .pagenav span {background: transparent; color: #fff; line-height: 100%; vertical-align: middle; display: inline-block;zoom:1; *display:inline; border-radius: 2px; padding: 7px;}
.pagenav a {color: #747474; text-decoration: none;}
.pagenav a:hover {color: #333333; font-size: 14px; background: transparent;}
.pagenav .current {text-decoration: none; background: #222222; font-weight: bold; font-size: 14px; padding: 10px;}


/* Widgets
================================================ */
.widget {font-size: 15px; width: 320px; color: #969696; margin-bottom: 30px;}
.widgettitle {background: #BED6C5; padding: 10px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; margin-bottom: 10px; text-align: center; text-transform: uppercase;}
.widget a {color: #969696; text-decoration: none;}
.widget a:hover {color: #969696; text-decoration: none;}
.widget .twittertitle {background: #40C9FD; padding: 10px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; margin-bottom: 10px; text-align: center; text-transform: uppercase;}
.widget .twitterwidget {background: #fff; border: 1px solid #C0C0C0; height: 300px;}
.widget .twitterwidget a {display: none;}
.widget .fbtitle {background: #4B7CC5; padding: 10px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; margin-bottom: 10px; text-align: center; text-transform: uppercase;}
.widget .fbwidget {background: #fff; border: 1px solid #C0C0C0; height: 130px;}
.widget .fbwidget a {display: none;}
.widget .youtubetitle {background: #E62117; padding: 10px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; margin-bottom: 10px; text-align: center; text-transform: uppercase;}
.widget .instatitle {background: #004879; padding: 10px; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; margin-bottom: 10px; text-align: center; text-transform: uppercase;}
.widget #ad {background: #969696; padding: 10px;}


/* Rodapé
================================================ */
.footer {background: #bce2e2 url(images/redes3.png) top center no-repeat; padding: 20px; color: #fff; margin-top: 20px; height: 270px;}
.footer h1 {background: #a8d7db url(images/links2.png) no-repeat; padding: 10px; font-size: 15px; font-weight: normal; padding-left: 50px; margin-bottom: 10px; text-transform: uppercase; width: 95px; height: 19px; color: #fff; text-transform: uppercase;}
.footer #copyr {float: right; color: #252525; width: 380px;}
.footer #copyr a {color: #5B5B5B;}
.footer #copyr #parceiros {margin-top: 20px; background: url(images/parceiros2.png); width: 380px; height: 30px;}
.footer .social {font-size: 13px; letter-spacing: 1px; text-transform: uppercase; width: 350px;}
.footer .social #twitter {background: #fff url(images/sharett.png) no-repeat; color: #5F5F5F; padding: 10px; padding-left: 62px; margin-bottom: 8px;}
.footer .social #twitter:hover {color: #02ACEC;}
.footer .social #facebook {background: #fff url(images/sharefb.png) no-repeat; color: #5F5F5F; padding: 10px; padding-left: 62px; margin-bottom: 8px;}
.footer .social #facebook:hover {color: #325C99;}
.footer .social #instagram {background: #fff url(images/shareinsta.png) no-repeat; color: #5F5F5F; padding: 10px; padding-left: 62px; margin-bottom: 8px;}
.footer .social #instagram:hover {color: #004879;}
.footer .social #youtube {background: #fff url(images/shareyt.png) no-repeat; color: #5F5F5F; padding: 10px; padding-left: 62px; margin-bottom: 8px;}
.footer .social #youtube:hover {color: #C7161B;}
.footer .social #tumblr {background: #fff url(images/sharetumblr.png) no-repeat; color: #5F5F5F; padding: 10px; padding-left: 62px; margin-bottom: 8px;}
.footer .social #tumblr:hover {color: #36465D;}
.endfooter {background: #373737; padding: 15px; color: #fff; font-size: 14px; text-align: center; text-transform: uppercase;}
.endfooter a {color: #fff;}


/* Agenda
================================================ */
.agenda {position: relative;}
.agenda h1 {background: #a8d7db url(images/agenda1.png) no-repeat; padding: 10px; font-size: 15px; font-weight: normal; padding-left: 50px; margin-bottom: 10px; text-transform: uppercase; width: 55px; height: 19px; color: #fff; text-transform: uppercase;}
.agenda h3 {color: #a8d7db;}
.agenda ul {list-style: none;}
.agenda ul li {margin: 7px 0; width: 100%; height: 38px; background: #fff;}
.agenda #local {text-align: center; color: #818DA6; font-size: 15px; padding: 8px;}
.agenda #time {text-align: left; color: #fff; font-size: 15px; padding: 10px; background: #84b9be; float: right; width: 55px; text-align: center;}


/* Formulário
================================================ */
/* form input */
input[type=text], input[type=password], textarea {width: 630px; background: #F0F0F0; padding: 10px; border-radius: 3px; color: #808080; letter-spacing: 0.5px; font-size: 15px;}
input[type=text], input[type=password], textarea, input[type=email] #s:focus {outline: 0; color: #676767;}
input[type=text], input[type=email] {width: 630px; background: #F0F0F0; padding: 10px; border-radius: 3px; color: #808080; letter-spacing: 0.5px; font-size: 15px;}
textarea {width: 630px; height: 300px; background: #F0F0F0; padding: 10px; border-radius: 3px; color: #808080; letter-spacing: 0.5px; font-size: 15px;}
.form-error-message {background: #9C3223; padding: 6px; color: #fff; font-weight: bold; margin-bottom: 5px;}

/* form button */
input[type=reset], input[type=submit], button {width: 293px; margin-top: 30px; padding: 10px 0; background: none; border: 1px solid #707070; font-size: 11px; font-family: Ubuntu; color: #707070; letter-spacing: 3px; transition: 0.08s ease-in; -o-transition: 0.08s ease-in; -ms-transition: 0.08s ease-in; -moz-transition: 0.08s ease-in; -webkit-transition: 0.08s ease-in; text-transform: uppercase;}

/* form button:hover */
input[type=reset]:hover, input[type=submit]:hover, button:hover {color: #ffffff; background: #000; transition: 0.08s ease-in; -o-transition: 0.08s ease-in; -ms-transition: 0.08s ease-in; -moz-transition: 0.08s ease-in; -webkit-transition: 0.08s ease-in;}


/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	margin-bottom: 0px;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.aligncenter {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}


/* clearfix */
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after
{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content
{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content
{ display: block; zoom: 1; }