/* 
Theme Name: Gracie Barra School
Version: 2.0
Description: Gracie Barra School
Author: Subito Creative
Author URI: http://subito.cr/
Tags: theme, wordpress, gracie, barra, brazilian, jiu-jitsu, subito, creative
*/

@import url(http://fonts.googleapis.com/css?family=Istok+Web:400,700);

/* reset Rafael Monroe */
* { margin:0px; padding:0px; border:0px; font-weight:normal; font-size:100%; list-style:none; line-height:1; outline:0px; background:none; }

/* global class */
.on { display:block; }
.off { display:none; }
.c438 { width:438px !important; }
.c667 { width:620px !important; padding:25px; background-color:#fff; }
.c960 { width:851px !important; padding:25px; background-color:#fff; }
.gbPage { width:667px !important; }
.gbPage h2#gbPageTitle { margin-top:5px; font-size:40px !important; color:#999 !important; text-transform:uppercase; letter-spacing:-1px; }
.noSlide { padding:15px 30px 20px 30px !important; }
.page { padding:60px 25px 25px 25px; }
.schedule { width:850px !important; }
.red { color:#900 !important; }
.clearfix { clear:both; }

::selection { background-color:#000; color:#fff; }

/* base */
html, body { height:100%; }
a { text-decoration:none; color:#1b1b1b; }
body { background:#eee url('images/bg.jpg') repeat-y center top; font:normal 12px 'Istok Web', sans-serif; color:#4d4d4d; cursor:default; }
small { font-size:12px; }

/* wrapper */
#wrapper { display:block; width:960px; height:auto; margin:0px auto; }

/* header */
header { position:relative; float:left; width:960px; height:191px; margin-top:31px; background:transparent url('images/comum/bgOpc.png') repeat; }
header h1 { position:absolute; top:35px; left:50%; z-index:1000; width:213px; height:220px; margin-left:-106px; text-indent:-9999em;
    /*background:transparent url('images/header/logo.png') no-repeat;*/  }
header h1 span { display:block; text-indent:-9999em }
header h1 img { display:block; width:213px; height:220px; }
#spanh1 {
    display:none;
}



/* header -> country */
nav#changeCountry { position:absolute; top:20px; left:30px; float:left; width:auto; }
nav#changeCountry li { float:left; width:24px; height:24px; margin-right:5px; background-image:url('images/header/bgCountry.png'); background-repeat:no-repeat; text-indent:-9999em; }
nav#changeCountry li a { display:block; width:24px; height:24px; }
nav#changeCountry li#countryUS { background-position:0px 0px; }
nav#changeCountry li#countryBR { background-position:-24px 0px; }

/* header -> menu */
#menu { position:absolute; bottom:0px; left:30px; width:900px; height:auto; padding:12px 0px 7px 0px; background:#81282e url('images/header/bgMenu.png') repeat-y; }
#menu nav { float:left; width:440px; padding-bottom:8px; }
#menu nav li { float:left; width:auto; border-right:1px solid #fff; }
#menu nav li a { display:block; width:auto; padding:2px 10px; color:#fff; }
#menu nav li a:hover  { text-decoration:underline; }
#menuLeft { float:left; width:440px; padding-left:10px; }
#menuRight { float:right; width:440px; padding-right:10px; }
#menuRight nav li { float:right; width:auto; }

/* header -> social */
header nav.social { float:right; width:auto; margin:25px 30px 0px 0px; }
header nav.social li { float:left; width:32px; height:32px; margin-left:5px; background:transparent url('images/comum/bgSocial.png') no-repeat; text-indent:-9999em; }
header nav.social li a { display:block; width:32px; height:32px; }
header nav.social li.socialFacebook { background-position:0px 0px; }
header nav.social li.socialTwitter { background-position:-32px 0px; }
header nav.social li.socialGPlus { display:none; background-position:-64px 0px; }
header nav.social li.socialFlickr { background-position:-96px 0px; }
header nav.social li.socialYoutube { background-position:-128px 0px; }

/* header -> search */
#headerSearch { position:absolute; bottom:80px; left:33px; width:330px; text-align:left; padding:0; }
#headerSearch span { float:left; width:auto; margin-top:8px; }
#headerSearch span a { color:#777; }
#headerSearch span a:hover { text-decoration:underline; }
#headerSearch form { margin:0; padding:0; margin-bottom:15px;}
#headerSearch fieldset legend { display:none; }
#headerSearch input#searchText { float:left; width:146px; height:19px; padding:0px 5px; background-color:#fff; color:#9a9a9a; text-transform:uppercase; font-size:10px; border:1px solid #cdcdcd; border-right:none;}
#headerSearch input#searchSubmit { float:left; width:21px; height:19px;  border:1px solid #cdcdcd; border-left:none;}

#headerSearch strong { float:left; width:211px; height:57px; background:transparent url('images/header/jjForEveryone.png') no-repeat; text-indent:-9999em; }

/* header -> info */
#headerInfo { position:absolute; bottom:80px; right:30px; width:330px; height:90px;}
#headerInfo span { float:right; width:auto; margin-top:8px; }
#headerInfo span a { color:#777; }
#headerInfo span a:hover { text-decoration:underline }
#headerInfo nav { float:right; padding:0; margin:0; margin-bottom:15px;}
#headerInfo nav ul { clear:both;}
#headerInfo nav ul li { float:right; margin-bottom:2px;}
.contato { clear:both; }
.contato li { text-align:right; margin-bottom:4px;}
.contato a { color:#9A1E20; text-decoration:none; margin-right: 8px; font-weight:bold;}
.contato a:hover { color:#650D0F; text-decoration:none; font-weight:bold;}
#headerInfo strong { font-weight:bold; }

/* featured */
nav#featured { position:relative; float:left; width:900px; height:auto; padding:16px 30px; background:transparent url('images/comum/bgOpc.png') repeat; }
nav#featured ul#featuredCycle { float:left; width:900px; height:385px; overflow:hidden; }
nav#featured ul#featuredCyclePag { position:absolute; top:36px; right:49px; z-index:1000; width:20px; height:auto; }
nav#featured ul#featuredCyclePag li.activeSlide, nav#featured ul#featuredCyclePag li.activeSlide:hover { opacity:1; }
nav#featured ul#featuredCyclePag li { float:left; width:20px; height:20px; margin-bottom:5px; background-color:#000; color:#fff; text-align:center; opacity:.25; text-indent:-9999em; }
nav#featured ul#featuredCyclePag li:hover { opacity:.6; text-indent:0px; }
nav#featured ul#featuredCyclePag li a { display:block; width:20px; height:20px; color:#fff; line-height:22px; }
nav#featured ul#featuredCyclePag li.activeSlide { background-color:#9A1E20; text-indent:0px; }

/* container */
section#container { float:left; width:900px; height:auto; margin-bottom:20px; padding:6px 30px 20px 30px; background:transparent url('images/comum/bgOpc.png') repeat; }

/* container -> leftColumn */
#leftColumn { float:left; width:210px; height:auto; margin-right:20px; }

/* container -> content */
#content { float:left; width:auto; height:auto; overflow:hidden; }
#content h1 { width:100%; height:auto; margin-bottom:20px; color:#000; font-size:30px; line-height:34px; }
#content h2 { width:100%; height:auto; margin-bottom:20px; color:#9A1E20; font-size:26px; line-height:30px; }
#content h3 { width:100%; height:auto; margin-bottom:20px; color:#9A1E20; font-size:22px; line-height:26px; }
#content h3 a { width:100%; }
#content h4 { width:100%; height:auto; margin-bottom:20px; color:#000; font-size:20px; line-height:24px;}
#content h5 { width:100%; height:auto; margin-bottom:20px; color:#000; font-size:18px; line-height:22px; }
#content h6 { width:100%; height:auto; margin-bottom:20px; color:#000; font-weight:bold; font-size:16px; line-height:20px; }
#content p { margin-bottom:21px; font-size:14px; line-height:22px; }
#content ul { height:auto; margin-bottom:20px; }
#content ul li { margin-left:20px; font-size:14px; line-height:22px; list-style-type:disc; }
#content ol { width:100%; height:auto; margin-bottom:20px; }
#content ol li { margin-left:20px; font-size:14px; line-height:22px; list-style-type:decimal; }
#content blockquote { float:left; width:554px; padding-left:60px; background:#fff url('images/container/single/blockquote.png') no-repeat; }
#content pre { float:left; width:100%; margin-bottom:10px; }
#content strong, #content strong a { font-weight:bold; }
#content em { font-style:italic; }
#content strong em, #content em strong { font-weight:bold; font-style:italic; }
#content table { float:left; width:100%; height:auto; padding:0px; margin-bottom: 20px; background-color: #ededed; }
#content table tr th { padding:10px; font-weight: bold; }
#content table thead td { padding:5px 0px; text-align:center; background-color:#ccc; }
#content table tbody td { padding:10px; background-color: #fff; line-height: 20px;}
#content table.schedule tbody td { text-align:center; color:#000; }
#content a { color:#1A3A6B; }
#content a:hover { color:#0071BB; }
#content time { float:left; width:100%; margin-bottom:20px; color:#ababad; text-transform:uppercase; }
#content .editPage { float:left; width:100%; margin: 0; font-size:10px; text-transform: uppercase; text-align: right; }
#content .editPage a { background-color: #999; padding: 4px 6px; color: white !important; }
#content .editPage a:hover { background-color: #666; }
#content .wp-caption { width:auto; margin:20px 0px; overflow:hidden; }
#content .alignright { float:right; width:auto; margin:0px 0px 20px 20px; }
#content .alignleft { float:left; width:auto; margin:0px 20px 20px 0px; }
#content .wp-caption img { width:100%; height:auto; }
#content .wp-caption .wp-caption-text { float:left; width:95%; margin:-2px 0px 0px 0px; padding:10px 30px 10px 10px; font-size:13px; line-height:16px; background-color:#eee; color:#000; }

/* container -> content -> form */
#content input { border:1px solid #ddd; color:#4d4d4d; font-size:12px; line-height:20px; padding:2px 5px; }
#content textarea { border:1px solid #ddd; font:normal 12px 'Istok Web', sans-serif; color:#4d4d4d; padding:2px 3px; }
#content select { border:1px solid #ddd; color:#4d4d4d; font-size:12px; line-height:20px; padding:2px; }
#content input[type="submit"] { margin:10px 17px 10px 0px; background-color:#666; border:none; color:white; cursor:pointer; padding:4px 15px; text-transform:uppercase; }
#content .wpcf7-form label { width:150px; float:left; text-align:right; margin-right:15px; color:#121212; font-size:12px; line-height:16px; }
#content .wpcf7-form input { float:left; margin-bottom:7px; }
#content .wpcf7-form .wpcf7-text { width:60%; }
#content .wpcf7-form textarea { width:404px; height:80px; }
#content .wpcf7-form p { margin-bottom:6px !important; }
#content .wpcf7-form .formWarning { margin-left:165px; font-size: 12px; font-style:italic; color:#C00; }
#content .wpcf7-form input.wpcf7-submit { margin-left:165px; }
#content .wpcf7-form small { display:block; clear: both; width:400px; margin:0 0 30px 165px; color:#777; font-style:italic; font-size:11px; line-height:14px; }
#content #wpcf7-f614-p1070-o1 .wpcf7-form label { width:180px; }
#content #wpcf7-f614-p1070-o1 .wpcf7-form small, #content #wpcf7-f614-p1070-o1 .wpcf7-form .formWarning, #content #wpcf7-f614-p1070-o1 .wpcf7-form input.wpcf7-submit { margin-left:195px; }
#content .wpcf7-form .wpcf7-form-control-wrap { height:20px; }
#content .wpcf7-form .wpcf7-not-valid-tip { display:block; position:relative; left: 165px; clear:both; }

/* container -> content -> become */
#content h2.welcome { font-size: 48px; color: #9A1E20; }
#content ul.benefitsList li { list-style:none; font-size: 16px; line-height: 28px; background:url(images/comum/list.png) no-repeat ; padding-left: 30px; }

/* container -> content -> programs */
#content .programQuotes { margin: 10px 0 15px; }
#content .programQuotes p { font-size: 20px; line-height: 24px; color: #9A1E20; }
#content .programImage { margin:0px 10px 10px 0px; }
#content div.joinNow { float: left; width: 590px; padding: 15px; margin-bottom: 20px; background: #9A1E20; font-size: 28px; text-align: center; }
#content div.joinNow a { color:#fff !important; }
#content div.findSchool { float: left; width: 590px; padding: 15px; margin-bottom: 20px; background: #9A1E20; font-size: 28px; text-align: center; }
#content div.findSchool a { color:#fff !important; }

/* container -> content -> testimonials */
#content .testimonials { width: 390px; }

/* container -> content -> breadcrumb */
ul#breadcrumb { float:left; width:100%; height:auto; margin-left:-7px; }
ul#breadcrumb li { clear:none; float:left; width:auto; margin:0px; font-size:10px; text-transform:uppercase; list-style-type:none !important; color:#ccc; }
ul#breadcrumb li a { padding:0px 7px; color:#aaa !important; }
ul#breadcrumb li a:hover { color:#666 !important; }

/* container -> content -> gbAssociationNews / gbInteractiveNews */
#gbAssociationNews, #gbInteractiveNews { position:relative; float:left; width:617px; height:auto; margin-bottom:25px; padding:25px; background-color:#fff; }
#gbAssociationNews h3, #gbInteractiveNews h3 { position:absolute; top:26px; right:25px; float:none; width:auto; margin:0px; font-size:42px; color:#ccc; text-transform:uppercase; letter-spacing: -2px; }
#gbAssociationNews figure, #gbInteractiveNews figure { float:left; width:420px; height:280px; overflow:hidden; }
#gbAssociationNews figure img, #gbInteractiveNews figure img { width:420px; height:auto; }
#gbAssociationNews figcaption, #gbInteractiveNews figcaption { float:left; width:182px; height:133px; margin:106px 0px 0px 15px; }
#gbAssociationNews figcaption time, #gbInteractiveNews figcaption time { float:none; width:182px; height:auto; font-size:11px; }
#gbAssociationNews figcaption h4, #gbInteractiveNews figcaption h4 { float:left; width:182px; height:auto; margin:0px; font-size:24px; }
#gbAssociationNews figcaption h4 strong, #gbInteractiveNews figcaption h4 strong { display:table-cell; width:182px; height:133px; vertical-align:bottom; }
#gbAssociationNews figcaption h4 a, #gbInteractiveNews figcaption h4 a { display:block; width:182px; height:133px; height:auto; padding-top:5px; font-weight:normal; line-height:25px; }
#gbAssociationNewsExcerpt, #gbInteractiveNewsExcerpt { float:left; width:620px; height:auto; margin-top:15px; }
#gbAssociationNewsExcerpt p, #gbInteractiveNewsExcerpt p { float:none; display:inline; font-size:12px; line-height:16px; }
#gbAssociationNewsExcerpt a, #gbInteractiveNewsExcerpt a { float:none; font-size:12px; color:#9A1E20; }
#gbAssociationNewsExcerpt a:hover, #gbInteractiveNewsExcerpt a:hover { color:#650d0f; }

/* container -> content -> gbAssociationNews -> gbInteractiveContainer */
#gbInteractiveContainer { float:left; width:667px; height:auto; }

/* container -> content -> gbAssociationNews -> gbInteractiveContent */
#gbInteractiveContent { float:left; width:436px; height:auto; }

/* container -> content -> gbLearning */
#gbLearning { float:left; width:436px; height:auto; margin:15px 0px; padding:10px; background-color:#fff; }
#gbLearning h2 { float:left; width:416px; height:auto; margin-bottom:8px; text-transform:uppercase; color:#ccc; font-size:28px; text-align:right; }
#gbLearning h2 a { color:#e6e6e6; }
#gbLearning h2 a:hover { color:#ccc; }
#gbLearning figure { float:left; width:416px; height:263px; overflow:hidden; }
#gbLearning figure img { width:416px; height:auto; }
#gbLearning h3 { float:left; width:416px; margin:15px 0px; }
nav#gbLearningList { float:left; width:416px; height:auto; }
nav#gbLearningList li { float:left; width:416px; margin:0px; list-style-type:none; }
nav#gbLearningList li a { display:block; width:416px; padding:3px 0px; font-size:13px; }
span#gbLearningMore { float:left; width:416px; height:auto; margin:0px; font-size:16px; text-align:center; }
span#gbLearningMore a { display:block; width:416px; margin-top:20px; color:#9A1E20; }
span#gbLearningMore a:hover { color:#650d0f; }

/* container -> content -> gbLearningList */
nav#gbInteractiveList { float:left; width:416px; height:auto; padding:10px; background-color:#fff; }
nav#gbInteractiveList h3 { margin-bottom: 15px; font-size: 17px; }
nav#gbInteractiveList li { float:left; width:416px; height:auto; margin:5px 0 10px 5px; list-style-type:none; }
nav#gbInteractiveList li figure { float:left; width:80px; height:80px; background-color:#fff; overflow:hidden; }
nav#gbInteractiveList li figure img { width:auto; height:80px; }
nav#gbInteractiveList li span { float:right; width:320px; height:auto; margin-left:15px; }
nav#gbInteractiveList li span time { float:left; width:291px; height:auto; margin:0px 0px 10px 0px; font-size:10px; }
nav#gbInteractiveList li span small { float:left; width:291px; height:auto; }
nav#gbInteractiveList li span small p { display:inline; line-height:16px; font-size:12px; }
nav#gbInteractiveList li span small a { display:inline; color:#9A1E20; }
nav#gbInteractiveList li span small a:hover { color:#650d0f; }
span#gbInteractiveMore { float:left; width:416px; height:auto; margin:0px; font-size:16px; text-align:center; }
span#gbInteractiveMore a { display:block; width:416px; margin-top:20px; color:#9A1E20; }
span#gbInteractiveMore a:hover { color:#650d0f; }

/* container -> content -> gbAssociationList */
nav#gbAssociationList { float:left; width:617px; height:auto; padding:25px; background-color:#fff; }
nav#gbAssociationList li { float:left; width:617px; height:auto; margin:0 0 20px 0; list-style-type:none; }
nav#gbAssociationList h3 { margin-bottom: 15px; font-size: 18px; }
nav#gbAssociationList li figure { float:left; width:110px; height:110px; background-color:#ccc; overflow:hidden; }
nav#gbAssociationList li figure img { width:auto; height:110px; }
nav#gbAssociationList li span { float:right; width:492px; height:auto; margin-left:15px; }
nav#gbAssociationList li span time { float:left; width:492px; height:auto; margin:0px 0px 10px 0px; font-size:10px; }
nav#gbAssociationList li span small { float:left; width:492px; height:auto; }
nav#gbAssociationList li span small p { display:inline; line-height:16px; font-size:12px; }
nav#gbAssociationList li span small a { display:inline; color:#9A1E20; }
nav#gbAssociationList li span small a:hover { color:#650d0f; }
span#gbAssociationMore { float:left; width:617px; height:auto; margin:0px; font-size:16px; text-align:center; }
span#gbAssociationMore a { display:block; width:617px; color:#9A1E20; }
span#gbAssociationMore a:hover { color:#650d0f; }

/* archive / category */
.archivePage h2, .categoryPage h2 { float:left; width:667px; height:auto; margin-bottom:25px !important; padding-bottom:25px; border-bottom:1px solid #ccc; }
nav#gbArchiveList, nav#gbCategoryList { float:left; width:617px; height:auto; background-color:#fff; }
nav#gbArchiveList li, nav#gbCategoryList li { float:left; width:617px; height:auto; margin:0px 0px 25px 0px; list-style-type:none; }
nav#gbArchiveList li figure, nav#gbCategoryList li figure { float:left; width:110px; height:110px; overflow:hidden; }
nav#gbArchiveList li figure img, nav#gbCategoryList li figure img { width:auto; height:110px; }
nav#gbArchiveList li span, nav#gbCategoryList li span { float:right; width:492px; height:auto; margin:0px 0px 0px 15px; }
nav#gbArchiveList li span time, nav#gbCategoryList li time { float:left; width:492px; height:auto; margin:10px 0px 20px 0px; font-size:12px; }
nav#gbArchiveList li span p, nav#gbCategoryList li p { float:left; width:492px; height:auto; margin:0px; font-size:12px; line-height:16px; }

/* container -> content -> iframe */
#iframe { float:left; width:851px; }
#iframe iframe { display:block; width:851px; height:100%; }

/* container -> content -> result */
.result { float:left; width:100%; padding-top:15px; border-top:1px solid #ccc; }

/* container -> content -> resultSearchForm */
#resultSearchForm { float:left; width:100%; height:auto; margin-bottom:35px; }
#resultSearchForm fieldset { float:left; width:100%; height:auto; }
#resultSearchForm fieldset input#searchInputText { float:left; width:300px; height:25px; margin-right:10px; padding:0px 5px; border:1px solid #ccc; color:#666; }
#resultSearchForm fieldset input#searchInputSubmit { float:left; width:auto; height:27px; margin-top:0; padding:0px 30px; background-color:#666; color:#fff; cursor:pointer; }

/* container -> content -> comment */
#comment { float:left; width:100%; height:auto; margin-top:20px; padding-top:30px; border-top:1px solid #ccc; }
#comment a { color:#0071bb; }
#commentTemplate { float:left; width:100%; }
#commentTemplate h3 { float:left; width:100%; height:auto; margin-bottom:30px; font-size:16px; }
ol.commentlist { float:left; width:617px; height:auto; }
ol.commentlist li { float:left; width:577px !important; height:auto; margin:0px 0px 20px 0px !important; padding:20px; border:1px solid #ccc; list-style-type:none !important; }
ol.commentlist li.comment-author-gbarra { background-color:#ededed; }
ol.commentlist li p { float:left; width:577px; margin:10px 0px; font-size: 12px !important; line-height: 22px !important; }
ol.commentlist li ul { float:left; width:577px; margin:20px 0px 0px 0px; }
ol.commentlist li ul li {padding:20px 0px 0px 0px; border:none; border-top:1px dotted #ccc; list-style-type:none !important; }
#respond { float:left; width:577px; border:1px solid #bbb; padding:20px; background:#fff url('images/container/comment/bgComment.png') bottom left repeat-x; }
#respond input { width:200px; padding:10px; background-color:#fff; border:1px solid #949494; color:#666; }
#respond textarea { width:555px; padding:10px; background-color:#fff; border:1px solid #949494; color:#666; }
#respond #submit { float:right; width:auto; margin-top:16px; padding:10px; background-color:#333; border:none; color:#fff; text-transform:uppercase; cursor:pointer; }
#commentTemplate p.comment-subscription-form { margin-bottom:10px; }
#commentTemplate #subscribe_comments { margin-top:20px; }
.reply { float:left; width:577px; text-align:right; }
.vcard { float:left; width:577px; }
.vcard img { float:left; width:48px; height:48px; margin-right:10px; }
.vcard cite { float:left; width:519px; margin:8px 0px; font-size:14px; color:#0071bb; font-style:normal; font-weight:bold; }
.vcard cite a { font-weight:bold; }
.vcard span { display:none; }
.comment-meta a { color:#666 !important; }
.comment-meta a:hover { color:#333 !important; }

.navigation { display:none; }
.comment-awaiting-moderation { float:left; width:577px; margin-top:3px; font-size:10px; color:#999; text-align:right; }

/* container -> content -> gallery */
.gallery { float:left; width:100%; margin-bottom: 20px !important;}
.gallery img { border:none !important; }
.gallery .gallery-caption { padding:10px 5px; }
.gallery-icon img { width:95%; height:auto; }

/* container -> content -> nav */
nav#nav { float:left; width:617px; height:auto; margin-top:20px; }
nav#nav li { position:relative; clear:none; margin:0px; list-style-type:none !important; }
nav#nav li#navLeft { float:left; width:300px; }
nav#nav li#navRight { float:right; width:300px; text-align: right; }
nav#nav li#navThumbLeft { float:left; width:110px; height:110px; }
nav#nav li#navThumbLeft span { display:none; position:absolute; top:0px; left:0px; z-index:10; }
nav#nav li#navThumbRight { float:right; width:110px; height:110px; }
nav#nav li#navThumbRight span { display:none; position:absolute; top:0px; left:0px; z-index:10; }
nav#nav li#navThumbExcerpt { float:left; width:377px; padding:10px 10px 0px 10px; text-align:center; }

/* container -> content -> navPost */
nav#navPost { float:left; width:617px; height:auto; margin-top:20px; }
nav#navPost li#returnPost { float:left; width:617px; margin:0px; list-style-type:none; }

/* container -> content -> social */
#singleSocial { float:left; width:100%; height:auto; margin-bottom:30px; padding:25px 0px 3px 0px; border-bottom:1px solid #ccc; }
#singleSocialComment { float:left; width:auto; padding:0px 15px 3px 0px; }
#singleSocialComment big { float:left; width:15px; height:13px; margin-top:7px; padding-left:20px; background:transparent url('images/container/social/bgComment.png') no-repeat; font-size:11px; text-align:center; line-height:14px; }
#singleSocialLike { float:left; width:auto; height:25px; margin-top:4px; }
#singleSocialGPlus { float:left; width:82px; height:28px; margin-top:4px; }
#singleSocialTwitter { float:left; width:auto; height:26px; margin-top:4px; }
#singleSocialShare { float:right; width:80px; margin-top:8px; text-align:right; }

/* container -> content -> pageList */
#contentPageList { float:left; width:578px; height:auto; margin-top: 30px; padding:20px 20px 15px; background-color:#fff; border-top:1px solid #ddd; overflow:hidden; }
#contentPageList h3 { float:left; width:578px; height:auto; margin-bottom:5px; font-size:16px; text-transform:uppercase; color:#666; }
#contentPageList li { float:left; width:600px; height:auto; margin-left:18px; list-style-type:disc; color:#ddd; }
#contentPageList li a { display:block; width:600px; padding:5px; font-size:13px; }
#contentPageList li ul { width:600px; margin-left:-6px; text-indent:13px; }
#contentPageList li ul li { width:600px; border-left:1px dotted #ccc; list-style-type:none; }

/* container -> rightColumn */
#rightColumn { float:right; width:210px; height:auto; margin-left:20px; }

/* content -> gbNews */
#gbNews { position:relative; float:left; width:420px; height:auto; padding:10px 10px 30px 10px; background-color:#fff; }
#gbNews h2 { position:absolute; top:10px; right:10px; text-align:right; text-transform:uppercase; font-size:42px;}
#gbNews h2 a { color:#bbb; }
#gbNews h2 a:hover { color:#999; }
#gbNews figure { float:left; width:210px; height:140px; overflow:hidden; }
#gbNews figure img { width:210px; height:auto; }
#gbNews h3 { float:left; position: relative; clear: none; width:200px; height: 100px; margin:40px 0px 0px 10px; font-size:18px; }
#gbNews h3 a { display:block; position: absolute; bottom: 0; width:100%; line-height:22px; }
#gbNews strong { position:absolute; bottom:10px; right:10px; }
#gbNews strong a { color:#9A1E20; }
#gbNews strong a:hover { color:#650d0f; }
#gbNews nav { float:left; width:430px; height:auto; margin-top:10px; }
#gbNews nav li { float:left; width:400px; height:auto; font-size:13px; line-height:18px; }
#gbNews nav li a { padding-bottom:3px; }

#gbNewsSchool { position:relative; float:left; width:420px; height:auto; padding:10px 10px 30px 10px; background-color:#fff; margin-bottom:20px;}
#gbNewsSchool h2 { position:absolute; top:10px; right:10px; text-align:right; text-transform:uppercase; font-size:42px; }
#gbNewsSchool h2 a { color:#bbb; }
#gbNewsSchool h2 a:hover { color:#999; }
#gbNewsSchool figure { float:left; width:210px; height:140px; overflow:hidden; }
#gbNewsSchool figure img { width:210px; height:auto; }
#gbNewsSchool h3 { float:left; position: relative; clear: none; width:200px; height: 100px; margin:40px 0px 0px 10px; font-size:18px; }
#gbNewsSchool h3 a { display:block; position: absolute; bottom: 0; width:100%; line-height:22px; }
#gbNewsSchool strong { position:absolute; bottom:10px; right:10px; }
#gbNewsSchool strong a { color:#9A1E20; }
#gbNewsSchool strong a:hover { color:#650d0f; }
#gbNewsSchool nav { float:left; width:430px; height:auto; margin-top:10px; }
#gbNewsSchool nav li { float:left; width:400px; height:auto; font-size:13px; line-height:18px; }
#gbNewsSchool nav li a { padding-bottom:3px; }

/* content -> barraTechnique 
#barraTechnique { position:relative; float:left; width:420px; height:auto; margin:20px 0px; padding:10px 10px 30px 10px; background-color:#fff; }
#barraTechnique h2 { float:left; width:420px; height:auto; margin-bottom:8px; text-transform:uppercase; font-size:38px; text-align:left; }
#barraTechnique h2 a { color:#bbb; }
#barraTechnique h2 a:hover { color:#999; }
#barraTechnique h3 { float:left; position: relative; width:220px; height:130px; margin-bottom: 5px; background-color:#efefef; text-align:right; font-size:20px; line-height:22px; }
#barraTechnique h3 a { position: absolute; bottom: 10px; right: 10px; width:200px; }
#barraTechnique figure { float:left; width:198px; height:130px; overflow:hidden; }
#barraTechnique figure img { width:196px; height:auto; }
#barraTechnique strong { position:absolute; bottom:10px; right:10px; }
#barraTechnique strong a { color:#9A1E20; }
#barraTechnique strong a:hover { color:#650d0f; }
#barraTechnique nav { float:left; width:430px; height:auto; margin-top:10px; }
#barraTechnique nav li { float:left; width:400px; height:auto; font-size:13px; line-height:18px; }
#barraTechnique nav li a { padding-bottom:3px; } */

/* content -> barraGbNews */
#pageGbNews { position:relative; float:left; width:420px; height:auto; margin:0; padding:10px 10px 30px 10px; background-color:#fff; }
#pageGbNews h2 { float:left; width:420px; height:auto; margin-bottom:0px; text-transform:uppercase; font-size:30px; text-align:right; }
#pageGbNews h2 a { color:#bbb; }
#pageGbNews h2 a:hover { color:#999; }
#pageGbNews h3 { float:left; position: relative; width:220px; height:130px; margin-bottom: 5px; background-color:#efefef; text-align:right; font-size:20px; line-height:22px; }
#pageGbNews h3 a { position: absolute; bottom: 10px; right: 10px; width:200px; }
#pageGbNews figure { float:left; width:198px; height:130px; overflow:hidden; }
#pageGbNews figure img { width:196px; height:auto; }
#pageGbNews strong { position:absolute; bottom:10px; right:10px; }
#pageGbNews strong a { color:#9A1E20; }
#pageGbNews strong a:hover { color:#650d0f; }
#pageGbNews nav { float:left; width:430px; height:auto; margin-top:10px; }
#pageGbNews nav li { float:left; width:400px; height:auto; font-size:13px; line-height:18px; }
#pageGbNews nav li a { padding-bottom:3px; }

/* content -> barraLearning */
#pageGbLearning { position:relative; float:left; width:420px; height:auto; margin:20px 0px; padding:10px 10px 30px 10px; background-color:#fff; }
#pageGbLearning h2 { float:left; width:420px; height:auto; margin-bottom:0px; text-transform:uppercase; font-size:30px; text-align:right; }
#pageGbLearning h2 a { color:#bbb; }
#pageGbLearning h2 a:hover { color:#999; }
#pageGbLearning h3 { float:left; position: relative; width:220px; height:130px; margin-bottom: 5px; background-color:#efefef; text-align:right; font-size:20px; line-height:22px; }
#pageGbLearning h3 a { position: absolute; bottom: 10px; right: 10px; width:200px; }
#pageGbLearning figure { float:left; width:198px; height:130px; overflow:hidden; }
#pageGbLearning figure img { width:196px; height:auto; }
#pageGbLearning strong { position:absolute; bottom:10px; right:10px; }
#pageGbLearning strong a { color:#9A1E20; }
#pageGbLearning strong a:hover { color:#650d0f; }
#pageGbLearning nav { float:left; width:430px; height:auto; margin-top:10px; }
#pageGbLearning nav li { float:left; width:400px; height:auto; font-size:13px; line-height:18px; }
#pageGbLearning nav li a { padding-bottom:3px; }


/* content -> contentFlickr */
#contentFlickr { float:left; width:428px; height:120px; margin-bottom:20px; padding:10px 0px 10px 10px; background-color:#fff; }
#contentFlickr h2 { float:left; width:420px; height:auto; margin-bottom:10px; text-transform:uppercase; font-size:26px; text-align:center; }
#contentFlickr h2 a { color:#bbb; }
#contentFlickr h2 a:hover { color:#999; }
nav#contentFlickrList { float:left; width:428px; height:120px; }
nav#contentFlickrList li { clear:none; float:left; width:75px; height:75px; margin:0px 10px 10px 0px; overflow:hidden; }

/* content -> contentSocial */
#contentSocial { float:left; width:440px; height:auto; padding-bottom:20px;}
#contentSocial h3, #contentSocial h4 { float:none; width:auto; margin:0px; }

/* content -> contentSocial -> contentSocialFacebook */
#contentSocialFacebook { float:left; width:190px; height:375px; margin-right:20px; padding:10px; background-color:#fff; overflow:hidden; }

/* content -> contentSocial -> contentSocialTwitter */
#contentSocialTwitter { float:left; width:190px; height:375px; padding:10px; background-color:#fff; overflow:hidden; }
#contentSocialTwitter h3, #contentSocialTwitter h4 { float:none; clear:none !important; }
#contentSocialTwitter #twtr-widget-1 .twtr-tweet p { color:#4d4d4d !important; }
#contentSocialTwitter #twtr-widget-1 .twtr-tweet a:hover { text-decoration:none !important; color:#0071bb !important; }
#contentSocialTwitter #twtr-widget-1 .twtr-tweet a.twtr-user { font-weight:bold; color:#9a1e20 !important; }
#contentSocialTwitter #twtr-widget-1 .twtr-tweet a.twtr-user:hover { color:#650d0f !important; } 
#contentSocialTwitter #twtr-widget-1 .twtr-tweet em { margin: 8px 0; font-style:normal; }
#contentSocialTwitter #twtr-widget-1 .twtr-tweet em a { color:#999 !important; }
#contentSocialTwitter #twtr-widget-1 .twtr-tweet em a:hover { color:#666 !important; }
#contentSocialTwitter p { font-size:11px !important; }
.twtr-ft { display:none; }

/* content -> pagenavi */
.pagenavi { float:left; width:100%; margin-top:35px; }
.pagenavi span { float:none !important; width:auto !important; margin:0px !important; color:#fff; }

/* aside -> becomeMember */
#becomeMember { position:relative; float:left; width:208px; height:auto; margin-bottom:91px; padding-bottom:100px; background:#fff url('images/comum/bgBlock.png') repeat-x bottom left; border:1px solid #cacaca; }
#becomeMember h2 { float:left; width:172px; height:auto; padding:18px; background-color:#9a1e20; color:#fff; font-size:26px; }
#becomeMember h2 a { color:#fff; }
#becomeMember h2 a:hover { color:#ededed; }
#becomeMember nav { float:left; width:208px; height:auto; }
#becomeMember nav li { float:left; width:208px; height:auto; border-bottom:1px solid #cacaca; text-transform:uppercase; text-indent:18px; }
#becomeMember nav li a { display:block; width:208px; height:auto; padding:8px 0px; }
#becomeMember nav li a:hover { color:#fff; background-color:#999; }
#becomeMember img#becomeMemberGirl { position:absolute; bottom:-70px; left:0px;}

/* aside -> School */
#school { position:relative; float:left; width:208px; height:auto; margin-bottom:91px; padding-bottom:100px; background:#fff url('images/comum/bgBlock.png') repeat-x bottom left; border:1px solid #cacaca; }
#school h2 { float:left; width:172px; height:auto; padding:18px; background-color:#9a1e20; color:#fff; font-size:26px; }
#school h2 a { color:#fff; }
#school h2 a:hover { color:#ededed; }
#school nav { float:left; width:208px; height:auto; }
#school nav li { float:left; width:208px; height:auto; border-bottom:1px solid #cacaca; text-transform:uppercase; text-indent:18px; }
#school nav li a { display:block; width:208px; height:auto; padding:8px 0px; }
#school nav li a:hover { color:#fff; background-color:#999; }
#school img#schoolFront { position:absolute; bottom:-57px; left:0px; }


/* aside -> moreAbout */
#moreAbout { position:relative; float:left; width:208px; height:auto; margin-bottom:90px; padding-bottom:100px; background:#fff url('images/comum/bgBlock.png') repeat-x bottom left; border:1px solid #cacaca; }
#moreAbout h2 { float:left; width:172px; height:auto; padding:18px; background-color:#9a1e20; color:#fff; font-size:26px; }
#moreAbout h2 a { color:#fff; }
#moreAbout h2 a:hover { color:#ededed; }
#moreAbout nav { float:left; width:208px; height:auto; }
#moreAbout nav li { float:left; width:208px; height:auto; border-bottom:1px solid #cacaca; text-transform:uppercase; text-indent:18px; }
#moreAbout nav li a { display:block; width:208px; height:auto; padding:8px 0px; }
#moreAbout nav li a:hover { color:#fff; background-color:#999; }
#moreAbout img#moreAboutKids { position:absolute; bottom:-70px; left:0px; }

/* aside -> gbAssociation */
#gbAssociation { float:left; width:208px; height:auto; margin-bottom:21px; border:1px solid #cacaca; overflow:hidden; }
#gbAssociation h2 { float:left; width:172px; height:auto; margin:0px; padding:18px; background-color:#9a1e20; color:#fff; font-size:24px; }
#gbAssociation h2 a { color:#fff; }
#gbAssociation h2 a:hover { color:#ededed; }
#gbAssociation nav { float:left; width:208px; height:auto; background-color:#fff; }
#gbAssociation nav ul { margin:0px; }
#gbAssociation nav li { float:left; width:208px; height:auto; margin:0px; border-bottom:1px solid #cacaca; text-transform:uppercase; font-size:12px; text-indent:18px; list-style-type:none; }
#gbAssociation nav li a { display:block; width:208px; height:auto; padding:8px 0px; color:#1B1B1B; }
#gbAssociation nav li a:hover { color:#fff; background-color:#999; }
#gbAssociation figure { float:left; width:210px; height:169px; }
#gbAssociation figure img { width:auto; height:169px; }
#gbAssociation h3 { float:left; width:171px; margin:0px; padding:10px 19px 10px 18px; background:#fff url('images/comum/bgBlock.png') repeat-x bottom left; font-size:14px; }
#gbAssociation h3 a { display:block; width:171px; height:auto; line-height:18px; color:#1A3A6B; }
#gbAssociation h3 a:hover { color:#0071BB; }

/* aside -> gbWear */
.gbWear { float:left; width:208px; height:auto; margin-bottom:20px; }

/* aside -> gbAssociationBanner */
.gbAssociationBanner { float:left; width:208px; height:auto; }
.gbAssociationBanner img { margin-bottom:20px; }

/* aside -> box */
.box { float:left; width:208px; height:auto; margin-bottom:21px; }
.box h2 { float:left; width:172px; height:auto; padding:18px; background-color:#9a1e20; color:#fff; font-size:26px; }

/* aside -> box -> fieldset */
.box fieldset { float:left; width:186px; height:auto; padding:15px 10px 10px 10px; background:#fff url('images/comum/bgBlock.png') repeat-x bottom left; border:1px solid #cacaca; }
.box fieldset label { float:left; width:186px; height:auto; margin-bottom:15px; }
.box fieldset label strong { float:left; width:186px; height:auto; margin-bottom:5px; font-size:14px; color:#333; }
.box fieldset label select { float:left; width:186px; height:auto; cursor:pointer; border:1px solid #cdcdcd; }
 
/* aside -> gbNewsletter */
#gbNewsletter { float:left; width:208px; height:auto; margin-bottom:21px; background:#fff url('images/comum/bgBlock.png') repeat-x bottom left; border:1px solid #cacaca; }
#gbNewsletter h2 { float:left; width:172px; height:auto; padding:18px; background-color:#9a1e20; color:#fff; font-size:26px; }
#gbNewsletter legend { float:left; width:190px; margin:15px 0px 5px; color:#000; font-size:14px; line-height: 18px; }
#gbNewsletter h2 a { color:#fff; }
#gbNewsletter h2 a:hover { color:#ededed; }
#gbNewsletter fieldset { float:left; width:190px; height:auto; margin-left:18px; }
#gbNewsletter fieldset input { width:161px; height:30px; margin-top:10px; padding:0px 5px; background-color:#fff; border:1px solid #cdcdcd; color:#848484; font-size:12px; line-height:20px; }
#gbNewsletter fieldset input#gbNewsletterSubmit { float:right; width:auto; margin:10px 17px 10px 0px; padding: 0 10px; background-color:#999; border:none; color:#fff; cursor:pointer; }

/* aside -> compNet */
#compNet { position:relative; float:left; width:208px; height:auto; margin-bottom:145px; padding-bottom:70px; background:#fff url('images/comum/bgBlock.png') repeat-x bottom left; border:1px solid #cacaca; }
#compNet h2 { float:left; width:172px; height:auto; padding:18px; background-color:#9a1e20; color:#fff; font-size:24px; }
#compNet h2 a { color:#fff; }
#compNet h2 a:hover { color:#ededed; }
#compNet nav { float:left; width:208px; height:auto; }
#compNet nav li { float:left; width:208px; height:auto; border-bottom:1px solid #cacaca; text-transform:uppercase; text-indent:18px; }
#compNet nav li a { display:block; width:208px; height:auto; padding:8px 0px; }
#compNet nav li a:hover { color:#fff; background-color:#999; }
#compNet img#compNetImg { position:absolute; bottom:-150px; left:0px; }

/* footer */
footer { position:relative; float:left; width:900px; height:270px; margin-bottom:15px; padding:30px 30px 0px 30px; background:#1a3a6b no-repeat;; color:#fff; }
footer a { color:#fff; }
footer .copyright { position:absolute; bottom:30px; left:30px; width:600px; font-size:10px; line-height: 14px; }
footer .copyright a:hover { text-decoration:underline; }
footer strong { font-weight: bold; text-transform: uppercase; }
footer nav { float:left; width:auto; }
footer nav#footerBecomeMember { width:20%; }
footer nav#footerGeneralInfo { width:20%; }
footer nav#footerGbInteractive { width:20%; }
footer nav#footerGbAssociation { width:20%; }
footer nav#footerCompNet { width:20%; }
footer nav h6 { float:left; width:100%; margin-bottom:10px; font-size:16px; font-weight: bold; }
footer nav h6 a:hover { text-decoration:underline; }
footer nav li { float:left; width:100%; font-size:12px; }
footer nav li a { display:block; width:100%; padding:1px 0px; }
footer nav li a:hover { text-decoration:underline; }

/* footer -> social */
footer nav.social { position:absolute; bottom:30px; right:30px; }
footer nav.social li { float:left; width:32px; height:32px; margin-left:5px; background:transparent url('images/comum/bgSocial.png') no-repeat; text-indent:-9999em; }
footer nav.social li a { display:block; width:32px; height:32px; }
footer nav.social li.socialFacebook { background-position:0px 0px; }
footer nav.social li.socialTwitter { background-position:-32px 0px; }
footer nav.social li.socialGPlus { display:none; background-position:-64px 0px; }
footer nav.social li.socialFlickr { background-position:-96px 0px; }
footer nav.social li.socialYoutube { background-position:-128px 0px; }

/* footer -> freeclass and gbwear */
#freeClass, #shopStore { background: url('images/BG-Gray60.png') repeat scroll 0 0 transparent; width:410px; min-height:250px; padding:20px 30px; float:left; margin-bottom:20px; font-size:14px; color:#000; }
#freeClass { margin-right:20px; float:left;}
#freeClass p { width: 180px; float: left; line-height: 20px;}
#shopStore strong{ font-weight: bold; font-size: 18px; }
#freeClass strong { font-weight:bold; }
#shopStore { float:left; }
#shopStore p { line-height: 20px; }
#freeClass h1, #shopStore h1 { font-size:36px; color:#000; padding-bottom:15px; }
.formFreeClass { width:200px; float:right; }
.formFreeClass label{ font-size:11px; }
input.fieldFreeClass { background-color:#fff; padding:3px; color:#000; margin:3px 0 ; clear:both; font-size:11px;width:200px; }
input.sendFreeClass { color:#fff; background-color:#666666; padding:3px; float:right; font-size:12px;width:70px; }
#freeClassSend{ margin-top:15px; font-size:11px; }

strong span { font-weight: bold; }
.size-thumbnail { margin: 0 10px 10px 0 !important; }