/*
Theme Name: WordPress responsive theme by J.Duarte Design
Theme URI: http://www.jduartedesign.com
Description: Wordpress J.Duarte Design Theme
Author: Joao Duarte - J.Duarte Design
Author URI: http://jduartedesign.com
Version: 4.0
Tags: J.Duarte Design

License: NONE
License URI: http://none.at.all
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url(https://fonts.googleapis.com/css?family=Cinzel:700);

@font-face { 
           font-family: 'dcc_sharp_distress_black_by_dccanim'; 
           src: url('images/fonts/dcc_sharp_distress_black_by_dccanim.eot'); 
           src: local("dcc_sharp_distress_black_by_dccanim"), url('images/fonts/dcc_sharp_distress_black_by_dccanim.ttf'); 
} 

/* Reset
---------------------------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { overflow-y: fixed; }

body { 
background:#000000;
font-size: 14px;
color: #ffffff;
font-family: 'Open Sans', Verdana, Arial, helvetica, sans-serif;
background-color: #000000; 
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center top;
background-image:url(images/bg.jpg);
}

ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 { margin-bottom: 10px; color: #111111;}	
a, img { outline: none; border:none; color: #000;}
p { margin: 0 0 10px; line-height: 1.4em; font-size: 14px; font-family: 'Open Sans', Verdana, Arial, helvetica, sans-serif;}
img { display: block; margin-bottom: 0px;}
	
/* Structure
---------------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 100%;	
	max-width: 1200px;
	margin: auto;
	padding: 0% 2% 0% 2%;
}

/* Hide normal screen
---------------------------------------------------------------------------------------------------------- */
#hide-at-normal-screen {
	display: none;
}

/* Hide normal screen
---------------------------------------------------------------------------------------------------------- */
#hide-responsive-screen {
	display: flow-root;
}

/* Header
---------------------------------------------------------------------------------------------------------- */		
#header {
	width: 100%;
}

#header img {
	width: 100%;
}

/* Slide
---------------------------------------------------------------------------------------------------------- */		
#slide {
	float: left;
	width: 100%;
}

#slide img {
	width: 100%;
}

/* Main
---------------------------------------------------------------------------------------------------------- */
#main {
	width: 42%;
	margin-right: 2%;
	margin-left: 2%;
	float: left;
	text-align: justify;
}	

/* Main 60% Width
---------------------------------------------------------------------------------------------------------- */
#main-60-width {
	width: 71%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	text-align: justify;
}	

/* Main Full Width
---------------------------------------------------------------------------------------------------------- */
#main-fullwidth {
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
	float: left;
	text-align: left;
}	

/* Sidebar Right
---------------------------------------------------------------------------------------------------------- */		
#sidebar-right {
	width: 26%;
	float: right;
	text-align: justify;
	margin: 0% 1% 0% 0%;
}

#sidebar-right img {
	width: 100%;
}
		
/* Sidebar Left
---------------------------------------------------------------------------------------------------------- */
#sidebar-left {
	width: 26%;
	float: left;
   	text-align: left;
	margin: 0% 0% 0% 1%;
}		

#sidebar-left img {
	width: 100%;
}

/* Footer
---------------------------------------------------------------------------------------------------------- */
#footer {
	width: 100%;	
	max-width: 1200px;
	height: 316px;
	margin: 0% 0% 0% 0%;
	clear: both;
	text-align: justify;
    background-image:url(images/footer.png);
	background-repeat: no-repeat;
	background-position: center top;
} 

#footer img {
	width: 100%;
	margin: 0% 0% 0% 0%;
}

/* Footer Full Width
---------------------------------------------------------------------------------------------------------- */
#footer-fullwidth {
	width: 100%;	
	max-width: 1200px;
	height: 30px;
	clear: both;
	text-align: justify;
} 

#footer-fullwidth img {
	width: 100%;
	margin: 0% 0% 0% 0%;
}

/* Footer Widgets
---------------------------------------------------------------------------------------------------------- */
#footer-sidebar {
display:block;
height: 250px;
}

#footer-sidebar1 {
float: left;
width: 340px;
margin-left:5px;
margin-right:5px;
}

#footer-sidebar2 {
float: left;
width: 340px;
margin-right:5px;
}

#footer-sidebar3 {
float: left;
width: 340px;
}

/* Titulo
---------------------------------------------------------------------------------------------------------- */
#titulo {
	font-size: 22px;
	color:#ffffff;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: normal;
    text-transform: normal;
}

/* Small
---------------------------------------------------------------------------------------------------------- */
#small {
        font-size: 12px;
font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        color:#ffffff;
        font-weight: normal;
        text-transform: normal;
}

/* Assinatura Topo
---------------------------------------------------------------------------------------------------------- */
#assinatura-topo {
        font-size: 14px;
font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
        color:#ffffff;
        font-weight: normal;
	text-align: center;
        text-transform: normal;
}

#assinatura-topo a:link {
        color:#ffffff;
	text-decoration: none;
        text-transform: lowercase;
}

#assinatura-topo a:visited {
        color:#ffffff;
	text-decoration: none;
        text-transform: lowercase;
}

#assinatura-topo a:hover {
        color:#f35a00;
	text-decoration: underline;
        text-transform: lowercase;
}

#assinatura-topo a:active {
        color:#ffffff;
	text-decoration: none;
        text-transform: lowercase;
}

