/*--------------------------
		HTML 
----------------------------*/
@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	}
	
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}
/* Comillas */
q:before, q:after {
	content: '';
	}	
body{
	font:normal 12px/19px Verdana, Arial, Helvetica, sans-serif;
	padding-top:6px;
	position:relative;
	background:url(images/fondo.png) #1C2A10 repeat-x;
	/* background:url(images/matt1police.png)  no-repeat;*/
	}	


/* Bordes de las tablas */
table {
	border-collapse: collapse;
	border-spacing: 0;

	}

/* Clases tiles */
.p_relative{
	position:relative;
	}
/*vinculos generales*/
a:link {
 	color: #67AD28;
 	text-decoration: none;
	}
a:visited {
 	text-decoration: none;
 	color: #67AD28;
	}
a:hover {
 	text-decoration: underline;
 	color: #67AD28;
	}
a:active {
 	text-decoration: none;
	}	
/*Espacios en los parrafos*/	
p{ 
	margin-bottom:20px;
	}
/*Alineacion del las tablas*/	
td{	
	text-align:left;
	}
/*headers*/	
h2{
	font-size:22px;
	margin-bottom:12px;
	}
h2 span{
	font-weight: lighter;
	font-size:22px
	}	
h3{
	font-size:16px;
	margin-bottom:8px;
	}	
.clearfix{
	clear:both;
	}
img{
	border:none;
	}		

/*---------------------------
	SITE
------------------------------*/	
#img_header{
	float: left;
	margin-left: 710px;
	margin-top: 3px;
}
#img_link{
	float: left;
	margin-left: 10px;
	margin-top: 3px;
}
#txt_header{
	float: left;
	font-size: 11px;
	margin-left: 2px;
	margin-top: 3px;
}

#wrapper{
	width:921px;
	margin:0 auto;
	background: url(images/bg_content.jpg) #fff repeat-y;
	}
#wrapper:after{	
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	}	
#aux{
	height:420px;
	width:2px;
	}
#content{
	width:914px;
	margin:0 auto;
		
	}
	
#conten_txt{
	padding:0 15px;
	margin-top:45px;
	}		
#conten_txt_home{
	padding:0 15px;
	
	}		
#aux, #content{
	float:left;
	}
#header{
	height:35px;
	background:url(images/bg_header_green.jpg) no-repeat;
	position:relative;
	padding-top:15px;
	}
#footer{
	width:921px;
	height:125px;
	background: url(images/bg_footer_green.jpg) #EFEFEF top no-repeat;
	overflow:hidden;
	padding-top:14px;
	margin:0 auto;
	}
#footer p{
	margin-top:8px;
	text-align:center;
	margin-bottom:5px;	
	}
#logo{
	float:left;
	margin-top:22px;
	margin-left:25px;
	cursor:pointer;
	}
	
#eco_button{
	float:left;
	margin-top:28px;
	margin-left:75px;
	cursor:pointer;
	}	
	
#language{
	float:right;
	margin-top:3px;
	margin-right:45px;
	}
#language a{
	font-size:16px;
	font-weight:bold;
	}			
#language a:hover{
	font-size:16px;
	font-weight:bold;
	}
.seal{
	float:right;
	top:28px;
	position:absolute;
	right:10px;
	}	
#intro{
	text-align:center;
	width:883px;
	margin:0 auto;
	}
/*---------------------------
	Box Home
------------------------------*/					
#welcome{
	text-align:center;
	width:890px;
	margin:0 auto; 
	}
#welcome2{
	text-align:center;
	width:883px;
	margin:0 auto;
	margin-top:20px;
	}
.box_middle{
	background:url(images/box_middle.gif) repeat-y ;
	width:883px;
	}
.box_top{
	background:url(images/box_top.gif) no-repeat top;
	width:883px;
	}
.box_bottom{
	background:url(images/box_bottom.gif) no-repeat bottom;
	width:883px;
	}
	
.box_top_w{
	background:url(images/box_top_w.png) no-repeat;
	height: 15px;
	}	
