/*
Theme Name: SUP
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: Circus
Author URI: http://circus.ag/
Description: Tema do blog vers��o 2012
Version: 1.0
License: GNU General Public License
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
a img,map,.redes img { border: 0 !important; }
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body { font-family: arial,helvetica,sans-serif; font-size: 12px; }

.assine_fluir_standup { line-height: 30px; text-align: center; text-decoration: none; display: block; color: rgb(255, 222, 0); background-color: rgb(54, 124, 43); width: 300px; font-size: 14px; }

#main,#branding { width: 1020px; margin: 0 auto; position: relative;}

#logo { height: 187px; position: relative; }
#logo .ads { width: 751px; height: 96px; position: absolute; left: 202px; top: 72px; background: url(../img/publicidade-topo.gif) }
#logo .ads div { float: right; text-align: right; padding: 2px 2px 0 0; }
#branding h1 { width: 179px; position: absolute; height: 158px; top: 38px; background: url(../img/SUP-CLUB_final.png) no-repeat left top; line-height: -9999px; overflow: hidden; text-indent: -9999px;  }
#branding h1 a { display: block; width: 100%; height: 158px; }
#branding h2 { display: none; }

#primary { width: 710px; padding: 0 0px; float: left; margin-right: 10px; }
#secondary { width: 300px; float: left; clear: right; }
#colophon { clear: both; width: 960px; margin: 0 auto; }

#access  {  }
#access .menu { margin-top:47px; float: right; clear: both; border-bottom: 2px dotted #d0d0d0; padding: 0 0 6px; width: auto; }
#access .menu ul { margin: 0; padding: 0; overflow: hidden; float: right; width: auto; display: inline-block }
#access .menu li { float: left; display: inline-block; padding: 0 5px; border-right: 1px solid #7f7f7f; font-family: tahoma,arial,helvetica; color: #7f7f7f; text-transform: capitalize; line-height: 5px; }
#access .menu li.last { border-right: none; padding-right: 0px; }
#access .menu li a { color: #7f7f7f; text-decoration: none; font-size: 14px; line-height: 16px; text-transform: capitalize; vertical-align: middle; }

#cat-list { width: 100%; clear: both; text-align: center; padding: 20px 0 15px; border-bottom: 2px dotted #d0d0d0; margin-left: 10px;}
.home #cat-list { border-bottom: none; }

#cat-list li.cat-item { float: left; padding: /*0 20px 0 12px*/ 0 23px 0 15px; background: url(../img/menu-dot.gif) no-repeat right center; position: relative; z-index: 10;  }

#cat-list li.cat-item a { display: inline-block; font-family: "Flama"; font-size: 15px; color: #006e72; text-decoration: none; text-transform: uppercase; }

#cat-list .children { position: absolute; top: -9999px; left: -9999px; }
#cat-list .children { padding: 1px 2px; border: 1px solid #d8d8d8; background: #FFF; position: absolute; z-index: 9999; min-width: 100%; }

#cat-list .children li { 
    float: none; min-height: 13px; background: url(../img/submenus.png) no-repeat center top; padding: 0; text-align: left; width: auto;
}
#cat-list .children li.hover { background: #000; color: #FFF; }
#cat-list .children li.first { 
    background-position: center -1px;
}
#cat-list .children li a { color: #006e72; font-size: 12px; text-transform: capitalize; display: block; padding: 7px 15px 7px 25px; }
#cat-list .children li.hover a { color: #FFF; }
#cat-list .children li a.loaded {  }
#cat-list .children .children { left: 100%; }
#cat-list .children li.hover .children a { color: #006e72; }
#cat-list .children li.hover .children a:hover { color: #FFF; background: #000; }

#featured-posts { margin: 0; width: 700px; height: 420px; background: #FFF; overflow: hidden; z-index: 1; }

.has-featured #secondary .share-search { height: 50px; }

