/*aaaaaaaaaaa
#### FONT TAGS #####################################################################################
*/
@font-face { font-family: Century Gothic; }

body, h1, h2, h3, h4, h5, h6 {
	font-family:Century Gothic;
}

h1 {
	color:#fff;
	font-size:32px;
	letter-spacing:-1px;	
	text-align:left;
	text-transform:uppercase;
}

h2 {
		  color:#333;
	  font-size:20px;
	 font-style:italic;
	 text-align:center;
}

h3 {
		  color:#ccc;
	  font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:10px;
}


h3 a {
	 color:#ccc !important;
}

h4 {
	 		 color:#DE9E45;
		 font-size:14px;
	   font-weight:bold;
	text-transform:uppercase;
	
	 margin:0px;
	padding:0px;
}
h5 {
	 		 color:#DE9E45;
		 font-size:14px;
	   font-weight:bold;
	text-transform:uppercase;
	
	 margin:0px;
	padding:0px;
}


p,
p a,
input[type="text"] {
		  color:#aeaeaf;
	  font-size:11px;
	 text-align:left;
	line-height:18px;
	font-family:'Helvetica', Helvetica Neue, Verdana, Geneva, sans-serif;
	font-weight:normal;
}

input[type="file"] {
		  color:#aeaeaf;
	  font-size:11px;
	 text-align:left;
	line-height:18px;
	font-family:'Helvetica', Helvetica Neue, Verdana, Geneva, sans-serif;
	font-weight:normal;
}

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

a:hover { text-decoration:none; }

span.uppercase { text-transform: uppercase; }

.gold {
	color:#de9e45;
	font-size: 16px;
}
.texto {
	color:#de9e45;
	font-size: 16px;
}
div.resources ul li,
div.sidebar-resources ul li {
	font-size:12px;
}
/* 
#### END FONT TAGS #################################################################################

#### HTML/BODY #####################################################################################
*/
html, body {
	   background-color:#000;
	   background-image:url('Fondo Fijo.png');
	   background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}
/* 
#### END HTML/BODY #################################################################################

#### HEADER ########################################################################################
*/