.box_bottom_w{
	background:url(images/box_bottom_w.png) no-repeat;
	height: 15px;
	}
.box_middle_w{
	background:url(images/box_middle_w.png) repeat-y;
	height: 670px;
	}
	
.box_top_w_large{
	background:url(images/box_top_w_large.png) no-repeat;
	height: 15px;
	}	
.box_bottom_w_large{
	background:url(images/box_bottom_w_large.png) no-repeat;
	height: 15px;
	}
.box_middle_w_large{
	background:url(images/box_middle_w_large.png) repeat-y;
	height: 670px;
	}
	
@media screen and (-webkit-min-device-pixel-ratio:0){

	html {
	text-shadow: #000 0px 0px 0px;/* Elimina el efecto bold en Safari */
	}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}
	
	.box_middle_w{
	margin-top: -5px;
	}
	.box_top_w{
	background:url(images/box_top_w.png) no-repeat;
	height: 15px;
	margin-top: 15px;
	}
	.image_welcome{
	margin-top: 10px;
	}
	.image_welcome1{
	margin-top: 10px;
	}
	.content_welcome{
	margin-top: 10px;
	}
}	
	
.image_welcome{
	margin-top:42px;
	width:180px;
	margin-bottom:24px;
	padding-left: 15px;
	float:left;
	}
	
.image_welcome1{
	margin-top:42px;
	width:180px;
	margin-bottom:24px;
	padding-left: 15px;
	float:left;
	}	
	
.content_welcome{
	margin-top:42px;
	width:470px;
	margin-bottom:24px;
	padding-left: 15px;
	float:left;
	text-align:justify;
	}
	
.content_pages{
	margin-top:42px;
	width:825px;
	margin-bottom:24px;
	text-align:justify;
	margin-left:30px;
	}
	
.content_projects{
	margin-top:42px;
	width:900px;
	margin-bottom:24px;
	text-align:justify;
	margin-left:8px;
	}	
	
.content_green{
	margin-top:42px;
	width:550px;
	margin-bottom:24px;
	text-align:justify;
	margin-left:30px;
	}	

.image_welcome, .content_pages, .image_welcome1, .content_green, .content_projects{
	float:left;
	}
.yourbenefits{
	border:1px hidden #000000;
	-moz-border-radius: 14px;
	width:320px;
	background:#fff;
	padding:13px;  
	}
.yourbenefits1{	
	width:320px;
	padding:13px;
	}	
.testimonial{
	width:580px;
	background:#fff;
	padding:13px;
	BORDER:#CCCCCC 1px solid ;
	text-align:justify;
	}		
.disclaimer10{
	font:normal 11px/12px Verdana, Arial, Helvetica, sans-serif;

	}		
.disclaimer8{
	font:normal 9px/10px Verdana, Arial, Helvetica, sans-serif;

	}		
.ourprojects{	
	width:510px;
	margin-left:28px;
	margin-top:12px;
	}
.yourbenefits1, .ourprojects{
	float:left;
}
ul.benefits{
	list-style-image:url(images/bullet_green.gif);
	padding-left:15px;
	text-align:justify;
	line-height:22px;
	}
ul.benefits li{
	margin-bottom:8px
	}

.title_b{
	width:325px;
	}
.title_op{
	width:517px;
	}
.title_b , .title_op{
	float:left;
	}
ul.listproject li{
	list-style:none;
	display:block;
	float: left;
	margin-right:13px;
	}
#intro{
	position:relative;
	z-index:3;
	width:844px;
	height:233px;
	margin: 0 auto;
right:17px;
	
	}
		
  /*---------------------------
	Nav Top EN
------------------------------*/	
.nav_top{
	
	width:904px;
	height:64px;
	margin:-6px 25px;
	position:absolute;

	}
div.nav_top  ul  li {
        list-style: none;
		margin-top: -3px;
        padding: 0;
		float:left;
		text-indent:-9999px;    	

        }	
