/* 
┌─────────┐
│         │
│         │
│     x128│ / consultores de tecnologia&design
└─────────┘ / www.x128.com.br
            / contato@x128.com.br
*/
/* =============================================================================
font: Rajdhani, weights: 300,400 (normal),500,700 (bold)
yelllow:  #FFCC00 , hsl(48,100%,50%)  , rgba(255,204,0,1)
error:    #FF4000 , hsl(15,100%,50%)  , rgba(255,64,0,1)
inverted: #0033FF , hsl(228,100%,50%) , rgba(0,51,255,1)
============================================================================= */


/* =============================================================================
Default
============================================================================= */
html, body, iframe {
	margin: 0;
	padding: 0px;
	
	background-color:hsl(0 , 0% , 35%);
	background-attachment:fixed;
	background-image:url('../media/bg-texture.gif');
}

body, table, textarea, input, select, button{ /* base typography */
	font-family: Rajdhani, Tahoma, Geneva, sans-serif;
	font-weight:400; /* normal */
	font-size:22px;
	line-height:1.5em;
	/*color:rgba(255,255,255,0.75);*/
	color:#bfbfbf;
}

input, select, button{ color:rgba(0,0,0,0.8); }

img, iframe { border:0px none rgba(0,0,0,0); }

figure, figcaption{ margin:0; padding:0; }
	