#secondary .share-search { text-align: right; padding: 0 10px 32px 0; margin-bottom: 80px; }
.has-featured #secondary .share-search { margin-bottom: 0px; }
#secondary .share-search .redes { margin-bottom: 20px; }

#searchform #s { border: 1px solid #e2e3ea; background: url('../img/input-search.png') no-repeat center center; 
width: 147px; height: 20px; line-height: 20px; padding: 0; font-size: 10px; text-align: center; color: #c4c5ca; }
#searchform #s:focus { background: #FFF; }
#searchform #searchsubmit { display: none; }


#featured-posts .item { width: 700px; height: 420px; overflow: hidden; display: none; }
#featured-posts .item.active { display: block; }
#featured-posts .img { width: 700px; height: 300px; margin-top: 5px; }
#featured-posts .info { width: 700px; font-family: "Rockwell"; display: table-cell; vertical-align: middle; }
#featured-posts .info .cat { display: inline-block }
#featured-posts .info .cat a { 
background: #000; color: #FFF; text-transform: uppercase; font-size: 14px; text-decoration: none; padding: 5px 20px 5px 3px; 
line-height: 14px; display: inline-block; }
#featured-posts .info .tit { display: inline-block; width: 700px; }
#featured-posts .info .tit a {
background: #000; color: #FFF; text-transform: uppercase; font-size: 30px; text-decoration: none; padding: 0 20px 5px 3px; 
line-height: 30px; display: inline-block; margin: 4px 0;
}
#featured-posts .item .chamada { display: inline-block; width: 635px; }
#featured-posts .item a { font-size: 24px; color: #000; text-decoration: none; overflow: hidden; }
#featured-posts .prev-next { background: url(../img/next-prev.png) no-repeat; width: 60px; height: 40px; position: absolute; top: 480px; left: 635px; }
#featured-posts .prev-next .prev { float: left; width: 28px; height: 37px; }
#featured-posts .prev-next .next { float: right; width: 28px; height: 37px; }

.multi .post { width: 220px; height: 292px; border-bottom: 2px dotted #d0d0d0; overflow: hidden; padding: 0 10px; float: left; margin-bottom: 50px; 
       background: url(../img/linha-post.png) no-repeat 238px top; position: relative; z-index: 1; }
