@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------
	envero.org
	Desarrollado por www.envero.org
--------------------------------------------------------*/


/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	color: #fff;
	background: #1a1a1a url(../img/bkg_page_01.jpg) no-repeat center top;
}

/* Class for clearing floats */
.clear { overflow: hidden; width: 100%; clear: both; }

/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important;; }
.alignMiddle { vertical-align: middle !important;; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }
.imgFloatRight { margin: 0 0 20px 20px; float: right; }
.imgFloatLeft { margin: 0 20px 20px 0; float: left; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.w150px { width: 150px; }
.w200px { width: 200px; }
.w250px { width: 250px; }
.w300px { width: 300px; }
.w350px { width: 350px; }
.w400px { width: 400px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }

strong { font-weight: bold; }
em { color: #fff; font-style: italic; }

ul {
	list-style: none;
	list-style-position: outside;
}

ol {
	list-style-position: inside;
	color: #777; font-size: 1.2em; margin: 1.5em;
}


/* =Layout
-----------------------------------------------------------------------------*/
#options-bar { width: 100%; height: 24px; background: #000; border-bottom: 1px solid #315b6b; padding: 6px 0 0 0; }
	.options-bar-container { width: 960px; margin: 0 auto; position: relative; }
	.options-bar-row { position: absolute; }
	.options-bar-container ul { font-size: 10px; margin: 0 15px 0 0; }
	.options-bar-container ul li.active a { color: #999; text-decoration: none; height: 19px; line-height: 19px; background: url(../img/bkg_optionBar_right.gif) no-repeat right top; padding: 0 21px 0 0; display: block; }
	.options-bar-container ul li.active a span { background: url(../img/bkg_optionBar_left.gif) no-repeat left top; display: block; padding: 0 0 0 7px; }
	.options-bar-container ul li.inactive { display: none;}
	
	.options-bar-container ul.hover { background: #2a7d9e url(../img/bkg_optionBar_right.gif) no-repeat right top; }
	.options-bar-container ul.hover li.active a { color: #fff; background: url(../img/bkg_optionBarHover_right.gif) no-repeat right top; }
	.options-bar-container ul.hover li.active a span { background: url(../img/bkg_optionBarHover_left.gif) no-repeat left top; }

	.options-bar-container ul.hover li.inactive a { color: #11323F; text-decoration: none; height: 23px; line-height: 23px; background: url(../img/bkg_optionBarHoverInactive_right.gif) no-repeat right top; padding: 0 21px 0 0; display: block; }
	.options-bar-container ul.hover li.inactive a span { background: url(../img/bkg_optionBarHoverInactive_left.gif) no-repeat left top; display: block; padding: 0 0 0 7px; }

	.options-bar-container ul.hover li.inactive.last a { background: url(../img/bkg_optionBarHoverInactiveLast_right.gif) no-repeat right top; padding: 0 21px 0 0; display: block; }
	.options-bar-container ul.hover li.inactive.last a span { background: url(../img/bkg_optionBarHoverInactiveLast_left.gif) no-repeat left top; }
	
	.options-bar-container ul.hover li.inactive a:hover { color: #fff; }

#wrapper { width: 960px; margin: 0 auto; }

#header { }
	#branding { width: 960px; height: 90px; background: url(../img/logo_envero_01.gif) no-repeat left top; margin: 0 0 38px 0; }
	#branding a { width: 190px; height: 90px; display: block; }
	#branding a span { display: none; }
	
	#mainNavigation { width: 960px; margin: 0 0 23px 0; }

#spotLight { width: 960px; height: 220px; padding: 1px 0; border-bottom: 4px solid #404040; margin: 0 0 50px 0; }
	#spotLight img { display: block; }
#mainBanner { width: 960px; padding: 2px 0; border-bottom: 4px solid #404040; border-top: 4px solid #404040; margin: 0 0 30px 0; }
	#mainBanner img { display: block; }

#mainContent { width: 960px; margin: 0 0 45px 0; overflow: hidden; }

#secondaryContent { width: 960px; overflow: hidden; padding: 0 0 35px 0; }
	#recentProjects { width: 630px; float: left; }
	#testimonies { width: 630px; float: left; }
	#contact { width: 297px; float: right; }

#footerLocation { width: 960px; padding: 20px 0; overflow: hidden; }
#footer { width: 960px; padding: 10px 0 20px 0; border-top: 3px solid #262626; overflow: hidden; }
	#siteTerms { width: 400px; float: right; text-align: right; }
	#credits { width: 300px; float: left; }

#location { width: 845px; padding: 15px 15px 15px 100px; background: #1F1F1F url(../img/img_ubicacion_01.gif) no-repeat 5px bottom; border-top: 3px solid #262626; border-bottom: 3px solid #262626; overflow: hidden; }

/* =Type
-----------------------------------------------------------------------------*/
h1 { margin: 0; }

h2 { color: #c5e9f7; font-size: 2.5em; margin: 0 0 .7em 0; }
	#secondaryContent h2 { color: #c5e9f7; font-size: 2.3em; margin: 0 0 .7em 0; }
	#secondaryContent #contact h2 { color: #fff; }

h3 { color: #F3F462; font-size: 1.8em; margin: 0 0 .5em 0; }
	#secondaryContent h3 { color: #F3F462; font-size: 1.6em; margin: 0 0 .2em 0; text-transform: uppercase; }
	.portfolioWork h3, .portfolioWork-last h3 { color: #99d7f0; font-size: 1.6em; margin: .3em 0; }
	#portfolioWorkShow h3 { color: #99d7f0; font-size: 2.2em; margin: 0 0 .1em 0; text-transform: uppercase; }
	#contactMain h3 { margin: 0 0 .2em 0; }
	#contactMain h3.blanco { color: #fff; margin: 0 0 .2em 0; }

p { color: #ddd; font-size: 1.3em; margin: 0 0 1em 0; }
	.sectionText p { font-size: 1.4em; }
	.servicesText p { font-size: 1.4em; }

	#location p { width: 530px; font-size: 14px; margin: 0; float: left }
	#location address { width: 300px; color: #BFC249; font-size: 14px; text-align: right; margin: 0; float: right; }
	#location .url { display: none; }
	
	#credits p, #siteTerms p { color: #444; font-size: 1.1em; margin: 0; }
	
	.testimoniesText p.testimony { color: #ddd; font-size: 1.6em; font-style: italic; margin: 0 0 .5em 0; }
	.testimoniesText p.name { color: #adf2ff; font-size: 1.4em; }
	
	.portfolioWork p, .portfolioWork-last p { font-size: 1.3em; margin: .2em 0; }
	.portfolioWorkText p { font-size: 1.4em; }
	
	.portfolioWorkImages p { color: #BFC249; font-size: 1.2em; margin: .5em 0 2em 0; }
	
	#contactMain p.data { color: #fff; font-size: 1.6em; margin: 0 0 2em 0; }
	
/*	p.notes { font-size: 1.2em; font-style: italic; color: #ccc; }*/
	span.notes { font-size: 0.9em; font-style: italic; color: #ccc; }

address { color: #fff; font-size: 1.6em; margin: 0 0 2em 0; }

/* =Forms
-----------------------------------------------------------------------------*/
#contact label { color: #ddd; font-size: 1.2em; line-height: 140%; margin: 0 0 .2em 0; display: block; }
#contact input.textField { width: 288px; color: #fff; font-size: 1.6em; padding: 4px; background: #2a2a2a; border: none; border-bottom: 1px solid #555; margin: 0 0 10px 0; }
#contact textarea.textArea { width: 288px; height: 100px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; padding: 4px; background: #2a2a2a; border: none; border-bottom: 1px solid #555; margin: 0 0 5px 0; overflow: auto; }

#contactMain label { color: #ddd; font-size: 1.3em; line-height: 140%; margin: 0 0 .2em 0; display: block; }
#contactMain input.textField { width: 350px; color: #fff; font-size: 1.6em; padding: 4px; background: #2a2a2a; border: none; border-bottom: 1px solid #555; margin: 0 0 20px 0; display: inline; }
#contactMain textarea.textArea { width: 500px; height: 150px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; padding: 4px; background: #2a2a2a; border: none; border-bottom: 1px solid #555; margin: 0 0 20px 0; overflow: auto; }

/*#contactMain label.error { color: #cc0000; margin: -15px 0 15px 0; display: block; }
#contact label.error { color: #cc0000; margin: -5px 0 15px 0; display: block; }*/

#contactMain .error-message, #contactMain label.error { color: #cc0000; margin: -15px 0 15px 0; display: block; font-size: 1.3em !important; }
#contact .error-message, #contact label.error { color: #cc0000; margin: -5px 0 15px 0; display: block; font-size: 1.3em !important; }
/* para controlar el spam en formularios */
#messageLabel { display: none !important; }
#message { display: none !important; }

/* =Classes
-----------------------------------------------------------------------------*/
/* main navigation */
#mainNavigation ul { overflow: hidden; }
#mainNavigation ul li { display: block; float: left; margin: 0 30px 0 0; }
	#mainNavigation ul li span.menuItem { margin: 0 0 5px 0; display: block; }
	
	#mainNavigation ul li span.active { color: #bbb; font-size: 1.1em; line-height: 140%; display: block; }
	/*#mainNavigation ul li a:link, #mainNavigation ul li a:visited { color: #70A0B4; font-size: 1.1em; line-height: 140%; display: block; }
	#mainNavigation ul li a:hover, #mainNavigation ul li a:active { color: #81ABBD; } */
	#mainNavigation ul li a:link, #mainNavigation ul li a:visited { color: #aaa; font-size: 1.1em; line-height: 140%; display: block; }
	#mainNavigation ul li a:hover, #mainNavigation ul li a:active { color: #bbb; }

/* home & contact sections */
.section { width: 296px; margin: 0 35px 0 0; float: left; }
.section-last { width: 297px; margin: 0; float: left; }
.section-double { width: 629px; margin: 0; float: right; }
.sectionImg { margin: 0 0 15px 0; }
	.sectionImg img { display: block; }

/* recent projects sections */
.project { width: 190px; margin: 0 30px 0 0; float: left; }
.project-last { width: 190px; margin: 0; float: left; }
	.projectImg { margin: 0 0 8px 0; }
		.projectImg img { display: block; }
	.projectText { }

/* contact */
.contactOptions { text-align: right; }
.contactOptions a:link, .contactOptions a:visited { color: #555; font-size: 1em; margin: 0 0 10px 0; text-decoration: none; }

/* services */
.servicesRow { width: 960px; margin: 0 0 35px 0; overflow: hidden; }
	.servicesImg { width: 200px; min-height: 100px; margin: 0 35px 0 0; float: left; }
/* 	.servicesImg { width: 296px; min-height: 100px; margin: 0 35px 0 0; float: left; } */

	.servicesText { width: 520px; float: left; }
		.servicesText ul { color: #ddd; font-size: 1.4em; margin: 0 0 1em 0; }
		.servicesText ul li { color: #bbb; background: url(../img/bul_list01.gif) no-repeat left 8px; padding: 0 0 0 15px; margin: 0 0 .2em 0; }

/* portfolio */
#portfolioContent { width: 960px; overflow: hidden; }
	#portfolioMenu { width: 213px; float: left; }
		#portfolioMenu ul { margin: 0 0 50px 0;  }
			#portfolioMenu ul li.active { }
			#portfolioMenu ul li a:link, #portfolioMenu ul li a:visited { color: #ddd; font-size: 1.7em; text-transform: uppercase; }
			#portfolioMenu ul li a.active:link, #portfolioMenu ul li a.active:visited { color: #F3F462; font-size: 1.7em; text-transform: uppercase; }
			#portfolioMenu ul li a:hover, #portfolioMenu ul li a:active { color: #fff; text-decoration: none; }
	
	#portfolioWorks { width: 712px; min-height: 300px; float: right; }
	/* min-height hack for Internet Explorer */ /*\*/ * html #portfolioWorks { height: 300px; } /**/
		.portfolioRow { width: 712px; margin: 0 0 25px 0; overflow: hidden; }
		.portfolioWork { width: 190px; margin: 0 45px 0 0; background: #1A1A1A; border: 6px solid #1A1A1A; float: left; display: inline; }
		.portfolioWork-last { width: 190px; margin: 0; background: #1A1A1A; border: 6px solid #1A1A1A; float: left; display: inline; }
		.portfolioWorkHover { background: #333; border: 6px solid #333; }

	#portfolioWorkShow { width: 712px; min-height: 300px; margin: 0 0 25px 0; float: right; }
	/* min-height hack for Internet Explorer */ /*\*/ * html #portfolioWorkShow { height: 300px; } /**/
		.portfolioWorkText { width: 427px; float: left; }
			.portfolioWorkText ul { color: #ddd; font-size: 1.4em; margin: 0 0 1em 0; }
			.portfolioWorkText ul li { color: #bbb; background: url(../img/bul_list01.gif) no-repeat left 8px; padding: 0 0 0 15px; margin: 0 0 .2em 0; }
		.portfolioWorkImages { width: 250px; float: right; }

	#portfolioWorkShow ul.projectData { margin: 0 0 30px 0; }
	#portfolioWorkShow ul.projectData li { color: #888; font-size: 1.2em; text-transform: uppercase; display: inline; margin: 0 20px 0 0; }
	#portfolioWorkShow ul.projectData li em { color: #bbb; font-style: normal; }

/* testimonies */
.testimoniesRow { width: 620px; margin: 0 0 25px 0; overflow: hidden; }
	.testimoniesText { width: 465px; float: left; }
	.testimoniesImg { width: 133px; float: right; }


/* Varios... */
.celesteEnvero { color: #6CC6EA; }
.error { color: #CC0000; }

/* links */
a:link, a:visited { color: #99D7F0; text-decoration: none; }
a:hover, a:active { color: #C5E9F7; text-decoration: underline; }

#mainNavigation a:link, #mainNavigation a:visited { text-decoration: none; }

.projectText h3 a:link, .projectText h3 a:visited { color: #F3F462; text-decoration: none; }

#contactMain a:link, #contactMain a:visited { color: #fff; text-decoration: none; }


#footer a:link, #footer a:visited, #footerLocation a:link, #footerLocation a:visited { color: #444; text-decoration: none; }
#footer a:hover, #footer a:active, #footerLocation a:hover, #footerLocation a:active { color: #555; }

.e404 { 
    height: 450px;
    background: url(../img/error404.gif) no-repeat bottom;
    margin: 100px 0;
     
}
.e404 .text { width: 530px; margin: 0 auto; }
.e404 h2 { color: #6CC6EA; font-size: 4em;  margin: 0}
.e404 p { font-size: 2.5em; color: #868686; margin: 0;  }
.e404 img { margin: 50px 0;  }