/* =============================================================================
Texts
============================================================================= */
p { margin: 1.75em 0 1em 0; }
b, strong{ font-weight:600; color:#fff; text-shadow: 0px 0px 4px rgba(0,0,0,0.75); }
i, em{ font-style: italic; }
i{ font-family: "Times New Roman", Times, serif; }
em{ color:hsl(48,100%,50%); }
blockquote{
	min-height:2em; 
	margin:2em 0 3em 0; 
	font-family: "Times New Roman", Times, serif; 
	font-style:italic; 
	color:rgba(0,0,0,0.60);
	text-align: justify; 
} 
	blockquote::before{ 
		content: "“ ";
		/*margin:55px 20px 0 -20px;*/
		/*margin:7.5% 5% 0% -5%;*/
		margin:0.70ex 0.25ex -0.1ex -0.25ex;
		font-size:1000%; 
		font-weight: bold; 
		color:rgba(0,0,0,0.15);
		vertical-align:-50px; 
		float:left; 
	} 
	blockquote::after{
		/*content: "”";*/
	}
	blockquote>span.signature{
		float:right;
		color:rgba(0,0,0,0.8);
		font-weight:600;
	}
	blockquote>span.signature::before{
		content: "— ";
	}


address{ font-style: normal; }
del{ color:#f00; }
ins{ color:#0f0; text-decoration:none;  }
small{ font-size:75%; }
sup{  }
sub{  }
cite{ font-style: normal; }
	cite::before{ content: "«"; } /* or “ */
	cite::after{ content: "»"; } /* or ” */
acronym{ border-bottom-style:none; }
abbr{ border-bottom-style:none; }
bdo{  }
kbd{ font-style: normal; padding:0 0.5ex; background-color:rgba(0,0,0,0.25); color:rgba(255,255,255,0.5); }
code , code * , .code, pre, kbd {
	font-family:"Lucida Console", Monaco, monospace;
	font-size:75%;
	line-height:1.25em;
	white-space: pre;
	color:hsl(48,100%,85%);
}


/* =============================================================================
Links
============================================================================= */
a, a:link, a:visited, a:active, a:hover { text-decoration: underline; }
a{         color:hsl(48,100%, 50%);  text-decoration: underline; }
a:link{    color:hsl(48,100%, 50%);  text-decoration: underline; }
a:visited{ color:hsl(48,100%, 50%);  text-decoration: underline; }
a:active{  color:hsl(48,100%,100%); text-decoration: underline; }
a:hover {  color:hsl(48,100%,100%); text-decoration: underline; }


/* =============================================================================
Headers
============================================================================= */
h1, h2, h3, h4, h5, h6 { margin:0; padding: 0; font-weight:400; line-height:1em; }

h1{ margin-top:  1em; font-size:   3em; font-weight:300; color:hsl( 48,  0%,100%  ); text-shadow:  2px 2px 4px rgba(0,0,0,0.25); }
h2{ margin-top:2.5em; font-size:2.25em; font-weight:500; color:hsl( 48,  0%, 87.5%); text-shadow:  2px 2px 4px rgba(0,0,0,0.25); }
h3{ margin-top:2.5em; font-size: 1.5em; font-weight:700; color:hsl( 48,  0%, 75%  ); text-shadow:  2px 2px 4px rgba(0,0,0,0.25); }
h4{ margin-top:2.5em; font-size: 1.5em; font-weight:500; color:hsl( 48,  0%,100%  ); border-bottom:3px solid hsl( 48,  0%,100% );}
h5{ margin-top:2.5em; font-size: 1.5em; font-weight:400; color:hsl( 48,  0%, 87.5%); border-bottom:2px solid hsl( 48,  0%, 75% );}
h6{ margin-top:2.5em; font-size: 1.5em; font-weight:300; color:hsl( 48,  0%, 75%  ); border-bottom:1px solid hsl( 48,  0%, 50% );}

/* header links */
h1 a, h1 a:link, h1 a:visited{ color:hsl( 48 , 100% ,100%); } h1 a:active, h1 a:hover{ color:hsl(48,100%, 50%); }
h2 a, h2 a:link, h2 a:visited{ color:hsl( 48 , 100% ,100%); } h2 a:active, h2 a:hover{ color:hsl(48,100%, 50%); }
h3 a, h3 a:link, h3 a:visited{ color:hsl( 48 , 100% ,100%); } h3 a:active, h3 a:hover{ color:hsl(48,100%, 50%); }
h4 a, h4 a:link, h4 a:visited{ color:hsl( 48 , 100% ,100%); } h4 a:active, h4 a:hover{ color:hsl(48,100%, 50%); }
h5 a, h5 a:link, h5 a:visited{ color:hsl( 48 , 100% ,100%); } h5 a:active, h5 a:hover{ color:hsl(48,100%, 50%); }
h6 a, h6 a:link, h6 a:visited{ color:hsl( 48 , 100% ,100%); } h6 a:active, h6 a:hover{ color:hsl(48,100%, 50%); }

/* custom header link underlines */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	text-decoration:none;
	background-repeat:repeat-x;
	background-image:url('../media/spacer-1x1-white');
	background-position:0px 1em;
	background-size:2px;
}
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active ,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration:none;
	background-image:url('../media/spacer-1x1-yellow.gif');
}


/* =============================================================================
Table
============================================================================= */
table{                         margin:0px; padding:0px; border-spacing:2px; empty-cells:hide; border-collapse:separate; caption-side:bottom; }
/* simple */
	table tr{                   }
	table tr th{               margin:0px; padding:0 5px; background-color:rgba(0,0,0,0.5); color:rgba(255,255,255,0.5); font-weight:500; vertical-align: text-top; }
	table tr td{               margin:0px; padding:0 5px; background-color:rgba(0,0,0,0.33); font-weight:300; vertical-align: text-top; }
/* complex */
	table>caption{             margin:0 2px; padding:5px; background-color:rgba(0,0,0,0.25); }
	table>thead{                }
		table>thead>tr{         }
			table>thead>tr>th{  }
	table>tfoot{                }
		table>tfoot>tr{         }
		table>tfoot>tr>th{      }
	table>tbody{                }
		table>tbody>tr{         }
			tbody>tr>th{        }
			tbody>tr>th[scope=col]{ text-align:right; }
			tbody>tr>td{        }
/* bordered */
table[border]{             border:solid 1px rgba(0,0,0,0.5); border-spacing:0px; border-collapse:collapse; }
	table[border] tr th{   border:solid 1px rgba(0,0,0,0.5); }
	table[border] tr td{   border:solid 1px rgba(0,0,0,0.5);  }
	table[border]>caption{ border:solid 1px rgba(0,0,0,0.5); border-top-style:none; margin:0; }
/* virtuals */
div.table { display:table; padding:0px; margin:0; }
div.tr { display:table-row; padding:0px; margin:0; }
div.trg { display:table-row-group; padding:0px; margin:0; }
div.td { display:table-cell; padding:0px; margin:0; }


/* =============================================================================
Forms
============================================================================= */
form                    { margin:0px; padding:0px; }
fieldset                {
	margin:1em 0 0 0;
	padding: 0 0 1ex 1ex;
	border: 1px solid rgba(0,0,0,0.5);
	background-color:rgba(0,0,0,0.33);
	font-weight:300;
	text-align:center;
}
legend                  { 
	position: relative;
	margin: 0 0 0 0;
	padding: 0 5px;
	top: -1.55ex;
	white-space: nowrap;
	
	border:1px solid rgba(0,0,0,0.5);
	border-style: solid solid none solid;
	background-color:rgba(0,0,0,0.33);
	
	color:rgba(255,255,255,0.5);
	font-weight:500;
}
input[type="text"]      {  }
input[type="password"]  {  }
textarea                {  }
                           
input[type="hidden"]    {  }
input[type="file"]      {  }
input[type="image"]     {  }
                           
input[type="checkbox"]  {  }
input[type="radio"]     {  }
                           
select                  {  }
select option           {  }
select optgroup         {  }
select optgroup option  {  }
select[multiple]        {  }
select[multiple] option {  }
                           
input[type="button"]    {  }
input[type="reset"]     {  }
input[type="submit"]    {  }
button                  {  }
button[type=button]     {  }
button[type=reset]      {  }
button[type=submit]     {  }


/* =============================================================================
Lists
============================================================================= */
ul, ol{ margin: 0 0 0 0; padding: 0 0 0 0; list-style-position: inside; }
ul{ /*list-style-type:none;*/ }
ol{ /*list-style-type:decimal;*/ }
	ol li{ margin:0 0 0 0; padding: 0 0 0 0; }
		ol li li{ margin:0 0 0 1.2em; padding: 0 0 0 0; }
	ul li{ margin:0 0 0 0; padding: 0 0 0 0; }
		ul li li{ margin:0 0 0 1.1em; padding: 0 0 0 0; }
dl{ margin: 0 0 0 0; padding: 0 0 0 0; }
	dt{ font-weight:700; margin: 0 0 0 0; padding: 0 0 0 0; }
	dd{ margin: 0 0 0 1em; padding: 0 0 0 0; list-style-position: inside; }


/* =============================================================================
Etc
============================================================================= */
hr {
	margin:1em 0;
	border-style: none;
	height: 1px;
	background: #000;
}


/* =============================================================================
Misc
============================================================================= */
.right{ text-align:right }
.hidden{ display:none !important; }
.center{ text-align:center !important; }
.italic{ font-style:italic; }
.nowrap{ white-space: nowrap; }