/* Assinatura Rodape
---------------------------------------------------------------------------------------------------------- */
#assinatura-rodape {
    font-size: 14px;
	font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
    font-weight: normal;
	text-align: center;
    text-transform: normal;
}

/* Links
---------------------------------------------------------------------------------------------------------- */
a:link {
	color: #efab00;
	text-decoration: none;
}

a:visited {
	color: #efab00;
	text-decoration: none;
}

a:hover {
	color: #efab00;
	text-decoration: underline;
}

a:active {
	color: #efab00;
	text-decoration: none;
}

/* H1
---------------------------------------------------------------------------------------------------------- */
h1 {
font-family: 'Oswald', Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:44px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 50px;
font-weight: normal;
text-transform: uppercase;
background: url(http://programabackstage.com/images/symbol.png);
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    border-bottom: 4px solid #efab00;
}

/* H2
---------------------------------------------------------------------------------------------------------- */
h2 {
font-family: 'Oswald', Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:34px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 50px;
font-weight: normal;
text-transform: uppercase;
background: url(http://programabackstage.com/images/symbol-responsivo.png);
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    border-bottom: 4px solid #efab00;
}

/* H3
---------------------------------------------------------------------------------------------------------- */
h3 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

/* WIDTH FEATURED IMAGE
---------------------------------------------------------------------------------------------------------- */
.alignleft-featured-image {
    float:left;
    margin: 5px 20px 20px 0;
    border-style:hidden;
    width: 200px;
    height: 100px; 	
}

/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
    border-style:hidden;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
    border-style:hidden;
}

.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
    border-style:hidden;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
    border-style:hidden;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-style:hidden;
}

.wp-caption {
    background: #fff;
    border-style:hidden;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
    border-style:hidden;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
    border-style:hidden;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
    border-style:hidden;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
    border-style:hidden;
}

.bordered {
    border-style:hidden;
}











/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}











/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}













/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}





/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.68%;
}
.span_3_of_5 {
	width: 59.36%;
}
.span_2_of_5 {
	width: 39.04%;
}
.span_1_of_5 {
	width: 18.72%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
}







hr {
margin: 0px 0px 20px 0px;
}





#banners1200x98 img {
    margin: 0px 0px 10px 0px;
    border: 1px solid;
    border-color: #757575;
}

#banners600x100 img {
    margin: -12px 0px 0px 0px;
    border: 1px solid;
    border-color: #757575;
}

#banners img {
    margin: 0px 0px 10px 0px;
    border: 1px solid;
    border-color: #757575;
}








/* No Hover Image
---------------------------------------------------------------------------------------------------------- */
#no-hover img {
	padding: 0px 10px 0px 10px;
}

#no-hover:link img {
background-color: #000000;
}

#no-hover:visited img {
background-color: #000000;
}

#no-hover:hover img {
background-color: #000000;
}

#no-hover:active img {
background-color: #000000;
}





















/* Media Queries
---------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {

body { 
background-color: #000000; 
}

#wrapper {
          display:flex;
          flex-flow: column;
}

#header {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 99%;
        order:1;
}

#menu {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 99%;
        order:2;
}

#slide {
	padding: 0% 0% 0% 0%;
	margin: 5% 0% 0% 0%;
	width: 99%;
    order:3;
}

#assinatura-topo {
    font-size: 90%;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 97%;
    order:4;
}

#main, #main-60-width, #main-fullwidth {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 96.5%;
    order:5;
}

#header img, #main img, #main-60-width img, #main-fullwidth img {
	width: 100%;
	height: auto;
}

#sidebar-left {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 96.5%;
    order:6;
}

#sidebar-right {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 96.5%;
    order:7;
}

#footer {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 96.5%;
    order:98;
}

#footer-fullwidth {
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
	width: 96.5%;
    order:99;
}

#small {
       font-size: 90%;
	width: 98%;
}

/* H1
---------------------------------------------------------------------------------------------------------- */
h1 {
font-size:26px;
background: url(http://programabackstage.com/images/symbol-responsivo2.png);
    background-repeat: no-repeat;
    position: relative;
	padding: 0px 0px 0px 30px;
}

/* H2
---------------------------------------------------------------------------------------------------------- */
h2 {
font-size:20px;
background: url(http://programabackstage.com/images/symbol-responsivo2.png);
    background-repeat: no-repeat;
    position: relative;
	padding: 0px 0px 0px 30px;
}

#hide-at-normal-screen {
	display: flow-root;
}

#hide-responsive-screen {   
	display: none;
}



/* Menu Onde Comprar
---------------------------------------------------------------------------------------------------------- */
#menu-responsivo {
	font-size: 14px;
    font-family: 'Oswald', Verdana, Arial, helvetica, sans-serif;
    color: #000000;
    font-weight: normal;
    text-align: center;
    text-transform: none;
    display: inline-block;
    background-color: #383838;
	margin: 5px 5px 0px 5px;
    padding: 5px 15px 5px 15px;
    text-transform: uppercase;
}

#menu-responsivo a:link {
        color:#ffffff;
	text-decoration: none;
}

#menu-responsivo a:visited {
        color:#ffffff;
	text-decoration: none;
}

#menu-responsivo a:hover {
        color:#f35a00;
	text-decoration: underline;
}

#menu-responsivo a:active {
        color:#ffffff;
	text-decoration: none;
}

h3 {
    font-size: 13px;
}


}