@charset "utf-8";
/* BS Proyectos Industriales -- Antecedentes CSS Acc Document */

body { background-color: #2a2826 !important; }

/*Layout Declarations*/
#maincontent {
  width: 700px;
  margin-right: 15px;
  }
  
#aside {
  width: 200px;
  margin-top: 40px;
  padding-left: 17px !important;
  margin-left: 10px !important;
  }
  
/* Typography */  
#maincontent h2 {
  display: block;
  width: 955px;
  height: 23px;
  text-indent: -9999em;
  background: transparent url(../img/h2_and_h4_textreplacement/antecedentes.png) no-repeat;
  border-bottom: 1px solid #9d9790;
  font-weight: normal;
  
  }  

span.h2 {
  font-size: 1.6em;
  display: block;
  position: absolute;
  color: #666666;
  margin-top: -17px;
  margin-left: 150px; 
}


h3 {
   font-weight: bold;
   font-size: 1.6em;
}

h4 {
   font-weight: normal;
   font-size: 1.4em;
}

.lighter {
   color: #666666;
}

/* Main Content */ 
/* Select Button */
#maincontent #typeSelect {
   margin-top: 8px;
   margin-bottom: 4px;
   display: block;
   background: transparent url(../img/buttons/ant_toggle/rails.png) no-repeat top left;
   height: 40px;
   margin-left: -5px;
   padding-top: 2px;
   }
   
#typeSelect a {
   display: block;
   text-indent: -9999em;
   height: 35px;
}

a#ingn {width: 120px; }
a#est {width: 187px; }

#typeSelect a#ingn.off {
   background: transparent url(../img/buttons/ant_toggle/sprite_ing.png) no-repeat;
   margin-left: 5px;
   cursor: default;
}

#typeSelect a#ingn.on {
   background: transparent url(../img/buttons/ant_toggle/sprite_ing.png) no-repeat;
   background-position: 0 -32px;
   margin-left: 5px;
}

#typeSelect a#ingn:hover.on {
   background: transparent url(../img/buttons/ant_toggle/sprite_ing.png) no-repeat;
   background-position: 0 -64px;
   margin-left: 5px;
}


#typeSelect a#est.off {
   background: transparent url(../img/buttons/ant_toggle/sprite_est.png) no-repeat;
   cursor: default;
   margin-left: 96px;
   margin-top: -34px;
}

#typeSelect a#est.on {
   background: transparent url(../img/buttons/ant_toggle/sprite_est.png) no-repeat;
   background-position: 0 -34px;
   margin-left: 96px;
   margin-top: -34px;
}

#typeSelect a#est:hover.on{
   background: transparent url(../img/buttons/ant_toggle/sprite_est.png) no-repeat;
   background-position: 0 -64px;
   margin-left: 96px;
   margin-top: -34px;
}




#est, #ingn{ cursor:pointer;}

a#masant {
  text-indent: -9999em;
  background: transparent url(../img/buttons/mas_ant.png) no-repeat top left;
  display: block;
  height: 33px;
  width: 178px;
  margin-top: 15px;
  margin-left: -2px;
}


   
/* Viewport */ 

#maincontent #viewport {
  width: 720px;
  position: relative;
  overflow: hidden;
  
  margin-left: -20px;
  
}

#maincontent #viewport #vpcontainer {
  width: 1600px;
  padding-left: 10px;
  }

#maincontent #viewport #vpcontainer #ing {
  float: left;
  margin-right: 80px;
  margin-left: 10px;
  }
  


/* lists */
#maincontent ul {
   list-style-type: none; 
   font-size:1.3em; 
   line-height: 1.45em;
   }
   
#maincontent #viewport ul li a {color: #57534e;}
#maincontent #viewport ul li a:hover {
   text-decoration: none;
   color:#333333;
   background: transparent url(../img/assets/plus.png) no-repeat left center;
   /*display: block;*/
   padding-left: 15px;
   margin-left: -15px;
}

/* Antecedentes 'categoryLists' END-- */
/* ANTECEDENTES DETALLADO start */

h3.projName {
    font-weight: normal;
	margin-top: 15px;
	margin-bottom: 12px;
}

/* Showcase:scroller */ 
#billy_clip { 
	width: 720px; 
	padding-top: 2px;
	margin-left: -3px;
	padding-left: 3px;
	position: relative; /* For IE */
	overflow: hidden;
	height: 260px;
	background: transparent url(../img/assets/carrousels/W715_shadow.png) top left no-repeat;
	z-index:100;
}


ul#billy_fader {
	width: 9999px;
	height: 260px;
	display: block;
	float: left;
	position: relative;
}
	
	ul#billy_fader li {
		width: 715px;
		height: 260px;
		float: left;
		display: block;
	}
  /* indicators */
  
 	/* center FX */
	/* #indcenterXQ - where 'Q' is the number of li's in the showcase -- set manually ¬¬ */  
    #indcenterX2 {margin: auto; width: 5%;}
	#indcenterX3 {margin: auto; width: 7%;}
	#indcenterX6 {margin: auto; width: 12%;}
	#indcenterX6b {margin: auto; width: 16%;}
	#indcenterX4b {margin: auto; width: 14%;}
	/* build the indicators dinamically */
	ul#fade_indicators {
	width: auto;
	margin-left: -15px;
	z-index: 90;
}

	ul#fade_indicators li {
		display: block;
		width: 14px;
		height: 9px;
		float: left;
		margin-left: 7px;
		
	}
		
		ul#fade_indicators li a {
			margin-left: 6px;
			display: block;
			width: 17px;
			height: 17px;
			
			background: transparent url(../img/assets/carrousels/sprite_selector.png);
			opacity: 0.6;
			}	
		
		ul#fade_indicators li.active a { opacity: 0.9; background-position: 0px -17px;}
		ul#fade_indicators li a:hover { opacity: 0.8; }
			ul#fade_indicators li.active a:hover { opacity: 1.0; }
	
/* descriptive dl */
dl#projDescr {
   margin-top: 20px;
   font-size: 1.3em;
   line-height: 1.5em;
   float: left;
}

dl#projDescr dt {
   clear: left;
   float: left;
   font-weight: bold;
   
}

dl#projDescr dd {
   float: left;
}



/* Antecedentes Detallado END-- */
/* --MAIN CONTENT END -- */
/* Aside */
#aside.onethird.top_bg2 {
    background: transparent url(../img/divs_bg/verticalseparator.png) no-repeat top left;
	height: 450px;
	margin-left: 16px !important;
	}
	
#aside h3 {
   font-size: 1.5em;
   font-weight: bold;
   margin-top: 3px;
   margin-bottom: 11px;
   }

/*OLD spec
   
#aside h4 {
   font-size: 1.5em;
   font-weight: bold;
   margin-top: 15px;
   margin-bottom: 5px;
} */

#aside ul {
   list-style: none;
   font-size: 1.3em;
   line-height: 1.2em;
}

#aside ul li {
   margin-bottom: 7px;
}

#aside ul li a {color: #57534e;}

#aside ul li a:hover {color: #c92535; text-decoration: underline;}

ul#categoryLinks {
    margin-top: 4px;
}

/* GotoTOP */
#container {
width: 100%;
overflow: hidden;
 }

#container #tothetopse {
   	width: 956px;
	margin: auto;
	margin-top: 50px;
	
}


#container #tothetopse p a {
   color: #c92535;
   background: transparent url(../img/icons/top.png) no-repeat left bottom;
   text-decoration: none;
   padding-left: 17px;
   float: right;
   margin-bottom: 20px;
}