div.nav_top li a {
        height: 58px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 58px;
        text-decoration: none;
		outline:0;
        }
/*Inicio*/
div.nav_top  li.inicio a:link, div.nav_top  li.inicio a:visited {
        display: block;
        background: url(images/nav_top_green.gif) ;
		width:91px;  
        }

div.nav_top  li.inicio a:hover, div.nav_top li.inicio #current { 
		display: block;
        background: url(images/nav_top_green.gif) 0 -68px ;
		width:91px;
        }
/* Saving Services */		
div.nav_top  li.savingservices a:link, div.nav_top  li.savingservices a:visited {
        display: block;
        background: url(images/nav_top_green.gif) -92px 0 ;
		width:177px;
        }
div.nav_top  li.savingservices a:hover, div.nav_top li.savingservices #current { 
		display: block;
        background: url(images/nav_top_green.gif) -92px -68px ;
		width:177px;
        }
/* Smart Customer */		
div.nav_top  li.smartcustomer a:link, div.nav_top  li.smartcustomer a:visited {
        display: block;
        background: url(images/nav_top_green.gif) -272px 0 ;
		width:177px;
        }
div.nav_top  li.smartcustomer a:hover, div.nav_top li.smartcustomer #current { 
		display: block;
        background: url(images/nav_top_green.gif) -272px -68px ;
		width:177px;
        }				
/* joinposse */		
div.nav_top  li.joinposse a:link, div.nav_top  li.joinposse a:visited {
        display: block;
        background: url(images/nav_top_green.gif) -452px 0 ;
		width:177px;
        }
div.nav_top  li.joinposse a:hover, div.nav_top li.joinposse #current { 
		display: block;
        background: url(images/nav_top_green.gif) -452px -68px ;
		width:177px;
        }			
/*Services*/		
div.nav_top  li.services a:link, div.nav_top  li.services a:visited {
        display: block;
        background: url(images/nav_top_green.gif) -324px 0 ;
		width:226px;  
        }
div.nav_top  li.services a:hover, div.nav_top li.services #current { 
		display: block;
        background: url(images/nav_top_green.gif) -324px -71px ;
		width:226px;  
        }	
		
/*Projects*/
div.nav_top  li.projects a:link, div.nav_top  li.projects a:visited {
        display: block;
        background: url(images/nav_top_green.gif) -444px 0 ;
		width:133px;
        }

div.nav_top  li.projects a:hover, div.nav_top li.projects #current { 
		display: block;
        background: url(images/nav_top_green.gif) -444px -71px ;
		width:133px;
        }
		
/*Company*/
div.nav_top  li.company a:link, div.nav_top  li.company a:visited {
        display: block;
        background: url(images/nav_top_green.gif) -635px 0 ;
		width:119px;
        }

div.nav_top  li.company a:hover, div.nav_top li.company #current { 
		display: block;
        background: url(images/nav_top_green.gif) -635px -68px ;
		width:119px;
        }
/*Contact*/
div.nav_top  li.contact a:link, div.nav_top  li.contact a:visited {
        display: block;
        background: url(images/nav_top_green.gif) -757px 0 ;
		width:123px;
        }

div.nav_top  li.contact a:hover, div.nav_top li.contact #current { 
		display: block;
        background: url(images/nav_top_green.gif) -757px -68px ;
		width:123px;
        }																				
/*---------------------------
	Nav Top ES
------------------------------*/	
.nav_top_es{
	
	width:912px;
	height:64px;
	margin:-6px 19px;
	position:absolute;

	}
div.nav_top_es ul  li {
        list-style: none;
		margin-top: -3px;
        padding: 0;
		float:left;
		text-indent:-9999px;    	

        }	
div.nav_top_es li a {
        height: 59px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 59px;
        text-decoration: none;
		outline:0;
        }
/*Inicio*/
div.nav_top_es  li.inicio a:link, div.nav_top_es  li.inicio a:visited {
        display: block;
        background: url(images/nav_top_green_es.gif) ;
		width:122px;  
        }