div.container {
	background-image:url('Fondo Fijo.png');
	 background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

div.header
{
	   width:960px;
 	  margin:0px auto;
	padding:45px 0px 20px 0px;
}

div.header, div.footer
{
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.logo { text-align:center; }
div.logo a,
div.logo a:visited {
	float:left;
}

ul.social {
	float:right;
}

ul.social li {
	float:left;
	padding:0px 3px;
}

ul.social li a {
	   background-image:url('social-media-sprite.png');
	  background-repeat:no-repeat;
	background-position:0px 0px;
	
	  width:38px;
	 height:38px;
	padding:3px 6px 8px 6px;
	display:block;
}

ul.social li.facebook a,
ul.social li.facebook a:visited { background-position:0px 0px; }
ul.social li.facebook a:hover { background-position:0px -49px; }
ul.social li.facebook a:active { background-position:0px -98px; }

ul.social li.twitter a,
ul.social li.twitter a:visited { background-position:-55px 0px; }
ul.social li.twitter a:hover { background-position:-55px -49px; }
ul.social li.twitter a:active { background-position:-55px -98px; }

ul.social li.youtube a,
ul.social li.youtube a:visited { background-position:-110px 0px; }
ul.social li.youtube a:hover { background-position:-110px -49px; }
ul.social li.youtube a:active { background-position:-110px -98px; }

ul.social li.linkedin a,
ul.social li.linkedin a:visited { background-position:-165px 0px; }
ul.social li.linkedin a:hover { background-position:-165px -49px; }
ul.social li.linkedin a:active { background-position:-165px -98px; }

ul.navigation
{
	float:right;
	padding-top:30px;
}

ul.navigation li { 
	float:left;
	position:relative;
	padding:0px 3px;
	border-left:1px solid #666;
}

ul.navigation li a, 
ul.navigation li a:visited
{	
	color:#eee;
	display:block;
	text-decoration:none;
	
	font-size: 16px;
	padding: 0px 5px;
	
	font-weight:500;
	
	text-transform:uppercase;
	
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

ul.navigation li a:hover   { color:#de9e45; }
ul.navigation li a:active  { color:#B78238; }
ul.navigation li.selected a,
ul.navigation li.selected a:visited,
ul.navigation li.selecte9d a:hover, 
ul.navigation li.selected a:active { color:#de9e45; }

ul.navigation li:first-child {
	border-left:none;
}








div.content ul.page-navigation {
	
}

div.content ul.page-navigation li {
	float:none !important;
	width:auto !important;
	display:block !important;
	padding:0px !important;
	padding-bottom:10px !important;
}

div.content ul.page-navigation li:hover,
div.content ul.page-navigation li.selected {
	
}

div.content ul.page-navigation li.selected {

}



div.content ul.page-navigation li a {
	background-image:url('page-navigation-bullet.png');
	background-repeat:no-repeat;
	background-position:5px 4px;
	
	padding:0px 20px !important;
	
	color:#de9e45;
	font-size:11px;
	 text-align:left;
	line-height:18px;
	font-family:'Helvetica', Helvetica Neue, Verdana, Geneva, sans-serif;
	font-weight:normal;
	
	display:block;
	
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

div.content ul.page-navigation li a:hover {
		padding-left:40px !important;
		background-position:15px 4px;
}

div.content ul.page-navigation {
	
}


div.content ul.page-navigation li.selected a {
	color:#F18423 !important;
	background-position:15px -26px;
	padding-left:40px !important;
}


/* 
#### END HEADER ####################################################################################

#### CONTENT #######################################################################################
*/
div.frame {
	   background-image:url('metal_frame.png');
	  background-repeat:no-repeat;
	background-position:top center;	
	
	width:960px;
	 height:411px;
	 margin:0px auto;
	display:block;
	padding:0px 7px 25px 7px;
	
}

div.frame-inner {
	padding:35px 40px 0px 40px;
}

div.shadow, div.headline {
	float:left;
}

div.headline {
	 height:411px;
	overflow:hidden;
}

div.resources {
	  width:960px;
	 margin:auto;
	padding:0px 0px 15px 0px;
}

div.sidebar-resources {
	padding:20px 0px 15px 0px;
}

div.resources ul {
	float:left;
	width:960px;
}

div.sidebar-resources ul {
	float:none;
}

div.resources ul li {
	float:left;
	padding-right:25px;
}

div.sidebar-resources ul li {
	float:none !important;
	width:200px !important;
	padding:0px 0px 20px 0px !important;
}

div.resources ul li.quote-request {
	padding-right:0px;
}

div.resources ul li.quote-request a {
	width:190px;
}

div.resources ul li a,
div.sidebar-resources ul li a {
	  width:330px;
	 height:141px;
	display:block;
	padding:8px 10px;
	
			 color:#fff;
		 font-size:12px;
	   font-weight:bold;
	text-transform:uppercase;
}

div.sidebar-resources ul li a {
	width:180px;
}

div.resources ul li a:hover,
div.sidebar-resources ul li a:hover {
	color:#000;
}

div.resources ul li.video a,
div.resources ul li.for-the-architect a,
div.resources ul li.quote-request a,
div.sidebar-resources ul li.video a,
div.sidebar-resources ul li.for-the-architect a,
div.sidebar-resources ul li.quote-request a {
	  background-repeat:no-repeat;
	background-position:top left;
}

div.resources ul li.video a { 
	   background-image:url('resources_video.png');
}

div.resources ul li.for-the-architect a {	
	   background-image:url('resources_for-the-artchitect.png');
}

div.resources ul li.quote-request a {	
	   background-image:url('resources_quote.png');
}

div.sidebar-resources ul li.contact-us a { 
	   background-image:url('sidebar_contact_us.png');
}

div.sidebar-resources ul li.clients a {	
	   background-image:url('sidebar_clients.png');
}

div.sidebar-resources ul li.portfolio a {	
	   background-image:url('sidebar_portfolio.png');
}

div.resources ul li.video a:hover,
div.resources ul li.for-the-architect a:hover,
div.resources ul li.quote-request a:hover,
div.sidebar-resources ul li.contact-us a:hover,
div.sidebar-resources ul li.clients a:hover,
div.sidebar-resources ul li.portfolio a:hover {
	background-position:0px -161px;
}



div.mailing-list {
	color:#DE9E45;
	background-color:rgba(0,0,0,0.7);

	  width:920px;
	padding:10px 20px;
	
	margin:auto;
	margin-bottom:15px;
}

div.mailing-list div.left {
	padding:0px 0px 2px 0px;
}

div.mailing-list div.left label {
	padding:10px 10px 0px 0px;
	width:auto;
	display:inline-block;
	float:left;
}

div.mailing-list div.right {
	padding:2px 0px 0px 0px;
}

div.mailing-list a.pdf-download {
	  background-image:url('pdf-icon.png');
	  background-repeat:no-repeat;
	background-position:0px 0px;

	  color:#DE9E45;
	padding:8px 5px 0px 25px;
	display:inline-block;
	
	   font-weight:bold;
	text-transform:uppercase;		
}

div.content {
	background-color:rgba(0,0,0,0.7);
	
	  width:960px;
	 margin:0px auto;
	margin-bottom:15px;
	padding:10px 0px;
}

div.content p {
	margin-bottom:10px;
}

div.content ul.columns,
div.content ul.two-columns {
	float:left;
}

div.content ul.columns {
	   background-image:url('faux-column.png');
	  background-repeat:repeat-y;
	background-position:top center;
}




div.content ul li {
	float:left;
	width:321px;
	padding:10px 20px;
}

div.content ul.two-columns li {
	float:left;
	width:680px;
	padding:15px 20px;
}

div.content ul li.narrow {
	width:200px;
}

div.content ul li.middle {
	width:545px;
}














div.content2 {
	background-color:rgba(0,0,0,0.7);
	
	  width:960px;
	 margin:0px auto;
	margin-bottom:15px;
	padding:10px 0px;
}

div.content2 p {
	margin-bottom:10px;
}

div.content2 ul.columns2,
div.content2 ul.two-columns2 {
	float:left;
}




div.content2 ul.columns2 {
	   background-image:url('faux-column.png');
	  background-repeat:repeat-y;
	background-position:top center;
}



div.content2 ul.columns2,
div.content ul.one-columns2 {
	float:left;
}






div.content2 ul li {
	float:left;
	width:321px;
	padding:10px 20px;
}

div.content2 ul.two-columns2 li {
	float:left;
	width:280px;
	padding:15px 20px;
}

div.content2 ul li.narrow2 {
	width:200px;
}

div.content2 ul li.middle2 {
	width:345px;
}









div.content ul ul.credit-cards,
div.content ul ul.list,
div.content ul ul.error-messages {
	padding-bottom:10px;
	  padding-left:15px;
}

div.content ul ul.error-messages {
	background-color:rgba(222,158,69,.25);
	
	   padding-top:10px;
	 margin-bottom:20px;
	padding-bottom:0px;
	
	border:2px solid #de9e45;
}

div.content ul ul.error-messages li p {
	color:#fff;
}


div.content ul ul.credit-cards li,
div.content ul ul.list li,
div.content ul ul.error-messages li {
	float:none;
	border-left:none;
	padding:0px;
	padding-bottom:10px !important;
	list-style-type: circle !important;
	color:#fff;
}

div.content ul ul.credit-cards li p,
div.content ul ul.list li p,
div.content ul ul.error-messages li p {
	margin:0px;
}

ul.form {
	float:left;
}

div.content ul.form li {
	width:300px;
	padding:0px;
}

ul.form li.left {
	float:left;
}
ul.form li.right {
	float:left;
}

div.content ul.form li.no-label {
	padding-left:80px;
	width:220px;
}

div.content ul.downloads {
	
}

div.content ul.downloads li,
div.content ul.expanded-list li {
	width:auto;
	background:transparent;
	background-color:rgba(255,255,255,0.05);
	
	padding:20px;
	margin-bottom:20px;
	width:640px;
}

div.content ul.expanded-list li div.image {
	width:165px;
	float:left;
}

div.content ul.expanded-list li div.body {
	width:420px;
	float:left;
	padding-left:20px;
}

div.content ul.downloads li h2,
div.content ul.expanded-list li h2 {
	padding-bottom:15px;
	text-align:left;
}

div.content ul.downloads li h2 a:hover,
div.content ul.expanded-list li h2 a:hover {
	border-bottom:1px solid #DE9E45;
}

div.content ul.downloads li p,
div.content ul.expanded-list li p {
	padding-bottom:5px;
}


div.content ul.two-columns li.narrow h3 {
	padding-top:15px !important;
}

/* 
#### END CONTENT ###################################################################################

#### FORMS #########################################################################################
*/

input[type="text"],
textarea {
		  background:transparent;
	background-color:rgba(255,255,255,0.05);
	
	  color:#fff;
	  width:200px;
	 margin:0px 10px 0px 0px;
	padding:4px;
	 border:1px solid #666;
}

input[type="text"]:focus,
textarea:focus {
	outline:none;
	padding:3px;
	 border:2px solid #de9e45;
}

input[type="text"].inline {
	width:100px;
	
}

input[type="radio"],
input[type="checkbox"] {
	margin:0px 5px 0px 0px;
}

input[type="submit"],
input[type="submit"]:visited,
.submit, .submit:visited {
	border:none;
	background:none;
	
	   background-image:url('submit.png');
	  background-repeat:no-repeat;
	background-position:0px 0px;
	
	 width:90px;
	height:25px;
	cursor:pointer;
	text-indent:-5000px;
}

input[type="submit"]:hover, .submit:hover { background-position:0px -25px; }
input[type="submit"]:active, .submit:active { background-position:0px -50px; }

label,
span.gap {
	  color:#de9e45;
	  width:65px;
	padding:0px 10px 0px 0px;
	display:inline-block;
	text-align:right;
}

label.auto {
	  width:auto;
	padding:0px 10px 0px 0px;
}

label.default {
	  color:#aeaeaf;
	  width:auto;
	display:auto;
}

label.gold {
	color:#de9e45 !important;
}

label.small {
	font-size:9px;
}

textarea {
	width:262px;
	min-height:100px;
	resize:vertical;
}

a.button {
	font-size:11px;
	font-weight:bold;
	padding:5px 10px;
	
	color:#000;
	background-color:#de9e45;
	border-radius:20px;
}

/* 
#### END FORMS #####################################################################################

#### FOOTER ########################################################################################
*/
div.footer {
	
	  color:#666;
	  width:960px;
	 margin:auto;
	padding:20px 0px 30px 0px;
	font-size:11px;		
}

div.footer a.footer-logo,
div.footer a.footer-logo:visited {
	   background-image:url('favicon.png');
	  background-repeat:no-repeat;
	background-position:0px 0px;
	
	color:#fff;
	padding:2px 2px 2px 25px;
}



div.footer a.footer-logo:hover {
	color:#de9e45;
}



div.footer a.footer-logo2,
div.footer a.footer-logo2:visited {
	 
	
	
	color:#fff;
	padding:2px 2px 2px 2px;
}



div.footer a.footer-logo2:hover {
	color:#de9e45;
}









div.footer p, div.footer a, div.footer a:hover {
	color:#aaa;
}

div.stripe {
	height:3px;
	background-color:#de9e45;
}

div.stripe2 {
	height:1px;
	
	background-color:#de9e45;
}
/* 
#### END FOOTER ####################################################################################

#### MISC ##########################################################################################
*/
br.clear { clear:both; }

*.unselectable, div.resources {
   -moz-user-select:-moz-none;
   -khtml-user-select:none;
   -webkit-user-select:none;
   user-select:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

span.space {
	padding:0px 10px;
}

a.zoom img {
	padding:5px;
}
/* 
#### END MISC #####################################################################################