/* Pma Viejo BC - CSS © 2014 cuartoestudio.com */

/*===== webFonts =====*/
@font-face {
    font-family: 'nexa_boldregular';
    src: url('fonts/nexa_bold-webfont.eot');
    src: url('fonts/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa_bold-webfont.woff') format('woff'),
         url('fonts/nexa_bold-webfont.ttf') format('truetype'),
         url('fonts/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'nexa_lightregular';
    src: url('fonts/nexa_light-webfont.eot');
    src: url('fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa_light-webfont.woff') format('woff'),
         url('fonts/nexa_light-webfont.ttf') format('truetype'),
         url('fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;}


/*===== basic Stuff =====*/
body {
	font-family: 'nexa_lightregular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0; padding: 0;
	background: #e6e6e6;
	color: #4d4d4d;}
	
div { margin: 0; padding: 0;}
img { max-width: 100%; height: auto; border: none;}

a {
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;}

a:link, a:visited { color: #004889; text-decoration: none;}
a:hover, a:active { color: #999; text-decoration: none;}


/*===== Headings =====*/
h1, h2, h3, h4 { font-family: 'nexa_boldregular', Arial, Helvetica, sans-serif; font-weight: normal !important;}
h1 { font-size: 20px; line-height: 1.2em;}
h2 { font-size: 30px; color: #f26e21; margin-top: 0;}
h3 { font-size: 20px;}
h4 { font-size: 18px; color: #004889;}


/*===== the Wrapper =====*/
.theWrapper { width: 90%; max-width: 960px; margin: 0 auto; overflow: hidden;}


/*==================================
	the BTNs
==================================*/

/*===== whiteBTN =====*/
p.whiteBTN { margin: 20px 0;}

.whiteBTN a {
	width: 70%;
	margin: 0 auto;
	padding: 4px 16px;
  	font-size: 14px;
  	display: block;
  	text-decoration: none;
  	font-weight: bold;
  	text-align: center;
  	border: solid 2px #fff;

	background: #fff;

  	-moz-border-radius: 20px;
  	-webkit-border-radius: 20px;
  	border-radius: 20px; /* future proofing */
  	-khtml-border-radius: 20px; /* for old Konqueror browsers */}
  
.whiteBTN a:link, .whiteBTN a:visited { color: #71be46;}
.whiteBTN a:hover, .whiteBTN a:active { color: #fff; background: #71be46;}


/*===== greenBTN =====*/
p.greenBTN { margin: 20px 0;}

.greenBTN a {
  	padding: 8px 16px;
  	font-size: 14px;
  	display: block;
  	background: #71be46;
  	text-decoration: none;
  	text-align: center;
  	-moz-border-radius: 20px;
  -	webkit-border-radius: 20px;
  	border-radius: 20px; /* future proofing */
  	-khtml-border-radius: 20px; /* for old Konqueror browsers */}
  
.greenBTN a:link, .greenBTN a:visited { color:#fff;}
.greenBTN a:hover, .greenBTN a:active { color: #fff; background: #549334;}



/*===== blueBTN =====*/
p.blueBTN { margin: 20px 0;}

.blueBTN a {
  	width: 30%;
	padding: 8px 16px;
  	font-size: 14px;
  	display: block;
  	background: #004889;
  	text-decoration: none;
  	text-align: center;
  	-moz-border-radius: 20px;
  -	webkit-border-radius: 20px;
  	border-radius: 20px; /* future proofing */
  	-khtml-border-radius: 20px; /* for old Konqueror browsers */}
  
.blueBTN a:link, .blueBTN a:visited { color:#fff;}
.blueBTN a:hover, .blueBTN a:active { color: #fff; background: #042f60;}



/*==================================
	Header
==================================*/

/*===== Header =====*/
#header {
	width: 100%;
	height: 70px;
	background:
		url(images/3ang-green.png) no-repeat bottom left,
		url(images/3ang-orange.png) no-repeat bottom right,
		#004889;
	color: #fff;
	position: fixed;
	z-index: 700 !important;
	overflow: hidden;}
	
#header div { overflow: hidden;}

/*===== Logo =====*/
#logo { width: 18%; margin: 0 2% 0 0; padding: 10px 0; float: left;}


/*===== Nav =====*/
#nav { 
	width: 75%;
	float: right;
	font-family: 'nexa_boldregular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;}

#nav ul { list-style-type: none; margin: 0; padding: 0;}

#nav li { display: inline-block; }
#nav li a { display: block; float: right; padding: 40px 11px 12px 11px;}
#nav li a:link, #nav li a:visited { color: #fff;}
#nav li a:hover, #nav li a:active { color: #fff; background: #f26e21;}
#nav li.current-menu-item a { color: #fff; padding-bottom: 7px; border-bottom: solid 5px #f26e21;}



/*==================================
	the Content
==================================*/

/*===== IconBox =====*/
#iconBox { width: 100px; position: fixed; top: 80px; left: 0; z-index: 700 !important; overflow: hidden;}
#iconBox p { margin: 0;}
#iconBox img { display: block; padding: 0 0 5px 0;}


/*===== SlidesBox =====*/
#slideBox { width: 100%; padding-top: 70px; overflow: hidden;}
#slideBox p { margin: 0;}
#slideBox img { vertical-align: top;}


/*===== whiteBox =====*/
#whiteBox { width: 100%; padding: 40px 0; background: #fff;} 


/*===== ContentBox =====*/
#contentBox { line-height: 1.4em;}
#contentBox h2 { line-height: 1.2em;}


/*==================================
	Home stuff
==================================*/

/*===== HomeBox =====*/
#homeBox { 
	width: 100%;
	background: #71be46;
	color: #fff;
	border-top: solid 10px #004889;
	overflow: hidden;}
	
/*===== Aerial Views =====*/
.aerialView { width: 35%; float: left;}
.aerialView img { vertical-align: top;}

/*===== Home Stuff =====*/
#homeStuff { width: 25%; padding: 2.5%; float: left; text-align: center;}



/*==================================
	Footer
==================================*/

/*===== Footer =====*/
#footer { padding: 40px 0; color: #7f7f7f;}
#footer a:link, #footer a:visited { color: #7f7f7f;}
#footer a:hover, #footer a:active { color: #004889; text-decoration: underline;}

/*===== Footer (col) =====*/
.footerCol { width: 30%; margin: 0 3% 0 0; float: left;}

/*===== NSEW =====*/
#NSWbox { width: 20%;}

/*===== Footer (Contact) =====*/
#footerContact { width: 30%; font-size: 15px;}
#footerContact ul { list-style-type: none; margin: 0 0 20px 0; padding: 0; font-family: 'nexa_boldregular', Arial, Helvetica, sans-serif;}

/*===== DeveloperBox =====*/
#developerBox { width: 35%; font-size: 11px;}
#developerBox p { margin-top: 0;}
#developerBox img { padding: 0 10px 0 0;}



/*==================================
	Offices + Bodegas
==================================*/

/*===== OfficeContent =====*/
#officeContent { width: 70%; margin: 0 5% 0 0; float: left;}


/*===== OfficeSide =====*/
#officeSide { width: 25%; float: right; color: #666666;}


/*===== sub (Offices) =====*/
.subOffice { width: 80%; margin: 10px 0; padding: 2% 7%; background: #f2f2f2; border-left: solid 10px #004889;}
.subOffice h3 { color: #004889;}

.subOffice ul { list-style-type: none; margin: 20px 0; padding: 0;}
.subOffice li a { display: block; padding: 7px 0; border-bottom: solid thin #ccc;}

.subOffice li a:link, .subOffice li a:visited { color: #666666;}
.subOffice li a:hover, .subOffice li a:active { color: #004889; background: #e6e6e6;}
.subOffice li.current-menu-item a { color: #004889; font-weight: bold;}


/*===== sub (Bodegas) =====*/
.subBodegas { width: 80%; margin: 10px 0; padding: 2% 7%; background: #f2f2f2; border-left: solid 10px #f26e21;}
.subBodegas h3 { color: #f26e21;}

.subBodegas ul { list-style-type: none; margin: 20px 0; padding: 0;}
.subBodegas li a { display: block; padding: 7px 0; border-bottom: solid thin #ccc;}

.subBodegas li a:link, .subBodegas li a:visited { color: #666666;}
.subBodegas li a:hover, .subBodegas li a:active { color: #f26e21; background: #e6e6e6;}
.subBodegas li.current-menu-item a { color: #f26e21; font-weight: bold;}



/*===== FloorPlans Box =====*/
#floorPlanBox { width: 100%; display: none;}
#floorPlanBox img { max-width: 33%;}



/*==================================
	Contact stuff
==================================*/

/*===== formBox =====*/
.formBox { width: 70%; margin: 0 5% 0 0; float: left;}

/*===== formSide =====*/
.formSide { width: 25%; float: right;}
.formSide ul { list-style-type: none; margin: 0; padding: 0;}



/*==================================
	Form stuff
==================================*/
.ninja-forms-required-items {display: none;}

#ninja_forms_form_1_cont { width: 80%;}
#ninja_forms_form_1 {}

#ninja_forms_form_1 input,
#ninja_forms_form_1 textarea,
#ninja_forms_form_1 select { padding: 2%; background: #f2f2f2; border: none;}

.formBTN-wrap { margin: 10px 0 0 0 !important;}

.formBTN { 
	width: 30% !important;
	background: #71be46 !important;
	color: #fff;
	border: none !important;
	margin: 0 !important;
	padding: 5px 20px !important;
	border-radius: 10px;
	font-size: 100%;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
	-webkit-appearance: none;}

.formBTN:hover { background: #579836 !important; color: #fff;}