.multi .post.first { padding-left: 0px; background-position: 228px top; }
.multi .post.last { padding-right: 0px; }
.multi .post .img { width: 220px; height: 130px; overflow: hidden; position: relative; z-index: 1 }
.multi .post h1 { margin: 15px 0; }
.multi .post h1 a { font-family: "Rockwell"; color: #017880; font-size: 16px; text-decoration: none; }
.multi .post .entry-summary { color: #868484; }
.multi .post .entry-summary a { margin: 0 5px; text-decoration: none; color: #003768; font-weight: normal; }
.multi .post .entry-meta { position: absolute; right: 10px; bottom: 15px; }
.multi .post .entry-meta a { color: #c36921; text-decoration: none; font-size: 9px; }
.multi .post .entry-meta a b { font-weight: bold; text-decoration: underline; }
.multi .post .cat-title { background: #000; color: #FFF; padding: 2px 8px 2px 0; margin-bottom: 10px; display: inline-block; font-family: "Rockwell"; font-size: 12px; line-height: 12px; }
.multi .post.has-title { height: 230px; background-image: url(../img/linha-post-menor.png); }
.multi .post.bottom { border-bottom: none; }

#videos-home { padding: 0 0 40px 0; border-bottom: 1px dotted #d0d0d0; clear: both; height: auto; margin-bottom: 40px; }
#videos-home .thumb { float: left; width: 150px; height: 150px; margin: 0 15px 0 0; overflow: hidden; cursor: pointer; }
#videos-home .thumb .overlay { width: 53px; height: 37px; position: absolute; margin: 59px 0 0 50px; background: url(../img/video-thumb-overlay.png) }
#videos-home .info { float: left; width: 525px; }
#videos-home h1,#videos-home h1 a { font-family: "Rockwell"; color: #017880; font-size: 24px; text-decoration: none; }
#videos-home .share { margin: 15px 0; }
#videos-home .description { color: #868484; line-height: 1.6em; font-size: 12px; }
#videos-home .description .date { color: #000; font-size: 10px; margin-bottom: 0px; }
#videos-home .more { background: #ff6600; color: #FFF; padding: 5px 8px; text-decoration: none; font-family: "Rockwell"; font-size: 16px; }
#embed-video { height: 300px; position: relative; position: absolute !important; width: 515px; margin-top: -60px; margin-left: 0px; 
            display: none; z-index: 9999; /*border-width: 5px 0 5px 5px; border-style: solid; border-color: #FFF;*/

}
#embed-video .embed { width: 481px; height: 300px; background: #000; 
-webkit-box-shadow: 5px 5px 15px 15px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 5px 5px 15px 15px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 15px 15px rgba(0, 0, 0, 0.5);
border: 1px solid #fff;
}
#embed-video .close { position: absolute; right: 3px; top: 3px; width: 20px; height: 20px; background: url(../img/close-embed.gif); 
        color: #FFF; text-decoration: none; cursor: pointer; }

#colophon  { /*width: 80%;*/ }
#colophon .nav { border-top: 1px solid #d6d6d6; padding: 13px 0 20px; overflow: hidden; height: auto; clear: both; }
#colophon .legal { float: right; color: #02676f; font-size: 10px; }
#colophon .logo { text-align: right; padding-bottom: 15px; }
#colophon .menu { float: left;  }
#colophon .menu li { float: left; padding: 0 5px; border-right: 1px solid #02676f; font-family: tahoma,arial,helvetica; color: #7f7f7f; text-transform: capitalize; line-height: 5px; }
#colophon .menu li:last { border-right: none;  }
#colophon .menu li a { float: left; color: #02676f; text-decoration: none; font-size: 10px; line-height: 10px; text-transform: capitalize; vertical-align: middle; }


.items-sidebar { margin-bottom: 78px; }
.items-sidebar li.item { margin: 3px 0; font-family: "Flama"; overflow: hidden; }
.items-sidebar li.item.title span { background: #000; color: #FFF; text-decoration: none; padding: 4px 5px 4px 0; font-size: 10px; display: inline-block; }
.items-sidebar li.item.divider { background: #000; height: 18px; width: 4px; overflow: hidden; }
.items-sidebar li.item a { background: #000; color: #FFF; text-decoration: none; padding: 2px 5px 2px 0; font-size: 16px; display: inline-block; }

#secondary .ads { margin-bottom: 30px; }

.widget-sidebar { margin-bottom: 30px; }
.widget-sidebar h3 { background: url(../img/title-sidebar.gif) no-repeat left bottom; padding-bottom: 22px; }
.widget-sidebar h3 span { background: #000; color: #FFF; text-decoration: none; padding: 4px 5px 4px 0; font-size: 10px; display: inline-block; }
.widget-sidebar ul { margin: 5px 0; }
.widget-sidebar.dynamic ul li { margin: 0px 0 13px; background: url(../img/link-sidebar.gif) no-repeat left top; padding-left: 10px; }
.widget-sidebar.dynamic ul li a { color: #02676f; text-decoration: none; }



.enquete { }
.enquete * { text-align: left !important; vertical-align: middle; }
.enquete .question { margin: 0 0 5px; color: #868484; font-size: 11px; color: #02676f; }
.enquete li { margin: 0 0 5px; color: #868484; font-size: 11px; }


.single .post h1 { margin: 0 0 15px 0; font-family: "Rockwell"; color: #017880; font-size: 28px; text-decoration: none; }
.single .post .entry-summary { color: #868484; }
.single .post .entry-summary a { margin: 0 5px; text-decoration: none; color: #003768; font-weight: bold; }
/*.single .post .entry-meta { position: absolute; right: 10px; bottom: 15px; }
.single .post .entry-meta a { color: #c36921; text-decoration: none; font-size: 9px; }
.single .post .entry-meta a b { font-weight: bold; text-decoration: underline; }*/
.single .post .entry-meta { color: #000; font-size: 10px; }
.single .post .entry-meta a { color: #000; text-decoration: underline; font-weight: bold; font-size: 9px; }
.single .post .entry-meta a b { font-weight: bold; text-decoration: underline; }
.single .post .cat-title { background: #000; color: #FFF; padding: 2px 8px 2px 0; margin-bottom: 10px; display: inline-block; font-family: "Rockwell"; font-size: 12px; line-height: 12px; }
.single .post.has-title { height: 230px; background-image: url(../img/linha-post-menor.png); }
.single .post.bottom { border-bottom: none; }

.entry-content { line-height: 1.8em; font-size: 13px; padding-right: 25px !important; color: #565454 }
.entry-content div { margin-bottom: 5px; }
.entry-content p { margin: 0 0 10px; }

.comment .comment-content { }
.comment .reply { margin: 8px 0 0; }
.comment .reply a { padding: 5px }


.title-inside { font-family: "Rockwell"; font-size: 24px; color: #017880; margin-top: 34px; }
.type-videos { border-bottom: 2px dotted #d0d0d0; overflow: hidden; padding: 40px 0px; position: relative; clear: both; margin-right: 20px; }
.type-videos.last { border-bottom: none; }
.type-videos .entry-header {  }
.type-videos .entry-header h1 { font-family: "Rockwell"; font-size: 24px; color: #017880; margin:  0 0 12px  0 }
.type-videos .entry-header h1 a { color: #017880; text-decoration: none; }
.type-videos .addthis_toolbox { margin: 20px 0; }
.type-videos .description { color: #868484; line-height: 1.6em; font-size: 12px; padding-right: 200px; }
.type-videos .description .date { color: #000; font-size: 10px; margin-bottom: 0px; }

.archive.videos .page-header,
.archive.classificados .page-header
{ display: none; }

h3.assistive-text { display: none; }
#nav-below { width: 100%; clear: both; overflow: hidden; margin-bottom: 35px; }
#nav-below a { font-family: "Rockwell"; font-size: 18px; color: #017880; }

.navigation { position: relative; z-index: 1; text-align: center; }
.navigation .next { position: absolute; right: 0px; }
.navigation .prev { position: absolute; left: 0px; }
.navigation a { font-family: "Rockwell"; font-size: 18px; color: #017880; }
.navigation .current { font-family: "Rockwell-bold"; font-size: 20px; color: #000000; }
.navigation a,.navigation span { line-height: 20px; margin-left: 1px; margin-right: 1px; }

.type-classificados { border-bottom: 2px dotted #d0d0d0; overflow: hidden; padding: 40px 0px; width: 690px; position: relative; clear: both; margin-right: 10px; }
.type-classificados.last { border-bottom: none; }
.type-classificados .img { width: 220px; height: 180px; overflow: hidden; float: left; margin-right: 20px; }
.type-classificados .infos { width: 440px; float: left; }
.type-classificados .entry-header {  }
.type-classificados .entry-header h1 { font-family: "Rockwell"; font-size: 20px; color: #017880; margin:  0 0 12px  0 }
.type-classificados .entry-header h1 a { color: #017880; text-decoration: none; }
.type-classificados .addthis_toolbox { margin: 20px 0; clear: both; }    
.type-classificados .description { color: #868484; line-height: 1.6em; font-size: 12px; }
.type-classificados .description .date { color: #000; font-size: 10px; margin-bottom: 0px; }


.list .type-post { border-bottom: 2px dotted #d0d0d0; overflow: hidden; padding: 40px 0px; width: 690px; position: relative; clear: both; margin-right: 10px; }
.list .type-post.last { border-bottom: none; }
.list .type-post a { color: #000; }
.list .type-post .entry-header,.type-post .entry-meta { font-size: 10px; }

.list .type-post .entry-header h1 { font-family: "Rockwell"; font-size: 20px; color: #017880; margin:  0 0 12px  0 }
.list .type-post .entry-header h1 a { color: #017880; text-decoration: none; padding-right: 50px; }
.list .type-post .addthis_toolbox { margin: 20px 0; }    
.list .type-post .entry-summary { color: #868484; line-height: 1.6em; font-size: 12px; margin: 15px 120px 15px 0; }
.list .type-post .description .date { color: #000; font-size: 10px; margin-bottom: 0px; }


/* Comments link */
.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
	background-color: #1982d1;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}


.page h1 { margin: 0 0 15px 0; font-family: "Rockwell"; color: #017880; font-size: 28px; text-decoration: none; }
.page .entry-summary, .page .entry-content { color: #868484; }
.page .entry-summary a, .page .entry-content a { margin: 0 5px; text-decoration: none; color: #003768; font-weight: bold; }
/*.single .post .entry-meta { position: absolute; right: 10px; bottom: 15px; }
.single .post .entry-meta a { color: #c36921; text-decoration: none; font-size: 9px; }
.single .post .entry-meta a b { font-weight: bold; text-decoration: underline; }*/
.page .entry-meta { color: #000; font-size: 10px; }
.page .entry-meta a { color: #000; text-decoration: underline; font-weight: bold; font-size: 9px; }
.page .entry-meta a b { font-weight: bold; text-decoration: underline; }
.page .cat-title { background: #000; color: #FFF; padding: 2px 8px 2px 0; margin-bottom: 10px; display: inline-block; font-family: "Rockwell"; font-size: 12px; line-height: 12px; }
.page.has-title { height: 230px; background-image: url(../img/linha-post-menor.png); }
.page.bottom { border-bottom: none; }

.page-title { margin: 34px 0 15px 0; font-family: "Rockwell"; color: #017880; font-size: 28px; text-decoration: none; text-transform: uppercase; }
.page-title a { color: #017880; }
.page-title span { font-family: "Rockwell-Bold";  }

div.clear { clear: both; height: 0px; line-height: 0px; overflow: hidden; }

.type-proximos-eventos { border-bottom: 2px dotted #d0d0d0; overflow: hidden; padding: 40px 0px 15px; width: 690px; position: relative; clear: both; margin-right: 10px; }
.type-proximos-eventos.last { border-bottom: none; }
.type-proximos-eventos .date { 
float: left; margin: 0px 20px 20px 0px; font-family: "Rockwell-bold"; font-size: 28px; color: #FFF; border: 4px solid #f0f0f0; background: #000;
padding: 5px 8px;

}
.type-proximos-eventos h1 { font-family: "Rockwell"; font-size: 20px; color: #017880; margin:  0 0 12px  0 }
.type-proximos-eventos h1 a { color: #017880; text-decoration: none; }
.type-proximos-eventos .addthis_toolbox { margin: 20px 0; }    
.type-proximos-eventos .description { color: #868484; line-height: 1.6em; font-size: 12px; }
.type-proximos-eventos .description p { margin-bottom: 15px; }
.type-proximos-eventos .description .date { color: #000; font-size: 10px; margin-bottom: 0px; }

img.alignleft { margin-right: 15px; margin-bottom: 15px; float: left; }


b,strong { font-weight: bold !important; }
i,em { font-style: italic !important; }
.article-pagination{
	width: 660px;
	height: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.article-previous {
	float: left;
}
.article-next {
	float: right;		
}
.article-pagination-text1 {
	margin-left: 280px;
}
.article-pagination-text2 {
	margin-left: 260px;
}