/*
    AUTHOR:  Ruben Nascimento / Web Developer / http://ruben.bzin.net 
     		 ruben.nascimento@bzin.net
*/

/* ------------------------------------------ */
/* RESETS, BASIC PAGE SETUP, BASIC TYPOGRAPHY */
/* ------------------------------------------ */

* 					{ margin: 0; padding: 0; }
html 				{ overflow-y: scroll; }
body 				{ font: 10px Verdana, Arial, Helvetica, sans-serif; height:100%; background-color:#1b1919; color:#FFFFFF; }
ul 					{ list-style: none inside; }
a 					{ outline: none;  }
a img 				{ border: none; }

/* END RESET */





/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */

.floatleft 					{ float: left; }
.floatright 				{ float: right; }
.clear						{ clear: both; }

/* END TOOLBOX */





/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */

#page-wrap 						{ width: 970px;	margin: 0 auto; }

#alignLeft						{ float:left; width:237px; padding:0 27px 0 27px; min-height:400px;}

#alignLeft #logo				{ height:150px;}
#alignLeft #menu ul				{ color:#CCCCCC; list-style:none;}
#alignLeft #menu li				{ margin:2px 0 2px 0; color:#CCCCCC;	}
#alignLeft #menu li a:link		{ height:15px; width:237px; text-align: right; text-decoration:none; border: solid 1px #211f1f; text-transform:uppercase; color:#CCCCCC;  padding:2px 5px 0 0; text-decoration:none; display:block;}
#alignLeft #menu li a:visited	{ height:15px; text-align: right; text-decoration:none; border: solid 1px #211f1f; text-transform:uppercase; color:#CCCCCC;  padding:2px 5px 0 0; text-decoration:none; display:block;}
#alignLeft #menu li a:hover		{ height:15px; background-color:#565656; text-align: left; text-decoration:none; border: solid 1px #565656; text-transform:uppercase; color:#CCCCCC;  padding:2px 5px 0 0 ; text-decoration:none; display:block;}


#alignLeft #menuPortfolio 			{ padding:27px 0 27px 0;}
#alignLeft #menuPortfolio img 		{ padding-bottom:2px;}
#alignLeft	#menuPortfolio .nav		{ text-align:right; }




#alignRight								{ float:left; width:652px;  min-height:400px;}
#alignRight	.topBanner					{ height:143px; padding-bottom:0px; }
#alignRight	.breadcrumbs				{ line-height:27px; color:#565656; text-transform:none; font-size:16px; font-weight:bold;}
#alignRight	.breadcrumbs a:link			{ height:27px; text-decoration:none; color:#565656;}
#alignRight	.breadcrumbs a:visited		{ height:27px; text-decoration:none; color:#565656;}
#alignRight	.breadcrumbs a:hover		{ height:27px; text-decoration:none; color:#ffffff; }


#alignRight .content				{ padding-top:27px;}
#alignRight .content a:link			{ color:#CCCCCC; text-decoration:none; }
#alignRight .content a:visited		{ color:#CCCCCC; text-decoration:none;}	
#alignRight .content a:hover		{ color:#ffffff; text-decoration:underline;}


#footer								{ width:970px; height:50px;}

/* END STRUCTURE */


/* ------------------------------------------ */
/* FORM  STRUCTURE */
/* ------------------------------------------ */

#formContact		{   }
.btnEnviar			{ font-size:10px; font-family:verdana; border:none; padding: 2px 2px 2px 2px; margin-top:2px; background-color:#1b1919; color:#CCCCCC; border: solid 1px #565656; }
.inputText			{ font-size:10px; font-family:verdana; width:237px; background-color:#1b1919; margin-bottom:2px; padding: 2px 2px 2px 2px; color:#cccccc; border:none;  border: solid 1px #565656; }
.inputTextarea		{ font-size:10px; font-family:verdana; width:237px; background-color:#1b1919;  color:#cccccc; padding: 2px 2px 2px 2px; height:100px; overflow:auto;  border:none;  border: solid 1px #565656; }

/* END FORM */