@charset "utf-8";
/* CSS Document */
body{
	background-color:#fff;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center
}

.wrapper{
	margin:0 auto;
	padding:1em 0;
	width: 48em;
	text-align:left
}

#logo{
	margin:0 1em
}

#bg{
	background:url(images/bg.jpg) repeat-x;
	width:100%;
	float:left;
	padding:0;
	margin:0
}

/* menu */
#menu{
	float:left;
	width:100%;
	background-color:#9ba3b7;
}

#menu a{
	font-weight:normal;
}

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

ul#navlist li, ul#navlist li#navlast{
	padding:0 0 0 -3px;
	margin:0 0 0 -3px;
	color:#1A336E;
	display:inline;
}

ul#navlist li a{
	padding:5px 3em;
	font-size:0.94em;
	color:#1A336E;
	font-weight:normal;
	border-right:solid 1px #747B8B;
	height:1.88em;
	line-height:1.88em
}

ul#navlist li#navlast a {
	padding:5px 3em;
	font-size:0.94em;
	color:#1A336E;
	font-weight:normal;
	border-right:none;	
	height:1.88em;
	line-height:1.88em
}

ul#navlist li a:hover, ul#navlist li#navlast a:hover {
	color:#1A336E;
	font-weight:normal;
	text-decoration:none;
	background:url(images/menu_bghover.jpg) repeat-x top #D2DAED
}

#active{
	padding:5px 3em;
	font-size:0.94em;
	color:#1A336E;
	font-weight:normal;
	border-right:solid 1px #747B8B;
	height:1.88em;
	line-height:1.88em;
	background:url(images/menu_bg2.jpg) repeat-x top #BDC8E4
}

#activelast{
	padding:5px 3em;
	font-size:0.94em;
	color:#1A336E;
	font-weight:normal;
	height:1.88em;
	line-height:1.88em;
	background:url(images/menu_bg2.jpg) repeat-x top #BDC8E4
}

/* banner */
#banner{
	float:left;
	height:100%;
	width:100%;
	padding:0.3em 0;
	background:url(images/banner_bg.jpg) repeat-x #1A326E
}

#banner img{
	border:solid 1px #4C79FA
}

#info{
	float:left;
	height:100%;
	width:100%;
	padding:5px 0 0 0;
	background:url(images/info_bg.jpg) top repeat-x #9A9EA2
}

/* grey arrow content*/
.arrowwrapper{
	margin:0 auto;
	width: 60em;
	text-align:left
}

#al{
	float:left;
	width:49.5%;
	height:15em;
	background:url(images/arrow1.jpg) left no-repeat #B4B8BD
}

#ar{
	float:left;
	width:49.5%;
	height:15em;
	background:url(images/arrow2.jpg) left no-repeat #9A9EA2
}

#al_title, #ar_title{
	padding:1.56em 0 0 2.5em
}

.a_content{
	padding:1.56em 0 0 2.5em;
}

.a_content_img img{
	padding:0.5em;
	border:solid 1px #DFE3E8
}

.a_content_img{
	float:left;
	width:40%;
	padding:0;
	border:none
}

.a_content_text{
	float:left;
	width:55%;
	font-size:0.7em
}

.a_content h2{
	color:#373737
}

.a_content_text02{
	float:left;
	width:95%;
	font-size:0.7em
}

.a_content_text li, .a_content_text02 li{
	list-style-position:outside;
	margin-left:-1em;
	list-style-image:url(images/bullet.png);
	padding:0.25em 0
}

.a_content_text li a, .a_content_text02 a{
	color:#123882;
	text-decoration:none;
	font-weight:bold
}

.a_content_text li a:hover, .a_content_text02 a:hover{
	color:#123882;
	text-decoration:underline;
	font-weight:bold
}

/*general content*/
.content_wrapper{
	margin:0 auto;
	padding:1em 0;
	width: 60em;
	text-align:left
}

.content_wrapper p, .content_wrapper ul, #tabla p{
	font-size:0.7em
}

.content_wrapper h3, #tabla h3{
	color:#373737;
	font-size:1em
}

.content_wrapper li{
	list-style-position:outside;
	margin:0 0 0.5em -1em;
	list-style-image:url(images/bullet.png)
}

.leftcolumn{
	width:64%;
	float:left
}

.rightcolumn{
	width:33%;
	padding-left:1.5em;
	float:left
}

.rightcolumn a{
	color:#3B60B8;
	text-decoration:none;
	font-weight:bold
}
.rightcolumn a:hover{
	color:#3B60B8;
	text-decoration:underline;
	font-weight:bold
}

.rightcolumn_border{
	border-bottom:solid 1px #4d4d4d}

/* content pictures*/

.leftcolumnpic {
	float:left;
	width:45%;
	padding:0.5em 1em 1em 0
}

.leftcolumn_dr {
	float:left;
	padding:0 1.5em 1em 0;
	width:144px
}

.leftcolumn_dr img, .leftcolumn_flash img {
	border:solid 1px #B4B8BD;
	padding:0.5em
}

.leftcolumn_column {
	float:left;
	padding:0.5em;
	width:70%	
}

.leftcolumn_flash{
	float:left;
	width:300px
}

.leftcolumn_flashcolumn {
	float:left;
	padding:0.5em;
	width:45%	
}

/*procedures*/

#tabla{
	text-align:left;
	float:left
}

#tabla li{
	list-style-position:outside;
	margin:0 0 0.5em -1em;
	list-style-image:url(images/bullet.png);
	font-size:0.7em
}

/*footer*/
#footer {
	background:#B1B9CE;
	width:100%;
	float:left;
	padding:1.5em 0;
	font-size:0.8em;
	color:#3B60B8
}

#footer p{
	margin:0 10%
}

#footer p a, .leftcolumn_column p a{
	font-weight:bold;
	text-decoration:none;
	color:#3B60B8
}

#footer p a:hover,  .leftcolumn_column p a:hover{
	font-weight:bold;
	text-decoration:underline;
	color:#3B60B8
}