/*
	HTML5 WEB LAYOUT CSS RULES
	www.bubiblomer.com
	by bubi blomer
*/
body { background:#68503c url(/images/bgBody-brown.png) repeat-x; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
#wrapper { width:990px; }

/* No payment hide all */
/* #nav, #footer { display: none; } */
/* No payment hide all */


.noMarginBottom { margin-bottom:0; }
.paddingBottom { padding-bottom:10px; }

ul.nav { list-style:none; margin:0; padding:0; }
ul.nav li { float:left; }
ul.nav li.devider { padding:0 10px; color: #FFF; }
ul.nav li a { display:block; text-decoration:none; font-weight: bold; font-size: 13px; }
ul.nav li a.active {  }

#nav { color:#FFF; font-size:larger; padding:10px 50px 0; }
#nav li.devider { padding:0 10px; }
#nav li a { color:#FFF; font-weight:bold; }
#nav li a.active { border-bottom:1px solid #FFF; }

#header { background:transparent url(/images/bgHeader-white.png) no-repeat; height:260px; position:relative; }
#header .slider { top:15px; left:20px; position:absolute; }
#header .slider img { position:absolute; }
#logo { position:absolute; z-index:10; top:60px; left:20px; }

#content { color:#372517; background:transparent url(/images/bgContent-white.png) repeat-y; padding:0 50px; font-size:1.25em; padding-bottom: 20px; }
.columns { -moz-column-count:2; -webkit-column-count:2; column-count:2; }
h2,h3,h4,h5,h6 { color:#372517; font-weight:bold; }
h2 { border-bottom:1px solid #372517; padding:0 20px; margin-left:-20px; font-size:1.3em; }
h6 { margin-bottom:1em; }
article h4 { margin-bottom:.5em; }
section img.right { margin:5px 0 20px 20px; }
section img.left { margin:5px 20px 20px 0; }

#overCapoeiraMenu, #mediaMenu { border-top: 1px solid #372517; border-bottom: 1px solid #372517; padding: 0 20px; float: left; margin-bottom: 20px; margin-left: 88px; }
#mediaMenu { margin-left: 293px; }
#overCapoeiraMenu li.devider, #mediaMenu li.devider { color: #372517; padding-top: 5px; padding-bottom: 5px; }
#overCapoeiraMenu li a, #mediaMenu li a { padding: 5px 10px; color: #372517; }
#overCapoeiraMenu li a.active, #mediaMenu li a.active { background: #372517; color: #FFF; }

#photoContainer img, #videoContainer img  { width: 200px; height: 133px; margin: 0; padding: 0; border: 0; }
#photoContainer a.fancybox, #videoContainer a.fancybox { display: block; float:left; border: 5px solid #FFF; border-bottom: 0; -moz-box-shadow:2px 2px 20px #BBB; -webkit-box-shadow:2px 2px 20px #CCCCCC; margin-left: 1px; margin-bottom: 20px; box-shadow:2px 2px 20px #CCCCCC; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
#videoContainer a.fancybox { position: relative; padding-bottom: 22px; text-decoration: none; color: #372517;}
#videoContainer a.fancybox span.title { position: absolute; background: #FFF; padding: 5px; bottom: 0; left: 0; width: 190px; height: 22px; text-align: center; }

#photoContainer a.fancybox + a.fancybox, #videoContainer a.fancybox + a.fancybox { margin-left: 16px; }
#photoContainer a.fancybox + a.fancybox.first, #videoContainer a.fancybox + a.fancybox.first { margin-left: 1px; } 
#photoContainer a.fancybox:hover, #videoContainer a.fancybox:hover { -moz-box-shadow: #666 2px 2px 20px; -webkit-box-shadow: #666 2px 2px 20px; }

table.pretty { background:whitesmoke; border-collapse:collapse; font-size: 0.9em;}
table.pretty th,table.pretty td { border:1px silver solid; padding: .5em; }
table.pretty th { background:gainsboro; text-align:left; }
table.pretty th.width30 { width: 30%; }
table.pretty caption { margin-left:inherit; margin-right:inherit; }
table.pretty td.bgWhite { background: white; }
table.pretty td.bgYellow { background: yellow; }
table.pretty td.bgOrange { background: #f3a927; }
table.pretty td.bgBlue { background: blue; }
table.pretty td.bgGreen { background: green; }
table.pretty td.bgViolet { background: #9011ab; }
table.pretty td.bgBrown { background: #735305; }
table.pretty td.bgRed { background: #e12411; }

#footer { background:transparent url(/images/bgFooter-brown.png) no-repeat; height:222px; }
#footer h3 { color:#FFF; }
#footer section { margin-top:30px; margin-left:50px; border-left:1px solid #FFF; padding:10px 0; min-height:136px; }
#footer section h3 { border-bottom:1px solid #FFF; padding:0 20px .5em 30px; float:left; font-size:1.25em; margin-bottom: .5em; }
#footer section ul { list-style:none; margin:0 0 0 30px; clear:both; }
#footer section ul a { color:#FFF; text-decoration:none; }
#footer section.first { margin-left:20px; border-left:none; }
#copy { padding:0 50px; }
#copy * { color:#FFF; }
#copy a { text-decoration:none; }