div.nav_top_es  li.inicio a:hover, div.nav_top_es li.inicio #current { 
		display: block;
        background: url(images/nav_top_green_es.gif) 0 -71px ;
		width:122px;
        }
/* Green Services */		
div.nav_top_es  li.green_services a:link, div.nav_top_es  li.green_services a:visited {
        display: block;
        background: url(images/nav_top_green_es.gif) -122px 0 ;
		width:184px;
        }
div.nav_top_es  li.green_services a:hover, div.nav_top_es li.green_services #current { 
		display: block;
        background: url(images/nav_top_green_es.gif) -122px -71px ;
		width:184px;
        }		
		
/*Services*/		
div.nav_top_es  li.services a:link, div.nav_top_es  li.services a:visited {
        display: block;
        background: url(images/nav_top_green_es.gif) -310px 0 ;
		width:228px;  
        }
div.nav_top_es  li.services a:hover, div.nav_top_es li.services #current { 
		display: block;
        background: url(images/nav_top_green_es.gif) -310px -71px ;
		width:228px;  
        }	
		
/*Projects*/
div.nav_top_es  li.projects a:link, div.nav_top_es  li.projects a:visited {
        display: block;
        background: url(images/nav_top_green_es.gif) -434px 0 ;
		width:133px;
        }

div.nav_top_es  li.projects a:hover, div.nav_top_es li.projects #current { 
		display: block;
        background: url(images/nav_top_green_es.gif) -444px -71px ;
		width:133px;
        }
		
/*Company*/
div.nav_top_es  li.company a:link, div.nav_top_es  li.company a:visited {
        display: block;
        background: url(images/nav_top_green_es.gif) -538px 0 ;
		width:145px;
        }

div.nav_top_es  li.company a:hover, div.nav_top_es li.company #current { 
		display: block;
        background: url(images/nav_top_green_es.gif) -538px -71px ;
		width:145px;
        }
/*Contact*/
div.nav_top_es  li.contact a:link, div.nav_top_es  li.contact a:visited {
        display: block;
        background: url(images/nav_top_green_es.gif) -693px 0 ;
		width:193px;
        }

div.nav_top_es  li.contact a:hover, div.nav_top_es li.contact #current { 
		display: block;
        background: url(images/nav_top_green_es.gif) -693px -71px ;
		width:193px;
        }															

/*---------------------------
	Buttons
------------------------------*/
.buttons a, .buttons button{
    display:block;
    margin:0 7px 0 0;
    background:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
	}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
	}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
	}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	}


/* STANDARD */

button:hover, .buttons a:hover{
    background:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
	}
.buttons a:active{
    background:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
	}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
	}
.buttons a.positive:hover, button.positive:hover{
    background:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
	}
.buttons a.positive:active{
    background:#529214;
    border:1px solid #529214;
    color:#fff;
	}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
	}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
	}
.buttons a.negative:active{
    background:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
	}	
/*---------------------------
	DropDowns Menu
------------------------------*/
	
div.menu_drop {
        width: 100%;
        border-style: solid solid none solid;
        border:1px solid #311E0F;
        }
div.menu_drop  ul  li {
        list-style: none;
        margin: 0;
        padding: 0;
		border-bottom:1px solid #311E0F;
		border-left:1px solid #311E0F;
        }
		
div.menu_drop li a {
        height: 32px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
        }

div.menu_drop  li a:link, div.menu_drop  li a:visited {
        color: #CFBD81;
        display: block;
        background:#4F210C;
        padding: 8px 0 0 25px;
        }

div.menu_drop  li a:hover, div.menu_drop li #current { 
        color: white;
        background: #896336;
        padding: 8px 0 0 25px;
		text-decoration:none;
        }					
		
#separator_project{
		float:left; border-right:1px solid #AED297;
	}
	
#call_us{
	margin-top:3px;
}		

#contactus{
	width:400px; 
	margin-top:-45px;
}



.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}