/**********************/
/******* COMMON ***********/

/******* ARROWS *********/
a.link_up, a.link_down {
	display: block;
	width: 10px;
	height: 14px;
	text-decoration: none;
	}
a.link_up{
	background: url("/templates/ipc/images/arrows_up_down.png") 0 0 no-repeat;
/*	margin-bottom:10px;*/
	}
a.link_down{
	background: url("/templates/ipc/images/arrows_up_down.png") 0 0 no-repeat;
	background-position: 0 -24px;
	}

a:hover.link_up{
	background-position: -11px 0;
	} 
a:hover.link_down{
	background-position: -11px -24px;
	}  
/***** SCROLL WRAPPER ******/
#scroll_wrapper{
	overflow: hidden; 
	position: relative;
	height: 300px; /*fixed for all pages*/
	/* width defined in each page	*/
	/*border:1px dashed red;*/
	}
#scroll_wrapper #scroll_inner{
	position: relative;
	line-height:1.4;
	text-align:justify;
	}
body.ja #scroll_wrapper #scroll_inner,
body.ja .scroll_box{	/* larger line height*/
	line-height:2;
	}
.scroll_buttons{
	float:left;
	margin-top:0px;
	margin-left:10px;
	}

/* COMMON - verticle text scroll*/
.scroll_box{
	overflow:hidden;
	float:left;
	text-align:justify;
	}
.scroll_box ul{
	list-style-type: disc;
	margin:20px;
	}
.scroll_box ol{
	list-style-type: decimal;
	margin:20px;
	}
.scroll_box li{
	padding:4px;
	}
.handle-vert{
	height: 3px;
	width: 16px;
	background: url(/templates/v1/images/scroll_handle.png) no-repeat;
	}
.scrollbar-vert{
	margin-left:4px;
	width: 16px;
	float:left;
	background: url(/templates/v1/images/scroll_bar.png) repeat-y;
	}
/*
.handle-hor{
	height: 20px;
	width: 42px;
	background: url(/templates/v1/images/handle-hor.gif) no-repeat;
	}
	*/

#subtitle{
	height:90px;
	font-weight:bold;
	font-size:100%;
	}
body.ja #subtitle{	/* smaller txt for jp version*/
	font-size: 85%;
	}
/**********************/
/******* PAGES ********/	

/*home*/
.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
	}
#qscroller1 {
  width:450px;
  height:21px;
  border:1px solid #FFFFFF;
}
.qslide {
  font-size: 90%;
  padding: 3px;
}



	
	
#page_services #subtitle,
#page_common #subtitle{
	/*border:1px dashed red;*/
	height:60px;
	margin-bottom:10px;
	}
#page_services #text_box_2,
#page_common #text_box_2{
	margin-left:20px;
	width: 380px;
	margin-right:10px;
	/*border:1px dashed red;*/
	}
#page_common #text_box_2{
	margin-left:300px;
	}
#page_services #text_box_2,
#page_services  .scrollbar-vert,
#page_common #text_box_2,
#page_common  .scrollbar-vert{
	height:270px;
	}
#page_services  .base_link{
	clear:both;
	margin-left:320px;
	}

/*home*/
#page_home #subtitle{
	height:160px;
	}
#page_home #news_items h2{
	float:left;
	width:80px;
	color:red;
	}
#page_home #news_items ul{
	float:left;
	margin-bottom:40px;
	font-size:90%;
	}

#page_home #news_scoll{
	clear:both;
	}
#page_home .hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
	}
#page_home #qscroller1 {
  width:450px;
  height:21px;
  border:1px solid #FFFFFF;
}
#page_home .qslide {
  font-size: 90%;
  padding: 3px;
}

#page_company{
	
	}
#page_company .box{
	float:left;
	margin-right:20px;
	width:210px;
	}
#page_company .box h2, #page_company .box h2 a{
	color:red;
	margin-bottom:16px;
	}
#page_company #text_box_1,
#page_company #text_box_2{
	width:190px;
	}
#page_company #text_box_1,
#page_company  .scrollbar-vert,
#page_company #text_box_2,
#page_company  .scrollbar-vert
{
	height:230px;
	}
	
	

#page_groups .group{
	width:680px;
	margin-bottom:20px;
	}
#page_groups .group .img{
	float:left;
	margin-right:10px;
	width:120px;
	}
#page_groups .group .txt{
	float:left;
	width:540px;
	}
#page_groups #text_box_2,
#page_groups  .scrollbar-vert
{
	height:230px;
	}
	
#page_informe #subtitle{}
#page_informe #sections{
	height:60px;
	}
#page_informe #sections li{
	display:block;
}
#page_informe #sections li a{
	border:1px solid #FFFFFF;
	width:220px;
	color:#333333;
	display: block;
	
}
#page_informe #sections li a:hover,
#page_informe #sections li.selected a{
	background:#FFFFFF;
	color:red;
	width:220px;
	text-decoration:none;
	}
#page_informe #the_years{
	float:left;
	width:40px;
	}
#page_informe #the_list{
	float:left;
	border-left:1px solid #FFFFFF;
	padding-left:10px;
	width:500px;
	}
#page_informe #the_list .item{
	border-bottom:1px solid #FFFFFF;
	margin-bottom:6px;
	}
#page_informe #the_list .item .image{
	float:left;
	width:40px;
	}
#page_informe #the_list .item .data{
	float:left;
	width:400px;
	}